网页设计教学大纲

2022-07-19

第一篇：网页设计教学大纲

《网页设计》教学大纲

课程名称：《网页设计》英文名称：《Web Design》课程性质：学科教育平台选修课课程编号：P122006 所属院部：美术与艺术设计学院周学时：12学时总学时：48学时学分：3学分

教学对象（本课程适合的专业和年级）：美术学类专业（本科）二年级学生预备知识：掌握图像处理技术，会使用Photoshop等图像处理软件；熟悉一定的视觉设计理念。

课程在教学计划中的地位作用：本课程属于美术学类专业的学科教育平台选修课程，是一门实践性很强的专业课程，包括16学时的理论课时和32学时的实验课时。

教学方法：讲授+练习教学目标与要求：（1）教学目标：

通过《网页设计》的学习，能够提高学生掌握设计过程的熟练程度，把握网页设计的方法和思路，更好地将技术与艺术相结合。（2）教学要求：

1.熟悉商业网站的策划过程，理清作品创作的设计思路。

2.熟练掌握Dreamweaver软件的各项操作，能够制作复杂的静态页面。 3.熟练掌握运用PhotoShop软件绘制网页效果图方法，并能够合理对效果图进行切片和数据优化。

课程教材：郭玉龙，王增.网页设计与制作.南京：南京大学出版社，2010年8月. 参考书目：

[1]谭贞军，刘斌.中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS3版).北京：清华大学出版社，2008年9月.

考核形式：考查

编写日期：2015年3月制定

课程内容及学时分配（含教学重点、难点）：第一章网页基础知识（4学时）教学重点：网页的构成元素。

教学难点：动态网页和静态网页的区别。第二章使用记事本创建HTML页面（4学时）教学重点：使用记事本创建HTML页面。教学难点：无。

第三章使用 Dreamweaver 创建HTML页面（4学时）教学重点：Dreamweaver软件的使用。教学难点：Dreamweaver软件的使用。第四章使用表格布局网页（4学时）教学重点：表格布局方法的使用。教学难点：跨行合并、跨列合并。第五章使用CSS样式表（4学时）教学重点：CSS代码。教学难点：CSS代码。

第六章使用层布局网页（4学时）教学重点：DIV+CSS布局方法的使用。教学难点：DIV+CSS中float浮动用法。第七章应用表单（4学时）教学重点：表单的应用。教学难点：表单的应用。

第八章用Photoshop制作网页图片（4学时）教学重点：用Photoshop切图。教学难点：网页图片的优化。第九章网站策划（4学时）教学重点：网站策划的核心。教学难点：网站策划的核心。

第十章

“达美乐比萨”网站制作（4学时）教学重点：“达美乐比萨”网站的布局。教学难点：DIV+CSS中float浮动用法。补充说明：无。

第二篇：《网页设计》课程教学大纲

课程编号：

英文名称：WebPages Designing 课程类型：专业选修课学时/学分：24+24/2 授课对象：专科生

先修课程：计算机文化基础课程简介：

《网页设计》是一门重要的信息管理专业的选修课程。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。

教学目的和要求：

通过学习，使学生了解网页网站的基础知识;掌握网页三剑客的使用方法，以便能够正确应用和维护网站。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

教学内容：

第1章网页设计快速入门(2)

1、教学内容：

1.1 在Internet上安个家

1.2 知识要点

1.2.1 有关网页设计的概念

1.2.2 网页设计软件

1.2.3 网页制作过程

1.2.4 企业建立网站的过程

1.2.5 网页设计与HTML 1.3 本章小结

2、教学重点：

网页设计的概念、网页制作过程。

3、教学难点：网页设计与HTML。

第2章 Dreamweaver MX快速入门(1)

1、教学内容：

2.1 制作网站电子相册

2.2 知识要点

2.2.1 认识Dreamweaver MX中文版基本界面

2.2.2 认识窗口项目

2.2.3 面板组

2.3 本章小结

2、教学重点：

Dreamweaver MX中文版基本界面。

3、教学难点：

1 标准视图模式下表格的应用。

3、教学难点：

布局视图模式下表格的应用。

第6章 Dreamweaver MX图层应用(2)

1、教学内容：

6.1 一个弹出式菜单设计的实例

6.1.1 设计弹出式菜单的效果图

6.1.2 设计弹出式菜单的过程

6.2 知识要点

6.2.1 创建层

6.2.2 选择层

6.2.3 插入层对象

6.2.4 移动层

6.2.5 对齐层

6.2.6 层与表格相互转换

6.2.7 设置层属性

6.3 本章小结

2、教学重点：

层的基本操作和层的属性设置。

3、教学难点：

层与表格的转换、行为和事件。

第7章 Dreamweaver MX时间轴(2)

1、教学内容：

7.1 制作一个动态地址导航图

7.2 知识要点

7.2.1 时间轴控制面板

7.2.2 时间轴的基本应用

7.3 本章小结

2、教学重点：时间轴的基本应用。

3、教学难点：录制层路径。

第8章表单操作(2)

1、教学内容：

8.1 制作一个网上报名表单

8.1.1 制作网上在线报名表单

8.1.2 预览网上在线报名表单

8.2 知识要点

8.2.1 插入表单

8.2.2 插入文本对象表单

8.2.3 插入按钮

8.2.4 插入复选框

8.2.5 插入单选按钮

8.2.6 插入列表/菜单域

3 8.2.7 插入文件字段

8.2.8 插入图像域

8.2.9 插入隐藏域

8.2.10 插入跳转菜单

8.3 本章小结

2、教学重点：

表单和常用表单域的用途和使用方法。

3、教学难点：

插入隐藏域和跳转菜单。

第9章 Dreamweaver MX综合应用(2)

1、教学内容：

9.1 一个网站建立的实例

9.1.1 建站准备

9.1.2 制作网站

9.2 知识要点

9.2.1 网站的设计构思

9.2.2 资源面板的应用

9.2.3 行为面板的应用

9.2.4 站点管理器的应用

9.3 本章小结

2、教学重点：

网站的设计构思、资源面板的应用。

3、教学难点：行为面板的应用。第10章 Flash MX快速入门(0.5)

1、教学内容：

10.1 制作一个移动的圆

10.2 知识要点

10.2.1 Flash MX的界面

10.2.2 主菜单项目

10.2.3 常用工具栏

10.2.4 时间轴面板

10.2.5 绘图工具栏

10.2.6 其他重要栏目

10.3 本章小结

2、教学重点：

Flash MX的工具栏和时间轴面板。

3、教学难点：时间轴面板的使用。第11章 Flash MX的绘图功能(0.5)

1、教学内容：

11.1 制作一个网页广告

11.2 知识要点

11.2.1 绘图工具

4 11.2.2 指针工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 颜色设置

11.2.6 图片的使用

11.3 本章小结

2、教学重点：绘图工具的使用。

3、教学难点：图片的使用。第12章 Flash MX动画制作初步(1)

1、教学内容：

12.1 制作动态文字的实例

12.2 知识要点

12.2.1 图层(Layer)

12.2.2 帧(Frame)

12.2.3 使用图符、实例和库

12.2.4 用Sound面板引入和编辑声音

12.2.5 文件预览

12.3 本章小结

2、教学重点：

使用Flash MX制作简单动画。

3、教学难点：

帧的基本操作、在动画中添加声音。第13章 Flash MX动作的应用(1)

1、教学内容： 13.1 图像动画实例

13.1.1 制作可供控制播放的循环动画

13.1.2 制作按钮元件

13.1.3 设计场景

13.1.4 舞台播放区背景的制作

13.1.5 在场景上创建Daughter影片剪辑的实例

13.1.6 后台控制程序

13.2 知识要点

13.2.1 ActionScript的基本概念

13.2.2 用动作面板编辑对象动作

13.3 本章小结

2、教学重点：动作面板的使用。

3、教学难点：

用动作面板编辑对象动作。第14章 Flash MX的综合应用(1)

1、教学内容：

14.1 制作一个网站的门户广告动画

5 14.1.1 设计构思

14.1.2 素材准备

14.1.3 制作过程

14.1.4 发布过程

14.2 知识要点

14.2.1 文件的导入与导出

14.2.2 文件的发布及发布设置

14.2.3 发布预览

14.3 本章小结

2、教学重点：

文件的导入和导出、文件的发布。

3、教学难点：

Flash MX动作的应用。第15章 Fireworks MX应用基础(1)

1、教学内容：

15.1 Web按钮制作实例

15.2 知识要点

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的编辑模式

15.2.3 Fireworks的工具详解

15.2.4 Fireworks中的对象

15.2.5 Fireworks的层

15.3 本章小结

2、教学重点：

Fireworks的工具详解。

3、教学难点： Fireworks的层。第16章 Fireworks MX进阶操作(1)

1、教学内容：

16.1 一个简单的动画

16.2 知识要点

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的颜色混合模式

16.2.3 Fireworks的热点和切片

16.2.4 Fireworks实用技巧 16.3 本章小结

2、教学重点： Fireworks实用技巧。

3、教学难点：

Fireworks的蒙版、热点和切片。第17章站点的发布、宣传推广与维护(2)

1、教学内容： 17.1 站点的发布

17.2 网页的测试

6 17.2.1 下载时间测试

17.2.2 浏览器兼容性测试

17.2.3 拼写检查测试

17.3 站点宣传与推广的一般方法

17.4 站点的维护与更新

17.5 本章小结

2、教学重点：站点的发布。

3、教学难点： CuteFTP的使用方法。

实验内容：

实验一

(使用HTML语言制作简单网页)(2)

1、实验目的：

熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。

2、实验内容：

用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。

一首唐诗

第三篇：动态网页设计教学大纲

《动态网页设计》课程教学大纲

一、课程性质、目的

课程性质：本课程是计算机各专业的必修课程，是Web开发的核心课程之一，着重讲解ASP以及数据库系统（Access或SQL Server）的应用，以及动态网页的编制过程。

课程目的：通过本课程的学习，掌握Web基本搭建技术，了解动态网页的设计规范，掌握必要的VBScript与ASP程序设计方法，重点掌握ASP与Web数据库相结合的综合技术。通过本课程的学习，使学生具备搭建中小网站的基本技术，同时也是Web项目设计的前导核心课程之一。

二、教学基本要求

课程的教学要求大体上分为三个层次：了解、理解和掌握。了解：是能正确判别有关概念和方法；理解：是能正确表达有关概念和方法的含义；掌握：是在理解的基础上加以灵活应用。

三、教学内容及要求

第1章网络基础知识（1学时）

1.1 Internet基础 1.2 Web简介

1.3 Web程序开发环境

11第2章 ASP概述（1学时）

2.1 什么是ASP 2.2 IIS的安装

2.3 IIS的配置

2.4 测试网站服务器

2.5 第一个ASP程序

第3章 Web页面制作基础（4学时）

3.1 HTML标记语言

3.2 设置文字风格 3.3 建立超链接

3.4 多媒体效果

3.5 制作表格

3.6 建立表单

3.7 构建框架

3.8 CSS

第4章 ASP开发基础（2学时）

4.1 ASP基本语法

4.2 ASP指令的使用

4.3 申请域名和空间

4.4 发布网站

第5章 VBScript脚本语言（4学时）

5.1 VBScript语言概述

5.2 常量与变量

5.3 运算符的应用

5.4 函数的应用

5.5 数组的创建与应用

5.6 流程控制语句

5.7 注释语句的使用

5.8 过程的创建与调用

第6章 ASP内置对象（4学时）

6.1 ASP内置对象概述

6.2 Request请求对象

6.3 Response响应对象

6.4 Application应用程序对象

6.5 Session会话对象

6.6 Server服务对象

6.7 ObjectContext事务处理对象

第7章 ASP常用组件（2学时）

7.1 Ad Rotate广告轮显组件

7.2 Browser Capabilities浏览器性能组件

7.3 Page Counter计数器组件

7.4 CDONTS邮件收发组件

第8章文件管理（2学时）

8.1 FileSystemObject文件系统对象

8.2 文件的基本操作

8.3 文本文件的操作

第9章 ADO数据库访问（4学时）

9.1 ADO概述

9.2 在ODBC数据源管理器中配置DSN 9.3 Connection对象连接数据库

9.4 Command对象执行操作命令

9.5 RecordSet对象查询和操作记录

9.6 Error对象返回错误信息第10章 ASP高级程序设计（2学时）

10.1 ASP操作XML文档

10.2 在ASP中应用Ajax 10.3 在ASP中使用类

第11章 ASP综合开发实例——博客网站（8学时）

11.1 概述

11.2 网站总体设计

11.3 数据库设计

11.4 文件架构设计

11.5 公共文件的编写

11.6 前台主页面设计

11.7 文章展示模块设计

11.8 相册展示模块设计

11.9 博主登录模块设计

11.10 文章管理模块设计

11.11 相册管理模块设计

第12章课程设计一——在线投票系统（2学时）

12.1 课程设计的目的

12.2 设计思路

12.3 设计过程

第13章课程设计二——无刷新聊天室（2学时）

13.1 课程设计的目的

13.2 设计思路

13.3 设计过程

四、实践环节

1、创建虚拟WEB服务器

2、VBScript流程控制结构的应用

3、VBScript子程序与函数

4、Response对象的应用

5、Request对象的应用

6、Server对象与服务器端文件访问

7、数据库的读取、插入、删除与更新

8、数据库查询

9、博客网站

10、在线投票系统

11、无刷新聊天室

五、课外习题及课程讨论

通过习题课的教学及解题过程的训练，促进学生运算技能，逻辑推理能力，运用所学知识分析、解决问题能力的进一步提高，消化和巩固所学的理论知识，检查学生对所学内容的掌握程度，使学生明确教学基本要求，发现自己学习中的薄弱环节，发挥教与学，导与练，学与用的桥梁作用。

六、教学方法与手段

本课程具有知识性、技能性和应用性相结合的特点，因此，要积极地处理好理论与实践教学环节的关系。教学中以精讲多练为原则，积极采用现代教育技术，多媒体教学与网络教学并举，支持和激励学生开展自主学习。理论教学以多媒体辅助教学的授课方式，采用适合本课程特点的CAI课件，注重基本概念讲解与实例的演示，使学生可以直观而清晰地看到操作效果，加深对知识点的理解。重视上机实践环节，应保证上机机时不少于本教学大纲规定的实验学时；加强课内教学辅导。对关键性概念、整体实现思想方面的问题可辅以课堂讨论的形式。应善于利用教学资源，特别是网络资源，促进教学的互动，注重培养学生实际动手能力和创新学习的意识和能力。

七、考核方式

本课程采用笔试、课程设计+平时实验和平时分相结合的方法,比例为5:(2+1):2。课程设计作品由教研室和任课教师一道组成答辩委员会评审。学生采用分组的形式完成课程设计，每组3~5人，并任命一名负责人负责整个设计的组织和实施。课程设计的最终成绩由实验课程+平时设计组成，具体比例为2：1。

八、推荐教材和教学参考书

教材：ISBN 978-7-115-18810-6 吴素芹《ASP动态网页制作教程》人民邮电出版社

参考书：ISBN978-7-302-17387-8 《ASP动态网页设计》清华大学出版社

九、说明

本课程为WEB开发方向的核心课程，具有很强的实用价值。由于ASP技术是一门实践性较强的综合技术，故建议授课时应该注重实验教学的作用。授课教师在设计实验时，应该充分考虑实验的典型性、综合性、渐进性等，建议与课程设计结合设计实验。课程设计作为本课程最后的实践环节，承担着使学生具备一定的WEB综合设计能力的任务，要求教师认真辅导，务必起到促进学生实践能力培养的作用。

第四篇：网页设计与制作教学大纲

(供医学影像学、护理学本科各专业用)

前言

《网页设计与制作》是一门应用性和理论性都很强的课程，是医学影像和护理学专业的选修课程。通过学习本课程使学生初步了解网页制作及建立网站的基础知识，掌握制作网页和建立网站的技术。

总学时：18学时，实际教学中采用理论教学中穿插上机实践。

第一章网页设计基础知识

一、目的和要求

(一)

了解Internet的功能

(二)

理解WWW和网页、网站的相关概念 (三) 了解常用的网页制作工具 (四) 理解建设网站的基本方法和思路

二、教学内容

(一) 网页基本概念:了解网页、网站、万维网(www) 、浏览器、统一资源定位符(URL) 、IP地址、域名、超级链接、静态网页和动态网页的基本概念。

(二) 网页设计的相关知识

1、设计网页的原则: 了解网页设计的基本原则。

2、网页设计的一般步骤:了解网页设计的一般步骤。

3、Web服务器架构:了解Web服务器的概念、会建立IIS，会进行Web站点的设置与管理。

4、网页制作的常用工具:了解Frontpage、Macromedia Dreamweaver、记事本;了解图像处理工具Photoshop,Firework，了解动画制作工具：Macromedia Flash等。

5、客户端技术：了解HTML、DHTML、XML的概念。

6、服务器端技术：了解ASP、PHP、Java的概念。

第二章 HTML语言

一、目的和要求

(一) 熟悉HTML标记语言的基础知识; (二) 熟悉HTML语法基础;

(三) 掌握文本格式标记、列表标记、表格标记、表单及表单控件标记，熟练利用标记编写页面代码; (四) 掌握超链接、图像、音乐及流动字幕的设置方法。

二、教学内容

(一)

HTML语言基本概念：了解HTML、超文本、Web页的概念。 (二) HTML文档架构:掌握HTML文档基本架构。 (三)

HTML常用标记

1、掌握文本格式标记：,,,。

2、掌握段落格式标记：,,

。 3 、了解特殊字符标记：<，>，&，。 4 、掌握列表标记：

。

5、掌握多媒体标记：,,。

7、掌握超链接标记：。

8、掌握表格标记：

。

9、掌握框架标记：。

10、掌握表单及表单域标记：

。

第三章 Dreamweaver 8网页设计

一、目的和要求

(一)

熟悉Dreamweaver 8操作界面; (二) 掌握Dreamweaver 8建立与管理站点;

(三) 掌握如何使用Dreamweaver 8对文本、图像、表格进行插入与编辑; (四) 掌握如何使用Dreamweaver 8创建超链接、表单、样式表; (五) 掌握如何在Dreamweaver 8中使用层与框架。

二、教学内容

(一) Dreamweaver 8基础知识:会启动、关闭中文Dreamweaver 8，了解Dreamweaver 8的功能、主窗口，标题栏、菜单栏、工具栏、网页编辑窗口、状态栏、属性面板、浮动控制面板组。

(二) 站点的建立：熟练掌握利用Dreamweaver 8建立站点、管理站点。

(三) Dreamweaver 8页面设计: 熟练掌握利用Dreamweaver 8插入文字、插入图像、插入表格、插入超链接、插入媒体元素、插入表单，会使用样式表控制页面格式。

(四)

页面布局:熟练掌握利用表格控制页面布局，会使用框架进行特殊的页面布局，了解利用层实现页面布局。

第四章 VBScript脚本语言

一、目的和要求

(一)

了解VBScript的基本概念; (二) 熟练掌握VBScript语法;

(三) 熟练掌握VBScript的sub过程与function函数; (四) 会使用VBScript进行简单编程。

二、教学内容

(一)

VBScript的基本概念

1、了解在网页中如何嵌入VBScript。

2 、了解VBScript语句书写规则、数据类型、变量、常量、运算符和内置函数的概念。 (二)

VBScript的过程与函数

1、熟练掌握VBScript中SUB过程的建立。

2、熟练掌握VBScript中FUNCTION()函数的使用。

(三)程序设计流程:了解条件语句和循环控制语句

(四)VBScript对象的使用：掌握Window对象、History对象、Form对象的语法格式及使用方法。

2 并利用案例熟悉对象。

第五章 ASP动态网页制作

一、目的和要求

(一)

深刻理解动态网页技术和静态网页技术的区别和联系。 (二) 掌握ASP运行环境的搭建方法及建立ASP动态网站的一般方法。 (三) 理解Request和Response对象的作用，熟练掌握其使用方法。 (四)

能够综合运用网页设计方法创建动态网站。

二、教学内容

(一)

ASP概述：了解ASP的概念，ASP的工作过程，ASP与HTML的区别。 (二)

ASP动行环境：IIS的安装，IIS下站点的建立与管理。

(三)

ASP的内建对象：掌握Request对象，Request对象可访问的变量Querystring、form、cookies和server variable;掌握Response对象，Response对象提供的方法write,redirect,end的使用。

(四)

ASP动态网站的创建：利用ASP技术验证表单中用户填写的信息。

第六章网站制作实例

一、目的和要求

(一)

巩固Dreamweaver 8中网站设计的基本方法; (二) 巩固编制HTML和ASP代码的方法; (三) 综合运用所学知识设计制作小型网站。

二、教学内容

(一)

网站的规划设计：确定网站的主题和名称，确定网站的形象，确定网站的栏目，确定网站的目录结构，确定网站的链接结构，网站的整体风格，首页的设计，站点的创建。 (二)

静态网页设计 (三)

动态网页设计

教材：李京文主编，网页设计与制作，高等教育出版社，2012。

李京文主编，网页设计与制作实训与考试指导，高等教育出版社，2012。

参考书：曾鸿主编，网页设计与制作高等教育出版社，2009。

第五篇：《网页设计与制作》教学大纲

课程编号：14411400 课程总学时：48 周学时数：3 学分：3 课程类型：专业必修课开课(系)院：教育学院执笔人：朱玲审核人：刘梅

一、课程简介

《网页设计与制作》是一门综合性、应用性很强的课程，是教育技术学专业的一门专业必修课程。通过学习本课程，能利用Dreamweaver 8来开发出有实用价值的网站来。熟练掌握Dreamweaver 8的基本界面环境和HTML语法，了解当前常用数据库的基础知识，能利用数据库来为网站服务。

本课程以《Dreamweaver 8中文版网页制作基础》作为教材，该教材采用项目教学法。项目教学法”是通过实施一个完整的项目而进行的教学活动，其目的是在课堂教学中把理论与实践教学有机地结合起来，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力。这也充分体现了我校的培养应用型人才的路线。

二、教学目的与要求

1、教学目的

本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver 8提供的强大的功能制作出精美的网站。

2、教学要求

在本课程的学习中，要求学生能够熟练使用Dreamweaver 8操作环境，掌握HTML的语法规则，并能够利用Dreamweaver 8的强大功能制做出精美的网页，同时能独立创建并管理网站。

三、教学内容及学时安排

第一章Dreamweaver 8概论

[教学目的与要求]

1.认识Dreamweaver 8 2.了解Dreamweaver 8的用途及新增功能 3.熟悉Dreamweaver 8的工作界面 4.熟悉Dreamweaver 8的一些简单的设置 [重点与难点]

1. Dreamweaver 8的工作界面 2.自定义工作环境 3.选择视图方式 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是Dreamweaver

二、新增功能

三、Dreamweaver 8的工作界面

(一)选择工作界面

(二)界面组成

四、自定义工作环境

(一)显示/隐藏面板和工具栏

(二)更改“插入”工具栏的外观

(三)自由组合面板

(四)调整文档窗口大小

五、选择视图方式

(一)代码视图

(二)设计视图

(三)代码和设计视图 [实验实践教学环节]

实验项目：熟悉Dreamweaver8操作环境实验课时：2学时 [课堂训练、作业思考题]

1.如何使一个控制面板成为一个独立的面板? 2.如何将文档窗口调整为640×480像素大小?

[教学目的与要求]

1.了解网页的设计与布局原则 2.明确网站的策划与创建原则 3.知道网站的开发流程 [重点与难点]

1.网页的设计与布局原则 2.网站的策划与创建原则 3.网站的开发流程

第二章网页与网站的基本知识

[教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、网页设计和布局原则

(一)网页主题网页主题时应该遵循以下原则：

(二)网页命名和标志

(三)网页的色彩

(四)网页的文字

(五)网页中的表格

(六)网页版面和布局

二、策划与创建原则

(一)什么是网站 (二)网站的目标定位 (三)网站的风格 (四)网站的CI形象 (五)网站的栏目和板块 (六)网站的目录结构

三、网站的开发流程： [实验实践教学环节]

无

[课堂训练、作业思考题]

1.简述网站开发需要经过的几个主要阶段。2.简述制作网页需要注意的问题。

[教学目的与要求]

1.掌握HTML语言及其基本语法 2.如何制定及清理多余的HTML代码 3.掌握在各种环境中编辑HTML代码的方法 [重点与难点] 1.HTML的基本语法 2.使用代码检查器 3.设置HTML代码参数

第三章 HTML语言控制

4.清理多余的HTML代码 5.编辑HTML代码 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是HTML

二、HTML的基本语法

三、认识“代码检查器”面板

(一)“代码检查器”面板的功能

(二)3.3.2 设置“代码检查器”面板

四、设置HTML代码参数

(一)设置代码颜色

(二)设置代码格式

(三)设置代码改写参数

五、清理HTML代码

六、编辑HTML代码

(一)在代码视图中编辑HTML

(二)在设计视图中编辑HTML

(三)在外部代码编辑器中编辑HTML [实验实践教学环节] 无

[课堂训练、作业思考题]

1.如何清除多余的HTML代码和多余的word代码?

第四章设置文本和网页属性

[教学目的与要求]

1.了解文档的新建、保存和打开

2.掌握怎样输入文本、查找和替换、检查拼写、设置文本和段落 3.掌握使用水平分隔线和设置网页属性等 [重点与难点] 1. 文档的基本操作 2. 输入文本 3. 查找与替换 4. 拼写检查 5. 格式化文本 6. 使用水平分隔线 7. 设置网页属性 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、文档的基本操作

(一)启动Dreamweaver 8主工作界面

(二)新建文档 “新建文档”对话框

(三)保存新文档

(四)打开文档

二、输入文本

(一)文本换行 (二)插入特殊字符 (三)导入Word文档 (四)添加注释

三、查找与替换 “查找和替换”对话框

四、拼写检查 “检查拼写”对话框

五、格式化文本

(一)文本属性栏 (二)设置文本格式 (三)设置段落格式

六、使用水平分隔线

(一)4.6.1 添加水平分隔线 (二)4.6.2 修改属性 (三)4.6.3 设置颜色

七、设置网页属性

(一)4.7.1 使用“页面属性”对话框 (二)4.7.2 使用网页配色方案 [实验实践教学环节]

实验项目：插入网页对象(第

4、

5、

9、12章) 实验课时：3学时 [课堂训练、作业思考题]

1.如何使启动程序不显示起始页? 2.简述创建一个空白文档的过程。

第五章使用网页图像

[教学目的与要求]

1.了解网页图像的基本概念

2.掌握如何插入图像、如何编辑图像 3.掌握如何创建图像映射即热点 [重点与难点]

1.网页图像的格式 2.插入图像 3.编辑图像 4.创建图像映射 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、网页图像简述

(一)位图图像 (二)矢量图像 (三)常见网页图像格式

二、插入图像

(一)插入普通图像

(二)插入鼠标经过时变化的图像 (三)插入网页背景图像

三、编辑图像

(一)5.3.1 调整图像大小 (二)5.3.2 剪掉图像的多余部分 (三)5.3.3 调整图像的亮度和对比度 (四)5.3.4 锐化图像 (五)5.3.5 图像的排列方式 (六)5.3.6 设置图像间距 (七)5.3.7 用文字代替图像 (八)5.3.8 使用图像编辑器

四、创建图像映射

(一)5.4.1 什么是图像映射图 (二)5.4.2 图像映射面板 (三)5.4.3 定义和编辑热点 (四)5.4.4 为热点建立链接 [实验实践教学环节]

实验项目：插入网页对象(第

4、

5、

9、12章) 实验课时：2学时 [课堂训练、作业思考题]

1.如何在网页中用文字代替图像? 2.如何为热点建立链接?

[教学目的与要求]

1.掌握表格的创建和使用、表格的编辑和修改2.掌握表格的套用样式和嵌套 3.掌握如何使用表格进行页面布局 [重点与难点]

1.创建表格 2.编辑表格

第六章创建和使用表格

3.套用表格 4.表格的嵌套

5.使用表格进行页面布局 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、创建表格

(一)插入表格并添加内容 (二)导入表格数据文件

二、编辑表格

(一)添加/删除行列 (二)调整表格大小 (三)调整行高和列宽 (四)合并/拆分单元格 (五)设置单元格的宽度和高度 (六)设置表格的边框颜色 (七)设置表格的背景

三、套用表格样式

四、表格的嵌套

五、使用表格进行页面布局

(一)布局模式

(二)绘制布局单元格和布局表格 (三)将内容添加到布局单元格中 (四)使用间隔图像

(五)更改布局表格和布局单元格的属性[实验实践教学环节]

实验项目：网页布局(第

6、

7、8章)实验课时：2课时 [课堂训练、作业思考题]

1.简述合并和拆分单元格的几种方法。2.怎样在布局表格中使用间隔图像?

第七章创建和使用框架

[教学目的与要求]

1.理解框架和框架集的概念

2.掌握如何创建、选择框架和框架集

3.掌握如何设置框架和框架集的属性及编辑框架页面 [重点与难点]

1.创建框架与框架集 2.选择框架与框架集的方法 3.设置框架与框架集的属性 4.编辑框架页面 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是框架与框架集

二、创建框架与框架集

(一)使用预定义创建框架集 (二)自己设计框架集 (三)删除框架 (四)创建嵌套框架集

三、选择框架与框架集

(一)在文档窗口中选择 (二)在“框架”面板中选择

四、设置框架与框架集属性

(一) 设置框架属性

(二) 设置框架集属性

五、编辑框架页面

(一)7.5.1 设置框架中文档的背景颜色 (二)7.5.2 使用链接控制框架内容 (三)7.5.3 替换框架文件

(四)7.5.4 保存框架和框架集文件 (五)7.5.5 解决浏览器无法显示框架的问题 [实验实践教学环节]

实验项目：网页布局(第

6、

7、8章) 实验课时：2课时 [课堂训练、作业思考题]

1.如何删除框架和框架集? 2.怎样替换框架文件?

[教学目的与要求]

1.了解创建层

2.掌握设计层属性、编辑层 3.掌握层和表格的转换 [重点与难点]

1.创建层 2.设置层属性 3.编辑层 4.层和表格的转换 [教学时数] 3学时

[教学方法与手段]

第八章创建和使用层讲授法与多媒体教学相结合 [主要内容]

一、创建层

(一)创建平铺式层 (二)创建重叠式层 (三)创建嵌入式层

二、设置层的属性

(一)设置层参数 (二)设置单个层属性 (三)同时设置多个层的属性

三、编辑层

(一)使用“层”面板通过“层”面板可以管理文档中的层。

(二)使用“层”面板可以防止层重叠、更改层的可见性、将层嵌套或层叠，以及选择一个或多个层。(三)在层中添加内容 (四)选择和移动层 (五)防止层重叠 (六)改变层的堆叠次序

(七)显示/隐藏层 (八)创建预先载入层 (九)调整层的大小

层和表格的转换层

(一)将层转换成表格 (二)将表格转换成层 [实验实践教学环节]

实验项目：网页布局(第

6、

7、8章)实验课时：2课时 [课堂训练、作业思考题]

1.如何创建预先载入层? 2.简述表格与层的转换方法。

[教学目的与要求]

1.了解表单与表单元素的基本概念

第九章表单

四、 2.掌握表单的创建及表单元素的插入和设置方法 3.掌握检查表单以验证表单元素正确性 [重点与难点]

1. 表单的创建

2. 插入与设置文本域和文本区域

3. 插入与设置复选框、单选按钮和单选按钮组 4. 插入与设置列表框和弹出菜单 5. 插入与设置跳转菜单 6. 插入与设置文件域 7. 插入与设置表单按钮 8. 检查表单 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、表单与表单元素 (一)表单 (二)表单元素

二、表单

(一)创建表单 (二)设置表单属性

三、文本域和文本区域

(一)插入文本域 (二)设置文本域的属性 (三)插入文本区域

四、复选框、单选按钮和单选按钮组

(一)插入单选按钮与复选框 (二)设置单选按钮与复选框的属性

五、列表框和弹出菜单

(一)插入列表框与弹出菜单 (二)设置列表/菜单属性 (三)跳转菜单 (四)文件域 (五)表单按钮 (六)标准表单按钮 (七)图片式按钮 (八)检查表单 [实验实践教学环节]

实验项目1：插入网页对象(第

4、

5、

9、12章) 实验课时：3学时实验项目2：表单对象实验课时：2课时 [课堂训练、作业思考题]

1.文本域与文本区域有何区别? 2.如何插入跳转菜单?

第十章添加超级链接和导航工具条

[教学目的与要求]

1. 掌握在Dreamweaver 8中创建超级链接的基本方法;

2. 了解超级链接的种类：包括内部、外部超级链接、为E-mail和下载文件添加超级链接、使用锚点和导航条工具等内容。 [重点与难点]

1、内部超级链接的使用方法;

2、外部超级链接的使用方法;

3、为图片添加超级链接;

4、为E-mail创建超级链接;

5、设置下载文件链接;

6、锚点的创建方法;

7、导航条的创建方法; [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是超级链接

(一)超级链接的概念 (二)链接路径

二、使用内部超级链接

(一)10.2.1 为文字添加超级链接 (二)10.2.2 设置文字超级链接的属性 (三)10.2.3 为图片添加超级链接

三、外部超级链接

四、为E-mail和下载文件添加超级链接

(一) 为E-mail添加超级链.

(二) 为下载文件添加超级链接

五、使用锚点

(一) 创建锚点

(二) 链接锚点

六、使用导航工具条

(一) 插入导航条

(二) 修改导航条 [实验实践教学环节]

无

[课堂训练、作业思考题]

1.简述超级链接的分类。 2.如何创建锚点?

第十一章层叠样式表

[教学目的与要求]

1. 掌握CSS的基本语法与功能、“CSS样式”面板与“相关CSS”面板的使用、应用类样式的方法、插入样式表的方式、CSS样式的属性设置;

2.了解样式表的优先顺序等内容。 [重点与难点]

1. CSS样式的创建、编辑与导出 2. 应用类样式 3. 设置CSS样式属性 4. CSS样式的优先顺序 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、层叠样式表概述

(一)什么是CSS (二) CSS的基本语法

二、CSS样式的创建、编辑与导出

(一)认识“CSS样式”面板 (二)认识“相关CSS”面板 (三)创建CSS样式

(四)导出样式以创建CSS样式表 (五)管理CSS样式 (六)链接和导出外部样式表 (七)编辑CSS样式 (八)编辑外部样式表

三、应用类样式

(一)应用自定义的CSS样式 (二)删除自定义的CSS样式

四、设置CSS样式属性 (一)“类型”选项 (二)“背景”选项 (三)“区块”选项 (四)“方框”选项 (五)“边框”选项 (六)“列表”选项 (七)“定位”选项 (八)“扩展”选项

五、CSS样式的优先顺序

[实验实践教学环节] 无

[课堂训练、作业思考题]

1.简述CSS样式的作用。 2.简述创建CSS样式的方法。

[教学目的与要求]

1.掌握插入Flash动画、Shockwave电影第十二章插入多媒体组件

2.掌握插入Applet程序、ActiveX控件和插件等内容 [重点与难点]

1. 添加Flash动画。 2. 添加Shockwave电影。 3. 添加Java Applet程序。 4. 使用ActiveX控件。 5. 使用插件。

6. 添加声音背景和声音文件。 7. 插入日期和时间。 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、插入多媒体文件简介

二、添加Flash动画

(一)插入Flash动画 (二)设置Flash动画属性 (三)参数简介

三、插入Shockwave电影

(一)插入Shockwave电影 (二)设置Shockwave电影属性

四、插入Java Applet程序

(一) 插入Java Applet程序

(二) 设置Java Applet属性

五、设置ActiveX控件

六、设置Netscape Navigator插件

(一)插入插件 (二)设置插件属性

七、在网页中添加声音

(一)声音文件格式 (二)为网页加入背景音乐 (三)嵌入声音文件

八、插入日期和时间

九、使用计数器 [实验实践教学环节]

实验项目：插入网页对象(第

4、

5、

9、12章) 实验课时：3学时 [课堂训练、作业思考题]

1.简述可以插入的多媒体组件的种类。 2.如何在网页中嵌入声音文件?

第十三章生成动态特效

[教学目的与要求]

1.了解行为的含义

2.掌握应用Dreamweaver 8中内置的各种行为、为对象附加行为及获取更多的行为 [重点与难点]

1. 了解行为

2. 了解Dreamweaver 8的内置行为 3. 应用行为 [教学时数] 3学时 [教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是行为

二、Dreamweaver 8中的行为 (一)认识行为面板 (二)内置行为

三、应用行为 (一)为对象附加行为 (二)获得更多的行为

四、动态特效实例 (一)改变对象属性 (二)检查浏览器 (三)检查插件 (四)制作弹出窗口 (五)制作动态图片说明 (六)设置状态栏信息 (七)设置播放声音 [实验实践教学环节]

实验项目：制作动态网页实验课时：3课时 [课堂训练、作业思考题]

1.简述改变层属性的方法。

2.简述单击某按钮时发出声音特效的制作方法。

第十四章库与模版

[教学目的与要求]

1.掌握如何创建和设置库项目，为网页添加库项目和编辑库项目 2.掌握如何创建、设置模板的网页属性 3.掌握如何导入导出XML内容 [重点与难点]

1. 设置库项目参数 2. 编辑库项目 3. 利用库项目更新网站 4. 使用模板创建网页 5. 修改模板属性 6. 导入导出XML内容 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、库与模版概述

二、使用库项目 (一)创建库项目 (二)将库项目添加到网页

三、编辑库项目

(一)认识库项目属性面板

(二)删除与重命名库项目

(三)修改库项目

四、利用库项目更新网站

五、创建模版

(一)将文档另存为模版

(二)创建可编辑区域

(三)创建重复区域

(四)定义可编辑标签属性

六、创建基于模版的文档

七、修改模版属性

八、导入导出XML内容实验实践教学环节] 无

课堂训练、作业思考题]

1.如何设置可编辑区域及可重复区域? 2.更改了库项目或模版后，如何更新网站?教学目的与要求]

1. 掌握站点的规划和设计知识 2. 掌握本地和远程的概念

第十五章规划和设计站点

[ [

[3. 掌握创建本地站点的方法

4. 掌握设置本地和远程文件夹，管理站点 [重点与难点]

1.创建本地站点 2.设置本地和远程文件夹 3.管理Web站点 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、关于站点规划和设计

二、关于本地与远程的几个概念 (一)本地计算机和Internet服务器 (二)本地站点和远程站点

三、创建本地站点

四、设置本地和远程文件夹 (一)设置本地文件夹 (二)设置远程文件夹

(三)为FTP访问选择主机目录 (四)设置远程文件夹时应注意的事项

五、管理Web站点 (一)导入与导出站点 (二)从站点列表中删除站点 (三)获取和上传文件

(四)同步本地和远程站点上的文件 (五)遮盖站点中的文件夹和文件 (六)使用设计备注 [实验实践教学环节]

无

[课堂训练、作业思考题]

1.简述应用定义站点高级选项卡定义站点的过程。

第十六章上传站点

[教学目的与要求] 1.了解如何申请个人网站空间 2.知道到哪里去下载免费网站空间

3.了解如何将网站上传到WWW服务器以及如何推广网站等 [重点与难点]

1.申请网站空间 2.上传站点 3.网站的宣传和推广 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、申请网站空间

(一)选择网站空间 (二)申请方法

二、上传站点

(一) 设置本地服务器地址

(二) 传送站点

三、宣传和推广

(一)用E-mail形式来宣传

(二)在BBS或新闻组中宣传 (三)在搜索引擎网站中宣传 (四)广告与友情链接

(五)在Dreamweaver 8中插入关键词与描述 [实验实践教学环节]

无

[课堂训练、作业思考题]

1.简述申请个人免费网络空间的方法。

三、教学方法与手段

本课程采用讲授法、演示法、实验法、讨论法、探究式等多种教学方法进行教学，教学手段采用了传统教具、多媒体投影以及计算机网络等。

四、教材与教学参考书

[1] 孙印杰，薛书琴，俞露等编著.新世界Dreamweaver 8中文版应用教.电子工业出版社，2008. [2] 希望图书创作室编著.Dreamweaver(中文版) 8标准教程.兵器工业出版社，2007. [3] 杨聪，韩小祥，周国辉主编. Dreamweaver 8网页设计案例实训教程. 中国人民大学出版社，2009. [4] 葛艳玲主编.网页制作基础教程(Dreamweaver 8.0)(第2版).电子工业出版社，2009. [5] 导向科技编著.中文版Dreamweaver 8网页设计培训教程. 人民邮电出版社，2006.

五、实验实践教学

实验教学是网页设计与制作的重要实践环节。通过实验，使学生加深理解、验证、巩固课堂教学内容，对Dreamweaver 8有一较全面的认识。培养学生分析问题和解决问题的能力，为以后深入学习教育技术专业的其它课程打下坚实的基础。

实验教学的主要目的是培养学生的动手能力，要求学生熟练掌握Dreamweaver 8的基本操作，网页的设计制作，网站的建立与管理等技能。

为使学生巩固课堂所学知识，根据教学内容本课程共设5项实验，分别是熟悉Dreamweaver 8的操作环境、插入网页对象、网页布局、表单对象和制作动态网页，最终学生上机实验完成最终作品。

六、课外训练及自学指导

(一)课外训练体系 1.训练目的与要求

网页设计与制作是一门实践性很强的课程，要想熟练的掌握Dreamweaver 8有关操作，网页制作和网站开发与管理的技能，就必须大力加强课外训练。

课外训练的主要目的：充分掌握网页制作的有关技能操作，学会设计单个网页，能够开发一个小型网站。 2.训练内容与方法训练的内容主要是每一章的重点难点知识，训练的方法主要有观摩法和实践法。

(二)自学指导体系 1.自学目的与要求

这门课程要求学生不仅仅是掌握课本上的知识，课本上的知识是远远不够的，这就要求学生必须自学。自学的主要目的是扩展知识面，加深对该课程知识的认识。要求知道与网页制作有关的知识。

2.自学内容与方法

自学的内容主要是网页制作的有关知识，除了Dreamweaver 8软件的有关操作以外，还要学习Flash、Fireworks等软件的有关网页制作知识。。