HTML网页设计教学大纲

1、【HTML网页设计】教学大纲课程性质：专业课学时： 80学时（面授学时：16 实验学时：16 自学学时: 48 ）适用专业层次：高起专一、课程教学基本要求：本课程内容新颖实用并处于逐步形成过程之中，还未具有相应系统的理论，且变化相对比较快。目前，基本以网站建设和网页设计的实践为线索来确定课程的知识结构。根据课程具有实用性的特点，实践环节在教学过程中占有重要地位。通过本课程的学习与实践，学生应达到：1掌握互联网基本知识，及有关Web网站建设的基本概念与方法。2掌握网页设计制作的基本概念，HTML超文本标记语言的基本知识。3主要掌握网页制作工具Dreamweaver、Flash和Firework的

2、使用4掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程，能建设中小型网站。5了解本课程相关技术的发展趋势。二、课程教学大纲说明1.课程的性质：HTML与网页制作课程是计算机网络方向必修的一门专业基础技能课程。学生在学习本课程之前应当具有计算机网络和计算机操作的预备知识和能力。2.课程的任务：作为计算机网络技术专业的学生，应该具备网页设计的相关知识，并有专业化网站的构建能力，能够策划、设计、实现和维护中小型网站（如公司网站、电子商务网站等）。学习完本课程后，学生应该能够形成网站策划和设计的基本知识结构并具有创建一个中小型的个人网站，并将其发布到Internet上运行的能力

3、。3.教学条件：由于该课程注重学生的实际操作能力，因此要求所有课程在计算机房进行，要求为每个学生配备一台高性能计算机，操作系统：Windows 2000 Server,并安装Macromedia Dreamweaver Mx、Flash Mx、Fireworks Mx，并具备Internet上网条件。4.教法说明：在理论教学上，采用“案例分析”的方式，引导学生发现问题、分析问题，掌握网站建设的基本概念和流程。在实践教学上，采用“实例引导，项目驱动”的方式讲授常用软件的使用，通过实现相关实例，在实例基础上改造拓宽，真正实现“学以致用”。在教学过程中，注重对学生各方面素质的培养，注重培养学生的动手

4、能力、表达能力、协作能力和学习能力等。三、各章教学结构及具体要求（每章的教学内容及具体的教学目的和要求）第1章  网页设计理论1.1认识网页与网站1.2网页设计与制作1.2.1基本概念1.2.2网页设计的主题与风格定位1.2.3网站开发的流程1.2.4网站前端开发环境1.2.5相关术语1.3习题 教学目的和要求：主要掌握文档标记的使用，头部标记title，主体标签body，标题标记<h></h>等， 了解和掌握HTML文档的结构。第2章 HTML表格2.1表格2.1.1创建表格2.1.2添加表格内容2.1.3表格基本操作2.1.4表格和单元格的属性设

5、置2.2与表格相关的css属性及其应用2.2.1表格类css属性2.2.2css表格2.3css知识积累2.3.1浮动2.3.2定位2.4商用案例“中秋节电影”活动页面的设计与实现2.4.1页面规划2.4.2页面的具体实现2.5实训2.6习题教学目的和要求：表格章节主要学习设置表格的边框、表格的背景颜色、表格边框颜色、设置表格高度和宽度以及设置表格背景图像等。 掌握表格间距设置，表格水平对齐设置，表格标题的设置，行标签和单元格背景颜色的设置，掌握表格跨行跨列的设置以及表格的嵌套，用于今后利用表格进行网页布局。第3章 静态网页制作3.1html、xhtml和html5概述3.1.1ht

6、ml3.1.2xhtml3.1.3html53.2网页文件的创建过程3.3常用标签3.3.1标题标签、段落标签与换行标签3.3.2超链接标签与图像标签3.3.3列表标签3.3.4表格标签3.3.5表单标签3.3.6html5新增标签3.4简单实例3.4.1创建和保存网页3.4.2预览网页3.5实训3.6习题教学目的和要求：通过框架页示例，学习网页框架的基础知识，掌握框架边框的设置、框架边距的设置、设置框架缩放、设置框架滚动条、设置框架边框的颜色，对框架进行上下分割窗口、左右分割窗口来设计框架页面，设置浮动框架的高度和宽度，设置浮动框架的对齐方式等。第4章 CSS基础4.1css语言概述4.1.

7、1css概述4.1.2css规则4.1.3css的命名规则4.2css与html文档的结合方法4.3结合css创建简单网页4.3.1页面布局分析4.3.2编写html文档4.3.3美化与修改文档4.4实训4.5习题教学目的和要求：本章节将学习使用CSS进行网页样式风格的设计。要使学生掌握使用CSS的基本语法，以及在HTML中使用CSS的几种方法。达到网页美化的目的第5章 Photoshop CS2网页制作5.1初识Photoshop CS25.1.1Photoshop CS2的工作环境5.1.2工具栏与面板介绍5.1.3Photoshop CS2的参数设置5.2创建与管理站点5.2.

8、1创建站点5.2.2创建第一个网页文档5.2.3站点内文件管理5.2.4站点的管理5.3css在Photoshop CS2中的运用5.3.1css的链接类型5.3.2盒模型概述5.3.3css选择符5.4商用案例使用“div+css”模式制作旅行社网页5.4.1页面规划5.4.2实现过程5.5实训5.6习题教学目的和要求：通过初识了解Photoshop CS2的工作环境，学会操作Photoshop CS2的面板，利用简单的知识模板制作简单的网页以及应用到实例中。第6章 JavaScript基础6.1JavaScript编程基础   6.2Jav

9、aScript工作原理 6.3如何在Html页面中使用JavaScript教学目的和要求：讲述Internet、HTML、JavaScript及JavaScript程序的编辑与调试。重点：WWW、HTML、JavaScript概念；JavaScript程序的编辑与调试方法。第7章 JavaScript对象7.1内置对象  (String、Math、Date) 7.2浏览器对象 (Window、Document、History,Forms、)    7.3用户自定义对象 教学内容：讲述String

10、对象、math对象、data对象以及其他对象。重点：String对象、math对象、data对象以及其他对象的概念；难点：以上对象的使用方法。第8章 DOM技术8.1 DOM概念    8.2 JavaScript在DOM中的应用    8.3 DOM客户端编程。教学目的和要求：补步了解DOM技术及应用。第9章 JavaScript事件处理9.1 JavaScript事件认识9.2 JavaScript事件应用教学目的和要求：了解JavaScript事件，学会JavaScript事件的使用。第10章 HTML网页设计实验10.1规划与

11、分析10.1.1相关概念10.1.2规划设计10.2设计与实现10.2.1登录页面的实现10.2.2后台页面的实现10.3实训10.4习题教学目的和要求：进一步深入学习HTML制作网页，设计与实现制作自己的网页。第11章 HTML5音频和视频技术11.1 HTML5音频11.2 HTML5视频技术11.3 综合应用教学目的和要求：音频和视频技术在HTML5 中的应用。第12章 HTML5本地数据存储教学目的和要求：简单了解HTML5本地数据存储。四、各教学环节学时分配表（以高等数学为例）章序授课内容自学学时面授学时小计第一章网页设计理论426第二章HTML表格404第三章静态网页制作404第四章CSS基础426第五章Photoshop CS2网页制作404第六章JavaScript基础426第七章JavaScript对象426第八章DOM技术426第九章JavaScript事件处理426第十章HTML网页设计实验404第十一章HTML5音频和视频技术426第十二章HTML5本地数据存储426合计481664五、教材及主要参考书教 材: 网页设计与制作案例教程（HTML+CSS+Dreamw