《网页设计与制作》-实训指导书 下载本文

.

实训12 利用框架制作“公司简介”网页

实训目的

为了让学生掌握如何创建框架;设定框架的内容和样式;学会制作浮动的框架等操作。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或 128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材。 实训课时

2学时 实训内容

1、创建框架

2、设定框架内容和样式,保存框架 3、设置无框架内容 4、制作浮动框架 实训要求

要求学生能利用框架来进行布局网页,设定框架内容和样式;设置框架的内容;制作可以浮动的框架。 实训步骤

1、在新建文档对话框的“框架集”类型中,选择左侧固定上方嵌套的框架模式,创建一个新的框架页;

2、插入图片和按钮,以及相关的文字内容; 3、在属性面板中设置文字和图片的格式属性;

4、在左侧列出导航链接,制作链接对应的子页面,最终实现点击左侧框架

.

.

的链接,右面的框架会跳转到相应的子页面;

5、保存文件,一定要分别保存框架的各个部分,每一部分为一个HTML文件,总的框架是一个HTML文件,预览文件效果; 实训过程注意事项

1、插入的图像必须放在站点文件夹下的image文件夹内; 2、框架的保存分几个部分; 实训思考

1、框架的保存应注意有几个文件要保存? 2、如何设置框架中的链接? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

实训13 利用布局表格制作“新书推介”网页

实训目的

为了让学生熟练掌握在Dreamweaver中绘制布局表格和单元格;学会设置布局表格的属性;学会调整布局表格和布局单元格;掌握在布局表格中插入文本和图像的方法。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或 128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材。

.

.

实训课时

2学时 实训内容

1、绘制布局表格和单元格,清除布局单元格高度: 2、设置布局表格宽度: 3、调整布局表格和布局单元格: 4、布局表格中插入文本和图像: 实训要求

要求学生掌握在Dreamweaver中绘制布局表格和单元格;了解设置布局表格的操作;学会在布局表格中插入文本和图像的技巧等操作。 实训步骤

1、新建一个页面,切换至布局模式下,使用布局表格和绘制布局单元格来创建表格,制作一个国字型页面版式;

2、回到标准模式下,观察表格,为每个表格添加背景颜色; 3、在表格中添加文字,完成整个页面的制作, 4、保存文件,预览文件效果; 实训过程注意事项

1、插入的图像必须放在站点文件夹下的image文件夹内; 2、表格布局和布局表格的区别; 实训思考

1、如何拆分和合并单元格? 2、如何设置表格的背景? 3、表格布局和布局表格异同点? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

.

.

实训14 模板和库的使用

实训目的

为了让学生掌握如何利用模板和库来制作网页;掌握模板的创建与编辑;掌握创建可编辑区域、可选区域、重复区域;掌握模板的保存与应用操作;了解如何创建库项目及插入库项目等操作。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或 128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材。 实训课时

2学时 实训内容

1、创建模板 2、定义可编辑区域 3、定义可选区域 4、定义重复区域 5、设置可编辑标签属性 6、应用模板 7、调整模板 8、创建库 9、插入库 10、调整库 实训要求

要求学生能利用模板和库来制作网页;设置模板的可编辑区域、可选区域

.

.

和重复区域;掌握库的应用与编辑修改等操作。 实训步骤

1、新建一个模板页面,编辑模板页面; 2、在模板中插入可编辑区域并保存;

3、新建一个基于模板的页面,修改模板文件,所有基于此模板的页面都会被修改;

4、新建一个空白页,套用上一实例中的模板;

5、打开上一实例基于模板的页面,选择插入菜单中的模板对象,选择创建嵌套模板,制作新的嵌套模板,加入第2个可编辑区域并保存,最终生成嵌套模板;

6、制作一个包含图像的网页,选中图像并拖动到库中; 7、新建一个空白文档,从库中将图像拖到空白页面中;

8、打开库项目,对其添加链接,保存库文件,提示更新相关页面,打开包含被修改库项目的页面文档,完成更新;

9、保存文件,预览文件效果; 实训过程注意事项

1、插入的图像必须放在站点文件夹下的image文件夹内; 2、模板的保存注意扩展名。 实训思考

1、如何套用模板到页面? 2、如何在模板中添加重复区域? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

.