1.2+设计制作网页（教学课件）-信息科技第二册同步教学（河北大学版2023）.pptxVIP

设计制作网页?Lifeisntaboutwaitingforthestormtopass.itsaboutlearningtodance

任务驱动依据规划的页面内容特点，为网站各主要页面进行网页布局设计要求:在保持网站整体风格一致的基础上，各页面能够依据内容需要进行合理布局，有效提升页面的表达力和感染力。

任务分析与网站主题相协调体现以用户为中心站内风格基本一致便于阅读页面协调利用表格

学习目标学会绘制表格01通过表格实现页面布局02学会合并单元格03

操作指南设计页面布局绘制表格实现页面布局保存文件

合作探究请同学们以小组为单位，对比讨论以下两个网页的页面布局，分析有什么区别

横幅图片导航栏图片展示区超链接

横幅图片超链接导航栏图片展示区超链接

横幅图片导航栏超链接正文内容版权信息

网页中的基本要素网页主要信息的布局方法网页中包含的基本信息规划主要页面的布局方式?Lifeisntaboutwaitingforthestormtopass.itsaboutlearningtodance

任务分析同学们以小组为单位，仿照上面两个布局分析示意图，绘制本组的网页布局示意图，并展示汇报

绘制表格实现页面布局打开网站通过表格进行页面布局其他布局方式的页面布局

表格—插入—表格参数设置

选择要合并的单元格合并单元格后的效果

在单元格中插入表格

课堂练习请同学们以小组为单位，通过插入表格的方式，绘制本组的页面布局，并展示汇报

课堂小结学会绘制表格01通过表格实现页面布局02学会合并单元格03

课后作业(1)在FrontPage中利用表格进行页面布局，与在Word中利用表格进行页面布局有什么异同?

课后作业(2)新建一个名为“练习”的网站，如图所示进行页面布局。标题图片1标题图片2图片标题导航栏文字内容作者信息

课后作业(3)要想在浏览的状态中看不到表格线，该如何处理?(4)从浏览者角度出发，在用表格设计页面布局时要考虑哪些方面?可以尝试下载门户网站首页，用FrontPage打开，查看页面布局形式。

下节课见2024