求一份 网页规划书
发布网友
发布时间：2022-05-13 18:40
共2个回答
热心网友
时间：2023-10-21 02:33
综合应用Dreamweaver 8的基础知识创建和编辑网页。
二、实验内容及步骤
（1） 在“文件”中新建一个网页，在“插入面板”的“布局”中，新建“左侧和嵌套的顶部框架”框架，并使框架网页符合下列要求。
① “文件”中的“框架集”另存为，保存框架集时，把框架集文件名改为index.htm。
② 在“框架浮动面板”中选中左框架，在“文件”中选择“保存框架页”，同时给左框架文件命名为left.htm，在框架浮动面板中选中左框架，在“修改”中将“页面属性”中设置背景图像为bg0035.jpg以及左框架的列宽度为320像素。
③在框架浮动面板中选中顶框架，在“文件”中选择“保存框架页”，顶框架文件名为top.htm，选中顶框架，“属性面板”中设置行高度为65像素。
④ 选中主框架，在“属性面板”中设置主框架页面的“滚动”方式为自动，[源文件]为本地站点中的网页文件main.htm。
⑤ 分别选中3个框架,在“属性面板”,“页面属性”中将三个框架网页的页面属性“左边界”、“顶部边界”、“边界宽度”、“边界高度”设为0，在“文件”中选择“保存全部”,将全部框架文件保存在本地站点中。
（2） 用photo子文件夹中的图像创建网站图像册，其要求如下。
①新建一个网页,在“命令”中“创建网站相册”,在弹出的窗口中设置标题为“名画——人类的精神粮食”，省略副标题。
②在①弹出的窗口中继续设置页面图像的缩略图尺寸为100*100像素；每行列数我为6列；缩略图像文件格式为.jpg。
③在①弹出的窗口中继续设置“源图像文件”为本地站点根文件夹中的photo子文件夹，“目标文件夹”为本地站点根文件夹，其他参数默认。
④在“页面属性”中用img文件夹中的文件bg0029.jpg设置网页背景图像。
⑤插入“库”项目:在页面中插入层,点击“文件浮动面板”，“资源”中选择“库”,选中库项目return,按下”插入”按钮。
⑥在“文件”中选择“另存为”,保存网页文件,以index1.htm为名保存在本地站点的根文件夹中。
（3） 新建一个网页,命名为 fg1.htm，并将此文件保存本地站点根文件夹中。打开文件fangao.dwt.
①将 “梵高的故事.doc”中的文字内容复制粘贴到网页文字可编辑区域的蓝色框中，并在模板左侧2个图像可编辑区域中，单击可编辑区域,在“插入”中选择“图像”,选择img文件夹中的tu1_3.jpg和tu2_3.jpg，模板顶部标题可编辑区域输入文字“梵高的故事”。
②在“属性面板”中选择“样式”，“附加样式表”,附加本地站点根文件夹中的外部层叠样式表文件format.css，选中网页标题,在“属性面板”样式中选择title作用于网页标题，同样方法将样式format作用于网页中的其他文字，样式filter作用于图像文件tu1_3.jpg和tu2_3.jpg。
③把光标放在要插入的位置,在“插入”中选择“命名锚记”,输入名称”aa”,在网页中最后一段的文字“镶板画”中间插入用于超链接的名为“aa”的站点。
④在页面左下角插入层, 在“文件浮动面板”的“资源”中选择“库”,选中库项目return,按下”插入”按钮。
（4） 新建网页文件，并将此文件以fg2.htm为名保存在本地站点的文件夹中。
①在“属性面板”的“页面属性”中设置页面背景图像为bg0029.jpg，在“插入”中选中“表单”中的“表单”。在“属性面板”中设置表单的名称为：“调查”，动作为：答题学生本人的邮件地址，方式为：POST。
②输入文字“问卷调查”，选中文字在“属性面板“中设定”居中”,并设置文字格式。
③在“插入”中选择“表单”，“文本域”,在表单的第2行，插入文本域。设置标签文字为“姓名”,确定.选中文本域,在“属性面板”中设置“字符宽度”为20，“类型”为单行，“最多字符数”为20。
④在“插入”中选择“表单”，“单选按钮组”,在同一行中再插入单选按钮组，单选按钮组的名称为“性别”。将标签改为”男\女”,在属性面板中设置标识是“男”的单选按钮的“初始状态”为已勾选，“选定值”为“男”。标识为“女”的单选按钮的“初始状态”为未勾选，“选定值”为“女”。
⑤在“插入”中选择“表单”，“文本区域”,在表单的第3行中插入多行文本域,在弹出的窗口中设置标签文字为“谈谈你对本网站的观感：”。换行后，插入多行文本域，选中该文本域,在属性面板中设置其“字符宽度”为50，“类型”为多行，“行数”为10，“换行”为默认，“初始值”为“请发表您的浏览观感”。
⑥在“插入”中选择“表单”，“按钮”,在表单的第5行居中插入2个按钮，在“属性面板”中并分别将它们的“标签”和“动作”设为：递交表单和重设表单。
⑦在页面左下角插入层, 在“文件浮动面板”中选择“资源”，“库”,选中库项目return,按下”插入”按钮。
（5） 打开网页首页文件index.htm。
①点击顶部框架,在“插入”中选择“媒体”中的flash,在顶部框架中插入Flash文件fgl.swf。
②在“插入面板”的“布局”中选择“绘制布局表格”,在左框架的上半部分画布局表格,在其中画5个布局单元格分别选中,在“属性面板”中设置大小为93*63像素，在“插入”中选择“鼠标经过图像”,在其中分别插入“鼠标经过图像”，在弹出的窗口中设置其“原始图像”文件分别为tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif，“鼠标经过图像”文件分别为tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。
③在左框架的下半部分按样张画三个层,属性设置为210*150大小，在这个3层中插入3幅图像分别是tu1_3.gif、tu2_3.gif、tu3_3.gif,选中3个层,在“修改”中选择“排列顺序”中设置3个层重叠,分别将3个层选中,在右键菜单中选择添加到时间轴,在3幅图像的动画条中插入适当的关键帧,在“属性”中更改关键帧处的可见性,制作时间轴控制3幅图像轮流显示的时间轴动画，每幅图像显示的时间为1s,并钩选自动播放和循环
④在“文件浮动面板”的“资源”中选择“库”中,选中库项目return，点击面板右下角的”编辑”按钮,选中它,在“属性面板”中设置其与首页index.htm建立链接，并使首页index.htm在复框架中显示,目标_parent，然后“修改”中选择“库”的“更新页面站点”。
⑤在首页文件index.htm被浏览时播放声音文件Applause.wav。
⑥将文件保存
.
（6） 按下列要求为左框架中的5个图像按钮添加行为和超链接。
①选中图像，在“行为面板”中选择行为“Ondblclick”.然后“添加行为”，“控制shockwave或flash”,操作:停止， 在“行为面板”中选择行为Onclick，“添加行为”“控制shockwave或flash”,操作:播放,可达到以下效果：双击该图像，停止播放顶部框架中的Flash文件fg1.swf，单击该图像，开始播放顶部框架中的Flash文件fg1.swf。
②选中第2个鼠标经过图像在“属性面板”添加超链接,链接至index1.htm,选择“目标”为“mainframe”可达到以下效果:单击此图像是链接网站相册文件index1.htm，并使该文件在主框架中显示。
③选中图片在“属性面板”中设置链接为fg1.htm#aa,目标为_mainframe,即可单击此图像时链接到文件fg1.htm的锚点“aa”上，并使该文件在主框架中显示。
④给网页左框架第4个鼠标经过图像添加超链接，选中图片,在“属性面板”中设置链接至fg2.htm, 目标为_mainframe,即可单击此图像时链接到文件fg2.htm上，并使该文件在主框架中显示。
⑤选中图像,在行为面板中选择行为“Ondblclick”, “添加行为”“控制”shockwave或flash,操作：停止；选择行为“Onclick”, “添加行为”“控制”shockwave或flash,操作：播放。使双击该图像，停止播放左框架底部的时间轴动画，单击该图像，开始播放左框架底部的时间轴动画。
三、实验中遇到的问题及解决方法
1．起初插入的flash动画始终无法显示，插入的main.htm中有个别图象无法显示，通过改变绝对路径,完成显示效果.
2．做超链接时，链接的无效果，通过改变链接途径达到链接效果。
3.在做最后一步的六个图片的超链接时，添加行为和控制shockwave或flash，多次操作和调试都无法成功，后来经过请教同学，知道是在“行为面板”中选择行为“Ondblclick”.然后“添加行为”，“控制shockwave或flash”,操作:停止，再在“行为面板”中选择行为Onclick，“添加行为”“控制shockwave或flash”,操作:播放,即可达到要求的效果。
4．在做3副图象轮流显示的时间轴动画时，开始不会做，后来知道是在右键菜单中选择“添加到时间轴”,在3幅图像的动画条中插入适当的关键帧,在“属性”中更改关键帧处的可见性,制作时间轴控制3幅图像轮流显示的时间轴动画，每幅图像显示的时间为1s,并钩选自动播放和循环。
热心网友
时间：2023-10-21 02:33
