建立分页面

自我检查
检查项目 自我检查
制作建立分栏目网页
A、已制作
B、未制作
表格中的三项技巧你会 了吗？
Awenku.baidu.com已运用
B、未运用
生成细线条的表格
将表格的“单元格边距” 设为1，“单元格间距” 设为0，就能生能细线条 的表格
在预览时表格线不可见设
置粗细为0
1.单元格间距
2.单元格衬距
利用单元格属性来设置背景
扩展任务
• 1、继续对分页面进行布局。 温馨提醒：注意网页整体风格的统一性， 命名和保存的条理性。 • 2、初步充实分栏目页面--内容。
1.
调整表格指定宽度
如果表格宽度为 100%，有 人将浏览器窗口大小调 整为更宽的情况下，将 发生什么事？ 1. 表格将保持原始的大小 。 2. 表格将保持固定的 100 像素宽。 3. 表格将伸展以填充浏览 器窗口的可用空间。
常常将这种类型的表格称为“可伸缩”或“液体”表格，因为它会填充窗口的可用空间。
优秀的网页仅仅有一个美丽的外 表是不够的，还应当具备大量信息 的分栏目内容来支撑。
任务一：建立分栏目页面
尝试两种建立新页面的方式，比较一下有什么区别？
温馨提醒： 建立分栏目页面有两种方式 1、利用菜单中的“文件”—“新建”—“网页”，并 选择各式网页页面样式； 2、单击工具栏的“新建”按钮。 3、时间：2分钟
网页制作的三板斧（表格的修饰）
1、调整表格指定宽度： 在表格属性中设置表格的对齐方式、边界宽度等参数。 如“百分比”就表示表格的宽度占网页的宽度大小比例
。
2、生成细线条的表格 将表格的“单元格边距”设为1，“单元格间距”设为0 ，就 能生能细线条的表格，在预览时表格线亦将不可 见。 试试：和设置粗细为0的效果有什么不同？ 3、设置背景图片 利用单元格属性来设置背景。
调整表格指定宽度
如果表格宽度为 500 像 素，而某人的浏览器窗 口仅 400 像素宽，将发 生什么事？ 表格将收缩为 400 像 素以确保他们能够看 到它。 2. 浏览器窗口将在窗口 底部显示滚动条。 3. 此人将再也无法看到 表格剩余的 100 像素 内容。
像素：图像的最小的完整采样 例如“640乘480显示器”，它有横向640像素和纵向480像素(就像VGA显示器那样 )，因此其总数为640 × 480 = 307,200像素
二板斧
生成细线条的表格
子任务二：打开“lanseyanguang”网站站点， 将“index.htm”的爱心拼好，不留间限。 温馨提醒： 1、“lanseyanguang”网站站点在“建立分页 学习资料”文件夹中。 2、page17.htm在“lanseyanguang”网站站 点文件下的”files”文件夹中。 3、同学之间可以相互讨论，并进行检查。 4、时间：2分钟
温馨提醒： 1、“lanseyanguang”网站站点在“建立分页学习资料”文件夹中。（如 果你已经有做好了自已的网站内容，可以在自己的网站中作类似的任务） 2、注意保存位置哦！ 3、思考一下每一页你准备用哪种方式布局。 4、为蓝色阳光网站做分页面，“诗情画意”、“悠然茶坊”、“心灵四 季”、三个网页的分页面的初步布局。 5、同学之间可以相互讨论，完成后相互检查。 6、时间：10分钟
网页的布局方法
• 1、是使用FP自带的模板？ • 2、使用参考已有网页布局？ • 3、还是建立一个与众不同的布局？
任务二： 打开“lanseyanguang”网站站点，依次建立“诗情画意”、“悠然茶坊”、 “心灵四季”、三个网页，并保存至“lanseyanguang”网站站点文件夹下，分 别命名为：page1.htm 、 page2.htm 、 page3.htm、保存。
一板斧
调整表格指定宽度
子任务一：打开“lanseyanguang”网站站点，打开page17中插入2*2表格。 1、进行设置表格的对齐方式、边界宽度等参数的设置。（方式、参数自选） 2、对“表格属性”的指定宽度进行设置，体会一下百分比跟像素的区别。
温馨提醒： 1、“lanseyanguang”网站站点在“建立分页学习资 料”文件夹中。 2、page17.htm在“lanseyanguang”网站站点文件下 的”files”文件夹中。 3、同学之间可以相互讨论，并进行检查。 4、时间：2分钟