（任务5-4）制作以表格布局的展示千岛湖旅游景点的网课件3.pptx

1、网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）网页设计与制作任务驱动教程 （第3版）网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）2单元5 制作包含列表和表格的网页【任务5-4】制作以表格布局的展示千岛湖旅游景点的网页网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）3【任务描述】【任务5-4-9】插入表格3并设置其属性（1）在表格）在表格2的下面插入一个的下面插入一个2行行1列的表格列的表格3，该表格居中对齐，宽度为该表格居中对齐，宽度为“880像素像素”，填充、间，填充、间距和边框为距和边框为0。（2）在表格）

2、在表格3的单元格中输入所需的文字。的单元格中输入所需的文字。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）4【任务实施】（1 1）插入一个）插入一个1 1行行1 1列的表格列的表格3 3在表格在表格2的下面插入一个的下面插入一个1行行1列的表格列的表格3，设置，设置该表格的对齐方式设置为该表格的对齐方式设置为“居中对齐居中对齐”，宽度设置，宽度设置为为“880像素像素”，填充、间距和边框设置为，填充、间距和边框设置为0。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）5（2 2）拆分单元格）拆分单元格将光标置于表格将光标置于表格3的单元格，

3、单击【属性】面的单元格，单击【属性】面板的【拆分单元格】按钮，弹出【拆分单元格】对板的【拆分单元格】按钮，弹出【拆分单元格】对话框，单击选择单选按钮话框，单击选择单选按钮“行行”，在，在“行数行数”数字数字框中输入框中输入“2”，然后单击【确定】按钮，将该单，然后单击【确定】按钮，将该单元格拆分为元格拆分为2行。行。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）6（3 3）设置单元格属性）设置单元格属性将第将第1行和第行和第2行的高度设置为行的高度设置为“25像素像素”，水，水平对齐方式设置为平对齐方式设置为“居中对齐居中对齐”，垂直对齐方式设，垂直对齐方式设置为置

4、为“居中居中”。（4 4）输入文本）输入文本在第在第1行中输入以下文字行中输入以下文字“设为首页设为首页|加入收藏加入收藏|关于我们关于我们|您的留言您的留言”，在第，在第2行中输入以下文字行中输入以下文字“E游天下网游天下网 Copyright 2016-2020 蝴蝶工作室版权蝴蝶工作室版权所有所有”。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）7（5 5）插入版权字符）插入版权字符将光标置于将光标置于“Copyright”与与“2016-2020”之间，切换到【插入】面板的【之间，切换到【插入】面板的【HTML】工具栏，】工具栏，然后单击【字符】按钮，在弹出

5、的下拉菜单中单然后单击【字符】按钮，在弹出的下拉菜单中单击【击【版权】菜单项，即可插入版权字符版权】菜单项，即可插入版权字符“”。（6 6）保存网页，预览其效果。）保存网页，预览其效果。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）8【任务描述】【任务5-4-10】设置网页头文件的内容（1）插入）插入Meta，“属性属性”类型设置为类型设置为“名称名称”，“值值”设置为设置为“Author”，“内容内容”设置为设置为“蝴蝶工蝴蝶工作室作室”。（2）插入关键字，关键字内容为）插入关键字，关键字内容为“千岛湖千岛湖,千岛千岛湖旅游湖旅游,梅峰观岛梅峰观岛,五龙岛五龙岛,

6、猴岛猴岛,鸵鸟岛鸵鸟岛,三潭岛三潭岛,森林氧森林氧吧吧,上西村瀑布群上西村瀑布群,屏溪竹筏漂流屏溪竹筏漂流”。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）9【任务实施】1 1插入MetaMeta在【插入】面板中切换到【在【插入】面板中切换到【HTML】工具栏，然】工具栏，然后单击选择命令【后单击选择命令【META】，打开【】，打开【META】对话框。】对话框。在【在【META】对话框中的】对话框中的“属性属性”下拉列表框中下拉列表框中选择选择“名称名称”，在，在“值值”文本框中输入文本框中输入“Author”，在在“内容内容”文本框中输入文本框中输入“蝴蝶工作室蝴

7、蝶工作室”，如图，如图5-34所示。所示。图5-34 【META】对话框网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）10该对话框的属性设置完成后，单击【确定】按该对话框的属性设置完成后，单击【确定】按钮即可。钮即可。插入插入“META”后，切换到【代码】视图，可后，切换到【代码】视图，可以发现添加如下所示的代码：以发现添加如下所示的代码：网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）112 2插入关键字在【插入】面板中切换到【在【插入】面板中切换到【HTML】工具，然】工具，然后单击选择命令【后单击选择命令【Keywords】，打开【】

8、，打开【Keywords】对话框。对话框。在【在【Keywords】对话框中的】对话框中的“关键字关键字”文本文本框输入关键字，如图框输入关键字，如图5-36所示，不同关键字之间用所示，不同关键字之间用半角的半角的“,”分隔，然后单击【确定】按钮。分隔，然后单击【确定】按钮。图5-36 【Keywords】对话框网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）12插入关键字后，浏览者通过搜索引擎搜索以插入关键字后，浏览者通过搜索引擎搜索以下关键字下关键字“千岛湖千岛湖”、“千岛湖旅游千岛湖旅游”、“梅峰梅峰观岛观岛”、“五龙岛五龙岛”、“猴岛猴岛”、“鸵鸟岛鸵鸟岛”、“三潭岛三潭岛”、“森林氧吧森林氧吧”、“上西村瀑布群上西村瀑布群”、“屏溪竹筏漂流屏溪竹筏漂流”，这个网页的网址就可能被搜，这个网页的网址就可能被搜索到，同时描述文字会给浏览者更多关于此网页索到，同时描述文字会给浏览者更多关于此网页的信息。的信息。网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）13保存网页文档保存网页文档0504.html，在浏览器，在浏览器Google Chrome中的浏览效果如图中的浏览效果如图5-15所示。所示。图5-15 网页0504.html的浏览效果网页设计与制作任务驱动教程（第网页设计与制作任务驱动教程（第3 3版）版）