网页设计与制作教学大纲

《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：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号字六、教学方法与手段：板书讲授、多媒体演示七、各教学环节学时分配：理论实习选修其他合计Dreamweaver基础11网页设计语言基础11文本和图像处理22表格与页面布局22创建超级链接44层与层动画44框架与框架网页22创建ＣＳＳ样式表22资源、模板和库22媒体对象的应用22表单处理44创建Web站点22网站的维护和上传22制作动态网站22合计3232表格居中，表格宽度基本占满版心，行高设为0.8cm（两行文字的设为1.1cm）。八、考核方式：1.考核方式：闭卷考试。2.成绩核定办法：采取闭卷理论考试与平时考查、上机实验相结合的方法评定成绩。其中：理论考试70%；平时30%（包括实验，作业，平时课堂考勤等）。九、推荐教材和教学参考书：教材：《》，ⅹⅹ编着，ⅹⅹ出版社，ⅹⅹ年。参考书：《》，ⅹⅹ编着，ⅹⅹ出版社，ⅹⅹ年。十、说明：大纲制订人：（宋体，5号字）大纲审定人：制订日期：