1、实训指导书目 录第一部分 实训指导书 1实训 1 页面控制 .1实训目的 1实训环境 1素材准备 1实训课时 1实训内容 1实训要求 1实训步骤 1实训过程注意事项 2实训思考 2书写实训报告要求 2页面效果图 2实训 2 文本操作 .3实训目的 3实训环境 3素材准备 3实训课时 3实训内容 3实训要求 3实训步骤 3实训过程注意事项 4实训思考 4书写实训报告要求 4页面效果图 4实训 3 图像操作 .5实训目的 5实训环境 5素材准备 5实训课时 5实训内容 5实训要求 5实训步骤 5实训过程注意事项 5实训思考 6书写实训报告要求 6页面效果图 6实训 4 表格布局 .6实训目的 6实
2、训环境 6素材准备 7实训课时 7实训内容 7实训要求 7实训步骤 7实训思考 7书写实训报告要求 7页面效果图 7实训 5 布局表格 .8实训目的 8实训环境 8素材准备 8实训课时 8实训内容 8实训要求 8实训步骤 8实训过程注意事项 9实训思考 9书写实训报告要求 9页面效果图 9实训 6 框架网页 .9实训目的 9实训环境 9素材准备 10实训课时 10实训内容 10实训要求 10实训步骤 10实训过程注意事项 10实训思考 10书写实训报告要求 10页面效果图 11实训 7 层的布局 .11实训目的 11实训环境 11素材准备 11实训课时 11实训内容 12实训要求 12实训步骤
3、 12实训过程注意事项 12实训思考 12书写实训报告要求 12页面效果图 12实训 8 模板和库 .13实训目的 13实训环境 13素材准备 13实训课时 13实训内容 13实训要求 14实训步骤 14实训过程注意事项 14实训思考 14书写实训报告要求 14页面效果图 14实训 9 超级链接 .15实训目的 15实训环境 15素材准备 15实训课时 15实训内容 16实训要求 16实训步骤 16实训思考 16书写实训报告要求 16页面效果图 16实训 10 动感网页 .17实训目的 17实训环境 17素材准备 17实训课时 17实训内容 17实训要求 18实训步骤 18实训过程注意事项 1
4、8实训思考 18书写实训报告要求 18页面效果图 18实训 11 表单网页 .19实训目的 19实训环境 19素材准备 19实训课时 19实训内容 19实训要求 20实训步骤 20实训过程注意事项 20实训思考 20书写实训报告要求 20页面效果图 20实训 12 HTML 语言 21实训目的 21实训环境 21素材准备 21实训课时 21实训内容 21实训要求 22实训步骤 22实训过程注意事项 22实训思考 22书写实训报告要求 22页面效果图 22实训 13 美化网页 .23实训目的 23实训环境 23素材准备 23实训课时 23实训内容 23实训要求 23实训步骤 24实训过程注意事项
5、 24实训思考 24书写实训报告要求 24页面效果图 24实训 14 JavaScript 技术 .25实训目的 25实训环境 25素材准备 25实训课时 25实训内容 25实训要求 25实训步骤 25实训过程注意事项 26实训思考 26书写实训报告要求 26页面效果图 26实训 15 网页设计 .27实训目的 27实训环境 27素材准备 27实训课时 27实训内容 27实训要求 27实训步骤 27实训过程注意事项 28实训思考 28书写实训报告要求 28实训 16 特效制作 .28实训目的 28实训环境 28素材准备 28实训课时 28实训内容 29实训要求 29实训步骤 29实训过程注意事
6、项 31实训思考 31书写实训报告要求 31页面效果图： 31实训 17 应用行为 .32实训目的 32实训环境 32素材准备 32实训课时 32实训内容 32实训要求 32实训步骤 33实训过程注意事项 33实训思考 33书写实训报告要求 33页面效果图 33实训 18 应用插件 .34实训目的 34实训环境 34素材准备 34实训内容 34实训要求 34实训步骤 34实训过程注意事项 35实训思考 35书写实训报告要求 35页面效果图 35实训 19 网站开发综合实训 .3519.1 实训意义 .3519.2 实训目的 .3619.3 实训要求 .3619.4 实训步骤 .3719.5 评
7、分标准 .3719.6 实训参考题 .38第二部分 网站开发案例 392.1 规划网站 .392.2 准备素材 .432.3 创建网站 .442.4 网站首页的设计与制作 .452.5 制作二级栏目网页和内容网页 .532.6 设置首页的超级链接 .592.7 制作首页弹出式菜单 .602.8 查看与设置站点地图 .632.9 测试网站 .652.10 发布网站 .65第一部分 实训指导书实训 1 页面控制实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性、如何在网页中添加背景音乐等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或 128
8、M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容创建站点：设置外观：设置标题：设置标题/编码：设置跟踪颜色：设置颜色：设置窗口大小：添加背景音乐：实训要求要求学生能掌握如何创建站点，新建网页对页面进行外观、标题的设置；设置页面的背景颜色、背景图像或背景音乐等操作。实训步骤在 E 盘中新建本地根文件夹，命名为 root，并在该文件夹中新建 image
9、 文件夹以存放网站中所要用到的图片。定义站点：设置 “站点名称“，命名为 “mysite“;设置本地根文件夹,指定为 E 盘下的root 文件夹;设置 “HTTP 地址“为 localhost。创建与设置文档的页面属性： 新建一个页面，设置文档页面属性：标题设置为“我的班级“，背景图像设置为 image 0l.jpg 图像，左边界、边界宽带、顶部边界以及边界高度分别设置为 20设置页面中文字的字体、字体大小：选择文字部分，在属性面板设置字体及字体的大小。添加背景音乐：为整个页面添加一个背景音乐。在代码视图下在和之间如下添加代码：保存文件，预览文件效果。实训过程注意事项在创建站点的过程中注意建立
10、本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；所有的图片文件单独放在 image 文件夹内。背景音乐必须放在站点文件内。实训思考如何制作无缝页面？如何设置背景音乐自动反复播放？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-1实训 2 文本操作实训目的为了让学生能熟练掌握在 Dreamweaver mx 中如何输入文本，调整设置文本的格式；如何插入特殊字符、文本列表、水平线、时间、注释的方法。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显
11、，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容输入文本：调整文本：插入特殊字符：插入文本列表：插入水平线：插入时间：插入注释：设置文本格式：实训要求要求学生掌握在 Dreamweaver mx 中输入文本、设置文本格式、插入特殊字符、项目符号等操作。实训步骤打开上次实训所做的页面文件；输入文本，调整文本的间距，设置文本的格式；通过“属性”面板中的“格式”和“颜色”等参数，将文字设为标题格式
12、，并改变其颜色；输入一段不带格式的文字，选择“常用”工具栏上的“文本”单选项目，利用换行按钮对文本进行换行处理，实现分段的效果；插入特殊字符、项目符号、水平线、时间、注释等内容；实训过程注意事项在“编辑字体列表”对话框中选择要添加的字体要一个个地添加进去，不能全部选取再添加；当输入文本时要插入多个连续的空格，必须要“编辑”菜单下的“首选参数”中设置；换行的几种方式：自行换行；按 ENTER 强行换行；按 SHIFT+ENTER 换行操作；实训思考如何插入版权符号？如何插入特殊字符“￥”？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-2实训 3 图像操作
13、实训目的为了让学生熟练掌握在 Dreamweaver mx 中插入图像，学会设置图像属性；如何插入鼠标经过图像、插入图像占位符的方法，掌握图文混排的技巧等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容插入图像：设置图像属性：插入鼠标经过图像：插入图像占位符：
14、图文混排操作：实训要求要求学生掌握在 Dreamweaver mx 中如何插入图像、设置图像的格式；如何插入鼠标经过图像、图像占位符；掌握图文混排等操作。实训步骤打开上次实训所做的页面文件；插入图像，在属性面板对图像的格式进行设置；插入鼠标经过图像、图像占位符；将图片和文字进行混合排版；保存文件，预览文件效果；实训过程注意事项插入的图像必须放在站点文件夹下的 image 文件夹内；设置图片的热点区域可选任意的工具；实训思考如何设置图片超链接，链接到指定的页面文件？如何设置图片的热点区域？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-3实训 4 表格布局
15、实训目的为了让学生熟练掌握在 Dreamweaver mx 中插入表格，学会设置表格的各项属性；并掌握如何在表格中插入文本、插入图像的操作方法和步骤。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容插入表格，并选择表格和单元格：设置单元格属性：调整表格结构、大小：格
16、式化表格：表格中插入文本，表格中插入图像：实训要求要求学生掌握在 Dreamweaver mx 中如何插入表格、设置表格和单元格的格式；如何调整表格的结构大小；掌握表格中如何插入文字及图像等操作。实训步骤新建一个页面，在页面中插入一个 6 行 7 列的表格，并在其中输入相应的文字；选择表格利用“格式化表格”命令来对表格格式进行修改，使其更美观；根据要求对部分单元格进行拆分或合并操作；设置文字的对齐方式，通过对边框、填充和间距进行设置；保存文件，预览文件效果；实训过程注意事项插入表格时要注意：单元格的边距和单元格的间距值的设置；表格边框线精细为 0 像素的特殊用途；插入的图像必须放在站点文件夹下
17、的 image 文件夹内；实训思考如何折分和合并单元格？如何设置表格的背景？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-4实训 5 布局表格实训目的为了让学生熟练掌握在 Dreamweaver 中绘制布局表格和单元格；学会设置布局表格的属性；学会调整布局表格和布局单元格；掌握在布局表格中插入文本和图像的方法。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特
18、殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容绘制布局表格和单元格，清除布局单元格高度：设置布局表格宽度：调整布局表格和布局单元格：布局表格中插入文本和图像：实训要求要求学生掌握在 Dreamweaver 中绘制布局表格和单元格；了解设置布局表格的操作；学会在布局表格中插入文本和图像的技巧等操作。实训步骤新建一个页面，切换至布局模式下，使用布局表格和绘制布局单元格来创建表格，制作一个国字型页面版式；回到标准模式下，观察表格，为每个表格添加背景颜色；在表格中添加文字，完成整个页面的制作，保存文件，预览文件效
19、果；实训过程注意事项插入的图像必须放在站点文件夹下的 image 文件夹内；表格布局和布局表格的区别；实训思考如何折分和合并单元格？如何设置表格的背景？表格布局和布局表格异同点？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-5实训 6 框架网页实训目的为了让学生掌握如何创建框架；设定框架的内容和样式；学会制作浮动的框架等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver
20、MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容创建框架设定框架内容和样式，保存框架设置无框架内容制作浮动框架实训要求要求学生能利用框架来进行布局网页，设定框架内容和样式；设置框架的内容；制作可以浮动的框架。实训步骤在新建文档对话框的“框架集”类型中，选择左侧固定上方嵌套的框架模式，创建一个新的框架页；插入图片和按钮，以及相关的文字内容；在属性面板中设置文字和图片的格式属性；在左侧列出导航链接，制作链接对应的子页面，最终实现点击左侧框架的链接，右面的框架会跳转到相应的子页面；保存文件，一定要
21、分别保存框架的各个部分，每一部分为一个 HTML 文件，总的框架是一个 HTML 文件，预览文件效果；实训过程注意事项插入的图像必须放在站点文件夹下的 image 文件夹内；框架的保存分几个部分；实训思考框架的保存应注意有几个文件要保存？如何设置框架中的链接？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1- 6实训 7 层的布局实训目的为了让学生掌握如何利用层来布局网页，掌握层的插入，设置层的各项属性，利用层与行为的应用来创建层动画等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M；
22、VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容使用层排版设置层文本显示隐藏层拖动层调整层的大小层的对齐实训要求要求学生能利用层来进行布局网页，了解层的属性的设置，掌握在层中插入相关的图片或文字，并掌握层与行为的综合使用。实训步骤新建一个页面，在页面中插入三个不同的层；在各个层中分别插入不同的图片，并设置 Layer1 显示属性为可见 , Layer2 、Layer3 显示属性为
23、隐藏性；利用层与行为来制作显示与隐藏层动画：选择 Layer1，添加一个 “显示隐藏层”行为，设置 Layer1 隐藏，Layer2 、Layer3 显示，事件改为 onmouseover；利用同样的道理，设置当事件为 onmouseout 时显示 Layer2 ，隐藏 Layer1、 Layer3 的行为。利用层与行为来制作拖动层动画：新建一个层，在层中插入一张图片，并调整图片与层的大小。选择层，添加一个“拖动层”行为，设置层移动的目标处，事件为onmouseover；调整页面中所有层的大小，选择对齐层命令来调整页面中层的对齐方式。保存文件，预览文件效果；实训过程注意事项插入的图像必须放在站
24、点文件夹下的 image 文件夹内；利用层与行为制作动画首先应选中对应层。实训思考行为由哪两部分组成？如何设置行为中的事件更多？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-7实训 8 模板和库实训目的为了让学生掌握如何利用模板和库来制作网页；掌握模板的创建与编辑；掌握创建可编辑区域、可选区域、重复区域；掌握模板的保存与应用操作；了解如何创建库项目及插入库项目等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/200
25、0/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容创建模板定义可编辑区域定义可选区域定义重复区域设置可编辑标签属性应用模板调整模板创建库插入库调整库实训要求要求学生能利用模板和库来制作网页；设置模板的可编辑区域、可选区域和重复区域；掌握库的应用与编辑修改等操作。实训步骤新建一个模板页面，编辑模板页面；在模板中插入可编辑区域并保存；新建一个基于模板的页面，修改模板文件，所有基于此模板的页面都会被修改；新建一个空白页，套用上一实例中的模板；打开上一实例基于
26、模板的页面，选择插入菜单中的模板对象，选择创建嵌套模板，制作新的嵌套模板，加入第 2 个可编辑区域并保存，最终生成嵌套模板；制作一个包含图像的网页，选中图像并拖动到库中；新建一个空白文档，从库中将图像拖到空白页面中；打开库项目，对其添加链接，保存库文件，提示更新相关页面，打开包含被修改库项目的页面文档，完成更新；保存文件，预览文件效果；实训过程注意事项插入的图像必须放在站点文件夹下的 image 文件夹内；模板的保存注意扩展名。实训思考如何套用模板到页面？如何在模板中添加重复区域？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-8实训 9 超级链接实训目
27、的为了让学生掌握如何利用超级链接来制作页面；了解主页的创作步骤；掌握链接各种方式的制作方法与步骤。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时实训内容插入横向导航条设置文本链接插入左置导航栏创建外部超级链接创建内部超级链接创建 E-MAIL 链接创建锚点链接创建下载文件
28、的链接创建空链接创建脚本链接实训要求要求学生能利用链接来制作网页；掌握链接几种设置的方法和步骤；制作主页的步骤和要求等内容。实训步骤创建一个上方固定左侧嵌套的框架页面；在框架的上部分插入相关的图片或网站的 LOGO 及 BANNER；左侧插入相关的文字，作为左侧导航栏，右侧框架页面中输入相关文字；在右侧框架页面中，分别以 3 段文本段落标题作为锚点，在页面上部设置锚记链接；在左下部设置“友谊链接”到相关的网站，设置“联系我们”的 E-MAIL 链接；创建“下载”到下载文件的链接；保存文件，预览文件效果；实训过程注意事项导航栏要注意分类，避免重复出现；锚点的名称要注意不能重名。实训思考锚点在同一
29、个文件中是否可以重名？如何设置链接到指定的网站？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-9实训 10 动感网页实训目的为了让学生掌握在网页中如何插入 FLASH 动画、按钮、文本、视频、音频、JAVA APPLET 及 ActiveX 控件等内容，以便实现动感网页的制作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能
30、正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材、动画素材。实训课时2 学时实训内容插入 FLASH 动画插入 FLASH 按钮插入 FLASH 文本插入 FLASH 视频插入音频、视频插入 Java Applet插入 ActiveX 控件实训要求要求学生掌握在网页中插入动画、按钮、文本、视频、音频、Java Applet 及 ActiveX控件等内容，实现网页的动画效果。实训步骤新建页面，对整个页面进行布局，在页面的顶端部分和中间部分分别插入 FLASH，选择要插入的 FLASH 动画，网页编辑窗口中会显示一个 FLASH 电影图标；在左侧添加一个图层，在层中插入
31、如图 10 所示的图片和文字，在下面插入一个FLASH 按钮，在对话框中选择需要的样式，输入所要显示的文字，指定按钮的链接地址，将背景颜色设置与主页中的背景色相同；将插入的按钮复制并粘贴多个，分别更改其显示的文本和链接的网页，组成导航条；插入 FLASH 文本及 Java Applet 及 ActiveX 控件设置文本的各项属性值；保存文件，预览文件效果；实训过程注意事项插入的 FLASH 文件必须将其复制到站点文件夹内；插入的按钮必须要更改各个按钮的存储名称，否则网页中显示的将是同一个按钮；实训思考如何设置按钮的背景色与网页中的背景色一致？在 Fireworks 中制作的图形要在网页中引用应
32、如何操作？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-10实训 11 表单网页实训目的为了让学生掌握如何创建表单网页；了解各个表单对象属性的设置；熟练掌握各个表单对象不同的使用范围。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2 学时
33、实训内容插入表单插入表单对象：文本框、复选框、单选按钮、按钮、复框框、图像域、密码域、列表和菜单实训要求要求学生能利用表单来创建网页；掌握设定表单的内容和表单对象；掌握设置各个表单对象的属性值等内容。实训步骤打开 02.html 页面，按图 11 所示，分别合并前两行单元格和中间两列单元格，在合并后的单元格内插入一个表单，为插入的表单命名为 login；在表单中插入文字内容及对应的表单对象：文本框、复选框、单选按钮、按钮、复框框、图像域、密码域、列表和菜单设置各个表单对象的属性值:将客户姓名、E-MAIL 、具体地址的文本域依次命名为name、email 、 address；字符宽度和最多字符
34、数分别为 12、12，24、24，30 和30，类型都为单行文本域；最后一个文本域输入框命名为 jianyi，类型为多行文本域，字符宽度和行数依次为50、8，文本域载入时显示值为“请在此输入你的建议”设置表单中的客户姓名为必填项，E-MAIL 为必填项且必为邮件地址；设置表单以邮件发送的方式发送到邮箱 ;保存文件，预览文件效果；实训过程注意事项在一个网页中只能插入一个表单，但在一个网页中可以有多个表单对象；各个表单对象注意在属性面板中定义其名称。实训思考表单对象中的插入两个单选按钮，如何命名？如何设置密码域？文本字段与文本区域如何转换？如何设置检查表单的行为？书写实训报告要求根据调试结果，写出
35、调试分析报告写出本次实训的心得与体会页面效果图图 1-11实训 12 HTML 语言实训目的为了让学生掌握 HTML 中的基本标签，如何定义标题、段落、表格及标记文字的显示格式等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材、动画素材。实训课时2 学时实训内容在 HTML 代码中编辑
36、头内容在 HTML 代码中编辑页面属性在 HTML 代码中编辑文本在 HTML 代码中编辑图像在 HTML 代码中插入表格在 HTML 代码中编辑框架在 HTML 代码中编辑超级链接在 HTML 代码中插入表单对象在 HTML 代码中插入多媒体元素在 HTML 代码中编辑模板和库实训要求要求学生掌握利用 HTML 代码来实现各种动态网页的制作，了解 HTML 中的各种标签值，如何设置标签值等操作。实训步骤打开 03.html 页面，利用 HTML 标记，输入页面的标题“班级网站” ，在“班级网站导航栏”中输入每行的文本；在主页面中插入一个两行一列的表格： 确定了一个表格，其中border、he
37、ight、width 属性确定的表格的大小。利用 HTML 语言在页面中制作带有图片的页面：标签引用图片， 指定图片的绝对路径，在页面上画了一条水平线添加背景图片及设置链接文本：引用了一张图片作为背景图片，定义了超文本链接；表单的插入：定义了一个表单，其 action 用来指定处理这个表单的后端支持程序，为一个输入字段；实训过程注意事项各个标签值的属性应熟记，不要混淆；HTML 代码编写的源文件可以利用记事本或 WORD 来进行编辑，保存为 HTML 文件才能在网页制作编辑器中打开。实训思考利用 HTML 语言练习制作一个简单的网页：字体、颜色的设置；标题的设置；页面属性的设置？如何利用 HT
38、ML 在网页中添加背景音乐？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-10实训 13 美化网页实训目的为了让学生了解使用 CSS 样式来美化网页的方法，掌握创建 CSS 样式的方法和步骤，以及利用 CSS 滤镜来制作文字特效等操作。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M，最好 64M 或 128M；硬盘不小于 500M； VGA 彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览素材准备准备制作网页
39、所需的文字素材、图像素材、音乐素材、动画素材。实训课时：2 学时实训课时2 学时实训内容CSS 样式的新建：CSS 样式的编辑与修改：CSS 样式的应用：利用 CSS 滤镜来特效文字效果：制作光晕字、阴影字、遮罩字、动感字实训要求要求学生掌握 CSS 样式的制作方法；掌握 CSS 样式的应用与修改操作；了解利用 CSS样式来制作文字特效等操作。实训步骤打开 02.html 页面，在此页面中创建 CSS 样式：以 css-01 为名保存，设置字体为隶书，字号为 16 点数，颜色为CC66FF，带下划线。对页面中左、右两部分文字分别设置空链接。使用 CSS 样式：对左边的链接文字套用此样式。修改 CSS 样式：对表格的框线、背景图片、链接样式等进行设置，并重新应用到所指定的部分；运用 CSS 滤镜来制作文字特效：光晕字、阴影字、遮罩字、动感字的制作；保存页面，预览效果图；实训过程注意事项CSS 样式应保存到网站站点目录下；CSS 样式的名称应注意不能同名；实训思考如何利用 CSS 样式来创建链接文本不显示下划线？如何将 CSS 样式应用到另外的网站的网页中？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图 1-13实训 14 JavaScript 技术
