网页设计制作教学大纲.doc

网页设计与制作教学大纲网页设计与制作教学大纲适用专业（类）：计算机类、电子商务类专业 总学时：80（理论教学50，独立实训：30）编制人：徐凯 制订时间：2008年3月 一课程介绍随着计算机网络的迅速发展，网页设计已成为当今社会上一种非常热门的技术。网页设计与制作课程是我院计算机网络和计算机应用专业的一门核心课程，它涵盖了HTML语言、DREAMWEAVER 及JavaScript脚本语言等三部分内容，全面介绍WEB站点设计的基本操作技术和使用技巧。二课程的性质和任务1.课程的性质（本课程在整个教学体系中的地位）本课程是计算机类专业的一门主要专业课，是本类专业的核心技能课程。2.课程任务本课程的培养目标是使学生掌握网页设计与制作的基本知识，使学生具备利用常用网页设计工具进行多媒体网页设计的技能，培养学生进行网页设计的逻辑思维和抽象思维的能力，为今后从事网站的建设和管理工作打下良好的基础。三课程目标1.知识目标（1）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能（2）掌握网页制作的基本规范和站点的建立（3）熟练掌握网页中页面属性的设置方法（4）熟练掌握在网页中插入图像、flash动画、背景音乐、视频文件等多媒体元素的方法（5）掌握各种超级链接的使用方法（6）熟练掌握用表格和层布局网页的方法（7）掌握表单在网页中的使用方法（8）掌握框架、模板和库制作网页的方法（9）掌握网页特效的制作方法（10）掌握域名和空间的申请过程（11）掌握网站测试的方法（12）掌握网页的上传和网页的维护2.技能与素质目标（1）培养学生收集、处理信息，准备、加工素材的能力（2）培养学生设计网页、布局网页的能力（3）培养学生的策划能力、色彩感悟力、和想象力（4）培养学生勤奋学习，发现问题后解决问题的能力（5）培养学生自主学习能力和知识应用能力（6）具有高度责任心和良好的团队合作的能力三教学内容及学时分配1理论教学，共50学时理论项目名称计划课时教学内容和知识目标教材章节网站名称项目1：网页赏析2（1）欣赏优秀的网页，激发学习网页设计的兴趣（2）分析优秀网页的布局结构、视觉效果等（3）了解构成网页的基本元素（文本、图像、动画、声音等）（4）了解网页的相关概念和术语（网页、网站、域名、WWW等）项目2：网页制作工具2（1）了解一些制作网页软件（Frontpage）、图像处理软件（photoshop，Fireworks）、动画制作软件（Flash）等的使用（2）了解Dreamweaver的版本（3）了解Dreamweaver的安装与卸载过程（4）熟悉Dreamweaver 8的启动与退出、工作界面布局和工作环境（5）学会用Dreamweaver创建不同格式的项目文件项目3：规划站点2（1）掌握创建站点的操作过程（2）掌握管理站点的操作过程（多个站点、站点的导入和导出）（2）学会创建站点目录结构、管理站点的文件（3）掌握网站的规划（文件结构和层次结构）（4）掌握目录名和网页的命名规范、色彩搭配、尺寸规范项目4：页面控制2（1）掌握Dreamweaver 8的参数设置方法（2）设置页面头内容（设置通用头、添加Meta、关键字、页面刷新）（3）掌握页面属性的设置方法（背景效果、边距、标题字样式）（4）掌握调整页面视图尺寸的方法项目5：文本操作2（1）掌握在网页中输入文本（2）掌握文本属性参数的设置（字体、大小、颜色、对齐方式等）（3）掌握对文本编辑的操作（添加、拷贝、删除、剪切、查找和替换、撤销）（4）掌握在网页中插入文本列表和特殊符号（5）掌握输入空格和实现文本换行的方法（6）学会在网页中插入水平线和日期及属性的设置（7）掌握检查页面文字拼写的方法项目6：图像操作2（1）掌握图像的插入方法（2）掌握图像属性的设置方法（图像的属性、图像热点）（3）掌握图像与文本混合编排的方法（4）掌握插入鼠标经过图像的方法（5）了解插入图像占位符的操作方法（6）掌握交互图像的制作方法（7）掌握插入导航条的制作方法项目7：使用表格2（1）掌握在网页中插入表格（2）掌握表格中参数的设置（行数、列数、宽度、边框、对齐方式、单元格间距、边距、背景等）（3）掌握表格的基本操作方法（拆分、删除，合并等）（4）掌握布局页面表格的方法（5）掌握绘制嵌套表格的方法（6）掌握在表格中插入文字和图片并定位的方法项目8：层的使用2（1）掌握描绘层和插入层、选择层和激活层（2）掌握层的属性设置方法、调整层的大小和位置（3）掌握在层中输入文本和插入图像的方法（4）掌握嵌套层的创建（5）掌握利用层布局页面的方法（6）了解层与表格之间的相互转换方法（7）掌握使用层制作下拉菜单的方法项目9：HTML语言2（1）掌握Dreamweaver 8的HTML源代码编辑功能。（2）掌握快速标签编辑器、标签选择器和标签编辑器的使用方法（3）掌握常用的HTML标记的含义及其应用（4）学会手工修改HTML代码（文本、图像、表格）项目10：制作多媒体页面2（1）掌握在网页中插入flash动画（透明Flash背景）及属性的设置（2）掌握在网页中插入flash按钮和flash文本及属性的设置（3）掌握在网页中插入视频和音频的操作方法（4）掌握在页面中插入背景音乐（5）学会制作flash图像查看器项目11：超级链接（上）2（1）掌握绝对路径和相对路径的概念（2）掌握创建页面间的链接和网站间的链接的操作方法（文本、图像和动画）（3）掌握属性检查器中的“目标”选项的含义（4）掌握创建E-mail链接的操作方法项目12：超级链接（下）2（1）掌握制作下载超链接的方法（2）掌握制作脚本链接的方法（3）掌握创建锚点链接的方法（4）掌握制作图像映射的方法（5）学会通过手工修改HTML的方式实现链接（6）掌握测试链接的有效性的操作方法项目13：表单网页（上）2（1）掌握在表单网页中插入表单域（2）掌握在表单域中插入文本域（3）掌握隐藏域的制作方法（4）掌握在表单域中插入单选按钮组和复选框（5）掌握在表单域中插入列表和菜单项目14：表单网页（下）2（1）掌握按钮、图像域和文件域的制作方法（2）掌握标签和字段集的制作方法（3）掌握跳转菜单的制作方法（4）学会通过手工修改HTML的方式实现表单网页项目15： CSS美化网页（上）2（1）掌握CSS样式表的基本语法和定义位置（2）掌握CSS样式表的创建方法（3）掌握CSS美化普通文本、美化背景项目16： CSS美化网页（下）2（1）掌握CSS美化表单、美化链接、美化图像（2）掌握CSS美化鼠标、光标、页面滚动条（3）掌握外部样式表的使用项目17：网页特效（上）2（1）学会使用时间轴制作特效的操作方法（2）学会使用插件制作特效的操作方法项目18：网页特效（下）2（1）学会使用行为制作特效的操作方法（播放声音、弹出浏览器窗口、设置状态栏信息、检查表单、设置框架文本、设置状态栏文本、设置导航栏图像、显示隐藏弹出式菜单）项目19：JS技术（上）2（1）掌握JavaScript的基本语法（2）了解JavaScript的对象，掌握Window对象、Document对象和常用的内置对象（3）掌握JavaScript代码嵌入HTML代码的方法项目20：JS技术（下）2熟悉应用JavaScript技术制作几种常见的网页特效（日期/时间、图片、文字、表单、页面）项目21：框架网页2（1）掌握在网页中创建框架的操作方法（2）掌握为框架命名并导入框架源文件的操作方法（3）掌握保存框架集文件和各个框架操作文件（4）掌握设置框架集属性和框架属性的操作方法（5）掌握编辑框架内容的操作方法（6）了解设置超级链接的操作方法项目22：模板和库2（1）理解模板和库的作用（2）掌握模板的创建和将已有网页生成模板的操作方法（3）掌握模板的编辑，包括创建可编辑区域、定义可编辑区域、定义重复区域和更新模板（4）掌握库的创建、库的编辑（5）掌握用库和模板制作网页项目23：实例分析4（1）掌握网站的开发流程，了解网站的规划与组织（2）掌握网页设计的规范（3）熟练制作首页（4）熟练制作其他页面（5）培养制作布局较为复杂网页的能力（6）学会综合利用文字、图片、flash动画、视频文件等素材制作网页项目24：网站的上传和维护2（1）掌握网站测试的方法（检查链接、生成站点报告、检查目标浏览器、验证站点）（2）了解域名的设计与申请方法（3）掌握申请网站空间的过程（4）设置远程主机的信息（5）掌握网站的发布方法（6）掌握网站页面的上传（7）了解网站的维护与更新2独立实训，共30学时实训项目名称计划课时教学内容及能力目标教材章节网站名称实训1：工具软件的使用2（1）了解一些制作网页、处理图像、制作动画等软件（2）熟悉Dreamweaver 8的启动与退出（3）熟悉Dreamweaver 8的界面布局和工作环境 实训2： 站点规划和网页的整体设置2（1）掌握Dreamweaver 8的参数设置方法（2）熟练掌握站点创建和管理的操作方法（3）掌握页面属性的设置方法（4）掌握设置页面的尺寸规范和色调搭配（5）掌握网站中网页名称和目录的命名规范实训3：文本和图像的操作2（1）掌握在网页中输入文本、输入空格、实现文本换行和编辑文本的方法（2）学会在网页中插入水平线、日期和特殊符号（3）掌握网页文本格式化操作（4）掌握图像的插入方法，图像属性的设置方法（5）掌握图像与文本混合编排的方法实训4： 表格的使用2（1）掌握表格和单元格的添加、删除、合并的操作（2）掌握表格属性的设置（3）掌握用表格来布局网页实训5： 层的使用2（1）掌握层插入和属性的设置（2）掌握使用层来布局页面（3）掌握层和表格之间的转化方法（4）掌握用层制作下来菜单的方法实训6： HTML语言2（1）掌握用HTML修改页面的属性（2）掌握用HTML修改文本、图像的属性（3）掌握用HTML添加和删除表格、修改表格的属性实训7： 多媒体元素2（1）掌握在网页中插入flash动画和设置其属性的操作方法（2）掌握在网页中插入视频文件的操作方法（3）掌握背景向网页中添加背景音乐的方法实训8：超级链接2（1）掌握创建外部链接和内部链接的操作方法（2）掌握创建E-mail链接的操作方法（3）掌握文本、图像和flash动画的超链接（4）掌握创建下载超链接（5）掌握锚点链接和图像链接的方法（6）学会通过手工修改HTML的方式实现超链接（7）掌握测试链接的有效性的操作方法实训9： 表单网页2（1）掌握在网页中插入表单域，在表单域中插入文本域、单选按钮、列表/菜单、按钮等表单控件的操作方法（2）掌握实现滚动文字效果的操作方法实训10： CSS美化网页2（1）掌握CSS美化普通文本、美化背景（2）掌握CSS美化表单、美化链接、美化图像（3）掌握CSS美化鼠标、光标、页面滚动条（4）掌握外部样式表的使用实训11：网页特效的制作2（1）掌握时间轴制作特效的操作方法（2）学会使用插件制作特效的操作方法（3）掌握使用行为制作特效的操作方法实训12： JS技术2（1）掌握应用JavaScript技术制作网页特效的常用方法实训13：框架网页、模板和库2（1）掌握将已有网页生成模板的操作方法（2）掌握编辑模板和将模板生成新网页的操作方法（3）掌握应用库项目制作网页和更新库项目的操作方法（4）掌握在网页中应用框架和为框架命名并导入框架源文件的操作方法（5）掌握设置框架集属性和框架属性的操作方法实训14：综合网页制作2（1）掌握网站的开发流程，了解网站的规划与组织（2）掌握网页设计的规范（3）学会根据提供的素材熟悉整个网页的制作过程（4）掌握网站的测试方法实训15：网站管理2（1）掌握网站的域名和空间的申请（2）掌握页面的上传与维护3.综合实训，共20学时。综合实训20（1）掌握规划网站的内容结构、目录结构的方法（2）熟练掌握Dreamweaver 8的基本操作和使用技能（3）掌握页面的整体控制和头部内容设置的方法（4）熟练掌握网页页面布局的各种方法（5）熟练掌握在网页中输入、设置标题和正文文字的方法（6）熟练掌握在网页中插入图像、flash动画、视频、背景音乐的方法（7）掌握建立各种形式超级链接的方法（8）掌握表单网页制作方法（9）掌握网页特效的制作方法（10）掌握网站测试的方法（11）掌握网站空间和域名的申请（12）掌握页面的上传与维护四本课程与其他有关课程的联系 此课程与计算机基础、计算机网络技术等课程互相联系、互相补充，分别给学生提供计算机基础知识、网页设计技术的技能、