网页设计与制作教案模板（精选多篇）

推荐第1篇：网页设计与制作教案

《网页设计与制作教案》

教师：系部：信息技术工程系专业：计算机应用班级：计机

湄洲湾职业技术学院

2008-2009学年第一学期

唐 俊 奇

电子信息

07（1）信息07（1）08（2）

- 11.3 网页中所使用的技术

1.3.1 HTML语言和XML语言

1、HTML语言

ØHTML只使用SGML中很小一部分标记

ØHTML语言（Hyper Text Markup Language 超文本标记语言）

ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具

2、XML语言

XML（eXtensible Markup Language） 1.3.2 动态网页

1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序

1.4 制作网页的基本方法

1.4.1 制作网页的基本步骤

1、确定网页的内容

2、设计网页的组织结构

3、资料的收集与整理

4、选择网页的设计方法

1.4.2 制作网页时要注意的问题

1、网页的标题要简洁，明确。

2、在文本中要使用水平线，以分割不同部分。

3、对重点段落要强调显示。

4、网页中插入的图片要尽量的小。

5、图形要附加文字说明，以便关闭图像时查看。

6、网页中引用的资料及商标（或图标），不能侵犯版权。【课后小结】

通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。

第二讲 HTML的基本标志与格式标志

【教学内容】

讲解HTML基本标志对和格式标志。 【教学目的】

使学生标志对与格式标志对的使用。 【教学重点】

格式标志的使用。 【教学难点】

- 3* 使学生掌握超级链接标志的使用。 【教学重点】

* 字体、图片和超级链接标志的使用。 * 网页中特殊符号的输入 。 【教学难点】

* 理解特殊符号对应的标志。 * 理解img标志中属性的意义。 * 理解书签超级链接的意义 。 【教学方式】

讨论式、案例分析式、练习式。 【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】

2.2 插入文字

2.2.1 划分段落 格式

段落内容 2.2.2 插入标题文字 格式

标题内容 2.2.3 字号属性

设置基准字号： 网页内的其他文字，采用下面的格式来定义 ......Size的有效范围是1（最大）到7（最小）。如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。 2.2.4 颜色属性 两种方式

字符串 2.2.5 字体属性

2.2.6

文本修饰

......，文字以粗体显示。 ......，文字显示为斜体。 ......，显示下划线。

......，中心线贯穿文字。 ......，强调文字，通常用斜体。

......，特别强调的文字，通常用黑体。

- 5 2.3.2 图片的属性

2.4 建立超级链接

2.4.1 指向一个目标

1、建立超级链接

字符串

2、为图片建立超级链接

3、链接到邮件和多媒体文件 链接到邮件

请与我联系 2.4.2 使用锚点

Ø使用锚点可以使用户在一个较长的文档中跳转，方便地找到要阅读的内容。 Ø建立锚点：

Ø锚点文字 Ø使超级链接指向已定义的锚点。 Ø文字 Ø文字 2.4.3 新窗口和基准链接

1、打开新窗口

Target=\"window-name\">开一个新窗口

2、基准链接

在 与 之间设定

2.4.4 图像地图

图像地图的格式为： ...... 2.4.4 图像地图 【课后小结】

本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志

- 72.6 表单的应用

表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。

2.6.1 创建表单

2.6.2 用定义用户交互 （1）单行文本输入区 （2）密码输入区 （3）单选框 （4）复选框 （5）隐藏区域 （6）按钮

2.6.3 定义下拉式菜单 你选修的课程：

计算机

英语

逻辑学

心理学 2.6.4 定义多行文字输入区域 请输入你的详细介绍：

文字

2.7 框架窗口

框架把窗口划分成几个子窗口，各个子窗口可以调入各自的HTML文档，最后形成充满整个窗口的网页。 2.7.1 框架的定义 2.7.2 框架属性设置

BorderColor=\"#008000“ >

2.7.3 子窗口属性设置

- 9 - 2.7.4 常见的框架窗口划分方法 （1）标题和正文，分为上下两部分 （2）层次结构，分为上中下三部分

（3）目录和标题，分为左上、左下、右三部分

（4）标题、目录和正文，分为上、左下、右下三部分 （5）嵌套目录，分为左、右上、右下三部分 2.7.5 不支持框架的网页

很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。

推荐第2篇：网页设计与制作

《网页设计与制作》教学大纲

第一部分 大纲说明

一、课程的性质和任务

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

二、课程教学要求

1、理论和实践相结合

本课程是计算机专业的一门必修的专业课程，是理论和实践相结合的课程。该课程重点是构建网站的基本知识，，熟悉网页开发平台的使用，能够独立的创建个人网站。在教学过程中 要与Dreamweaver MX、Flash MX和Firework MX结合起来，同时，应该使课堂理论教学与学生参与专业实践相结合，在课外安排一定的时间进行专业实践，这样学生在学习中，通过理论学习和上机操作实验熟悉构建网站的流程，能够进行简单图像和动画的制作、加工和处理，能够独立的创建个人网站。

2、加强课堂练习与课后练习

为了训练和培养学生的实际操作能力，必须要求学生进行课堂练习与课后作业练习，加强学生的专业技能和基础理论的学习。

三、教学时数与教材

网页设计与制作课程教学总学时数为54学时，其中授课时间为32学时，实验课时为22学时；《网页设计与制作》，田博文编著，人民邮电出版社，2004年。

四、课程教学方法

在网页设计与制作的教学中应当注意：

1、教学方法

本课程应采用理论与实践结合，讲授与自学结合，实践操作与课堂讨论结合的“三结合”教学方法。

2、教学形式

1 本课程的教学形式可以采用班组教学、课堂讲授、利用业余时间自学等形式。

3、实践性环节教学要求

本课程具有较强的实践性和应用性，教学过程中应该贯彻理论与实践相结合的原则，有重点的组织一些课堂讨论和实践操作以及单元测试，督促并检查学生按时完成课外作业，有条件的情况下，可以组织学生到有关部门及单位参观、座谈、以增强学生的感性认识。

第二部分 教学内容和教学要求

第一章 基础知识（2学时） 教学目的与要求：

通过本章学习，学生应了解网页被执行的详细过程，以及与网络相关的基本定义和概念，并掌握在网络中建立网站的方法。

重点难点：在网络中建立网站的方法教学内容： 教学内容：

（一） 网络基础知识

（二） 初识网页

（三）网上安家

第二章 创建本地虚拟站点（4学时） 教学目的与要求：

通过本章学习，让学生熟练掌握在本地创建虚拟站点与创建文件和文件夹的方法，以及站点管理器的使用，了解制作网站的准备工作。 重点难点：创建虚拟站点与创建文件和文件夹的方法 教学内容：

（一）准备工作

1、了解网站的服务群体

2、确定网站的主题

2

3、画出结构图

4、确定网站命名规则

（二） 创建虚拟网站

（三）其他功能

1、站点地图布局

2、保存站点地图

3、设计备注

第三章 文档、文本和链接（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法，了解文本各项参数的源代码表示方法。

重点难点：创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法 教学内容：

（一） 新建文档

（二）建立超级链接

1、添加文本链接

2、图像超级链接

3、电子邮件链接

4、下载链接

5、命名锚记 第四章 Web图像（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握在Dreamweaver MX中使用图像的一些基本方法和技巧、设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法，了解GIF和JPEG两种图像格式的异同点和使用环境。

重点难点：设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法 教学内容：

3

（一） 网页中的色彩

（二） 图像格式

1、GIF格式

2、JPEG格式

3、如何正确地使用GIF

（三） Dreamweaver MX中的图像技术

（四） 设置网页背景

1、改变网页背景色

2、设置背景图像

（五） 在Dreamweaver 中巧妙地处理图像

1、给图像添加文字说明

2、图像映射

3、跟踪图像

第五章 Fireworks MX中的图像技术（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。

重点难点： 文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。 教学内容：

（一） 制作漂亮的文字

（二） 制作个性化的网站标志

（三） 制作网页背景图像

（四）对图像进行美化

（五） 制作HTML网页

（六） Dreamweaver MX与Fireworks MX的配合使用

4 第六章 表格（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握表格的创建、编辑过程、表格的嵌套、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码，了解表格的组成及各项参数的含义。

重点难点： 表格的创建、编辑过程、表格的嵌套、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码 教学内容：

（一） 表格的组成

（二） 建立表格

（三） 表格属性

（四） 在表格内添加元素

（五） 选择表格

（六） 编辑表格

（七） 增加、删除行和列及拆分、合并单元格

（八） 表格的缩放

1、用拖放方法缩放表格的大小

2、用表格的[属性]面板改变表格尺寸

（九） 一个完整的页面制作过程

1、页眉的制作

2、左侧导航区的制作

3、制作中间主要区域

4、制作右侧新闻摘要区 第七章 框架（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口、了解框架的含义。

5 重点难点： 创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口 教学内容：

（一） 建立框架

1、建立框架

2、插入框架

3、添加内容

4、保存框架

（二） 选取框架

1、选择一个框架

2、选择框架组

（三） 框架和框架组的属性

1、框架属性

2、框架组属性

（四） 编辑框架

（五） 框架中链接的目标显示窗口 第八章 表单（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握各表单的属性，了解表单的含义。重点难点：各表单的属性 教学内容：

（一） 创建一个反馈表单

（二） 测试表单页

（三） 表单及表单域的各项属性

第九章 插入其他对象（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频。

重点难点：水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频 教学内容：

（一） 插入水平线

（二） 插入文件头标签

（三） 插入字符

（四） 插入多媒体

1、插入Flash动画

2、插入插件

3、播放“*.rm”格式影片 第十章 HTML样式和CSS样式（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式，了解CSS样式的定义。

重点难点：HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式 教学内容：

（一） HTML样式

1、新建样式

2、应用HTML样式

3、清除HTML样式

4、在面板中处理样式

（二） 什么是CSS样式

（三）[CSS样式]面板

（四）CSS的属性

（五） 使用Dreamweaver MX中的CSS样式编辑器

1、创建自定义样式

2、重定义HTML标签

3、使用CSS选择器

4、附加样式表 第十一章 Flash MX（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建，了解矢量动画、位图图像的定义。

重点难点： 用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建 教学内容:

（一） 基础知识

1、电脑动画

2、矢量图形

3、位图图像

4、Flash动画的特点

（二） Flash MX

（三） 创建图形

（四） 编辑图形

（五） 素材和元件

1、视频的导入

2、音频的导入

3、元件

（六） 创建基本动画

1、运动动画和变色动画

2、变形动画

3、逐帧动画

（七） 创建多层动画

8

1、制作运动引导动画

2、制作遮罩动画

（八）作品的测试和发布

1、作品的测试

2、作品的优化

3、作品的导出和发布 第十二章 模板和库（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握模板、库的创建方法，了解[资源]面板的一般用法。

重点难点： 模板、库的创建方法 教学内容:

（一） [资源]面板

（二） Dreamweaver MX中的模板

1、创建模板

2、创建可编辑区域

3、创建重复区域

4、创建重复表格

5、编辑模板

6、使用模板

（三） Dreamweaver MX中的库

1、什么是库

2、怎样使用库

第十三章 源代码相关功能及行为（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用，了解标签管理器的一般用法。 重点难点：13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用

9 教学内容:

（一） 查看源代码

（二） 管理标签库

（三） Dreamweaver中的编码

1、使用代码提示加入背景音乐

2、使用代码片断快速创建网页

3、使用标签选择器插入浮动框架

4、使用标签编辑器编辑标签

5、用标签检查器编辑标签

6、使用快速标签编辑器插入标签

（四） 插入HTML注释

（五） [行为]面板

（六） 事件

（七） 动作

1、播放声音

2、打开浏览器窗口

3、弹出信息

4、调用JavaScript

5、改变属性

6、交换图像

7、检查浏览器

8、检查表单

9、控制Shockwave或Flash

10、转到URL

11、设置导航条图像

12、跳转菜单

13、弹出式菜单 第十四章 网页发布（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法，了解报告的作用。

10 重点难点：设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法 教学内容:

（一） 设置FTP上传

（二） 发布网页

（三） 报告

（四） 检查站点范围的链接

（五） 改变站点范围的链接

（六） 查找和替换

（七） 清理文档

（八） 同步

推荐第3篇：电子政务网页设计与制作实验教案

《电子政务网页设计与制作》实验教案

实验名称 IIS的安装与调试

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握检测不同版本Windows操作系统IIS的安装与否； 2.掌握在Windows操作系统中安装IIS的方法；

3．掌握利用IIS设置虚拟目录调试ASP程序的初步方法。

二、实验重点、难点

利用IIS设置虚拟目录调试ASP程序

三、实验原理

ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端脚本开始运行，WEB服务器调用.asp文件，将运行结果发送到浏览器。

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤

1、实验前先观看指导老师的演示；

2、如果计算机未安装IIS，使用安装程序安装IIS；

3、利用记事本编写教材P13 1－1的ASP程序并存盘；

4、在IIS中建立虚拟目录，调试ASP程序，找出并解决问题，确保调试成功，并相互访问；

5、学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

1

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

对于因操作系统本身的原因，无法安装调试好IIS，需重新安装系统。

十、课外实验或思考题

教材P13 练习1-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版 十

二、实验后记

学生独立完成实验报告

实验名称 HTML网页编辑

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握HTML基本标记的使用； 2.掌握HTML中超级链接的使用方法；

3．掌握HTML中特殊符号、图片链接的使用方法。

二、实验重点、难点

HTML中特殊符号、图片链接的使用方法

三、实验原理 HTML标记语言

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

2 无

六、实验的基本操作与实验重要步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P34 2－1的HTML程序并存盘； 3.调试；

4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

注意热点链接的使用，调试出问题时，多从连接文件的上下级目录上找原因。

十、课外实验或思考题

教材P34 练习2-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版 十

二、实验后记

学生独立完成实验报告

实验名称 Vbscript对象编程

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握Vbscript的基本数据类型、常量、变量、表达式和常用函数；

3 2.掌握在HTML中插入Vbscript编码的方法； 3．掌握事件驱动程序的编制。

二、实验重点、难点

事件驱动程序的编制，面向对象的程序设计思想的掌握。

三、实验原理

Vbscript事件驱动程序编制。

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P74练习4－1题的程序并存盘；3.调试；

4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

对象编程的思想，对象事件的编程方法。

十、课外实验或思考题

教材P74 练习4-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版 十

二、实验后记

学生独立完成实验报告

实验名称 表单设计

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握DHTML中INPUT控件的使用； 2.掌握DHTML中SELECT控件的使用； 3．掌握DHTML中TextArea控件的使用。

二、实验重点、难点

掌握DHTML中INPUT控件的使用

三、实验原理 DHTML语言

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤 1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写表单程序并存盘；3.调试；

4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

5 Dreamweaver集成化工具的使用

十、课外实验或思考题

教材P121 练习6-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版 十

二、实验后记

学生独立完成实验报告

实验名称 Response对象应用

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握Response对象中Write方法的使用； 2.掌握Response对象中Redirect方法的使用； 3．掌握Response对象中End方法的使用。

二、实验重点、难点

Response对象中Write方法的使用

三、实验原理

ASP中Response对象应用

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤

1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘；

6 3.打开IIS并设置虚拟目录进行调试； 4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

对于ASP的内置对象，注意代码的编写规范性。

十、课外实验或思考题

教材P142 练习7-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版 十

二、实验后记

学生独立完成实验报告

实验名称 交互式表单程序设计

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握交互式表单程序设计的方法； 2.掌握Response对象中Write方法的使用； 3.掌握Request对象中Form集合的应用。

二、实验重点、难点

Request对象中Form集合的应用

三、实验原理

ASP交互式表单程序设计

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤 1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘；3.打开IIS并设置虚拟目录进行调试； 4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

注意对于Form集合的运用，代码要规范。

十、课外实验或思考题

教材P163 练习8-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版 十

二、实验后记

学生独立完成实验报告

推荐第4篇：网页设计与制作总结

网页设计与制作

实训报告

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨 王淑惠

实训时间：6.20——6.24

一、实训目的：

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、具备独立撰写实训报告基本能力；

6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予

以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础

二、实训项目——特色美食餐厅网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息，包括图片、文字。同时，查

询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

3、网站规划

我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。

三、网页设计工具使用

1、Dreamweaver——我们使用它做网页的主要布局。

2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

3、Flash——我们使用它制作动画

四、网站设计流程

1、主页设计

2、色彩搭配

五、网站测评

网站建成后为了出现不必要的错误，需对它进行测评，测评的主要内容为

1、链接有效性，静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以了。

2、网页语言的正确性，检查网页中英文拼写与html语言是否正确，在静态网页中语言都是自动生成的所以语言的正确性一般不会有太大的问题。

3、网站便用性，检查网站的整体结构是否清晰以及网站页面的导航是否清晰。

最终效果图

总结：

通过学习一学期的网页设计，我们收获了不少，我们这次实训虽然只做了一个网站，但这个里面包括的内容很多，主要包括网站主页的布局设计，建立站点，网页与网页之间的连接，以及模板和c样式表的应用。

收获：通过一个星期的网页设计实训，从中学到了不少的网页设计知识，之前都是老师讲得比较多，总以为很难实现，但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂，但是慢慢学会分析就会懂。

不足：当然这次实训我也有不足，比如c样式表不能灵活应用，网页布局也不够完美，不过多亏了王老师和薛老师的细心指导，我才能完成这次实训。

Flash实训总结

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨

实训时间：2.

flash培训实训总结提要：

这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，

1、确定动画剧本及分镜头；

2、设计出不同字母间的完美转换。、

一、实训目地：让我们更熟练的应用flash制作动图

二、实训项目——不同字母间的形状变换

1、先要确定使用的字母w o r l d

2、再给每个字母使用不同的颜色以及给它们变形

3、最后再给每个字母做不同的变换方式

三、总结 实训收获: 通过这次实训我更加巩固了对flash的应用，虽然这中间有很多失误和很多不必要犯的错误，但更多的是收获，这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，

1、确定动画剧本及分镜头；

2、设计出字母形状；

3、导入到flash进行制作；

4、剪辑配音。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。 存在的问题及解决思路: 这几个星期我学习的flash大多是比较基础的，Flash中字母刻画不够完善，很多动作，变形都需要有一定的美术功底及Flash基础，对于初学的我很困难，所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手，只好从大量的视频、书籍里寻找答案。 4．结束语

为了对Flash的现况有更好的了解，主要是对于网上一些MV做了参考。现在的FlashMV已经逐渐成熟了。MV的制作从开始的大量使用位图，转换为矢量后让它们移动来制造动画效果，或者是一些简单的闪入、闪出来丰富画面，发展到现在的广泛使用矢量图甚至手工作图，一些费心思的逐帧动画让我看到了Flash的日渐成熟；从以前的生硬呆板，发展到今天的生动、逼真。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。我不仅复习熟练了相关的课程、专业，还学习掌握了很多知识，同时也认识到还有很多基础知识要去学习，去巩固。在以后的时间里，我将花费大量的时间用于学习Flash及相关知识，在Flash之路上我会走的更远。

推荐第5篇：网页设计与制作课程设计

一、设计目的

通过一个月的网页设计学习，设计一个简单的网站来检测自己的学习成果，看看哪些东西还没有掌握，需要进一步的去巩固！网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。

二、设计要求

运用所学的知识设计一个简单的网站，类型不限

三、需求分析

网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审

1

美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。

网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意！它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站！

2

四、制作过程的内容及结果

1、网站目录

打开dreamweaver cs4，建立站点，放到F盘里，在目录下有images(包括图片、flash)、scripts、shipin、web（建立的网站）文件夹。如下图示：

2、我的篮球网（首页）

主要代码： 我的篮球网

3

height:41px; z-index:2; } #apDiv3 { position:absolute; left:791px; top:340px; width:100px; height:120px; z-index:3; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } -->

我的篮球世界与你共分享

推荐第6篇：《网页设计与制作》学习心得

《网页设计与制作》学习心得

说实话，短短三个星期能将《网页设计与制作》这本书粗略的学完，简直有点不敢相信。不过能懂得基本的框架和思路，这一点在以后的学习过程中是非常有帮助的。

其实买电脑的时候就装上了网页四剑客，可能稍微接触多一点的子软件是《Flash CS3》，但吕老师和我们谈及用《Dreamweaver》制作网页的时候，感觉有点茫然。

一开始老师并没有详细的介绍软件的使用，只是强调建立的主要部分：新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。

学习与实践环节

第一部分：家庭作业是进行简单的网页制作，以书本上的百川商城为例，按照步骤，新建站点，创建名为images的文件夹及名为index的空白HTML文档，各边距设置为0。值得注意的是，在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格，首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象，为了显示的效果更佳入眼，我们将表格居中对齐，再插入4行一列的表格，俗称表格嵌套，第一行分为两栏用于制作logo和banner，可以根据图片的像素设置好宽和长，第二行为导航栏，第三行为页面内容，第四行为版本信息。这些就是我们平常浏览网站的基本布局，将不同的内容放在网页的不同位置，目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作，就要在表格中添加素材，可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作，其中涉及了表格、文字、图片及水平的应用，对于各自的使用，老师均作了很详细的图文并茂的介绍，布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识，学到了很多操作。

第二部分：学习的是主页面设计与制作，我就不过多的谈论步骤了，这个项目制作中使用了布局表格的嵌套功能，这将有利于页面内容的布局和定位，运行网页时整体不会出现异常情况，使页面与当初设计的样式相同，另外，为了使当浏览器大小改变时对页面布局不产生影响，一定将表格宽度设置成固定宽度。

第三部分：讲述了CSS与层与子连接的使用，这个是学习网页制作个人认为最难的部分，但对于一个普普通通的网页，通过给这个文件添加CSS规则，可以得到十分美观的网页。使用CSS样式可以对网页中的文本、图像、超链接、表格等各种网页元素的显示属性做出非常精细的设置。使用CSS设置页面格式时，内容与表现形式是相互分开的，可以统一定制多个网页的页面布局和页面元素的一致外观，提供了便利的更新功能。子连接就是我们平常进入网站的子业部分，将子业部分与CSS相结合，能够统一网页风格，吸引更多的浏览者。第四部分主要讲述表单页面设计与制作及课外扩展，因为这部分相对而言简单，所以不过多的介绍了。

在设计过程中肯定存在着许多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。就我而言，也在学习网页中总结了如下经验。初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。绘画网页框架图，大概是怎样的一个过程，怎样实现的，应该要心里有数。按流程的顺序学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。平时浏览网页时多多留意别人的设计和效果，多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来，要多多思考和分析。

总体来说，通过选修课对网页设计的了解与学习，体会有很多，有句话说得好“没有做不到，要善于吸取别人的优点，努力的赶上。要是你觉得在他的优点这方面做的没他好，你可以选择怎样的去用他的优点来为你服务，千万不能想着孤僻自己，独善其身或是有“个人自扫门前雪，莫管他人瓦上霜”的心理。我们要学会团队合作的精神。这点不过我们在这方面上不能忽视，什么地方我们都用的到。

耐心、细心、思考、分析是我这次选修课程最大的收获。

推荐第7篇：网页设计与制作课程设计

使用所学知识独立制作一个网站，网站的主题可以是文学、音乐、影视、自我介绍（求职）、家乡介绍等。

1．设计基本要求

（1）要将站点目录明确分层，不能将内容都放在根目录下；不要使用中文目录；为每种类型文件都建立一个独立的目录。（例如images、music文件夹，以便于管理）

（2）网页数为3页以上（网页数量不足扣分，缺少1张以上视为无效作业 包括首页 介绍页面还有订购表单页面首页必须用index.html命名）

（3）传站点压缩文件，压缩文件命名方式：班级+学号（两位班内学号）+姓名。

（4）网页必须包含内容要求：

a) 网页中必须存在以下技术元素：

① 有表单页面

② 鼠标经过图像（即滚盖图）或跳转菜单

③ 框架网页技术

④ 层技术网页

⑤ 利用行为制作网页

⑥ 主页导航栏上最少有5个指向其它页面的电子链接，首页必须用表格进行页面布局（其它页面必须使用表格或层）

b) 主页下方写明自己详细信息（年级、系别、班级、姓名、联系方式）和 网页更新日期（储存时自动更新）

（5）网站规划书一份 （1000字）要求书写网站的创意设计，设计流程以及涉及的技术，完成的目标等。

（6）网站设计草图一份 PSD格式

（7）要求制作页面功能：

2.作业创意加分：

在完成标准作业要求的前提下，对作业有独创性及设计美观的作业跟据情况给予加分。方法如下：

（1）思想性、科学性

主题明确，内容积极、健康向上，文字内容通顺，无错别字

（2）创造性、艺术性

素材获取及其加工属原创、主题表达形式新颖，构思独特、巧妙，具有想象力和个性表现力，内容、结构设计合理，完美运用各种形式表现主题

（3）技术性

选用制作工具和制作技巧恰当，导航和链接准确，网页浏览速度快

上交作业要求：PSD草图设计一份、PSD或者AI或CDR所有页面效果图一份、做好的网页打包刻CD、设计规划书一份。

推荐第8篇：网页设计与制作多选题

1、在Dreamweaver中，行为由(

)构成。

A、事件

B、动作

C、初级行为

D、最终动作

2、在Dreamweaver中，可对(

)设置超级链接。

A、任何文字

B、图像

C、图像的一部分

D、Flash

3、扩展管理器支持的第三方扩展文件有(

)。 A、.mxp

B、.mxi

C、.mix

D、.axp

4、在资源管理器中，不能对(

)执行定位操作。A B

A、颜色

B、链接

C、Flash

D、图像

5、可以设置()等网页背景属性。

A、背景图片

B、背景颜色

C、背景透明度

D、以上都不可以

6、一般来说，适合信息发布式网站模式的题材有(

)。

A、软件下载

B、新闻发布

C、个人简介

D、音乐下载

E、文学作品大全

7、网页制作工具按其制作方式分，可以分为(

)。

A、通用型网页制作工具

B、标记型网页制作工具

C、专业型网页制作工具

D、编程型网页制作工具

E、“所见即所得”型网页制作工具

8、下列哪些项目属于网页设计制作的基本步骤(

)。

A、设计网站

B、搜索素材

C、站点规划

D、FTP上传

9、在网页设计过程中，想要制作一个800～600的页面，页面背景色为蓝色，使页面在800X600的显

示器分辨率下布满整个浏览器屏幕，不留白边，需要的步骤有(

)。 A、首先点选“插入”菜单中的“表格”选项

B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100％即可

D、然后设置外观中的各边距为0，确定即可

10、在Dream weaver MX中，关于模板的说法正确的是(

)。 A、模板是一个文件

B、模板默认状态下被保存在站点根目录下的Templates子目录下 C、模板是固定不变的

D、模板和库尽管有相似之处，但总的来说仍是不同的两个概念

11、下列关于网页设计的说法中，正确的有(

)。 A、冷暖色调在均匀使用时不宜靠近

B、纯度相同的两种颜色适宜放在一起

C、整个页面中最好有一个主色调

D、文本的色彩不会发生抖动，只有图片的色彩才会发生抖动、

E、抽象线条的构图很容易造成重心不稳

12、在Dream weaver MX中，元件是Library元件库中可以被重复使用的元素，包括(

)。

A、图像

B、按

C、文字

D、电影剪辑

13、在Dream weaver MN中，插入网页背景图像，包括插入(

)。

A、平铺图像

B、无缝背景图像

C、追踪图像

D、以上都不正确

14、层的优点是(

)。

A、能定位精确

B、插入自如

C、加速浏览

D、可叠加性

15、网站制作的流程包括(

)。

A、筹划网站

B、设计与规划

C、首页及子页制作

D、测试发布

16、段落属性包括(

)。

A、对齐

B、缩进

C、行距

D、边距

17、创建元件的方法有(

)。

A、将工作区中现有的对象转换为元件

B、建立空元件后再编辑

C、导入

D、以上3个都不对

18、元件类型一般有(

)。

A、按钮元件

B、图形元件

C、电影剪辑元件

D、以上答案都不正确

19、下面说法正确的是(

)。

A、当制作文字的“淡入淡出”效果时，实际上是文字运动

B、即使是最简单的动画也至少有两层，如果需要几个动作或效果同时发生，需要更多个层了

C、当制作文字的“淡入淡出”效果时，运动实际上是黑色

D、在工作区外面的对象在实际动画中是看不见的

20、在设置电影属性时，设置电影播放的速度为12fps，那么在电影测试时，时间轴上显示的电影播放速度应该可能是(

)。

A、等于12fps

B、小于12fps

C、大于12fps

D、大于、小于12fps均有可能

21、想选定某层，可以执行(

)操作。

A、单击时间轴中的帧

B、单击处于此层的舞台上的对象

C、通过键盘上的上下箭头来选择

D、单击时间轴中层的名称

22、在FlashMX中，当完成作品，将作品进行默认发布时，默认发布的文件扩展名为(

)。()

A、fla

B、hlm

C、swf

D、html

23、(

)是动画发布之前必经的步骤。

A、测试

B、查看

C、优化

D、编辑

24、动作的输入方式有两种，分别是(

)。（）

A、属性中设置

B、从脚本库中获取

C、面板库中获取

D、手工输入

25、下面属于窗口的属性的是(

)。

A、_self

B、_blank

C、up

D、_top

26、下面说法正确的是(

)。

A、动作面板有两种模式(书写模式)，分别是普通模式和标准模式

B、脚本环境设置包括了脚本文字字号、背景颜色、普通字颜色、关键字颜色等

C、标准模式的代码基本不用自己写，可以从Flash自带的“脚本库”中获得

D、Flash可导入的声音文件很多，支持现在所有声音文件格式

27、将图像进行切片操作有(

)的优点。

A、优化

B、交互

C、局部更新

D、压缩图像大小

28、所谓热点指网页图形中连接到URL的区域，(

)工具可以创建热点。

A、自定义热点

B、矩形热点

C、圆形热点

D、多边形热点

29、一般来说，适合使用信息发布式网站模式的题材有(

)。

A、软件下载

B、新闻发布

C、个人简介

D、音乐下载

E、文学作品大全

30、以下属于HTML最主要的优点的是(

)。

A、动态样式

B、动态定位

C、动态链接

D、动态内容

E、动态扩展

31、下面属于Dreamweaver MX的查找方式有哪几项？___________ A．文本 B．源代码 C．指定标签

D．只有A、B两项

32、Dreamweaver MX可以在页面中加入下面哪些多媒体元素？___________ A．Shockwave影片 B．Flash C．Java Applet D．ActiveX

33、在Firework中，切片工具有哪几项？___________ A．矩形切片工具 B．椭圆形切片工具 C．多边形切片工具 D．三角形切片工具

34、在Flash中，下面属于铅笔工具的模式有哪几项？___________ A．伸直 B．平滑 C．墨水

D．吸管

35、在Flash中编辑声音文件时，音频的同步类型是必须设置的，其中哪些选项属于音频的同步类型？___________ A．事件 B．开始 C．暂停 D．停止

36、下面的CSS定义中，“，”的用法正确的有

(

) A．DIV{line-height：1．2em，font—size：10pt) B．Hl，H2{color：red>C．BODY．(margin：5pt，15pt，25pt) D．．abc{font—family：\"宋体\"，\"黑体\"，\"Arial\",\"Helveticd\',\"sans—serif\') E．H l{margin-top：2 em)

37、下面说法正确的有

( ) A．Layer被W3C所承认

B．字体磅值font—weight属性，如果取值为normal则等同于取值400 C．属性PADDING可以取的值有长度Length、百分点percentage D．属性z—index使用整数表示元素的前后位置，数值越大，就会显示在相对靠前的位置 E．在CSS中同时设置背景色和背景图片并不冲突

38、下列选项中，不属于BOX的Border属性的有

(

) A．border—width

B．border—height C．border—color

D．border—sizeE．border—style

39、下列关于JavaScript的叙述，正确的是

(

) A．面向对象的程序设计语言 B．解释性语言

C．对象引用在编译时不用检查

D．在HTML中用„标识

E．所有变量在使用之间必须做声明，定义其类型

40、在HTML的标记中，可对页面的文本色彩进行控制的属性有

( ) A．text

B．hue

C．1ightne

D．bgcolor

E．background

41、关于IP地址与域名说法正确的有（

） A．IP地址以数字表示，域名以字符表示

B．IP地址比域名更有用 C．iP地址可以分为三个层次

D．域名可以多于三个层次

E．iP地址与域名是一一对应的

42、站点的设计流程中，需要反复进行的步骤有（

） A．页面布局和导航

B．内容流程 C．构思

D．图形制作

E．验收交付

43、在CSS中，对图片定位的位置参数写法正确的有（

） A．100％ 100％

B．7cm 40％ C．1cm center

D．20％ 4cm E．1eft 30％

44、关于JavaScript的说法正确的有（

） A．面向对象的程序设计语言 B．解释性语言

C．前身是Oak语言

D．所有变量在使用之前必须做声明，定义其类型 E．在HTML文档中用„来标识

45、通过标记对页面文本色彩体系进行控制时可以用到的属性有（

A．bgcolor

B．text C．hue

D．staturation E．1ightne

46、以下（

）内容是HTML文件的头部内容所包括的。 A.网页标题、关键字

B.作者信息、网页描述、基础地址 C.注释、表单域

D.自动刷新、CSS样式

47、关于鼠标经过图像，下列说法正确的是（

）。

A.鼠标经过图像的效果是通过HTML语言实现的

B.设置鼠标经过图像时，需要设置一张图片为原始图像，另一张为鼠标经过图像 C.可以设置鼠标经过图像的提示文字与链接 D.要制作鼠标经过图像，必须准备两张图片

48、在Dreamweaver中，可以向网页中插入的多媒体格式有（

）。

） A.Shockwave B.ActiveX C.Java Applet D.A和C

49、关于相对路径，以下说法正确的有（

）。

A.相对路径表述的是源端点同目标端点之间的相互位置 B.如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可

C.如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径

D.如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来 50、（

）的设置有助于搜索引擎在因特网上搜索到网页。

A.关键字 B.META C.说明

D.图片的尺寸

51、下列关于IP地址与域名的理解，正确的有

(

)

A．IP地址以数字表示，域名用字符表示

B．IP地址与域名都限制在32位内

C．IP地址与域名是一一对应的

D．域名可以多于三个层次

E．IP地址是供全球识别的通信地址

52、在HTML中，属于表格标记属性的有

(

)

A．width

B．height

C．cellspacing

D．cellpaddin9

E．bgcolor

53、在CSS中，对图片定位的位置参数写法正确的有

(

)

A．100％

100％

B． 7cm

40%

C． 1cm

center

D．20% 4cm

E．left 30％

54、为了把XML能够以可视化的形式呈现给最终用户，还需要

(

)

A．H TML

B．XSL

C．SGML

D．XLL，

E．SMIL

55、下列哪些扩展名可以告诉Web浏览器该文件是HTML文件

(

)

A．doc

B．txt

C．htm

D．exe

E．html

参考答案：

1、AB

2、ABCD

3、AB

4、AB

5、AB

6、ABDE

7、BE

8、ABC

9、BD

10、ABD

11、ACE

12、ABD

13、ABC

14、ABCD

15、ABCD

16、ABCD

17、ABC

18、ABC

19、AD

20、ABCD

21、ABD

22、CD

23、AC

24、BD

25、ABD

26、BC

27、ABC

28、BCD

29、ABDE

30、ABD

31、ABC

32、ABCD

33、AC

34、ABC

35、ABD

36、BD

37、BCD

38、BD

39、BC

40、AD

41、ACDE

42、BC

43、ABD

44、BE

45、AB

46、ABD

47、BCD

48、ABC

49、ABD

50、ABC

51、ACDE

52、ACDE

53、ABD

54、BD

55、CE

推荐第9篇：网页设计与制作简答题

1、简述Web浏览器打开一个Web文件的工作过程。

2、描述网页设计的一般步骤。

3、简述网页设计的基本准则。

4、简述规划网站目录结构时应遵循的原则。

5、描述版面布局的步骤。

6、什么是“HTML”？HTML“标记”又是什么？

7、简述“HTML”文档的基本结构。

8、简述以下一段HTML代码中各对标记的作用。〈html〉

〈head〉

〈title〉网页设计〈/title〉 〈/head〉

〈body〉

〈h2〉北国风光〈/h2〉

〈/body〉 〈/html〉

9、如何进行本地网页的测试？

10、网站管理和维护的主要工作有哪些？

11、什么是Web浏览器?

12、简述网页设计中所需要注意的通用规则。

13、简述DHTML的概念及主要组成。

14、简述使用FrontPage在网页中插入一个日历的过程。

15、简述色彩的三原色的概念及每种颜色的调配范围。

16、为什么要采用DHTML技术？客户端动态网页技术有哪些优点？

17、网站栏目划分的原则是什么？

18、XML与HTML相比的主要优点有哪些？

19、请简述一下网站的设计流程？

20、简述FireWorks的特点。

21、网页制作的步骤是什么？

22、怎样让链接没有下划线?

23、怎样在网页中加入多媒体播放?

24、怎样让网页的背景图像不滚动?

25、怎样定义网页的关键字?

26、什么是Web浏览器?

27、网页上所说的重心平衡指的是什么?

28、什么是DHTML？DHTML技术主要由哪几部分组成？

29、在CSS中，对字体的的设置所涉及到的属性有哪些？

30、用HTML语言回答一个HTML文件应具有的基本结构。

31、比较GIF格式和JPG格式的原理与各自的适用范围。

32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点?

33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。

34、什么是Web安全色?

35、简述虚拟主机的概念和功能。

36、简述Dreamweaver的工作窗口由哪些部分组成。

37、在Dreamweaver中，插入图像的方法有哪些？

38、在Fireworks中，如何使文字附加于路径？

39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？

40、HTML中标记和标记有何区别?

41、简述在网页中插入背景音乐的方法。

42、怎样在网页中插入Flash影片？

43、简述设计Web站点的一般步骤。

44、简要说明html的基本工作原理。

45、简要说明表格与框架布局的区别。

46、举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。

47、简要说明使用网页图像时应注意的问题

48、简要回答选择符的作用及分类。

49、XML的主要特征有哪些？

50、FrontPage的主要功能有哪些？

51、简答HTML文件的基本标记组成。

52、简答Java与JavaScript的主要区别。

53、

简述网站的开发流程。（10分）

54、简述静态网页的执行过程。（7分）

55、简述在Dreamweaver MX中制作以插件方式播放音乐的页面的步骤。

56、简述网页制作有哪些基本流程。

57、在Dreamweaver MX中，目标端点的链接有哪几种？

58、简述在Fireworks中，可以做哪几个方面的环境设置。

59、在Flash MX中，帧有哪几种类型？各自的含义是什么？

参考答案：

1、简述Web浏览器打开一个Web文件的工作过程。

1）

Web浏览器向服务器发出页面请求

2）

服务器接收页面请求，并将搜索到的页面发给Web浏览器

3）

Web浏览器接收并显示页面

2、描述网页设计的一般步骤。

1)

设计主题

2)

设计网页的总体结构

3)

资料的收集和整理

4)

选择网页的设计方法

5)

注意一些基本问题，如：标题要简明、图片最好加说明等

3、简述网页设计的基本准则。

需要遵循的艺术原则主要有：

1）

对比原则

2）

协调原则

3）

平衡原则

4）

趣味原则。

还包括统

一、连贯、分割、对比、和谐、易读、易找、清晰、精选。

4、简述规划网站目录结构时应遵循的原则。

在创建目录时需要注意：

（1）不要将所有文件都存放在根目录下。

（2）目录层次不要太深，建议不要超过三层 。

（3）不要使用过长的目录名和尽量不要使用中文目录名。

5、描述版面布局的步骤。

步骤：

1）

绘制网页草图

2）

粗略布局

3）

定案

6、什么是“HTML”？HTML“标记”又是什么？

HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。

在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。

7、简述“HTML”文档的基本结构。

HTML网页的基本结构。

HTML文件开始

文件头开始

文件头

文件头结束

文件体开始

文件体

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

《网页设计与制作》教学大纲

课程编号：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等软件的有关网页制作知识。。

自学的方法主要有资料查阅法、讨论法、网上学习法、实验练习法等。

七、考试考核

本课程的考试形式为技能考核，学生的学业成绩实行结构化成绩，由考试主卷成绩、副卷(实验)成绩和平时成绩构成，其中考试主卷成绩占60％，副卷成绩占20％，平时成绩占20％。

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

网页设计与制作教学大纲

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

前 言

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

总学时：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。

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

《网页制作与设计》教学大纲

课程编号：

总学时数：36学时（其中讲授：20学时，实验：16学时）

一、课程性质、目的和要求

本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决静态网页制作和设计等方面问题的能力。通过对WWW的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语言的运用，并基本掌握JavaScript脚本语言编程的常用方法与技巧。通过与前期课程的融会，运用掌握的Flash等其他制作工具软件，在具体的网页设计过程中要很好的将几者结合起来使用，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。通过本门课程的学习，学生能够具备以下能力：网站建设、网络广告、多媒体课件、网络游戏、汇报材料，MTV等。同时培养学生以下素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。

二、教学内容、要点和课时安排

第一章 Dreamweaver MX概述 1．Dreamweaver MX简介

2．Dreamweaver MX的工作界面介绍

3．窗口和面板

4．Dreamweaver MX的新特性

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行设置具有独特的工作环境，对Dreamweaver MX的主界面认识透彻，便于以下课程的深度学习。

第二章 创建站点 1．站点的规划

2．创建本地站点 3．创建ASP站点 4．连接数据库

2学时

2学时 5．站点的管理与维护 6．发布站点 要求：了解站点的基本概念，熟悉掌握使用DreamweaverMX定义站点的方法，能根据自己的实际情况定义站点，定义ASP站点，掌握通过DreamweaverMX软件连接简单数据库的方法。

第三章 文本及其格式化 1．文本及其格式化概述 2．文本的输入 3．创建文本列表 4．CSS样式文件的创建

5．将文档中的样式导出为CSS样式文件 6．文本格式化综合实例

要求：学习如何插入文本、设置字体类型、大小、颜色和对齐属性，使用层叠样式表创建和应用自定义样式。通过学习掌握利用CSS样式格式文本，掌握导出和使用CSS样式文件的基本方法。

第四章 图像

2学时

2学时

1．常用图像文件格式 2．插入图像 3．设置图像的属性

要求：通过学习，学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性，利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合。

第五章 表格 1．概述

2．表格的基本操作 3．表格及其属性设置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置。对表格的修改主要是添加内容、修改表格或单元格行/列属性，复制或者粘贴多个单元格等操作。

第六章 框架 1．创建框架

2．框架和框架页的基本操作

3．设置框架和框架页的属性、大小及背景色

2学时

2学时 4．框架及框架页综合实例

要求：掌握框架的创建、保存以及框架属性的设置，难点在于框架的链接设置，掌握框架结构的主要功能在于导航。注意框架和框架集的区别。

第七章 页面布局视图的使用

1．布局单元格和布局表格 2．绘制布局表格和布局单元格 3．布局表格和布局单元格的基本操作

4．设置布局宽度

要求：重点掌握如何创建布局表格和布局单元格，掌握布局视图的切换方法，掌握布局表格和布局单元格属性的设置和意义。

第八章 链接

3学时

3学时

1．链接、路径与锚

2．建立链接 3．建立特殊链接

要求：了解链接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别，学会使用特殊链接（书签、电子邮箱、网站URL）,理解掌握链接目标的指定。

第九章 表单 1．表单概述 2．创建表单 3．表单对象 4．客户注册表单 5．网上调查表单

要求：掌握如何创建表单，以及如何在表单中添加表单对象，掌握常见的表单对象的功能和使用方法，理解表单处理的原理，能够完成基本的表单设计。

第十章 层

1．关于层

2．创建层

3．显示隐藏层实例

4．下列菜单实例 5．层综合应用实例

要求：让学生掌握层的概念和层的分类，掌握关于层的属性，掌握建立层的基本方法，掌握层的各种属

2学时

2学时 性的设置。

第十一章 行为

1．什么是行为

2．行为面板的用法

3．行为的基本操作

4．使用Dreamweaver自带的行为

5．行为应用实例

要求：重点掌握DreamweaverMX自带的行为的使用方法，掌握这些常用行为事件的设置，了解行为的意义以及行为面板的使用方法，能根据具体的行为设置对应的行为事件，能对所使用的行为事件进行修改。

第十二章 时间轴与动画

1．时间轴面板

2．使用时间轴创建动画

3．修改时间轴

4．创建录制路径动画 5．在时间轴中改变对象属性

6．在时间轴中使用行为

7．时间轴动画实例

要求：掌握如何使用时间轴创建时间线动画，重点掌握如何修改时间线及其对象的属性，添加和删除祯、修改动画的起始时间、修改动画路径的位置等。

第十三章 Dreamweaver MX程序设计

1．Dreamweaver MX程序设计基础 2．建立数据库连接 3．定义记录集

4．动态数据绑定 5．应用服务器行为

要求：掌握基本的术语和如何建立数据库连接，掌握如何建立记录集，以及记录集中数据的绑定，了解各类服务器行为的功能，重点掌握如何定义记录集和应用服务器行为，掌握WEB应用程序的构建。

第十四章 模板与库

1．什么是模板和库

2．创建模板

3．定义可编辑区域

2学时

2学时

2学时

2学时 4．应用模板建立网页 5．应用模板更新站点 6．库的使用

7．模板的创建与设置实例

要求：掌握模版和库的原理和优势，掌握掌握如何建立和使用模版，掌握库的使用和添加到库文件。 第十五章 代码片断

1．使用代码片断 2．代码片断的创建

3．代码片断的使用

4．代码片断的创建与使用综合实例

要求：理解代码片断的概念，掌握创建代码片断的方法，掌握如何使用代码片断。 第十六章 经典实例

1．个人网站 2．网站论坛

要求：了解页面的整体设计，掌握表格的高级应用技巧，了解交互网站的运行机制，掌握服务器行为的应用，学生通过锻炼，掌握创建网站的全部过程和机制，能够独立网站一个小型的全面的个人网站。

4学时

2学时

三、教学方法

要求：

1、结合DreamweaverMX软件使用的特点，以上机演示教学方法为主，辅之教学课件等方法进行教学。

2、结合本学科特点在教学过程中，使学生形成多动手、积极探究、勤于思考、学会学习等良好的学习习惯，培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等。

四、成绩考核方法：

要求：

1、课后试验作业每周一次。

2、期末考试采取理论考试为主、大作业（完整的个人网站）为辅的形式。

3、平时成绩30%、期末成绩70%，期末考试（笔试70%，大作业30%）。

五、教材与主要参考书目

教材：

路甬祥：《DreamweaverMX职业技能培训教程》，电子科技大学出版社，2004年3月。 参考书：

5 位元文化：《CSS/HTML网页设计》，中国铁道铁道出版社，2002年2月。

刘洪武：《网页设计与制作（高职教材）》，大连理工大学出版社，2003年7月。 李卓玲：《java程序设计语言》，大连理工大学出版社，2003年8月。

执笔人： 审订人：

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

网页设计与制作教学大纲

课程性质

专业必修课。

学时学分

1.总学分2；

2.总学时36，其中网上自主学习24，上机实习12。

授课对象

1.网络教育本科 2.网络教育专升本

课程的教学目的

3.本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

课程教学的基本要求

通过本课程的教学基本要求包括：

4.通过学习网页设计与制作课程，使学生对网页设计与制作有个全面了解；5.掌握网页设计的基本概念和基本知识； 6.使学生系统掌握静态网页技术、网页图形与图象处理技术和脚本语言设计动态网页技术；

7.初步掌握用ASP创作动态服务器网页技术、ASP对象操作技术和ASP存取数据库技术，培养学生运用这些技术和工具制作常用网页。

先修课程

计算机文化基础、计算机网络、数据库。

课程学习方式

在本课程中，将综合安排以下多种方式进行课程的教学与学习： 8.远程音视频直播教学

9.站点音视频课件集中式点播教学 10.学习者网络课程自主性点播学习11.部分教学内容的教师集中式授课 此外，在课程的学习过程中如遇到学习上的疑问，可以将答疑的问题发送电子邮件至网络课程所指定的教师答疑邮箱。

教学内容、教学重点与学时安排

教学内容与教学重点

各章详细的教学内容与教学重点详见附录一。 各章学时安排（供参考） 第一章 网页与网站基础 第二章 使用网页工具制作静态网页 第三章 网页图形与图象处理 第四章 （略） 第五章 JavaScript与DHTML技术 第六章 动态服务器网页ASP基础 第七章 ASP中的对象

3 2 4 5 4 第八章 第九章 学时总计 ASP存取数据库 （略）

4 24 教材及参考资料

基础教材：阳西述等主编：《网页制作与网站设计》，武汉大学出版社，2006年版 参考资料：林小芳, 吴怡编著：《ASP动态网页设计教程》，清华大学出版社，北京交通大学出版社，2006年版

朱印宏, 袁衍明编著：《Dreamweaver 8完美网页设计．技术入门篇》，中国电力出版社，2006年版

张楠, 崔楠编著：《Fireworks网页图形设计技法范例》，清华大学出版社，2005年版

考核方式

闭卷考试。 教学大纲制定者

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

《网页设计与制作》教学大纲

一、课程基本信息

课程编号：

中文名称：网页设计与制作

英文名称：Web Design and Production 课程类别：选修课 适用专业：所有专业

开课学期：2011-2012第2学期 总学时：24学时 总学分：1 课程简介：

本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。 参考书：

1、网页设计与制作教程，熊前兴 闵联营， 科学出版社;

2、网站与网页设计，张贵明，清华大学出版社;

3、网页美术设计原理及实战策略，王晓峰 焦燕，清华大学出版社;

4、网站建设典型案例，张枭，清华大学出版社；

二、课程教学目标：

网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

三、理论教学内容与要求

第一章、网页的基础知识（1学时） （1）Internet基础知识

（2）www简介

（3）网页制作的技术和工具介绍

第二章、超文本编辑语言HTML（8学时） （1）HTML文件的基本结构 （2）文字和段落标记

（3）列表标记

（4）图片标记 （5）表格标记 （6）超链接标记 （7）表单标记 （8）框架标记

第三章、JavaScript语言（4学时） （1）JavaScript语言简介 （2）JavaScript编程基础 （3）基于对象的JavaScript语言 （4）JavaScript程序实例

第四章、层叠样式表CSS（1学时） （1）CSS概述 （2）CSS属性

第五章、可视化网页设计工具Dreamvawer8.0 （1）网页的基本操作 （2）图像、表格与超链接 （3）表单与框架 （4）添加网页元素 （5）发布站点

第六章、动态网页设计语言ASP（4学时） （1）ASP简介 （2）VBScript脚本基础 （3）ASP的内置对象 （4）实用Global.asa文件

4学时） （

第七章、利用AD0访问数据库（1学时） （1）数据库的连接 （2）数据库的检索 （3）数据库的操作

总结复习（1学时）

四、实验教学内容与要求

五、作业

六、考核方式

期末考核每个同学为自己设计制作一个博客网站。

七、成绩评定

1.自制网站（80%） 2.平时考勤、作业 (20%)平时成绩分配：

平时考勤5次，每次2分，共占10% 作业5次，每次2分，共占10%

八、执行大纲时应注意的问题

根据学生对课程内容的掌握和理解程度会对进度做适当的调整。

执笔人：邢雁平

第15篇：《网页设计与制作》习题集

《网页设计与制作》习题集

一、判断题：

1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。√

2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√

3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√

4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√

5、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√

6、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert （插入）菜单的中的image(图像)子菜单项。√

7、若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。×

8、采用目录与锚点结合的办法，可以实现在长的网页文档内部跳转的功能。√

9、在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。√

10、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。√

11、

12、在Dreamweaver中，非连续的单元格也可直接合并。×

对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×

13、一幅图像在网页中是作为一个独立的对象插入的，但是如果情况需要，则可以一幅图象中设置多个“对象点”完成特定的功能，这个就是图像热点。√

14、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link （链接）项中输入需要链接的URL即可。√

15、在制作网页显示时，若有一些网页，他们有共同的标题、共同的目录格式，只是某些内容部分不太相同，这时，可以应用框架网页来加快网页的显示速度，避免重复载入页面。√

16、WEB站点是指一系列可以通过Internet 浏览器浏览的，具有相互超级链接的多媒体文档的集合以及完成这些文档的存放、查找、搜索、发布的物理设备和其他相关软硬件系统的集合√

17、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×

18、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√

19、

网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但

5 不是所有的浏览器都支持层技术。√ 20、

21、表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。× 网页制作中，层的“Z-index”属性表示层的层叠次序，数值大于0表示在页面的上面，数据小于0表示在页面的上面，数值越大就越先看见。×

22、

√

23、

24、firework 中进行网页布局的原理可以说就是利用层进行不同区域和对象的设置。√ Fireworks 是Macromedia 公司推出的图象制作与处理软件，提供图像的创建、制作和处在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠多层的情况。理功能。√

25、

26、

√

27、

28、

29、flash中的导线工具，在真正的层中显示时并不可见。×

GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。√ 在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，可以多用Flash中，可以用导线来控制对象按照预定的轨迹运动。√

在Fireworks 处理过程中，在同一页上，可以用不同层制作两个运动不相关的多帧动画。文字。× 30、Dreamweaver模板可以在局部应用，但不能应用于整个站点。×

二、多项选择题：

1、在网页中录入文档的方法有：

abc A) 直接录入法。

B）从已有的文档中通过剪贴板复制剪切粘贴的方法。 C） 修改录入的文档的方法。 D）以上均不正确

2、关于Dreamweaver的操作界面，下列说法正确的是：abd A) 工具箱包含了常用的工具，制作网页时用到这些工具。

B) 对象属性浮动工具栏，对网页制作时选择的对象相适应，用来设置对象的属性。 C) 状态栏，是表示出被编辑网页的效果。

D) 状态栏，是表示出被编辑网页中正在被编辑的标记名。

3、下列不属于站点管理器的功能的是：ab A) 可以实现快速超级链接。

B）可以自动纠正超级链接的更改。 C） 可以自动发布制作好的网页。 D）可以自动升级网站的WEB服务。

4、在框架式网页中添加超级链接时，如果对象的“target (目标框架)”属性为以下时，则可以新窗口打开链接页。abd A) _blank

B）_parent

C）_self

D）_top

E）main

5、在框架式网页中添加超级链接时，对象的“target ”属性分别表示的意思正确的是：abc A) _blank 在新窗口打开网页

B）_parent 在父框架窗口打开网页 C） _self 在本窗口打开网页

D）以上都不正确

6、网页中的若有多层，下列哪个属性决定层的视觉关系。ac

6 A) Z-index

B）Layer

C）Top

D）left

7、Dreamweaver 能实现的关于站点管理的内容有：abcd A) 检查站点的超级链接

B）生成站点报告、错误查找和修改。 C） 定义站点

D）测试站点

8、在网页中插入水平线，一般可以设置水平线的以下属性abc A) 水平线的宽度。 B）水平线的颜色。 C）水平线的粗细程度。 D）水平线的层叠次序。

9、网页中的超级链接可以链接到。abcd A) 链接到本网站中的其他网页。

B）链接到本文件中某锚点位置。

C） 可以其他站点中的某个位置。

D）可以链接到某网站中的某个文件对象。

10、在Dreamweaver MX 中，站点管理包括五大设置项，下列说法错误的是：bcd A) Local info 设置站点的名称、本地文件夹映射位置，站点在Internet 上的位置等。 B) Remote info 设置站点的远程信息，包括远程服务器的访问方式，帐号、密码等。 C) Design Notes 设置网页设计过程中是还否保持制作的记录等。 D) Quick View 设置站点网页显示效果。

E) Site Map Layer 站点地图项，设置站点地图的显示方式等。

11、在firework 中存储图象时，下列说法正确的是：abcd A) 选择GIF图像是单幅静止图像。

B）选择Animated GIF 是连续的图像对象，是动画。 C） 选择Png则保留firework 制作过程数据

D）选择Jpeg 则是一幅静止的图像。

12、Fireworks 默认保存的文件格式是什么格式？a A) Png文件

B）JPG文件

C）PCX文件

D）TIF文件

13、下列关于Flash的说法不正确的是：d A) Flash是由Macromedia 公司出品的软件。 B) Flash 是一个矢量图形编辑和动画创作软件。

C) Flash 制作出来的影片可能会比较小，因为它使用了矢量图形技术。 D) Flash 制作出来的影片可能会比较大，因为它使用了矢量图形技术

14、下列关于Html标记不正确的是d A) a标记 用来标记超级链接

B）img标记 用来插入图片 C） table标记 用来插入表格

D）table 标记 用来插入框架网页

15、在网页中可以直接插入以下内容（单选）d A) 图片

B）动画

C）超级链接

D）以上都可以直接插入

三、简答题：

1、Dreamweaver MX 2004 是怎么样一个软件，它可用来做什么？(p185)

2、什么是图象热点？在网页中插入图象以后，若要使用图象热点，应如何操作？

3、在网页中如何添加背景声音？ (p243)

4、请叙述在网页中添加弹出式菜单的方法。(p239)

5、网页制作技术中，什么是行为控制，试举例说明(p237)

6、Fireworks 是怎么样一个软件，它的主要功能是什么，有什么特色？(p109)

7、在Fireworks 中，什么情况下适合用逐帧动画制作方式？什么情况下适合用起始两帧动画制作方式，什么情况下适合用单帧动画制作方式？(P147)

8、请叙述Flash 中导线工具的使用方法。(p40)

9、在Fireworks 进行网页布局的原理是什么？p(172)

10、试描述HTML的基本语法，用简单网页的源代码示例。(p289)

四、综合题：

1、请补充完整一个标准的HTML基本页面的HTML代码

2、试谈谈首页的制作，从首页的风格模式，内容，所采用的网页技术等多方面考虑(p289)

3、如需要在Flash 中实现将某些文字从左边移动到右边，则应如何做？(p29)

4、尝试使用框架网页制作，要求有标题页一个，目录页一个，内容页一个，其他自选，在Dreamweaver中制作过程应是?p(223)-

5、网页中模板的使用是怎么一回事，如何在Dreamweaver中建立模板与使用模板？(P257) 8

第16篇：网页设计与制作报告书

电子商务2班201341440213孙岩

网页设计与制作报告书

课程名称:网页设计与制作

专业班级：电子商务2班

学 号:201341440213 姓 名：孙岩

指导教师：王康哲

1

电子商务2班201341440213孙岩

目录

一．概要……………………………………………………………

3

二．网站开发……………………………………………………

3

三．应用工具方案……………………………………………

四．栏目划分……………………………………………………

五．代码表……………………………………………………….

六．截图……………………………………………………………

七．结论…………………………………………………………… 2

5 6 7 13 14

电子商务2班201341440213孙岩

摘要：

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

一、网页制作开发背景

Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。

二、网页制作设计技巧

首先，我们来看一下创建一个只包含一个网页的站点。 选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。 在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，DREAMWEAVER就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。

在文件列表里除了主页之外，还有文件夹。新建站点时，DREAMWEAVER都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。 “private”

3

电子商务2班201341440213孙岩

文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是DREAMWEAVER提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。

基于表格的设计：表格布局使网页设计师制作网站时有了更多选择。在 HTML 中表格标签的本意是为了显示表格化的数据，但是设计师很快意识到可以利用表格来构造他们设计的网页，这样就可以制作较以往作品更加复杂的，多栏目的网页。表格布局就这样流行了起来，融合了背景图片切片技术，常给人以看起来较实际布局简洁得多的结构。

结构设计：这个时期的网页设计还不太关注语义化和可用性方面的问题，主要还在追求良好的结构美学。同一时期也是大量应用 GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用 GIF 占位;如微软的“关于 HTML 表格中的 GIF 占位”。第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外，某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有 1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面)，设计师们都要依赖于表格来创建。

三、网站结构

网站结构是指网站中页面间的层次关系;按性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。

（一）网站结构整体先用DIV和CSS来进行构造，对整个网站进行布局， (二)网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结

4

电子商务2班201341440213孙岩

构可以帮助用户快速获取所需信息;相反，如果一个网站的结构极其糟糕的话，用户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。

（三）网站结构还直接影响搜索引擎对页面的收录，一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。

网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取

由于互联网中信息量极其庞大，为了向用户展示更多有价值的信息，搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面),然而，搜索引擎是怎样发现这些重要页面的呢?根据重要页面的链接指向的页面可能是重要页面的思路;搜索引擎首先会从权重相对较高的页面(即源页面)出发跟踪其中的链接，从而抓取其他相对重要的页面(即目标页面)。

网页设计的要素

四、应用工具方案

DreamWeaver自制动态HTML动画的网页。

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

版面布局：在你开始设计之前，你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩组合，因为不同颜色组合的背景或字体可能会是非常令人讨厌的。你也可以选用一个背

5

电子商务2班201341440213孙岩

景图，而不是仅用一种颜色。背景图案可以自己绘制，也可以从因特网上下载。通过模糊背景图案，就可以使文字更容易被阅读。要记住的是，图片不会被浏览器重画的，而背景色彩则是要被重新画的，因此，在上传你的图片之前，必须检查不同的浏览器是如何显示这些网页的。当增加文字时，尽量设置容易被阅读的字体和大小。如果你使用背景图片，那么，当网页被浏览时，背景色和字体将会先于背景图片被下载，因此，如果背景色和文本的颜色没有鲜明的对照的话，那么浏览者会有几秒钟的时间看到一个充满了不可阅读的文本的网页。解决这个问题的简单的方法就是，使背景色与背景图的颜色相类似。

浏览导航：站点的浏览导航必须被设计成非常容易。如果需要，把站点分割为几个部分。最容易的方法，就是在整个网站的所有的网页的左边放置一个菜单条。当然，除此以外，还有许多可选的方法。对于具有大量信息的站点，使用一个可扩展的菜单条会是一个不错的选择。无论你使用何种导航模式，在每一页都放置一个主页链接，那会是一种不错的设计思想；浏览者必须知道，无论何时，当他们迷失在你的站点浏览中时，都可以通过简单的一次点击就能准确地知道目前所处的位置。

Frame(帧,框架)的问题：Frame—— 你也许会喜欢它，也许不喜欢。如果你在你的网站上使用帧，你很可能使一个帧用于导航目的，另一个帧用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口，你点击左边的帧，只会改变右边的内容。用帧来组织网站的内容，显然是非常容易的。

检验你的HTML代码 ：不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化，如果浏览量不够的话，还会起到相反的宣传作用。最后，内容是金，如果能给的浏览者一些有价值的东西，如，信息，建议，或软件，那么就能吸引浏览者经常光顾你的网站。为你的站点增加消息板和聊天室，从而提高网站的交互性，使你和你的访问者交流，让访问者彼此交流。

五、频道栏目划分

图1

6

电子商务2班201341440213孙岩

六、代码段

content=\"text/html; charset=gb2312\" />火影忍者 function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf(\"MSIE\") != userAgent.indexOf(\"Opera\") == -1); var isWin = (appVersion.toLowerCase().indexOf(\"win\") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length >0){ var desc = plugins[\"Shockwave Flash\"] ? plugins[\"Shockwave Flash\"].description : \"\"; desc = plugins[\"Shockwave Flash 2.0\"] ? plugins[\"Shockwave Flash 2.0\"].description : desc; if (desc == \"\") flashVer = -1;

-1 &&

7

电子商务2班201341440213孙岩

else{ var descArr = desc.split(\" \"); var tempArrMajor = descArr[2].split(\".\"); var verMajor = tempArrMajor[0]; var

tempArrMinor

=

(descArr[3]

!=

\"\")

? descArr[3].split(\"r\") : descArr[4].split(\"r\"); var verMinor = (tempArrMinor[1] >0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + \".\" + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf(\"webtv\") != -1) flashVer = 4.0;

var verArr = reqVerStr.split(\",\"); var reqVer = parseFloat(verArr[0] + \".\" + verArr[2]);

if (flashVer

= \"http://www.daodoc.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash\";

8

电子商务2班201341440213孙岩

} } } }

align=\"center\"

width=\"1000\"

border=\"0\" cellpadding=\"0\" cellspacing=\"0\">

width=\"1000\"

height=\"195\">

width=\"1000\"

wmode=\"transparent\"

height=\"180\"

quality=\"high\" pluginspage=\"http://www.daodoc.com/go/getflashplayer\"

9

电子商务2班201341440213孙岩

type=\"application/x-shockwave-flash\" wmode=\"transparent\">

height=\"\"

border=\"0\"

align=\"center\" cellpadding=\"0\" cellspacing=\"0\" id=\"main\">  

首页 火影介绍 角色资料 精选壁纸 动画选播    

bgcolor=\"#FFFFFF\">

width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">

10

电子商务2班201341440213孙岩

火影忍者主题曲

name=\"FlashVars\" value=\"&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=flash/hy&autoPlay=false&autoRewind=false\" />

src=\"FLVPlayer_Progreive.swf\" flashvars=\"&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=flash/hy&autoPlay=false&autoRewind=false\" quality=\"high\" scale=\"noscale\" width=\"380\" height=\"260\"

name=\"FLVPlayer\"

salign=\"LT\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.daodoc.com/go/getflashplayer\" />

11

电子商务2班201341440213孙岩

壁纸预览

电子商务2班201341440213孙岩

height=\"40\"

border=\"0\" cellpadding=\"0\" cellspacing=\"0\" id=\"footer\">

八、截图

首页

图2 照片

13

align=\"center\"

电子商务2班201341440213孙岩

图3 美文

图4

九、结论

(一)网页设计制作需要我们明白: 1.简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉

14

电子商务2班201341440213孙岩

所有的冗余的东西。

2.使用方便: 同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美。

3.整体性好: 一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4.网站形象突出: 一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。

5.页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次，当然雅俗共赏是人人都追求的。

6.交互式强: 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。

你也许会认为所有的这些都会是一种限制；不错，如果运用不当，它们确实是会成为一种约束。不管怎样，当你开始设计你的网站时，要努力去这样做。不要跟随上述所有的规则，充分发挥你的创造力 ，你可以去创建一个大大的Flash电影，再加上一点点的文字内容，使你的网站在众多的网站中脱颖而出，哪怕浏览者只是为了再看一下你的设计。灵活地使用本文中所述的一些规则方法，将会使你的网站更完美，更容易获得成功。

15

电子商务2班201341440213孙岩

在学习网页制作的时间里，我学会了怎么去制作一个网页，当然在制作的过程中不可避免的遇到了各种各样的问题，但还是在老师和同学的帮助下一一解决。虽然最终成果还是有一些问题，但是这次动手实践的意义是显而易见的。这是我学习后的体会，在这个过程中还存在有瑕疵，希望以后可以和大家多点时间一起交流，提高我们这方面知识的欠缺，共同进步。

16

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

《Dreamweaver CS6中文版实例教程》教学大纲

课程介绍：

本课程是一门概念性和实践性都很强的面向实际应用的课程。

Dreamweaver CS6是由Adobe公司开发的网页设计与制作软件。Adobe公司在Dreamweaver这一软件的版本上不断升级，是为了使广大从事网页制作和网页设计工作的用户拥有性能更完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。

本课程主要介绍的是Dreamweaver CS6的基本操作方法和网页设计制作技巧，这是学习Dreamweaver的入门课程，也是必修课程，学员通过本课程的学习，应当能够熟悉软件功能和网页设计思路，为今后的专业学习或深入的设计打下基础。

培训目标：              掌握Dreamweaver CS6的工作界面和网站的建设基础 掌握文本与文档的编辑

熟练掌握插入图像和多媒体的方法和技巧 掌握网页的超链接 熟练掌握表格的使用 熟练掌握框架的使用 掌握使用层的方法

掌握层叠样式表（CSS）样式 掌握模板和库的使用方法 掌握使用表单的方法 了解行为的使用方法

掌握网页代码的编写和修改 掌握综合运用设计实训

学习时间：

68学时。

培训内容：

一、初识Dreamweaver CS6

1、掌握Dreamweaver CS6的工作界面；

2、掌握创建网页框架的方法；

3、熟练掌握重命名、移动和删除站点文件和文件夹；

4、熟练掌握对站点的打开、编辑、复制、删除、导入、导出等操作；

5、掌握网页文件头的设置；

二、文本与文档

1、熟练掌握输入文本、编辑文本和文档的方法；

2、掌握设置项目符号或编号、插入日期和特殊字符的方法；

3、了解水平线、网格和标尺的使用方法。

三、图像和多媒体

1、熟练掌握插入图像并设置图像属性的方法；

2、掌握调整图文混排效果的方法；

3、熟练掌握在网页中插入多媒体的方法

四、超链接

1、了解超链接的概念与路径知识；

2、熟练掌握文本超链接和图像超链接的创建方法；

3、掌握创建命名锚记超链接的方法；

4、了解创建热点链接的方法。

五、使用表格

1、掌握插入表格的方法及对表格的简单操作；

2、掌握网页中数据表格的导入和导出；

3、掌握网页中数据表格的导入和导出；

4、了解复杂表格的排版；

5、了解应用表格进行页面布局的方法。

六、使用框架

1、掌握创建、编辑与保存框架和框架集的方法；

2、掌握框架和框架集的属性设置。

七、使用层

1、熟练掌握创建和编辑层的一些基本操作；

2、了解应用层设计表格的方法；

八、CSS样式

1、了解CSS样式的概念，掌握其控制面板及类型；

2、熟练掌握按照CSS的类型来创建和应用多种样式。

3、了解编辑CSS样式的方法；

4、掌握CSS样式属性的多种分类，包括类型、背景、区块、方框、边框、列表、定位、扩展和过渡。

5、了解CSS过滤器的使用。

九、模板和库

1、了解资源控制面板；

2、掌握创建、编辑和管理模板的方法；

3、掌握创建和更新库文件的方法；

十、使用表单

1、熟练掌握创建表单和插入文本域的方法；

2、掌握复选框和单选按钮的应用方法；

3、掌握在表单中创建列表和菜单的方法；

十一、使用行为

1、了解行为与事件，掌握行为控制面板及行为的应用；

2、掌握常用的动作功能及实现这些功能的方法；

十二、网页代码

1、掌握使用标签库编辑器创建源代码；

2、了解使用标签编辑器和检查器编辑代码；

3、掌握几种常用的HTML标签；

4、了解脚本语言及响应HTML事件的3种方法。

十三、综合设计实训

1、掌握表格布局的应用方法和技巧

2、掌握CSS样式命令的使用方法

3、掌握表单的创建方法和应用

4、掌握动画文件和图像文件的插入方法和应用

5、掌握超链接的方法和创建

第18篇：网页设计与制作教学计划

网页设计与制作教学计划

网页设计与制作情况介绍：13级计算机专业就业班每周课时为8课时，其中上机操作6课时、理论2课时；高考班每周课时为6课时，其中上机操作4课时、理论2课时。根据其课时安排，每周课时就以8课时为准。现按照15周课，计120课时，其中上机操作课90课时，理论课30课时，如上机操作课程时间充足，可自行安排举一反三。

注：因13级计算机3个班，高考班的课时较少，所以具体实际上机操作情况只有根据实际情况而定。

项目一 网页概述（6）

任务一 讲解网页设计与制作这门学科的发展前景。（1课时）

讲解网页设计与制作这门学科的发展前景，培养起学生的兴趣。 任务二 用html代码编写“我的第一个网页”的网页。（1课时）

简单介绍一下html代码：、、，在记事本中用html编写一个简单的网页，转换格式，在浏览器中预览效果，培养起学生的兴趣。 任务三 Web简介。（1课时）

在学习制作一个网页之前，首先应该了解一些网页和网站的基本知识：web的起源与基本结构、web的常用术语。 任务四 认识网页制作软件。（1课时）

了解网页制作工具网页制作三剑客，并掌握红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。 任务五 网站规划。（2课时）

熟悉网站开发的工作流程：规划、制作、维护，自行设计一个网站，写出网站规划。

项目二 网页制作基础（5）

任务一 认识Dreamweaver8。（1课时）

任务二 创建本地站点，搭建模拟结构。（2课时）

学会创建站点，掌握规划站点结构的原则；学会把其他站点定义成本地站点。 任务三 html代码的基本结构。（2课时）

项目三 插入对象（16）

1 任务一 插入文本（2课时）

学会插入文本、特殊字符、日期、水平线（修改颜色）、注释，并了解设计文本属性；掌握enter（

）与shift+enter（）的区别。 任务二 插入图片（2课时）

掌握插入图片的技巧，灵活调整图像的大小，使用“重新取样”，学会更改默认编图工具。

任务三 制作图文混排页面。（2课时）

学会设置文字和图像的属性，并能进行图像和文字的混排。 任务四 插入Flash动画（2课时）

掌握插入Flash、Flash按钮和文字、Flash图片播放器功能。 任务五 插入交互图像（2课时）

学会制作鼠标经过图像和导航条图片。 任务六 插入音视频（2课时）

在网页实现播放音频文件的效果，并实现下载音视频文件的功能。 任务七 插入滚动文字（2课时）

学会制作滚动文字，并掌握控制滚动文字的html代码。 任务八 综合练习，制作一个主页面。（2课时）

项目四 超链接

任务一 网页链接路径与类型（1课时） 任务二 内部链接、外部链接（1课时） 任务三 email链接、锚点链接（1课时）

任务四 图像映射，基本掌握脚本链接的关闭功能（1课时）

项目五 表格

任务一 创建web画廊（1课时）

通过fireworks创建web画廊，掌握“创建网站相册”的功能。 任务二 表格的应用（2课时）

新增表格、表格属性的设定、选择行列、选择不相邻的单元格。 任务三 学会使用表格调整方法（3课时）

对预先设计好的网页图，在fireworks中切片，通过插入fireworks html

2 的方式对表格进行调整。

任务四 制作简单的内页页面（2课时） 任务五 制作复杂的内页页面（3课时） 任务六 表格的绘制（1课时）

任务七 表格排版，制作一个小型网站（3课时）

切片，准备图片；新建站点，搭建结构；表格页面排版；链接，制作网页。

项目六 表单

任务一 表单文本域：单行、多行、密码（2课时）

加入空白表单，设定表单属性；讲解什么事表单，解释表单属性get和post的区别。

任务二 插入对象（4课时）

单选按钮（组）、复选框、列表、下拉菜单、文件域、按钮、跳转菜单、图像域、隐藏域。

任务三 综合练习，表单的排版，以邮箱的方式提交（3课时）

项目七 CSS 任务一 CSS的特点、添加方式、类型（1课时理论） 任务二 使用四种方法使用c 样式表（2课时） 任务三 使用 Cla类与id类控制网页的格式（1课时） 任务四 运用c样式表设置字体样式并控制图文布局（2课时） 任务五 综合应用CSS的各种属性（2课时）

任务六 综合练习，熟练使用c美化网页（2课时）

项目八 框架

任务一 框架应用（2课时）

任务二 利用框架设计网页（3课时）

项目九 模板

任务一 模板应用（2课时）

任务二 利用模板设计网页（3课时）

项目十行为

任务一 制作弹出消息（1课时）

3 任务二 制作打开浏览器窗口（1课时） 任务三 制作背景音乐（1课时） 任务四 控制Flash动画（1课时） 任务五 检查表单（2课时）

项目十一 时间轴

任务一 时间轴动画（2课时） 任务二 任务三 任务一 任务二 任务一 任务二 任务三 任务一 任务二 任务三 任务二 任务三 任务四 任务五 任务一 制作动态文字（1课时） 制作飘动广告（2课时）

项目十二 层

层的应用（2课时）

层与行为、时间轴结合（3课时）

项目十三 javascript 弹出对话框（1课时） 函数应用（2课时） 时钟显示功能（2课时）

项目十四 数据库

认识iis（1课时） 复习数据库知识（1课时） 连接（2课时） 显示数据（2课时） 表单收集（增）（3课时） 登陆页面（查）（3课时） 修改密码（改）（3课时）

项目十五 网页设计

做个人作品（15课时）

第19篇：网页制作教案

第一节 制作简单的网页

（一）教学对象分析

学生在学习本内容前，已经学习了利用Word制作简单的网页，并且初步掌握了制作网页的一般流程及基本操作，具有进一步学习的能力。

（二）教学目标

1、了解Frontpage的界面组成及基本功能。

2、掌握在Frontpage中编辑文字、插入图像的方法。

3、掌握在Frontpage中设置电子邮件超链接的方法。

4、培养学生在获取信息的能力，使学生学会利用计算机和网络搜集与准备网页素材。

5、培养学生的知识迁移能力。

（三）教学重点

利用Frontpage制作简单的网页

（四）教学方法和手段

教学方法：以学生自学为主，教师辅导为辅。 教学手段：多媒体网络教学。

（五）教学过程

1、创设情境，导入新课：

展示几幅优秀的网页作品，激发学生学习专业网页制作软件的愿望。Frontpager 功能主要体现在：

1、网页编辑功能。

2、网站管理功能。

一、启动Frontpage i.ii.启动Frontpage Frontpage窗口组成

二、用Frontpage制作网页

1、输入文字

2、设置字体、字号

3、插入剪贴画

4、创建电子邮件超链接

三、保存网页

四、预览网页 反馈操作情况情况

第二节 插入表格

（一）教学目标

了解Frontpage中使用表格的作用。 掌握在Frontpage中插入表格的方法。 能熟练在表格中输入文字、插入图片。

（二）教学重点

在Frontpage 中利用表格组织网页结构。

（三）教学过程

导入新课，表格是网页中经常使用的一种形式，表格里不仅可以存放文字、图像等数据，还可以作为组织网页内容的框架，使网页整齐、美观。

新课讲授：

1、插入空表格

2、在表格中插入图片

3、设置图片属性

4、输入文字

5、设置表格属性

6、插入表格标题

7、保存网页、预览网页 本课总结

第三节 创建表单

（一）教学目标 了解表单的功能。

掌握在Frontpage中创建表单的方法。 掌握在Frontpage中插入表单域的方法。

（二）教学重点 表单网页的结果处理。

（三）教学过程

复习

1、如何制作图文并茂的网页？

2、表格在网页中的主要作用？

3、在网页中插入表格有几种方法？ 导入新课、创设情境

展示几幅含有表单域的网页作品，例如调查表、申请表、提问：表单与表格的异同点？ 讲授新课

一、利用表单网页向导创建表单

1、建立表单

2、修改表单

3、处理表单结果

4、利用表单确认模板制作表单确认页面

二、制作网页背景 反馈操作情况 本课总结

课后任务：利用菜单栏中的命令在网页中插入表单域。

第四节 利用框架制作首页

（一）教学目标 了解框架的功能

掌握在Frontpage中使用框架的方法。 掌握在Frontpage中建立超链接的方法。

（二）教学重点 利用框架制作首页

（三）教学过程

复习：

1、如何制作表单页？

2、表单的主要作用？

导入新课、创设情境：展示模范的网页作品，激发学生学习的兴趣。 讲授新课：

一、利用框架制作首页

1、新建框架网页

2、设置 右框中的初始网页

3、保存网页

4、建立左框中的网页

二、建立超链接

二、制作网页背景 保存网页、游览网页 反馈操作情况 本课总结

课后任务：练习其他几种超链接方式。宛善网页。

第五节 站点管理

（一）教学目标 了解站点的基本知识。

掌握利用Frontpage建立站点的方法。 掌握向站点中导入网页的方法。

（二）教学重点 导入超链接

（三）教学过程 复习：

导入新课、创设情境：Frontpage不仅具有强大的网页编辑功能，而且具有强大的管理站点的功能。 讲授新课：

一、建立站点

二、导入网页

三、导入超链接 本课总结

第六节 发布站点

（一）教学目标 了解发布站点的一般流程

（二）教学重点

把站点发布到因特网上是本节的重点。

（三）教学过程 复习：

导入新课、创设情境：展示因特网上的优秀个人网站。 讲授新课：

一、把站点发布到本机

二、测试网站的表单功能

三、把网站发布到因特网上（介绍） 本课总结

第20篇：网页制作教案

网页制作与设计教案

第一讲 网页设计概述 ....................................................................................................................3 1.

1WWW和URL .....................................................................................................................3 1.

2IE5的使用 ............................................................................................................................3 1.3 网页中所使用的技术 ............................................................................................................4 1.4 制作网页的基本方法 ............................................................................................................4 第二讲 HTML的基本标志与格式标志 .......................................................................................4 2.1 HTML文档的基本结构 .........................................................................................................5 第三讲 HTML的文本、图片与超级链接标志 ...........................................................................5 2.2 插入文字 ................................................................................................................................6 2.3 插入图片 ................................................................................................................................8 2.4 建立超级链接 ........................................................................................................................8 第四讲 HTML表格、表单与框架标志 .......................................................................................9 2.5 插入表格 ................................................................................................................................9 2.6 表单的应用 ..........................................................................................................................10 2.7 框架窗口 ..............................................................................................................................10 第五讲 HTML标志综合运用案例 .............................................................................................11 第六讲 DREAMWEAVER中简单WEB站点建立与管理 .....................................................12 3.1 DREAMWEAVER概述 ............................................................................................................12 第七讲 DREAMWEAVER中静态网页设计 .............................................................................13 3.2 在页面中加入文字和图像 ..................................................................................................14 3.3 超级链接的运用 ..................................................................................................................14 3.4.表格的应用 .........................................................................................................................14 3.5.在网页中创建表单 .............................................................................................................15 第八讲 DREAMWEAVER中动态网页设计 .............................................................................15 第九讲 DREAMWEAVER综合性网页设计案例 .....................................................................16 第十讲 VBSCRIPT概述 .............................................................................................................17 4.1 VBSCRIPT语言简介 .............................................................................................................17 第十一讲 VBSCRIPT的基本元素与输入输出 .........................................................................18 4.2.基本数据类型 .......................................................................................................................18 4.2.表达式和运算符 .................................................................................................................19 第十二讲 VBSCRIPT的条件语句、循环语句和过程 .............................................................20 4.3 VBSCRIPT基本语句 .............................................................................................................20

- 1

第一讲 网页设计概述

【教学内容】

讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】

使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学重点】

网页设计中的若干术语。 【教学难点】

理解网页设计中的若干术语。 【教学方式】

讲授式、讨论式、案例分析式。 【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《Internet 网页工场》Wittime工作室 重庆出版社。

3、《WEB网站设计》Joel Sklar著 高等教育出版社。

4、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】

1.1 WWW和URL 1.1.1 Web的起源

Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构

Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式

在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式

协议://主机名或IP地址：端口号/路径名/文件名

1.2 IE5的使用

Web浏览器是浏览Internet资源的客户端软件

在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等

1.2.1 IE5的界面 1.2.2 IE5的使用

- 3

列表标志的使用。 【教学方式】

讨论式、案例分析式、练习式。 【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】

2.1 HTML文档的基本结构

2.1.1 HTML语法

1、双标记

语法：

内容

2、单标记 语法： 最常用的单标记是

3、标记属性 语法

属性1 属性2 属性3 … >例子

4、注释语句 格式

例子

2.1.2 HTML文档的基本结构 【课后小结】

通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用 列表,有序列表,无序列表标志及属性。

第三讲 HTML的文本、图片与超级链接标志

【教学内容】

讲解HTML标准中的文本、图片与超级链接标志 【教学目的】

* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。

- 5

......，强调文字，通常用斜体。

......，特别强调的文字，通常用黑体。

......，以等宽体显示西文字符。

......，使文字大小相对于前面的文字增大一级。

......，使文字大小相对于前面的文字减小一级。 ......，使文字成为前一个字符的上标。 ......，使文字成为前一个字符的下标。 ......，使文字显示为闪烁效果。 2.2.6

文本修饰 2.2.7

预格式化文本 使用预格式化标记 不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符

一般转义符都是以“&”开始，以“；”结束，一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行

不换行 2.2.10 插入水平线 使用标记

属性：Width，Size，Align，Noshade，color 2.2.11 使用列表

1、无序列表 列表条目1 列表条目2 ......

2、有序列表

列表条目1 列表条目2 ......

3、定义列表 列表条目1 条目1的说明 列表条目2 条目2的说明 ……

- 7

...... 2.4.4 图像地图 【课后小结】

本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志是制作多媒体网页的基础。超级链接标志中，书签链接是一类特殊的链接方式，理解和使用书签链接学习HTML中超级链接标志的难点。

第四讲 HTML表格、表单与框架标志

【教学内容】

讲解HTML中制作表格、表单与框架的标志。 【教学目的】

使学生掌握简单表格、表单与框架的制作。 【教学重点】

* 表格中单元格的合并以及表格嵌套和叠加操作。 * 框架的嵌套使用。 * 表单元素标志与属性。 【教学难点】

* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。 * 理解框架属性name、target的意义。

* 理解表单中相应元素对应标志及属性的含义。 【教学方式】

案例分析式、项目教学 【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】

2.5 插入表格

2.5.1 在网页中插入表格

表格的基本构成元素：表头，单元格，列，行 第一行第一列 第一行第二列 第二行第一列 第二行第二列

- 9

FrameSpacing=\"2“

BorderColor=\"#008000“ >

2.7.3 子窗口属性设置

2.7.4 常见的框架窗口划分方法 （1）标题和正文，分为上下两部分 （2）层次结构，分为上中下三部分

（3）目录和标题，分为左上、左下、右三部分

（4）标题、目录和正文，分为上、左下、右下三部分 （5）嵌套目录，分为左、右上、右下三部分 2.7.5 不支持框架的网页

很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。

《网页设计与制作教案模板.doc》

将本文的Word文档下载到电脑，方便编辑。

推荐度：

点击下载文档