中文版Dreamwever 8网页制作基础与实训教案
第9章 Deamweaver8基础实验
第9章 Dreamweaver8.0基础实验实验一在Dreamweaver8.0中建立一个站点一、实验目的1、掌握Dreamweaver8的操作界面。
2、掌握站点创建的方法。
3、能够自定义工作环境。
4、进行一个简单的网页设计。
二、实验内容建立一个以自己名字命名的站点，该站点包含三个文件夹，images，music，flash，四个网页，分别为index.html，word.html，table.html，picture.html，设置主页index.html的标题为“本站主页”。
其中index.html页面效果图如9-1-1所示。
图9-1-1 index.html页面效果图三、实验步骤1、创建本地站点步骤：(1) 打开DREAMWEAVER,选择菜单下[站点]/[管理站点]|/[新建]/|[站点]命令.弹出如图9-1-2所示对话框。
(2) 在弹出“站点定义”对话框的“高级”标签中输入如下信息。
图9-1-2 “站点定义”对话框(3) “站点名称”——输入站点名称如“myweb”。
(4) “本地根文件夹”——选择本地文件夹如“D\myweb”(5) “自动刷新本地文件列表”——选中是否每次拷贝文件到本地站点时都自动更新本地文件夹列表，选中该选项。
(6) “默认图像文件夹”——选择图像所放置的文件夹如“‘D\myweb\images”注意：图像文件夹一定要在站点文件夹下，且一般命名为image或images。
(7) “HTTP地址”——输入实用的完整网站的URL，以便Dreamweaver能检验使用绝对URL网站链接。
(8) “缓存”——选择是否创建一个缓存以提高链接和网站维护任务的速度。
选中该选项。
(9) 设置完毕，点击“确认”按钮。
(10) 在Dreamweaver的工作界面右侧“浮动面板组”中的“文件”面板中的“文件”标签下就能看到刚才新建的站点myweb，如图9-1-3所示。
图9-1-3 新建站点myweb如果要对所建立的站点进行修改的话，可以选择菜单下[站点]|[管理站点]| [编辑]命令。
Dreamweaver项目一 认识Dreamweaver 8-电子教案
重点
难点
Dreamweaver 8的工作界面
Dreamweaver 8常用工具栏和面板的使用方法
要求掌握
的知识点
Dreamweaver 8的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、
Dreamweaver 8窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局
1、教学思路
2、教学手段
1、从网页案例欣赏入手，介绍Dreamweaver 8的功能和作用。
2、从制作一个简单用工具栏和面板的使用方法。
3、通过PPT课件讲授基本知识。
4、让学生自己动手制作教学案例，来进一步巩固Dreamweaver 8的使用。
中等职业学校教案
教研室：
课程名称：Dreamweaver 8中文版网页制作基础
任课教师：
XXXX学校教务处制
中等职业学校教案
第1次课讲授2学时实践2学时
章节
项目一认识Dreamweaver 8
讲授主
要内容
1.Dreamweaver 8的功能和作用
2.Dreamweaver 8的工作界面
3.Dreamweaver 8常用工具栏的使用方法
作业布置
作业：一～四
主要
参考资料
《网页设计与制作——Dreamweaver 8》，王君学、田明编著，人民邮电出版社
《中文Dreamweaver 8网页制作教程与上机实训》，魏聪等编著，机械工业出版社
《非常容易Dreamweaver 8网页制作》，导向科技编著，人民邮电出版社
备注
第1课 Dreamweaver 8基础
1.2 课堂教学
1.2.3 Dreamweaver 8的启动和主工作区 8的启动和主工作区 2.Dreamweaver 8的主工作区 8的主工作区 Dreamweaver 8的主工作区由插入工具栏,文档工具栏, 8的主工作区由插入工具栏 文档工具栏, 的主工作区由插入工具栏, 文档窗口,属性面板等部分组成. 文档窗口,属性面板等部分组成. (1) 插入工具栏 Dreamweaver 8的插入工具栏中默认显示的是"常用" 8的插入工具栏中默认显示的是 常用" 的插入工具栏中默认显示的是" 类的主要功能按钮.单击"常用"按钮会弹出一个下拉菜单, 类的主要功能按钮.单击"常用"按钮会弹出一个下拉菜单, 其中包含了插入工具栏中的其他功能菜单. 其中包含了插入工具栏中的其他功能菜单.用户选择不同的 分类,插入工具栏中包含的功能按钮也随之改变. 分类,插入工具栏中局 设计Web Web页面布局 当用户创建实体模型并设计页面的最终布局时, 当用户创建实体模型并设计页面的最终布局时, 8提供了很大的灵活性 提供了很大的灵活性. Dreamweaver 8提供了很大的灵活性.选择自己要使用的布局 方法,或综合使用Dreamweaver 8布局选项创建站点的外观 布局选项创建站点的外观. 方法,或综合使用Dreamweaver 8布局选项创建站点的外观. 利用Dreamweaver 8的层或CSS定位样式创建布局. 利用Dreamweaver 8的层或CSS定位样式创建布局. 的层或CSS定位样式创建布局 利用Dreamweaver 8的表格工具和布局模式,用户可以通过 利用Dreamweaver 8的表格工具和布局模式 的表格工具和布局模式, 拖动并重新安排页面结构来快速地设计Web Web页 拖动并重新安排页面结构来快速地设计Web页. 4.向页面添加内容 利用Dreamweaver 8,用户可以方便地在Web 利用Dreamweaver 8,用户可以方便地在Web页中添加多 Web页中添加多 种内容,包括文本,图像,颜色,影片以及其他形式的媒体. 种内容,包括文本,图像,颜色,影片以及其他形式的媒体.
《Dreamweaver网页制作实训教程》教学课件 第8章
要编辑库工程，可在“资源〞面板中双击库 工程，Dreamweaver会在网页编辑窗口中翻开 该库工程。
编辑库工程后对其保存时，系统会自动翻开 “更新库工程〞对话框。通常情况下，应单 击“更新〞按钮，接下来系统将显示“更新 页面〞对话框，其中显示了更新情况。
综合实训2——创立并应用库工程
本节通过将“souyi〞网站中的导航条创立为库 工程，并在网页文档中应用该库工程。来讲述 库工程在实际网站制作中的应用，具体操作见 视频8-2。
库工程的应用非常简单。在翻开要应用库工程的 文档和“资源〞面板后，在“资源〞面板的库窗 格中将库工程拖入到文档的适当位置即可。
对于普通对象，我们在单击选中该对象后，对象
四周通常会出现一组控制点。但是，如果单击库
工程，该对象将变成半透明，而不是在四周出现
控制点。
普通对象与
库工程选中
状态比照
8.2.3 编辑库工程
8.2 使用库工程
库工程是一种特殊类型的Dreamweaver文件， 我们可以将当前网页中的任意页面元素定义为 库工程，如图像、表格、文本、声音和Flash 影片等。
创立库工程的好处是可以在多个页面中重复使 用它们，每当更改某个库工程的内容时，所有 使用了该工程的页面都将同时更新。
8.2.1 定义库工程
要定义库工程，首先在文档编辑窗口中选中需 要保存为库工程的对象，然后选择“修改〞>“ 库〞>“增加对象到库〞菜单，弹出提示框。单 击“确定〞按钮，翻开“资源〞面板，刚选中 的对象出现在“资源〞面板中，且其名称处于 可编辑状态。将默认名删除，重新输入新名称 并按【Enter】键确认。
8.2.2 应用库工程
第8章 应用模板和库
应用模板 应用库工程
《Dreamweaver-8基础与实例教程》省名师优质课赛课获奖课件市赛课一等奖课件
3.选中表格列
选中表格列旳措施与选中表格行旳措施类似，这里不再 赘述。
4.选中单元格
（1）在要选择旳单元格中按下鼠标左键，并拖，即可选中该单元格。
（1）表旳大小用width=“数值”和height=“数值”属 性阐明。前者为表宽，后者为表高，数值是为像素数 或占窗口旳百分比。
（2）定义表格旳粗细由border=“n”阐明，n取整数， 单位是像素（假如省略，则不带边框）。将border设 成不同旳值，可产生不同旳效果。
（3）表格间距用cellspacing="数值"表达，"数值"旳单 位是像素。
2.该对话框允许您指定表格旳排序方式，若要完毕“排序表格”对话框， 请执行下列操作：
排序按：能够拟定哪个列旳值将用于对表格旳行进行排序。 顺序：拟定是按字母还是按数字顺序以及是以升序（A 到 Z，小数字到大
数字）还是降序对列进行排序。 再按/顺序：拟定在不同列上第二种排序措施旳排序顺序。在“再按”弹
4.5 实例制作
4.5.1虚线表格 4.5.2几种特殊表格旳制作 4.5.3圆角表格 4.5.4利用表格排版制作页面
4.5.1虚线表格
在浏览Internet时，会发觉诸多网站排版所用旳表格 都是经过多种美工制作旳，非常漂亮，不但起到了网 页排版旳作用，而且在很大程度上美化了网页，使网 页看起来非常清爽、简洁。虚线表格就是其中一种。
其基本定义格式如下： <table>…</table> 定义表格； <tr>…</tr> 定义表行 <th>…</th> 定义表头 <td>…</td> 定义表项（单元格）
第2章 网页元素的添加 实战Dreamweaver8网页制作教程电子教案
2.24
第2章
网页元素的添加
2.3 超链接的设置方法
2. 页面超链接状态的设定 单击菜单“修改”→“页面属性”或单击文本属性面板中的“页面属性”按钮，打
开页面属性对话框，在分类下单击“链接”选项，其中“链接颜色”即为正常显示的
超链接文字颜色，“变换图像链接”为鼠标移到超链接文字上时文字显示颜色，“活 动链接”为鼠标移到链接文字上按下鼠标并未松开时文字显示颜色。“已访问链接” 为已访问过的超链接文字的显示颜色。还可以设置所有超链接文字是否带有下划线。
2.16
第2章
网页元素的添加
2.3 超链接的设置方法
2.3.1案例制作：网站“诗词大观”首页
通过本案例的操作，你将学会：如何
插入文本、图像和设置它们的属性、如何 插入表格并借助表格进行文本和图像的定 位、如何建立锚记链接、电子邮件链接、 绝对超链接、空连接。
2.17
第2章
网页元素的添加
2.3 超链接的设置方法象，然后可以通过以下3种方法创建超链接。
在属性面板的“链接”文本框中输入目标对象的URL或路径。 拖动“链接”文本框后面的“指向文件”图标到“文件”面板中的目标 对象上（默认使用相对路径）。 单击“链接”文本框后面的“浏览文件”按钮，在打开的“选择文件” 对话框中选择链接对象，然后单击“确定”按钮。
2.3.2 新知解析
1. 超链接的表现形式
（1）网页之间的超连接
（2）网页内的超链接 （3）E-mail链接 （4）空链接和脚本链接 （5）图像热点链接
2.18
第2章
网页元素的添加
2.3 超链接的设置方法
（1）网页之间的超连接 要在网页中创建超链接，首先选中要创建链接的对象（文本、图像或其他页面对
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章：Dreamweaver简介1.1 课程目标了解Dreamweaver的发展历程和版本更新掌握Dreamweaver的基本功能和界面布局熟悉Dreamweaver的快捷键和基本操作1.2 教学内容Dreamweaver的历史和版本介绍Dreamweaver的界面布局和功能介绍Dreamweaver的基本操作和快捷键使用1.3 教学方法讲解与演示相结合，让学生了解Dreamweaver的发展历程和功能特点上机实践，让学生熟悉Dreamweaver的基本操作和界面布局布置课后练习，巩固所学知识1.4 教学资源Dreamweaver软件PowerPoint课件课后练习题1.5 教学评价课后练习完成情况学生对Dreamweaver基本功能的掌握程度第二章：创建和管理网页2.1 课程目标掌握新建、打开、保存和关闭网页的方法熟悉页面标签和属性的设置了解网站结构和文件管理的方法2.2 教学内容新建、打开、保存和关闭网页的操作方法页面标签和属性的设置网站结构和文件管理的方法2.3 教学方法讲解与演示相结合，让学生掌握新建、打开、保存和关闭网页的方法上机实践，让学生熟悉页面标签和属性的设置布置课后练习，巩固所学知识2.4 教学资源Dreamweaver软件PowerPoint课件课后练习题2.5 教学评价课后练习完成情况学生对网页创建和管理方法的掌握程度第三章：编辑网页文本和图像3.1 课程目标掌握在Dreamweaver中编辑文本的方法熟悉图像的插入、编辑和替换了解超的创建和使用3.2 教学内容在Dreamweaver中编辑文本的方法图像的插入、编辑和替换超的创建和使用3.3 教学方法讲解与演示相结合，让学生掌握编辑文本和图像的方法上机实践，让学生熟悉超的创建和使用布置课后练习，巩固所学知识3.4 教学资源Dreamweaver软件PowerPoint课件课后练习题3.5 教学评价课后练习完成情况学生对文本编辑和图像处理的掌握程度第四章：表格和框架的使用4.1 课程目标掌握表格的插入、编辑和删除熟悉框架的创建和应用了解表格和框架在网页布局中的应用4.2 教学内容表格的插入、编辑和删除框架的创建和应用表格和框架在网页布局中的应用4.3 教学方法讲解与演示相结合，让学生掌握表格和框架的使用方法上机实践，让学生熟悉表格和框架在网页布局中的应用布置课后练习，巩固所学知识4.4 教学资源Dreamweaver软件PowerPoint课件课后练习题4.5 教学评价课后练习完成情况学生对表格和框架使用的掌握程度第五章：CSS样式和布局5.1 课程目标掌握CSS样式的创建、应用和编辑熟悉Dreamweaver的布局方式了解响应式布局和移动端适配5.2 教学内容CSS样式的创建、应用和编辑Dreamweaver的布局方式响应式布局和移动端适配5.3 教学方法讲解与演示相结合，让学生掌握CSS样式的使用方法上机实践，让学生熟悉Dreamweaver的布局方式布置课后练习，巩固所学知识5.4 教学资源Dreamweaver软件PowerPoint课件课后练习题5.5 教学评价课后练习完成情况学生对CSS样式和布局的掌握程度第六章：表单和动画6.1 课程目标掌握表单的创建和验证熟悉Flash动画和HTML5动画的插入了解网页中的多媒体应用6.2 教学内容表单的创建和验证Flash动画和HTML5动画的插入网页中的多媒体应用6.3 教学方法讲解与演示相结合，让学生掌握表单的创建和验证方法上机实践，让学生熟悉Flash动画和HTML5动画的插入布置课后练习，巩固所学知识6.4 教学资源Dreamweaver软件PowerPoint课件课后练习题6.5 教学评价课后练习完成情况学生对表单和动画的掌握程度第七章：网页代码编辑7.1 课程目标掌握HTML和CSS代码的编写熟悉JavaScript代码的插入和调试了解网页代码的优化和规范7.2 教学内容HTML和CSS代码的编写JavaScript代码的插入和调试网页代码的优化和规范7.3 教学方法讲解与演示相结合，让学生掌握网页代码的编写方法上机实践，让学生熟悉JavaScript代码的插入和调试布置课后练习，巩固所学知识7.4 教学资源Dreamweaver软件PowerPoint课件课后练习题7.5 教学评价课后练习完成情况学生对网页代码编辑的掌握程度第八章：网站发布与维护8.1 课程目标掌握网站的发布和更新熟悉网站的维护和推广了解网站运营的基本原则8.2 教学内容网站的发布和更新网站的维护和推广网站运营的基本原则8.3 教学方法讲解与演示相结合，让学生掌握网站发布和更新的方法上机实践，让学生熟悉网站维护和推广的操作布置课后练习，巩固所学知识8.4 教学资源Dreamweaver软件PowerPoint课件课后练习题8.5 教学评价课后练习完成情况学生对网站发布与维护的掌握程度第九章：网页设计规范与最佳实践9.1 课程目标掌握网页设计的基本原则熟悉网页设计的最佳实践了解网页设计中的创新与趋势9.2 教学内容网页设计的基本原则网页设计的最佳实践网页设计中的创新与趋势9.3 教学方法讲解与演示相结合，让学生掌握网页设计的基本原则和最佳实践上机实践，让学生运用所学知识进行网页设计创新与趋势探索布置课后练习，巩固所学知识9.4 教学资源Dreamweaver软件PowerPoint课件课后练习题9.5 教学评价课后练习完成情况学生对网页设计规范与最佳实践的掌握程度第十章：综合案例与实战10.1 课程目标掌握网页设计的综合运用能力熟悉实战项目的操作流程了解行业需求和发展趋势10.2 教学内容网页设计的综合运用能力实战项目的操作流程行业需求和发展趋势10.3 教学方法讲解与演示相结合，让学生掌握网页设计的综合运用能力上机实践，让学生熟悉实战项目的操作流程布置课后练习，巩固所学知识10.4 教学资源Dreamweaver软件PowerPoint课件课后练习题10.5 教学评价课后练习完成情况学生对综合案例与实战的掌握程度重点解析本文档详细编写了一个关于Dreamweaver网页制作的教案，共包含十个章节。
第3章Dreamweaver8网页制作
3.1 Dreamweaver8简介 3.2 网页文本及媒体的应用 3.3 表格的应用 3.4 布局表格的应用 3.5 超级链接 3.6 框架的应用 3.7 CSS样式的应用 3.8 层和行为的应用 3.9 时间轴的应用 3.10 表单的应用 3.11 模板的应用
3.1
本节知识
认识Dreamweaver8
在需要添加特殊字符的位置单击鼠标，设置插入点。 选择插入栏的“文本”类别（如图所示），单击最右边的
下三角
按钮，在弹出的下拉菜单中选择“其他字符”命令，弹出如图所示的 对话框，可在其中选择要输入的对象。
3.2.2
文本的编辑操作
也可通过软键盘来输入“★、■、※、【】”等特殊字符符号。
3.2.2
选择“关闭”命令。
在Dreamweaver 8窗口中选择“文件”|“退出”菜单命令。 在当前窗口为Dreamweaver 8工作界面时，按“Alt+F4”键退出
Dreamweaver 8。
3.1.3 Dreamweaver 8工作界面介绍
知识要点
插入栏
文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和垂直标尺
3.1.1
知识要点
系统要求
Dreamweaver8的认识
在安装Dreamweaver8之前请确保硬件和软件环境满足以下条件： ① Intel Pentium III 600MHz或更快的处理器和等效的处理器 ② Windows 2000、Windows XP或Windows Server 2003 ③ 至少128MB的可用内存（建议采用256MB内存或更大内存） ④ 能达到1024×768像素分辨率或更高分辨率的监视器
中文Dreamweaver 8网页设计培训教程零点起飞
网页中的常用术语
➢万维网（www） ➢浏览器 ➢文件传输协议（FTP） ➢IP地址 ➢域名 ➢超级链接 ➢超级文本标记语言（HTML）
首页 末页 向上 向下 返回 结束 调音
万维网（www）
万维网（www）是World Wide Web 的中文简称，也称为3W网，它的本质 是一种基于超级文本技术的交互式信息 浏览检索工具，是Internet提供的应用 最普及、功能最丰富、使用方法最简便 的信息服务，用户可通过它在Internet 上浏览、编辑、传递超文本格式的文件 （即.html格式文件）。
首页 末页 向上 向下 返回 结束 调音
域名
名由汉语拼音或英文字符加上数 字表示，在访问网络时，域名将通过域 名服务器转换成IP地址，这种转换是在 后台完成的。
首页 末页 向上 向下 返回 结束 调音
首页 末页 向上 向下 返回 结束 调音
预览网页效果
选择[文件] [在浏览器中预览] [IExplore 6.0]菜单 命令在IE浏览器中 预览网页文档的效 果。
首页 末页 向上 向下 返回 结束 调音
退出Dreamweaver 8
➢ 单击Dreamweaver 8窗口右上角的“关闭” 按钮。
➢ 单击Dreamweaver 8窗口左上角的图标， 在弹出的下拉菜单中选择“关闭”命令。
编辑本地站点
➢选择本地站点 ➢删除站点中的文
件和文件夹 ➢更改站点信息
首页 末页 向上 向下 返回 结束 调音
删除本地站点
如果不需要某个站点时，可以 将其从站点列表中删除。
首页 末页 向上 向下 返回 结束 调音
页面设置
当站点建立好之后，就可以进行具体的网页 编辑操作了，但在编辑网页之前，还需要对页 面进行一些简单的属性设置以方便以后的工作。
第12章 综合站点制作 实战Dreamweaver8网页制作教程电子教案
第12章 综合站点制作
12.2 案例制作：网站“集邮之家”
通过本案例的 操作，你将学会： 如何使用CSS样式 选择器对层定位、 如何合理使用层的 嵌套、如何使用层 技术结合表格布局 网页、如何在网页 中添加动态特效代
码。
12.6
第12章 综合站点制作
12.3 案例制作：商业网站“青岛中职 Nhomakorabea德育网”主 页
通过本案例的操作，你将学会如 何布局商业站点如何使用表格和 布局表格进行布局、如何制作细 线表格、如何利用分割元素制作 表格背景如何设置Flash背景透明 及跑马灯效果。
12.7
第12章 综合站点制作
学习目标
❖ 了解如何规划网站、组织素材及制作网站的流程能利用站点定 义向导创建站点和编辑管理站点
❖ 掌握网站布局的方法和实用技巧 ❖ 掌握如何在网页中添加动态特效代码
12.1
第12章 综合站点制作
本章内容
12.1 案例制作：网站“蝴蝶谷” 12.2 案例制作：网站“集邮之家” 12.3 案例制作：商业网站“青岛中职校德育网”主 页
12.2
第12章 综合站点制作
12.1 案例制作：网站“蝴蝶谷”
通过本案例 的操作，你将学 会：如何利用布 局表格的叠加和 嵌套进行复杂的 页面布局、如何 利用页面属性对 页面元素进行格 式化、如何插入 各种网页元素和
设Flash背景透明。
12.3
第12章 综合站点制作
12.4
第12章 综合站点制作
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《Dreamweaver8网页制作基础与实训》教案
一、培养目标
本课程的培养目标是：使学生通过本课程的学习，了解网页制作的基本思路和方法，能利用Dreamweaver8网页开发工具，熟练制作网页，开发小型网站。
1．基本知识教学目标
（1）站点的创建、编辑和设置；
（2）网页的基本操作；
（3）建立网页链接；
（4）表格、层、框架的使用；
（5）多媒体元素的插入；
（6）行为与时间轴的使用；
（7）设置、编辑CSS层叠式样式表；
（8）模板和库的使用和编辑；
（9）表单的设计与制作；
（10）静态网站的开发。
2．能力目标
（1）掌握Dreamweaver8网页制作工具；
（2）能制作简单静态网页；
（3）掌握网页色彩搭配；
（4）能制作简单静态网页；
（5）掌握网站策划、开发、与发布。
3．思想教育目标
（1）文明法制意识：网站内容应积极健康向上，不做违法的事；
（2）具有热爱科学，实事求是的学风和创新意识、创新精神；
（3）合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；
（4）较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
二、技能考核标准
1、技能考核的性质和任务
本课程是技能实训教学中的基本技能课。
网页设计与网站建设实训是Dreamweaver8网页制作基础教程的延续和深化，旨在让学生综合运用所学理论知识解决实际问题。
目的是使学生能够熟练操作网页设计软件进行网站建设；能够独立设计和维护自己个性化的网页和网站。
2、技能考核的基本要求
学完后能独立完成具有自己鲜明个人特色的网页，或与他人分工合作出一个中型的网站，对网站进行管理和维护更新。
3、技能考核的的内容和标准
训练课题项目训练内容
考核
标准
（一）
熟悉Dreamwea ver的操作界面技能创建本地站点—教材实例
熟练
掌握
操作
知识
1、了解建站的制作流程
2、掌握制作过程中的一些建站经验和建站技巧
3、了解常用面板组的主要功能
4、学会利用站点地图查看、管理各网页之间的超链接关
系。
熟练
掌握
（二）网页的基本操作技能简单的图文混排—金浩正汽配网掌握
操作
知识
文本的插入及属性设置
图像的插入及属性设置
图文混排
图像的编辑
常见网页元素的插入方法
掌握
（三）建立网页链接技能编织网站链接—金浩正汽配网掌握
操作
知识
内部链接的创建方法。
外部链接的创建方法。
锚点链接的创建方法。
E-mail链接的创建方法。
掌握
（四）表格处理技能创建网站链接—金浩正汽配网掌握
操作
知识
表格的基本操作
应用表格布局（标准视图下）
布局表格
在表格及单元格中输入各种网页元素的方法
表格格式化等操作方法。
掌握
（五）层的应用技能制作层布局页面—简单的层应用掌握
操作
知识
层的创建、选择、编辑、保存等操作方法
层的属性设置
在层中输入各种网页元素的方法
层及嵌套层、层的叠放次序、层的可见性等内容。
掌握
（六）框架技能应用框架制作电子书—HTML教程掌握
操作
知识
创建框架网页
框架网页的选择
设置框架和框架集的属性
编辑框架
创建框架间页面的超链接
掌握
（七）
插入多媒
技能网页的动感效果设计—多媒体示例掌握
体元素
操作
知识如何插入Flash动画、Flash按钮、Flash元素
如何应用Applet小程序丰富网页。
Activex控件和插件的应用
第三方插件的安装和使用
掌握
（八）行为与时间轴
技
能
“行为”使网站更智能化会操作
操作
知识
行为的含义；
如何在网页中添加行为；
如何为“事件”选择合适的“动作”
会操作
（九）CSS层叠样式表的应用技能使用CSS样式格式化页面—综合实训会操作
操作
知识
创建、编辑CSS样式
创建、编辑、选用CSS外部样式表
常用CSS特效滤镜的使用方法。
会操作
（十）模板、库的应用技能应用模板制作相似网页—综合实训会操作
操作
知识
模板的创建、编辑、应用、修改
库的创建、编辑、应用、修改
站点的更新。
会操作
（十一）嵌入表单元素技能表单页面制作—注册掌握
操作
知识
创建表单并设置表单的属性
表单的单行文本框、多行文本框、单选按钮、复选框、下
拉式列表等多种表单元素的方法，以及各种表单对象属性
的设置表单的递交方法等
掌握
（十二）站点的整理维护与上传技能网站整理维护与上传会操作
操作
知识
网上免费空间的申请
站点的管理
站点的上传和测试
会操作
（十三）动态网站开发的前期准备和运行环境的设置技能静态网站开发准备—留言板制作（1）掌握
操作
知识
IIS的设置
创建DSN数据源
站点的重定义
建立数据库连接
用MapPath方法创建非DSN连接
掌握
操作
知识
记录集的定义
绑定记录集
添加服务器行为
表单对象的各属性的含义
三、技能训练时间分配表
章节教学内容实训学时
1 网站设计基础 4
2 网页的编辑 4
3 建立网页超链接 4
4 表格处理 4
5 层的应用 4
6 框架的应用 4
7 插入多媒体元素 6
8 行为、时间轴 6
9 层叠样式表的应用 6
10 模板和库的应用 4
11 嵌入表单元素 6
12 网站的整理维护与上传 6
6
13 网站开发的前期准备和运行环境的设
置
14 网站的开发8
网页设计综合训练22
测试(理论和上机) 8
总计102。