简单的网页设计.doc

实验三简单的网页设计实验学时：3学时实验目的：掌握使用FrontPage设计网页的方法。实验要求设计个人站点，要求如下：主页文件。主页文件名为index.htm，主页内容如图5.23所示。其中“XXX个人主页”中的“XXX”是制作者自己的姓名，设计时是用表格来定位，制作完成后，在IE中看不见表格线。图5.23 主页文件在“XXX个人主页”标题下方有一串文字“欢迎光临我的网站”从页面的右侧向左侧循环移动。表格中间的图像由3个图片文件组成，每隔1s交替显示图片。主页面右侧是一个表单，其中用户名可输入最多8个字符，密码可输入最多6个字符。此表单提交后送到文本文件user.txt。单击“全部重写”按钮可以清空表单中的所有信息。右下方插入一幅图片，当将鼠标移动到图片上时，显示提示文字“与我联系”。友情分别链接到 、 。单击“小生自传”转到main1.htm文件；单击“超级大资源”转到main2.htm文件；单击“教程在线”转到main3.htm文件。小生自传页面main1.htm内容。自选一张图片作为页面背景图案。页面文字内容：自我介绍。单击“返回”按钮后可以返回到主页。返回按钮可以用文字，也可以自选一个动画或图像文件。超级大资源页面main2.htm内容。提供音乐或Flash动画的播放功能。教程在线页面main3.htm内容。在页面中录入文本“计算机网络”、“Flash制作”、“Web服务器”，并在文字前加上圆点项目符号，并设置段落样式“标题5”将文字标题分别与3个网站建立超链接，超链接目标内容显示在新窗口中。【提示】在FrontPage窗口用“文件”|“新建”|“站点”命令，打开新建对话框，选择只有一个网页的站点模版，指定网页存放的文件夹，创建Web站点，然后开始制作网页。主页文件。在主页面内第一行上输入文字“XXX个人主页”并格式化，在第3行处插入表格，按需要对单元格进行合并，设置表格线宽为0。在第2行通过“插入”|“组件”|“字幕”命令打开“字幕属性”对话框，输入文本“欢迎光临我的网站”，设置参数形成循环移动效果。选择表格中间的单元格，通过“插入”|“组件”|“横幅广告管理器”命令打开“横幅广告管理器”对话框，添加图片并设置参数。在主页面右侧插入表单，鼠标右击表单区域，打开“表单属性”对话框，输入文本文件名为：user.txt 在表格右下方插入图片，打开“图片属性”对话框，在文本框内输入“与我联系”。分别对文字“网易”、“教育网”设置超链接。分别对文字“小生自传”、“超级大资源”和“教程在线”设置文件超链接。main1.htm页面内容。通过“网页属性”对话框设置页面背景图案。main2.htm页面内容。在网页上输入若干说明文字，用超链接链接不同的音乐文件或Flash动画。也可通过“插入”|“高级”|“插件”命令，打开插件属性对话框，在“数据源”栏选择音乐文件或Flash动画等。main3.htm页面内容。选择“文件”|“新建|常规|带有标题的宽行正文”模式建立网页。在“这里是幅标题”处，键入“计算机网络”、“Flash制作”、“Web服务器”，并在文字前加上圆点项目符号，并设置段落样式“标题5”。超链接URL见表5.2 表5.2 超链接URL表计算机网络 Flash制作 Web服务器 对正文文字部分设置超链接，见图5.24。在超链接对话框的目标框架栏中选择“新建窗口”，即可将链接内容显示在新弹出的窗口中。图5.24 main3页面窗口