将插入点定位在第一行单元格中，单击鼠标右键，在弹出的快捷菜单中 选择【表格】/【插入行或列】菜单命令，打开“插入行或列”对话 框，在“插入”栏中单击选中“行”单选项，在下方的数值框中输入 1，在“位置” 栏中单击选中“所选之下”单选项，确认即可。

  选择第2行单元格，在“单元格”属性面板中单击“背景颜色”色块，在 其中选择粉红色（#FF3366）。

  ● 掌握在网页中插入和编辑表格的方法。 ● 掌握框架与框架集在网页中的应用方法。

  ● 掌握“果蔬网优惠区”页面的布局方法。 ● 掌握“蓉锦大学首页”页面的布局方法。 ● 可使用表格或框架完成页面布局。

  2 制作“果蔬网优惠区”页面 使用框架布局“蓉锦大学首页” 页面 实训一——制作“蓉锦大学导航”页面 实训二——使用框架布局果蔬网

  选择【窗口】/【框架】菜单命令， 打开“框架”面板，在“框架” 面板中框架集的边框上单击选择 整个框架集。选择【文件】/【保 存框架页】菜单命令，打开“另 存为”对话框，设置保存参数。 将插入点定位到框架中，进而选择 【文件】/【保存框架】菜单命令， 在打开的“另存为”对话框中设 置保存框架参数。

  在“框架”面板中选择上方的框架，然后单击属性面板中“源文件” 文本框右侧的“浏览文件”按钮，在其中选择需要放置到该框架显示的 页面。

  • 在文本前单击鼠标定位插入点，在“插入”面板中选择“常用” 插入栏， 并选择“命名锚记”选项，插入一个锚记，并在属性面板设置名称。 • 选择需要单击跳转的文本，在属性面板的“链接”文本框中输入“#锚 记名称”。

  在表格第1行单击鼠标定位插入点，然后输入“热拍推荐”文本，然后设 置字符格式，添加其他元素的方法与在网页中添加页面元素方法相同 。

  本任务将使用框架来布局 “蓉锦大学首页”页面，制作时先创建 框架集与框架页，然后保存这些框架集与框架页，最后设置框架集与 框架页的相关属性。通过本任务的学习，可以掌握使用框架来布局页 面的方法。本任务完成后的效果如右图所示。

  设置单元格属性时，可先选择单元格或将插入点定位到该单元格 中（也可利用【Ctrl】键同时选择多个单元格），然后在属性面板中利 用各参数进行设置即可，如下图所示。

  选择【插入】/【表格】菜单命令或按【CtrlAltT】组合键，打开“表格” 对话框，在其中设置表格行列数，然后确认即可。

  网站的主页要体现站点的标志和基本功能 对导航功能进行层次设计，并提供搜索功能。 主页中的文字要精炼或使用一些暗示浏览者其他页面内容的读。 主页中放置的内容应该是网站比较特色的功能的板块，以吸引浏览者的点击率。

  本实训要求使用框架 来对果蔬网进行布 局，制作时可先创 建框架和框架集， 然后再对框架进行 编辑，制作框架页 时可使用提供的素 材文件，效果如下 图所示。

  本任务将使用表格来布局 “果蔬网优惠区”网页页面， 在制作时先创建基本表格， 然后在依据内容需要调整表 格结构，设置表格和单元格 属性，最后向表格中添加内 容完成制作。本任务完成后 效果如下图所示。

  设置表格属性时，第一步是要选择整个表格，然后在属性面板中利 用各种参数进行设置，如下图所示。

  本实训要求制作蓉锦大学主页框架集中的顶部框架网页，这中间还包括 学校标志、快速入口、导航条等部分。

  避免网页中的所有内容都居中对齐。 不要使用太多颜色，选择一两种主色调和一种强调色。 不要使用复杂的图案平铺背景，容易给人凌乱的感觉。 建议还是不要设置为黑底白字，对是网页中大量的小文字，可 以选择一种柔和的颜色来反衬，及使用底纹色的反色

  对图像中的文字进行平滑处理。 尽量将图像文件大小控制在30kb以下。 消除透明图像周围的杂色。 不要显示链接图像的蓝色边框线。 插入图像时对每个图像都设置替代文本。 对同类型的文本使用相同设计。 不要将所有文字设置为大写。不要大量使用斜体设置。 不要将文字格式同时设置为大写、倾斜、加粗。 不要随意插入换行符。 尽量少使用H5、H6标签。

  选择【文件】/【新建】菜单命令，打开“新建文档”对话框，在左侧的 列表框中选择“示例中的页”选项，在“示例文件夹”列表框中选择 “框架页”选项，在“示例页”列表框中选择“上方固定”选项，单 击 按钮。打开设置框架标题的对话框，默认设置。

  保持文件的最小体积，以便快速下载 将重要的信息放在第一个满屏区域 页面长多别超过三个满屏。 设计时要多个浏览器测试效果。 网页版式 尽量少使用动画效果

   认识框架和框架集 框架集与框架实际上的意思就是包含于被包含的关系，框架是浏览器窗口中的一 个区域，每个框架是一个单独的HTML页面。当一个页面被拆分为多 个框架后，系统将自动建立一个框架集，即生成一个新的HTML文件， 并在框架集中定义一组框架的布局和属性，包括框架书目、大小、 位置、初始显示页面等。框架集只向浏览器提供如何显示一组框架 以及框架中的页面显示，框架集本身不会在浏览器中显示。