网页制作与规划实训报告

  • 格式:doc
  • 大小:5.66 MB
  • 文档页数:32

图sy1-1-2 点击下一步,选择“无”,继续下一步,点击完成。

图sy1-1-3
图sy1-1-7
(1)建立图像热点链接。

为此选中网页上方图像,利用“属性”检查器中的热点工具在图像上建立两个热点,如图sy1-1-8所示。

从左到右两个热点分别链接到sx3-2-1.htm和sx3-2-2.htm 文件(两个文件可稍后建立)。

图sy1-1-8
(2)插入命名锚记。

为此将光标放在网页标题“教育天地”后,选择“插入”|“命名锚记”菜单命令,在输入对话框中输入锚记“a0"。

依此方法在网页右侧文本“教养员”、“教员”、“特级教师”、“助教”、“讲师”、“副教授”和“教授”处分别插入命名锚记,依次为a1~a7。

图sy1-1-9
图sy1-1-11
点击联系结果如图sy1-1-12
图sy1-1-12
任务二:HTML基本标记的应用
1.准备工作
在C盘或其他盘符下新建一个工作夹,制作的所有页面都保存在这个文件夹内。

将给定的图像素材文件复制到工作文件夹中。

2.建立名称为了test.html的HTML页面,效果如图sy1-2-1所示。

图sy2-1-2
图sy2-1-4
图sy2-1-6
(2)将光标置于顶端框架内,选择“修改”|“页面属性”菜单命令,设置背景颜色为#C1C1C1同理将左框架和主框架的页面背景色都设置为#C1C1C1。

(3)选择“窗口”|“框架”菜单命令,将“框架”面板调出来。

然后设置三个框架的大小。

“顶端框架”:在“框架”面板中选定外层框架集,在“属性”检查器将顶端框架的高度设置为“120像素”,下面部分设置为“1”,单位为“相对”。

将“边框”设置为“是”,“边框宽度设置为“1”,边框颜色设置为“#CCCCCC”。

如图sy2-1-7所示。

图sy2-1-7
(4)在顶端框架内输入站点标题“饮食本草”,文字大小为80像素,字体为“华文彩云”,前
图sy2-1-8
图sy2-1-10
实训三网页图像和动画的设计与应用
任务一:gif动画
1.准备工作
在c盘或其他盘新建一个文件夹,本次实训的内容将全部保存在该文件夹下。

2.一张向日葵画框图片的制作
(1)新建文件
打开Fireworks 8,在“开始页”中选择“新建Fireworks文件”,新建一个空白文件。

在弹出的“新建文档”中设置画布的宽为“360”,高为“400”,画布颜色选择白色,如图sy3-1-1然后单击“确定”按钮。

选择“文件”|“另存为”菜单命令,将文件以“sy3-1.png”为文件名保存在指定文件夹下。

图sy3-1-1
面板的“添加蒙版”按钮,并在“层”面板选中蒙版图标。

在“工具”面板“颜色”部分中选择“渐变”工具
图sy3-2-11
按钮用】一次,将四个字分解为个体。

如图
对话框中,将元件名称改为“风”
sy3-2-2 图sy3-3-3
图sy3-4-5
图sy4-1-1
图sy4-1-3
图sy4-2-1
,定义内容如图sy4-2-2所示(类型:字体为华文新魏,
图sy4-2-2
(6)用同样的方法定义样式“ys3”,定义内容如图sy4-2-3所示(类型:字体为隶书,大小为36像素,粗细为粗体,颜色为#00CC33;区块:文字对齐为居中)。

图sy4-2-3
图sy4-2-5
图sy4-2-6 图sy4-2-7
sy4-2-10 图sy4-2-11。