目录
实训1 站点创建
实训2 搜集素材
实训3 用表格设计主页布局
实训4 在主页制作中插入文本操作
实训5 在主页制作中插入图像操作
实训6 在主页制作中超级的设置
实训7 制作动感网页
实训8 表单制作
实训9 CSS样式表的使用
实训10 JavaScript技术
实训11 应用行为
实训12 利用框架制作“公司简介”网页
实训13 利用布局表格制作“新书推介”网页实训14 模板和库的使用
实训15 利用层的布局制作“技术支持”网页实训16 网页设计与管理
实训17 开发综合实训
实训1 站点创建
实训目的
为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性，掌握创建目录结构、栏目文件夹、网页文件的基本操作方法。
实训环境
硬件环境：考核用机为奔腾以上兼容机，存不少于 32M ，最好 64M 或128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP
软件环境：Dreamweaver MX 2004
特殊要求：必须将IIS配置好，能正常进行WEB浏览
素材准备
准备制作网页所需的文字素材。
实训课时
2学时
实训容
创建站点：
创建目录结构：
创建栏目文件夹：
创建网页文件：
掌握设置网页的页面属性
实训要求
要求学生能掌握如何创建站点，正确创建目录结构及栏目文件夹，创建主页文件index.htm,并正确命名，掌握设置网页的页面属性的方法。
实训步骤
1、在E盘中新建本地根文件夹，命名为bookman，并在该文件夹中新建image 文件夹以存放中所要用到的图片。
2、定义站点：设置 "站点名称"，命名为 "博客人";设置本地根文件夹,指定为E盘下的bookman文件夹;设置 "HTTP地址"为localhost。
3、创建目录结构及栏目文件夹(如下图):
4、E盘下的bookman文件夹创建主页文件index.htm
5、设置网页的页面属性。
实训过程注意事项
1、在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；中所有的文件最好取名为英文；注意文件的路径；
2、所有的图片文件单独放在image文件夹。
3、主页文件命名index.htm。
实训思考
中所有的文件最好取名为英文，为什么？
书写实训报告要求
写出本次实训的心得与体会
实训2 搜集素材
实训目的
为了让学生能熟练掌素材的搜集和制作方法，并学会把搜集到或制作好的素材正确命名，分门别类地存放在相应的文件夹中。
实训环境
硬件环境：考核用机为奔腾以上兼容机，存不少于 32M ，最好 64M 或128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP
软件环境： Fireworks MX Flash MX
特殊要求：必须将IIS配置好，能正常进行WEB浏览
素材准备
准备制作网页所需的文字素材、图片素材。
实训课时
2学时
实训容
1、利用Fireworks MX制作标志、圆角矩形及个性化的图形。
2、利用Fireworks MX编辑制作有特殊效果的图。
3、利用Flash MX制作主页广告条。
实训要求
要求学生熟练掌握利用Fireworks MX 和Flash MX来制作个性化的图形图像素材的方法及技巧。
实训步骤
1、启动Fireworks MX，选择“文件”——“新建”，设置好新建文档的属性。
2、制作标志并正确命名，保存到相应的文件夹。
3、绘制圆角矩形及个性化的图形，保存到相应的文件夹。
4、选择“文件”——“导入”，导入相应图像，编辑设计特殊效果的图像，保存到相应的文件夹。
5、启动Flash MX 制作主页广告条，并保存到相应的文件夹。
实训过程注意事项
1、在制作过程中注意素材的命名要用英文名字。
2、图形图像及动画的保存格式在适合网页要求。
3、保存路径要正确。
实训思考
最适合网页的图形图像及动画的格式分别是什么？
书写实训报告要求
写出图形图像及动画实训的心得与体会。
实训3 用表格设计主页布局
实训目的
为了让学生熟练掌握在Dreamweaver mx中插入表格，学会设置表格的各项属性；并掌握如何在表格中插入文本、插入图像的操作方法和步骤。
实训环境
硬件环境：考核用机为奔腾以上兼容机，存不少于 32M ，最好 64M 或
128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP
软件环境：Dreamweaver MX 2004
特殊要求：必须将IIS配置好，能正常进行WEB浏览
素材准备
准备制作网页所需的文字素材、图像素材、音乐素材。
实训课时
2学时
实训容
1、插入表格，并选择表格和单元格：
2、设置单元格属性：
3、调整表格结构、大小：
4、格式化表格：
5、表格中插入文本，表格中插入图像：
实训要求
要求学生掌握在Dreamweaver mx中如何插入表格、设置表格和单元格的格式；如何调整表格的结构大小；掌握表格中如何插入文字及图像等操作。
实训步骤
1、新建一个页面，在页面中插入一个6行7列的表格，并在其中输入相应的文字；
2、选择表格利用“格式化表格”命令来对表格格式进行修改，使其更美观；
3、根据要求对部分单元格进行拆分或合并操作；
4、设置文字的对齐方式，通过对边框、填充和间距进行设置；
5、保存文件，预览文件效果；
实训过程注意事项
1、插入表格时要注意：单元格的边距和单元格的间距值的设置；
2、表格边框线精细为0像素的特殊用途；
3、插入的图像必须放在站点文件夹下的image文件夹；
实训思考
