制作主页 网站可以看成是一本万象的图书,其首页就如同书的封面,本节课制作“天使之家”网站的“封面”。目标一:进入网站首页 打开站点:运行FrontPage软件,选择“文件”→“打开”命令,打开“D:My Web”站点。 打开首页:在文件夹列表中双击“index.htm ” ,进入首页设计状态。目标二: 制作网站首页 插入表格:选择“表格”→“插入”→“表格”命令,插入一个2行2列的表格,设置表格“宽度”为“730 ”像素,边框“粗细”为“0”,并为表格添加背景,效果如图5.1所示。图5.1 编辑表格:选择“视图”→“工具栏”→“表格”命令,使用“拆分单元格”命令,将第2行第2个单元格,拆分为3行;右下角单元格拆分为3列;中间列单元格拆分为3行,并调整大小,效果如图5.2所示。图5.2 插入艺术字:插入艺术字“天使之家”,效果如图5.3所示。 插入图片:选择“插入”→“图片”→“来自文件”命令,将图片素材插入到“index.htm ”网页中,效果如图5.3所示。图5.3目标三:在图片上添加文字 打开“图片”工具栏:选择“视图”→“工具栏”→“图片”命令,显示如图5.4所示的“图片”工具栏。图5.4 输入文字使用“文本”工具A.输入文字,设置文字格式:24磅、加粗、黑色、华文新、左对齐,调整文本框的位置,如图5.5所示。图5.5目标四:插入GIF动画 插入动画:选择“插入”→“图片”→“来自文件”命令,打开“图片”对话框,选择“enter.gif ”插入到“index.htm ”主页中。 调整动画位置:选中动画,单击“图片”工具栏中的“上移一层”工具 ,调整动画的位置,效果如图5.6所示。 建立链接:将动画“enter ”链接到“home.htm ” 。图5.6目标五:保存网页 保存网页先将图片和GIF动画保存在“D:My Webimages ”文件夹中,最后保存网页“index.htm ” 。 预览效果:在“预览”模式下,预览网页效果。试一试1.尝试“图片”工具栏中其他工具的功能。2.根据网站首页的意境,选择合适的背景音乐,将其添加到网页中。小技巧1.网站文件管理 如果网站内的文件较多,可以新建若干个文件夹分门别类地存放文件,一般,用英文字母(或拼音)为文件夹命名。2.网站首页命名 网站的首页一般命名为index.htm、index.html或default.htm。知识窗 你知道网站Logo和网站Logo规格是什么吗? |