内容正文:
制作主页
1
网站可以看成是一本包罗万象的图书,其首页就如同书的封面,本节课制作“天使之家”网站的“封面”。
2
目标一:进入网站首页
打开站点:运行FrontPage软件,选择“文件”→“打开”命令,打开“D:\My Web”站点。
打开首页:在文件夹列表中双击“index.htm ” ,进入首页设计状态。
3
目标二: 制作网站首页
插入表格:选择“表格”→“插入”→“表格”命令,插入一个2行2列的表格,设置表格“宽度”为“730 ”像素,边框“粗细”为“0”,并为表格添加背景,效果如图5.1所示。
图5.1
4
编辑表格:选择“视图”→“工具栏”→“表格”命令,使用“拆分单元格”命令,将第2行第2个单元格,拆分为3行;右下角单元格拆分为3列;中间列单元格拆分为3行,并调整大小,效果如图5.2所示。
图5.2
5
插入艺术字:插入艺术字“天使之家”,效果如图5.3所示。
插入图片:选择“插入”→“图片”→“来自文件”命令,将图片素材插入到“index.htm ”网页中,效果如图5.3所示。
图5.3
6
目标三:在图片上添加文字
打开“图片”工具栏:选择“视图”→“工具栏”→“图片”命令,显示如图5.4所示的“图片”工具栏。
图5.4
7
输入文字使用“文本”工具A.输入文字,设置文字格式:24磅、加粗、黑色、华文新魏、左对齐,调整文本框的位置,如图5.5所示。
图5.5
8
目标四:插入GIF动画
插入动画:选择“插入”→“图片”→“来自文件”命令,打开“图片”对话框,选择“enter.gif ”插入到“index.htm ”主页中。
调整动画位置:选中动画,单击“图片”工具栏中的“上移一层”工具 ,调整动画的位置,效果如图5.6所示。
建立超链接:将动画“enter ”超链接到“home.htm ” 。
图5.6
9
目标五:保存网页
保存网页先将图片和GIF动画保存在“D:\My Web\images ”文件夹中,最后保存网页“index.htm ” 。
预览效果:在“预览”模式下,预览网页效果。
10
试一试
1.尝试“图片