网页设计与制作课程教学实施大纲.docx

网页设计与制作课程教学实施大纲.docx

《网页设计与制作课程教学实施大纲.docx》由会员分享，可在线阅读，更多相关《网页设计与制作课程教学实施大纲.docx（17页珍藏版）》请在冰豆网上搜索。

网页设计与制作课程教学实施大纲

《网页设计与制作》课程实施性教学大纲

一、课程性质和任务

本课程的目的是通过对HTML、VBScript编程技术、Dreamweaver8、ASP动态页面设计的学习，掌握综合应用网页设计的各种技能，培养学生的自我学习和动手能力，真正能使用所学的知识进行网站建设。

二、课程培养目标

【教学目标】

1．熟练掌握Web站点的基本概念；

2．熟练掌握HTML文档结构和各种标记的使用；

3．掌握VBScript编程技术和ASP技术；

4．掌握Dreamweaver8页面设计方法和常用的表单对象。

【能力目标】

1．熟练掌握利用HTML标记进行页面设计的方法和技巧；

2．熟练掌握利用VBScript、ASP进行动态页面设计的方法和技巧；

3．熟练掌握利用Dreamweaver8进行页面设计与布局的方法和技巧。

4．养成良好的网页设计与制作习惯。

5．养成良好的自主自学能力。

【思想教育目标】

1．培养学生科学、严谨的态度。

2．培养学生理论联系实际的学习能力。

3．培养学生全面发展的学习能力。

4．培养学生的社会责任感。

5．培养学生的良好的职业道德和敬业精神。

三、课程教学要求

1．在接受大学计算机基础知识教育的基础上，从使用角度进一步掌握计算机的基本知识，并了解当前有关计算机的新知识和新热点，以及当前的流行软件。

2．掌握制作网页的基础知识。

3．掌握网页的核心技术HTML语言，涉及了HTML语言文档的基本结构，逐一介绍了HTML语言中的格式、表格、、框架结构、表单、图象标记处理以及移动文字等内容。

4．了解支持实现客户端动态页面（DHTML）的DOM（文档对象模型）、CSS（层叠样式表）和SCRIPT（脚本程序语言）技术及DHTML页面的设计。

5．掌握专业网页设计工具Dreameweaver软件的使用及用它进行页面制作。

6．熟悉网站综合开发的全过程。

7．在教学过程中，应特别重视培养学生利用计算机知识进行自学的能力和探索、创新的精神。

四、课程重点与难点

1．《网页设计与制作》课程的重点有网页的布局、网页中文本和图像的处理、超级链接与导航栏、HTML语言、使用CSS样式美化网页、网页设计。

2．本课程的难点有网页中图像的处理、动画的制作、VBScript技术的应用、网站的规划与组织、网页中特效制作。

3．课程的重点、难点及解决方法的具体说明如下表所示：

类别

知识点

解决办法

重点

网页的布局

网页中文本和图像的处理

1.经典网页赏析，形成深刻印象

2.分析多种网页布局的特点、导航栏的特点

3.真实案例教学与实践

HTML语言

使用CSS样式美化网页

1．通过真实案例分析HTML和CSS，先进行操作，然后分析代码

2．任务型教学，先提出问题，然后分析解决方法，观察其实际效果，最后分析HTML代码的变化

网页设计

1．先分析具体实例，形成感性认识，然后总结一般规律，运用一般规律指导网页设计。

难点

网页中图像的处理

动画的制作

1．开设选修课程《图形图像处理与动画制作技术》，为学习网页设计提供保障。

VBScript技术的应用

网页中特效制作

1．通过分析目前网站中常用的特效，了解特效的制作技术。

2．通过观察常见特效的效果及制作方法，了解JavaScript技术的应用，激发学生对JavaScript技术的兴趣。

网站的规划与组织

1．以实例分析网站的规划与组织方法。

2．让学生自己动手进行网站的规划与组织。

五、教学方法

1．任务驱动教学方法：

让学生在一个个典型“任务”驱动下，引导帮助学生完成一系列“任务”，把知识的学习和知识的应用有机地融合在一起，让学生达到融会贯通、以点带面的效果。

2．项目教学法：

在课堂教学中把理论与实践有机地结合起来，使学生积极参与到教学过程中．变被动为主动，有效地调动学生学习的积极性。

3．实践教学法：

本课程实践很强，学生只听不练根本达不到学习该课程的目的，根据课时安排以及要掌握基本知识，设置实验项目，培养学生动手能力。

4．问题讨论与小组协作：

要求学生以3－5人为小组单位，在课外完成需要落实的理论与实践知识，通过问题讨论与小组协作学习，使每位同学都能达到应达到的能力目标。

六、教学参考书目

1．李京文等编著.《网页设计与制作》.高等教育出版社（）：

2007

2．李京文.《网页设计与制作实训与考试指导》.高等教育出版社（）：

2007

3．明日科技编著.《ASP开发技术大全》.人民邮电出版社（）：

2007

4．梁芳、李莉莉主编.《网页设计与制作（第2版）》.清华大学出版社（）：

2011

5．杨桦、孙利娟主编.《网页设计与制作实用教程》.清华大学出版社（）：

2011

6．张国庆主编.《网页设计与制作》.清华大学出版社（）：

2013

七、教学基本内容

第1章网页设计基础知识

【教学目标】

1．了解：

网站的有关名词，如：

WWW服务器、Web节点、网页、、主页（Homepage）、浏览器（Browser）、超级链接、http（hypertexttransmissionprotocol）、URL（UniformResourceLocator）、html（hypertextmarkuplanguage）语言等；常用的网页设计工具。

2．掌握：

网站设计的基本思路；

【教学重点与难点】

常用的网页编辑器

【教学内容】

1.1Internet基础

1.1.1Internet概述

1.1.2WWW与网页

1.2网站设计的基本思路

1.3网页设计常用工具

1.3.1网页制作工具

1.3.2网页美化工具

【思考与实践】

1．简述WWW的工作原理。

2．什么是网页与网站？

3．简述网站建设的基本思路。

第2章HTML语言

【教学目标】

1．了解：

HTML语言的发展情况；

2．掌握：

HTML的基本概念、文档的基本结构，以及HTML文档结构标记、段落标记、字符标记、链接标记、图像标记、列表标记、表格标记等HTML的常用标记及相关属性；熟练应用HTML标记语言对利用网页设计工具软件设计出的网页进行修改和优化，从而实现对网页精确的控制。

【教学重点与难点】

表格、表单、框架和CCS样式

【教学内容】

2.1HTML基础

2.1.1基本概念

2.1.2HTML文档的基本结构

2.2文本格式标记

2.2.1标题标记

2.2.2换行标记

2.2.3段落标记

2.2.4字体标记

2.2.5字形标记

2.2.6字符样式标记

2.2.7水平线标记

2.2.8预定义标记

2.2.9特殊字符的插入

2.3列表标记

2.3.1有序列表标记

2.3.2无序列表标记

2.4多媒体元素标记

2.4.1插入图像标记

2.4.2插入多媒体文件标记

2.4.3插入背景音乐标记

2.4.4插入滚动字幕标记

2.5超链接标记

2.5.1创建站点内链接

2.5.2创建站点间链接

2.5.3创建锚链接

2.5.4创建邮件链接等其他链接

2.6表格标记

2.6.1

2.6.2…常用属性

2.6.3…常用属性

2.6.4…常用属性

2.6.5…常用属性

2.7表单标记

2.7.1创建表单

2.7.2输入型表单控件

2.7.3文本域表单控件

2.7.4下拉列表框表单控件

2.8框架标记

2.8.1框架集

2.8.2框架

2.8.3…

2.9CSS样式

2.9.1认识CSS

2.9.2CSS语法

2.9.3CSS的使用

2.10案例解析

2.10.1设计思路

2.10.2案例结构

2.10.3页面解析

【思考与实践】

1．试按照要求编写program.htm文件，实现下面的表格。

页面功能要求：

（1）“课程表”采用3号标题，居中显示；

（2）表格的宽度为345，高度为139，边框宽度为1；

（3）“课号”、“课程名”、“学分”采用5号标题，居中显示；

（4）“网络原理”和“网页设计与制作”课程的详细说明文件分别为该网页所在目录的net.htm和web.htm，需要为表中的课程名设置相应的超链接，单击后以一个新窗口打开相应的说明页；

（5）其他属性自行定义。

2．按下图所示完成考生文件夹下的program.htm，设计一个用户注册信息表。

页面功能要求：

（1）“用户注册”采用3号标题，居中显示；

（2）整个表单采用一个两列的表格进行布局，其中第一列占窗口的20%；

（3）输入的密码和密码验证不能以明文显示；

（4）性别默认是“男”；

（5）用户名和电子邮箱文本框文字大小是40；

（6）学历可从下拉列表“硕士以上”、“大学本科”、“大专以下”三者中选择其一，默认值为“硕士以上”；

（7）最后的两个命令按钮分别实现“登录”和“全部重写”的功能；

（8）表单采用“post”方式向服务器当前目的“userlogin.asp”提交数据；

（9）表单各域的名称可以自己定义。

第3章Dreamweaver8网页设计

【教学目标】

1．了解：

Dreamweaver8基本概念，WWW服务器的设置，Dreamweaver8的几种视图方式及切换方法，会预览网页；Dreamweaver8时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法等。

2．掌握：

网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性、插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、添加导航条等方法；表格和单元格的属性设置，会用表格组织网页的总体布局；使用布局视图规划页面的总体布局；超链接和超链接路径的基本概念；建立超链接的操作方法，学会建立文本超链接；插入表单以及表单元素的方法；CSS样式表的基本概念，会使用CSS样式面板；

【教学重点与难点】

页面布局与设计

【教学内容】

3.1Dreamweaver8简介

3.1.1Dreamweaver8操作界面

3.1.2标题栏

3.1.3菜单栏

3.1.4工具栏

3.1.5网页编辑窗口

3.1.6状态栏

3.1.7面板工具

3.2站点的建立与管理

3.2.1建立站点

3.2.2管理站点

3.3页面设计

3.3.1页面属性设置

3.3.2文本编辑

3.3.3图像操作及应用

3.3.4表格的使用

3.3.5超链接

3.3.6使用多媒体

3.3.7层的使用

3.3.8框架

3.3.9样式表的创建与使用

3.3.10库与模板

3.3.11表单及其应用

3.3.12行为与时间轴

3.4案例解析

3.4.1设计思路

3.4.2案例结构

3.4.3页面解析

【思考与实践】

1．阅读以下代码，说明该页面文件的运行结果。

课程表

星期一