【任务8-6】制作网站的首页和商品列表页面

【任务描述】

（1）基于模板index.dwt创建易购网的首页default.html。

（2）基于模板goodslist.dwt创建易购网的商品列表页面goodslist0802.html。

（3）基于模板index.dwt创建易购网的内容页面goodsdetail0801.html、goodsdetail0802.html、goodslist0801.html和shoppingCart08.html。

【任务实施】

 1．基于模板index.dwt创建易购网的首页default.html

（1）基于网页模板index.dwt创建网页文档default.html

（2）创建CSS样式表文件index.css和定义CSS样式

（3）链接外部样式表文件index.css

（4）编辑网页default.html

（5）保存网页default.html与浏览网页效果

保存网页default.html，然后按快捷键F12浏览该网页，其浏览效果如彩图5所示。

2．基于模板goodslist.dwt创建易购网的商品列表页面

（1）基于网页模板goodslist.dwt创建网页文档goodslist0802.html

（2）编辑网页goodslist0802.html

（3）保存网页goodslist0802.html与浏览网页效果

3．基于模板index.dwt创建易购网的内容页面

（1）基于网页模板index.dwt创建网页文档goodsdetail0801.html

（2）编辑网页goodsdetail0801.html

（3）保存网页goodsdetail0801.html与浏览网页效果

goodsdetail0801.html效果图