网页制作（2）

周立波经典语录：你有什么不开心的事？说出来让大家开心一下

实训内容：

营养美食网页

案例学习目标:制作网页导航条、插入Flash文本、插入Flash动画，使网页变得生动有趣。

1.建站点文件夹：D:/ mysite(html; image; music;film; css)，分类将素材放入相应的文件夹中。

2.打开Dreamweaver，站点/管理站点/新建（站点）/输入网站的名子（可以是中文）/否，我不想使用服务器/（选择站点所在的根文件夹）/无/完成。

3.网页效果如下所示：

操作步骤如下：

1 表格的布局（同学们可以根据页面的效果图自己规划一下表格的布局方式，相信你是最棒的！，以下的提示仅供参考，在设计与制作的过程中也正是发挥创意的时候，并不是千篇一律的噢！）

（1）在空白页中插入一个4行1列的表格，宽度为800，居中对齐。

（2）第一行单元格的处理。在第一行单元格中插入一个1行9列的表格，高度为45，宽度设为100%。调整第一列单元格的宽度为193像素，其余各列宽均为77像素。

（3）第二行单元格的设置。设置高度为233即可，因为图像是800*233的，顺便插入img_05.jpg。

（4）接下来处理第三行。先拆分为2列，设置第一列宽度为510像素；接着将第1列拆分为2行，设置第一行高215像素，第二行高为30.

（5）设置第四行单元格高度为22，插入图像img_12.jpg。

至此表格布局页面已完成，终于可以松口气了吧？

2 .在导航栏中插入Flash按钮

（1）．打开素材文件中food>index.html

（2）. 将光标放在导航表格的第一个单元格中，在“插入”面板中选择“常用”选项卡，单击“Flash按钮”，选择按钮样式为“Translucent Tab(down)”，输入按钮文本为“首页”，设置字体为黑体，大小为20，链接及另存为选项。.在属性面板中设置按钮的宽和高分别为75，30.，

（3）．用相同的方法分别继续插入Flash按钮。

3. 插入Flash文本

插入的Flash文本，设置字体，大小为18，颜色为紫色（#cc00cc）,”转滚颜色”设为蓝色（#0099ff）,在文本中输入一行醒目的文字来吸引客人来此消费吧！比如“凡进店消费的客户全部免单”，哈哈，一定会人气很旺的！

在属性面板中设置Flash文本居中对齐。

4.在网页中插入Flash动画。

在右下方的单元个中插入素材中的caise.swf,在属性面板中单击播放预览。

5. ctrl+S 保存网页，F12预览。