页面规划妙管家
1
任务导航
“梅园诗画”网站制作小组的同学们根据调查反馈信息,设置了“问梅”栏目,希望来到“梅园”的每一位朋友都能对梅花知识、梅花文化有更多的了解。“问梅”是一个图文混排的网页,对页面进行合理布局,并将文字及图片按照事先的设想放置到适当位置,是本节课的中心任务。好啦,快快请出“页面规划妙管家”一表格,帮助我们顺利完成这一任务。
表格是网页制作中一种非常有用的工具,不仅可以用来存放数据,还可以用来组织数据,甚至组织整个网页,实现网页的精细排版,它还可用于设计特殊的网页效果。可以说,表格的合理运用是网页制作中最为重要的一个技巧。
逐级依次打开素材盘的“六年级用书\第二单元\第15课”文件夹,将文件夹“myite”复制到D盘根目录下。启动FrontPage,打开“梅园诗画”站点。逐级依次打开素材盘的“六年级用书\第二单元\第15课”文件夹,把制作网页“问梅”所需要的素材文件“wm.swf”、“wmbjpg”导入到“images”文件夹中。显然,要制作新的页面,需要先在站点内新建网页。
1.执行“文件”、“新建”、“网页”命令,弹出“新建”对话框
2.在“常规”选项卡中选择“普通网页”
3.单击“确定”按钮,创建一个空白网页文件
首先,为页面设置背景(背景图片选择“images”文件夹中的文件“wmbj.jpg”)。然后,执行“表格”、“插入”、“表格”命令,弹出“插入表格”对话框,按以下方法制作布局表格。
2.设置“边框粗细”为0,“对齐方式”为默认;“单元格边距”、“单元格间距”均为1
1.分别设置“行数”、“列数”为2
3.设置“指定宽度”为993像素
设置完毕,单击“确定”按钮
5.选中表格的第1行,执行“表格”、“合并单元格”命令,将第1行的两个单元格合并为一个单元格
6.将表格第2行两个单元格间的表格线向左拖动到图示位置
“问梅”页面上方是“梅园诗画”网站标志。一个形式与内容完美结合的网站标志,可以通过单纯、易识别的图形或文字符号,直观地表达意义、传递信息。“梅园诗画”网站制作小组的同学们,给自己的网站设计制作了统一形象的系列化标志,力图达到提升访问者的浏览兴趣,加深人们对网站印象的目的。下面,我们就把它插入到页面中。
1.在表格的第1行所在单元格内单击
2.执行“插入”、“高级”、“插件”命令,弹出“插件属性”对话框
3.单击“浏览”按钮,在弹出的“选择插件数据源”对话框中打开“images”文件夹,选择要插入的文件“wm.swf”
4.设置插件的“大小”:“高度”为80,“宽度”为1000
5.设置完毕,单击“确定”按钮
“普通”模式下,通过编辑窗口看到的网页效果和在浏览器中的网页实际效果是有差异的。因此,在编辑网页过程中,经常需要切换到“预览”模式下进行预览,以便及时发现网页制作过程中存在的缺陷或问题。
在网页设计中,“线”通常作为分割页面的主要元素之一,是决定页面风格的基本要素。下面,在小表格第1行所在单元格中单击,执行“插入”→“水平线”命令,插入一条水平线。随后按下“Enter”键,执行“文件”→“打开”命令,逐级依次打开素材盘的“六年级用书\第二单元\第15课”文件夹,打开文件“问梅.doc”,将其中的文字复制、粘贴到网页中水平线的下方。然后选中所有文字,并设置为宋体、10磅。
2
拓展空间
1.梅花自古便与文人墨客结缘,是千百年来文人笔下吟咏的不朽主题。请搜集咏梅诗词佳句,并结合素材盘提供的素材,制作网页“咏梅”。发挥你的想象力,比一比谁的作品从网页布局设计、艺术效果等方面更有创意!
参考样式:
2.在网页中编辑文字时,同时按下“Shift”键和“Enter”键或者只按下“Enter”键都可以实现换行,但两种操作效果是不同的。试一试,你得到了怎样的结论?
THE END