《网页设计与制作》课程教学大纲
课程编号:
课程名称：网页设计与制作
课程类型:专业基础课
总学时：64 讲课学时：32 实验学时：32
适用班级:
一、课程性质、目的和任务：（加粗，以下同）
1、目的
本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
2、任务
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
二、教学基本要求：（分三级：掌握、理解、了解）
1．掌握：
要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：
要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：
要求学生能够一般地了解的所学内容。
三、教学内容及要求：
第1章Dreamweaver基础
教学内容：
Dreamweaver 的历史和简介
Dreamweaver 的安装过程
Dreamweaver 的全新界面
改进的设计与开发环境
主菜单介绍
对象控制面板介绍
教学要求：
掌握：Dreamweaver的基本特点、新增功能及界面组成。基本操作，如安装、新建、打开、导入、保存、关闭等。
理解：新增功能、界面组成的优点。
了解：Dreamweaver可以为我们做些什么。
第2章网页设计语言基础
教学内容：
HTML及XHTML语言介绍
常用的网页语法标记
教学要求：
理解：HTML及XHTML语言介绍，常用的网页语法标记
第3章文本和图像处理
教学内容：
文本属性面板
编辑文本和插入对象
设置文本的格式
编号与项目符号
在网页中插入图像
图像的应用
教学要求：
掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。理解：如何进行图像调整。
第4章表格与页面布局
教学内容：
表格的基本操作
单元格的基本操作
表格的自动套用格式
表格的创建
表格的编辑
创建布局单元和表格
教学要求：
掌握：如何插入、编辑表格，创建布局单元和表格。
理解：表格在网页排版中的作用。
了解：使用页面布局模式进行网页排版的方法。
第5章创建超级链接
教学内容：
链接分类
创建超级链接
链接的四种状态
创建Email链接
管理超级链接
教学要求：
掌握：创建超级链接和Email链接，会设置链接的各种状态。理解：超级链接几种状态之间的差别和共同点。
了解：创建Email链接中的各种技巧。
第6章层与层动画
教学内容：
层的概念
创建层
层操作
层与表格的相互转换
层动画的概念与设计
教学要求：
掌握：层的概念与使用
理解：层动画的概念与设计
第7章框架与框架网页
教学内容：
框架的基本概念
创建框架和框架集
框架的使用
框架和框架集的属性设置
教学要求：
掌握：框架和框架集的创建；框架的使用。
理解：使用框架的优缺点。
第8章创建ＣＳＳ样式表
教学内容：
CSS层叠式样式表
定义CSS样式表
创建并链接到外部CSS样式
设置CSS样式的格式化参数
设置超链接显示状态
添加各种ＣＳＳ效果
教学要求：
掌握：内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。
理解：使用CSS排版的优点。
了解：如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。
第9章资源、模板和库
教学内容：
资源管理
模板的创建
模板的编辑
定义模板可编辑区域
创建，管理和编辑库项目
教学要求：
掌握：模板的创建，模板的编辑，定义模板可编辑区域
理解：资源管理
了解：创建，管理和编辑库项目
第10章媒体对象的应用
教学内容：
插入Flash对象
插入Shockwave对象
插入视频
插入ActiveX控件与Java小程序
填加声音
教学要求：
掌握：插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java 小程序、填加声音
第11章表单处理
教学内容：
表单概述
表单对象
创建表单
处理表单
创建动态表单
教学要求：
掌握：创建表单、处理表单和设置表单参数。
理解：表单的概念和作用。
了解：如何使用表单创建交互式界面。
第12章创建Web站点
教学内容：
站点规划
在Dreamweaver8中创建站点
管理站点与站点文件
使用站点地图
为网站指定服务器技术
教学要求：
掌握：规划站点、建立和管理站点；使用站点文件和地图。
理解：创建站点的必要性。
了解：服务器技术的指定。
第13章制作动态网站
教学内容：
Access数据库基础
ODBC数据源设置
ASP与Web服务器配置
Dreamweaver8动态网站设计
创建与数据库连接
教学要求：
掌握：数据源的设置，如何配置Web服务器，如何创建与数据库的链接。
理解：数据库在动态网站设计中角色的重要性。
了解：设置数据源和创建数据库链接的技巧
第14章网站的维护和上传
教学内容：
在本机中测试网站
预览网页效果
网站的查错
发布网站到服务器
教学要求：
掌握：Dreamweaver8的测试、预览和发布设置。
理解：网站排错的必要性。
了解：如何发布网站到服务器。
四、实践环节：
实训1：建立Web网页
实训2：利用表格进行网页排版
实训3：使用页面布局模式
实训4：对网页进行排版应用ＣＳＳ格式表实训5：在网页中应用模板
实训6：在网页中应用库
实训7：在网页中插入导航条和翻转按钮实训8：插入Flash及多媒体内容
实训9：使用层进行网页的排版和布局
实训10：自行设计和制作个人网站
实训11：自行设计和制作商业网站
五、课外习题及课程讨论：
正文为宋体，5号字
六、教学方法与手段：
板书讲授、多媒体演示
七、各教学环节学时分配：
八、考核方式：
1. 考核方式：闭卷考试。
2. 成绩核定办法：采取闭卷理论考试与平时考查、上机实验相结合的方法评定成绩。其中：理论考试70%；平时30%（包括实验，作业，平时课堂考勤等）。
九、推荐教材和教学参考书：
教材：《》，ⅹⅹ编著，ⅹⅹ出版社，ⅹⅹ年。
参考书：《》，ⅹⅹ编著，ⅹⅹ出版社，ⅹⅹ年。
十、说明：
大纲制订人：（宋体，5号字）
大纲审定人：
制订日期：
【本文档内容可以自由复制内容或自由编辑修改内容期待你的好评和关注，我们将会做得更好】
感谢您的支持与配合，我们会努力把内容做得更好！
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/452433308.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/452433308.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/452433308.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/452433308.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/452433308.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/452433308.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/452433308.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/452433308.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/452433308.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
Web考点 一、判断、单选（20*2’）、填空 1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对 象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/452433308.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/452433308.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径（Relative Path） (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：同目录下文件间互相链接； ../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件； 如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。
网页设计与制作_在线作业_C 最终成绩：90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点： 11.2 编辑矢量对象 用户解答： FALSE 2. (5.0 分) FALSE TRUE 知识点： 12.1 创建和编辑标准文本 用户解答： FALSE 3. 在Fireworks中，图中(b)是对(a) 实施外斜角滤镜的结果。（） (5.0 分) TRUE FALSE 知识点： 13.1 滤镜 用户解答： FALSE 4. 在Fireworks中，“自由变形工具”能够直接对矢量对象执行变形操作，也能对路径上的各个定位点进行操作。（） 在Fireworks中，文字不能设置笔触和填充。（）
(5.0 分) FALSE TRUE 知识点： 13.2 资源——样式、元件、URL 、形状 用户解答： TRUE 5. (5.0 分) FALSE TRUE 知识点： 13.4 优化与导出 用户解答： FALSE 6. (5.0 分) FALSE TRUE 知识点： 15.2.3 绘图工具箱 用户解答： TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中，元件是用户自己建立的可以重复使用的图形，动画或按钮对象。（ ） 在Fireworks 中，可以同时显示6幅不同优化效果的图像。（ ） Flash 中“墨水瓶工具”（Ink Bottle Tool ）是为矢量色块进行填充的工具。（ ） Flash 中文本必须图形化才能使用滤镜。（ ）
知识点： 16.1.1 文本工具 用户解答： TRUE 8. (5.0 分) TRUE FALSE 知识点： 16.1.2 文本变形及图形化 用户解答： TRUE 二单项选择题 1. (5.0 分) 知识点： 9.5 调整画布或图像 用户解答： 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点： 11.2 编辑矢量对象 用户解答：“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体，应将文字图形化。（） 若需要向下方向扩大Fireworks画布，应在修改Fireworks画布的窗口内，点击（）锚定按钮。在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下： 老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）
网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/452433308.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/452433308.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML
网页设计与制作_在线作业_1 一、单选题 1. 在Fireworks中，修改用钢笔绘制的自由路径的弧度，需使用（）。 ? A. 部分选定工具 ? B. 钢笔 ? C. 重绘路径工具 ? D. 指针工具 2. 在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。? A. “修改”|“组合路径”|“联合” ? B. “修改”|“组合路径”|“拆分” ? C. “修改”|“组合路径”|“封口” ? D. “修改”|“组合路径”|“接合” 3. 若将页面分为3个框架，应保存（）个网页html文件。 ? A. 1 ? B. 2
? C. 3 ? D. 4 4. 在Fireworks中，“自由变形工具”的光标有两种形状，（）。 ? A. 当光标为时，对路径执行“扭曲”操作，当光标为时，对路径执行“拉伸”操作 ? B. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 ? C. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“扭曲”操作 ? D. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 5. .blue {color: #0000ff}是（）。 ? A. 标签选择符和选择符组 ? B. 包含选择符 ? C. ID选择符 ? D. 类选择符 6. 书写CSS样式时，要把相同属性和值的标签组合起来书写，应使用（）。
? A. ID选择符 ? B. 类选择符 ? C. 标签选择符和选择符组 ? D. 包含选择符 二、多选题 1. Flash的“选择工具”用于选取图形、移动图形和编辑图形。其光标可以是（）。? A. ? B. ? C. ? D. 2. 使用Flash “选择工具”同时选中，则（）。 ? A. 作图或拖动舞台对象时，可以准确地吸附到其他线条上的点。 ? B. 鼠标指针指向对象的中心点，鼠标指针上出现一个小三角 ? C. 作图或拖动舞台对象时，可以准确地吸附到其他图形的中心点。 ? D. 影响绘制形状或位置的微调。 3.
存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目..................................... 错误!未定义书签。 二、课程设计工作..................................... 错误!未定义书签。 三、课程设计的内容要求............................... 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。第2章课程设计目的 .................................... 错误!未定义书签。第3章课程设计内容 .................................... 错误!未定义书签。 设计一选题的基本原则............................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。 设计四利用DW的站点功能上传或用FTP工具上传站点.... 错误!未定义书签。第5章课程设计心得 .................................... 错误!未定义书签。第6章参考文献 ....................................... 错误!未定义书签。
网页设计与制作课程标准 一、课程性质与任务 网页设计与制作课程是电子商务专业商务网站维护方向的一门 专业技能课程。旨在于培养学生从事网页设计与制作的基本职业能力，为下一步网站建设的学习打好基础，是学生达到网页设计制作人员的基本职业能力要求。 二、课程教学目标 通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能在网页中设置各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业方向的发展奠定基础。 职业能力目标： （1）能够熟练制作简单网页； （2）能够创建本地站点并能在网页中设置各种超链接； （3）能够对网页进行具有创意的美化； （4）能够制作有创意的网页动画； （5）能够掌握网页设计与制作的相关技巧； （6）能够根据企业需要制作商务网页； （7）能够跟踪和学习网页设计与制作的新知识和新技能。 三、参考学时 108学时。 四、课程内容与培养目标
五、教学建议 （一）教学方法 教师必须重视现代教学理论的学习，不断的更新观念，深刻领会和探究任务引领型的项目活动形式的教学方式。 1.项目教学 在教师的指导下由学生亲自处理一个项目的全过程，让学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难。加强网页制作技术与各课程整合的研究，充分运用项目教学法，探索在数字化学习环境下的新型教学模式，为学生提供自主发展的时间和空间，努力培养学生的创新精神和实践能力，自觉地成为学生学习的引导者和促进者。 2、任务驱动法 在教学活动中，教师应当围绕特定的教学项目，设计出具体的，可操作的任务，以任务组织教学，在任务的履行过程中，以参与、体验、互动、交流、合作的学习方式，充分发挥学习者自身的认知能力，
《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时： 4 学分总学时72学时，理论36 学时 适用专业：网络工程 开课学期：第四学期 开课部门：计算机与互联网学院 先修课程：计算机文化基础计算机网络 考核要求：考试 使用教材及主要参考书： 向知礼主编：《网页设计与制作》航空工业出版社2017 年 杨松主编：《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务： 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章，分为 3 大部分。前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash， Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页 制作技术，包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布； 要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的 教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发 展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
《动态网页制作实例教程—Dreamweaver ASP与SQL》说课稿 单位： 姓名：
各位专家评委、老师好！我今天说课的课题是动态网页制作实例教程，下面我将从说人才培养方案及专业培养目标、说教学大纲、说教材、说教法和学法、说学情及学生学习方法指导、说教学过程、说板书设计七个方面来对本课程进行说明。 一、说人才培养方案及专业培养目标 潍坊工商职业学院的办学目标：以就业为导向，培养适应生产、建设、管理、服务第一线需要的高素质技能型人才，为地方区域经济发展服务。突出职业教育办学的实践性、职业性的特色。 本专业的培养目标：具有计算机硬件、软件的基础理论知识和计算机系统的实际应用与维护能力，理解计算机的基本原理，熟练掌握微机和计算机网络的基本操作、信息管理系统软件开发和维护能力、网页网站开发等技能的面向工作一线的高素质技能型人才。 二、说教学大纲 1、课程定位 《动态网页制作实例教程-Dreamwearver ASP与SQL》是一门研究动态网页及网站设计与构建的基本原理和基本方法的课程；是计算机类专业必修的一门专业课；是具有系统的网络技术、数据库技术、软件编程技术和网站构建方法与技术，实践性很强的课程。本课程是学生学习后续课程和完成课程设计与毕业设计不可缺少的重要基础，是日后从事技术工作的重要工具。 本课程的主要内容包括：网络技术、网页技术、数据库技术与Internet技术的基本知识；动态网站设计与构建的基本原理；面向对象分析、设计与实现的基本思想和方法等。根据培养对象的层次特点，本课程在开发学生综合应用能力、和创新能力的培养有着重要的地位；为培养面向工程的应用型人才以及学生就业奠定了基础。 课程的考核方式为平时表现占10%，作业占10%，理论考试占50%。 2、课程目标 通过本门课程的学习，使学生具有初步设计能力、软件编程能力、综合应用能力，具备构建动态网站的实际技能。对于本门课程有如下三个教学目标：（1）知识目标：掌握网站开发的一般流程和步骤，对动态网页制作有系统全面地认识和了解。 （2）能力目标：对所要建设网站的初步分析能力；独立制定所要完成功能的分析、设计及制定实施方案；完成学生信息管理系统的开发；对所开发的网站进行简单的功能测试；提高口头与书面表达能力、人际沟通能力。 （3）素质目标： 提高团队精神和协作精神、艰苦奋斗意识、心理素质和克服困难的能力。 希望通过本课教学，使学生在知识的理解和掌握，能力的锻炼与提高、情感
PS网页设计与制作（主页） 一、教材分析 设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用Photoshop设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习PS网页设计，通过新建文档，完善网页中的其它要素，如：文本、页头、页脚、图片等要素。二、学情分析 认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。 知识技能水平： 在前几课时的学习中学生了解了网页的常见大小，主页包含的各项要素，七年级下已学习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活运用以前的所学，制作出有个人特色的主页。学生在自主实践环节是遇到的问题，通过同伴互助、范例展示等方式，更好地理解为何这么做，以及怎么做。 三、教学目标 （一）、知识与技能 1.了解主页大小，掌握设置主页大小的方法。 2.掌握文本设置的方法，尝试通过更改大小、字体、变形、混合选项呈现出有个人特色的文本。 3.了解导航栏的样式及位置，掌握矩形的绘制调整方法。 （二）、过程与方法 1.通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。 2.培养学生对问题的分析和解决能力，更好地理解PS制作主页的方法与策略，提高学生对PS的理解与认识。
（三）、情感态度与价值观 提倡学生多观察、多动手实践，不怕失败，只怕不动。在信息技术课堂上勇于探索实践，通过作品展示自己。 四、教学重点 主页大小设定、标题和图片的大小及位置、导航栏制作 五、教学难点 主页中各对象的大小及位置 六、教学方法 任务驱动、分层教学、同伴互助 七、教学准备 极域多媒体网络教室、Photoshop cs5、学案 八、教学过程 教学 阶段 教学活动学生活动设计意图 创设情境1.展示范例，吸引学生的注意力， 调动学习的积极性 2.师：刚才大家看到的是我们八年级 一些同学的网页设计作品，在这些作 观看放映 聆听老师 观察素材文件 并进入创设情境 展示同个年龄段同 学的作品，可以吸 引学生的注意力， 也更贴近学生的生 活，引起更多的共 鸣，尽快进入学习 氛围。 选择PS制作网页， 拓宽学生的知识 面，提升PS的操作
第3讲文字的操作一 1.1教学目标： ◆知识目标 1.掌握在网页中输入文本、文本编辑。 2.掌握网页文本格式化的操作方法。 3.学会在网页中插入其它特殊文本。 ◆技能目标 1.在网页设计编辑中熟练引用文本、列表、分段等方法并设置。 2.能够根据页面需要对文本进行编辑设置来美化页面。 3.能够根据页面需要灵活添加其它特殊元素。 ◆品质目标 培养学生认真细致、勇于创新的精神 1.2教学重点： 1.掌握在网页中输入文本、文本编辑。 2.掌握网页文本格式化的操作方法。 3.学会在网页中插入其它特殊文本。 1.3 教学难点 掌握在网页中输入文本、文本编辑。掌握网页文本格式化的操作方法。 1.4教学方法：讲练结合，任务驱动、分子任务操练 1.5课时安排：2课时 1.6教学对象分析： 这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。 1.7教学过程： 一、任务目标----任务三文本的操作 本任务是针对网页的基本元素——文本的相关操作的子任务，旨在通过该任务的实施完成，读者能够熟练掌握编辑网页文本的各种方法，对网页文本的格式化处理有一个清晰的认识，使网页的显示效果更加丰富多彩。 ◆完成任务关键步骤 ?新建一个网页并保存到站点指定目录。 ?在页面中输入文字。 ?运用Dreamweaver CS6提供的导入功能，把外部文件插入当前页面。 ?在拆分视图中显示并修改标记，了解标记功能。 ?在页面的指定位置插入水平线。 ?在页面的适当位置插入能够自动更新的日期。 ?通过页面属性的设置掌握网页格式的整体。 ?设置网页中文本的项目列表及缩进方式处理。 ?设置网页中文本的格式。 ?设置锚点链接。 二、在网页中插入文本
第5讲图像的操作（一） 1.1教学目标： ◆知识目标 1.认识图像，掌握在页面中插入图像的方法 2.掌握图像各属性的作用和交换图像的设置。 ◆技能目标 1.能够根据页面显示效果在适当位置插入图像元素。 ◆品质目标 培养学生认真细致、踏实进取的精神 1.2教学重点： 2.掌握图像各属性的作用和交换图像的设置。 1.3 教学难点 交换图像的设置。 1.4教学方法：讲练结合，任务驱动、分子任务操练 1.5课时安排：2课时 1.6教学对象分析： 这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。 1.7教学过程： 一、激趣导入，揭示课题 前一章节把Dreamweaver MX的工作环境做了一个详细介绍，相信同学们对网页制作软件的界面有了一个清晰的认识，万事开头难，一个好的站点不仅有全局规划，而且一个功能强大的网站，需要多方面知识的积累，首先找一个已经做得比较好的网站，把整个链接过程演示给学生，让他们感受到网站其实做起来也不难，只要用心就可以，关键是主线要清晰。二、使用图像 图像和文字是网页中最重要的两个元素。一个高质量的网页是离不开图像的。制作精良的图像可以大大增强网页的美观性，令网页更加生动多彩。在页面中如何用漂亮的图像来吸引人们的视线是每个网站都需要面对的问题。 一幅好的图片，胜过千言万语，反映在网页上也是如此。在这里“好的”这个词包含了三方面的含义：一是指合适的，用一幅毫不相干的图像只会起到画蛇添足的作用；二是指正确的，用一个文件量很大的图像或者格式错误的图像，只会让浏览者对你的网页火冒三丈；三是指漂亮的。 0.1认识图像 要在文档中正确使用图像，首先要了解一些Internet相关的图像知识。 由于图像在磁盘中的压缩方式和存储方式的不同，加上许多图像处理软件又有自己专门的格式，所以图像的标准有很多种。目前在Internet上最为常见的图像包括JPG、JPEG、GIF
网 页 设 计 与 制 作 学院：张仲景国医学院 班级：13级护理二班 姓名：张梦琳 学号：1316216020
网页设计与制作 摘要：伴随着互联网的出现以及发展，网页也随之应运而生，尤其现在的社会， 网络在人类的生活中扮演了越来越重要的角色。一个好网页的价值也不短提升。同时也随着计算机处理文字以及图像的处理能力不断增强，网页的制作也要求制作者熟练的网页制作技术，也要有一定的艺术设计能力。所以要求我们对网页设计课程的熟练认识以及操作能力。 关键词：网页网页设计HTML 动态网页静态网页一.网页的概念：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。网页(web page)通常是HTML格式（文件扩展为。html 或。htm或.asp或。aspx或。php或。jsp等）如果只有域名和虚拟主机而没有制作任何网页的话，客户则无法访问网站。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。网页（英文：Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的为什么在源文件看不到任何图片？图片文件中存放的 只是图片的链接文职，甚至可以不在同一台计算机上。 网页设计------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则： 1. 明确加冕礼网站的目标和用户需求 2. 网页设计总体方案主题鲜明 3. 网页设计的两大要点：整体风格和色彩搭配 二：HTML语言 HTML（HyperTex t Mark—up Language）即超文体标记语言或超文体链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考率具体信息是在当前电脑上还是在网络的其他电脑上。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含索要说明的具体内容。 另外，HTML是网络的通用语言，一种简单、通用的全置标记语言HTML 是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。注意“blockquote” 前的斜杠，那就是关闭标签与打开标签的区别。但是也有一些标签例外。比如，标签就不需要。
1.HTML 文件必须使用 htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页 B．万维网 C．浏览器 D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是 .htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或 .html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑 HTML 文件的是：（C）。 A．记事本 B．FrontPage C．Flash D．Dreamweaver 10.以下有关 HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。
网页设计与制作 一、HTML基本语言： 1.HTML基本语法：（如图） ....:表示HTML文档的开始和结束
…:表示HTML文档的头部。最常用的标记是