【知识储备】

教师提问:在上次课程之后，给各位同学预留了一个问题，请大家在课余时间浏览各种电子商务网站，观察网站的首页内容，并对其进行评价，在资源平台的交流论坛中与其他同学进行交流讨论，不知道大家这个作业完成的情况如何，我们一起去看一看。

教师点评：其实我们通过观看同学们在交流论坛中的发帖情况，不难得出如下结论：在设计网页时每人都是有各自的偏好，同时每人都有自己认为十分满意的布局模式，所以说在设计网页时对于布局这一概念没有十分严格的要求，完全可以依据各自的设计意图以及所针对的网站性质进行整体的规划与设计。

教师总结：我们在观看了三个图示展示之后，可以得出如下结论：就是在制作网页之前，要为网页做出一个合理的布局规划，而且这个布局契合网站的整体规划，凸显出产品的特色。

【实训任务准备】

任务要求：请每位同学为“商帆·校园我们的O2O”网站的首页进行布局，并利用Office自带的画图软件，绘制出网页布局参考图。

任务实施：

Ø 个人任务：构思并绘制“商帆·校园我们的O2O”首页布局图。如遇到

问题可以在资源平台的实时聊天室中进行讨论。

Ø 小组任务：同组（4-6人）内对每个同学的构思进行评价，并评选出本

组的优秀作品，将优秀作品上传到资源平台中。

【实训任务点拨】

网页被浏览时能不能吸引浏览者的眼球，很大程度上取决于布局的好坏，所以在进行网页布局是我们要遵循如下原则：

Ø 功能第一，形式第二。

浏览者决定网站的成败，拥有的浏览者越多，网站就越容易成功。如何在数不清的网站中脱颖而出？挖掘网站的特点是一个好的方法，企业网站要体现企业特点和企业理念；商务网站商品内容要详实，浏览者的购物操作要安全、方便。

Ø 层次清晰、主次分明

布局可以分为两种形式，一种是整体布局，只绘制出页面的大结构；另一种是局部的布局，包括文字图像之间的排列即排版。整体布局要让浏览者指导哪些板块重要，引导浏览者关注，而局部的排版是要在具体的板块中实现内容表述的清晰、美观。

Ø 突出特点

浏览者决定网站的成败，拥有的浏览者越多，网站就越容易成功。如何在数不清的网站中脱颖而出？挖掘网站的特点是一个好的方法，企业网站要体现企业特点和企业理念；商务网站商品内容要详实，浏览者的购物操作要安全、方便。

【实训任务实施】

Ø 任务要求：请每位同学利用Dreamweaver软件，实现自己绘制的网页布局参考图。

Ø 任务内容：

①　前期准备（站点建立）

②　设置页面属性

③　制作header区

④　制作main区

⑤　制作footer区

Ø 自我评价：针对自己的作品依据学习评价表进行自评，并将作品上传至资源平台的作业项目中。

Ø 小组评价：每组（4-6人）评选出本组的优秀作品，并派出代表阐述设计构思。

Ø 班级之星评选：各组同学为其他小组的优秀作品进行评价，并在资源平台中选出本次课程的优秀之星。