第20章 DIV+CSS页面布局实例：制作.pptVIP

第20章 DIV+CSS页面布局实例：制作服饰商城 现今互联网已成为人们生活的一部分，很多人会选择网上购物和网上交易。在当今互联网上有许多形式各异的商城，如最大的网上商城淘宝网。而随着各种行业对网上交易行为的重视和应用，越来越多的独立商城涌现在互联网上。本章实例将讲解如何制作一个服饰商城的模板。本章内容包括： 分析服饰商城的构架 制作服饰商城网站的首页 制作个人博客网站的分页 20.1 服饰商城构架分析 本章制作的服饰商城共有三个页面，包括首页、商品列表页、商品详细介绍页。分别命名为index.html、list.html和detail.html。本章制作的三个页面是服饰商城的基本页面的模板。完整的商城还包含许多其余的页面，例如登录和注册的页面等。但本章只讲解如何制作商城的主要页面，以下为每个页面的功能： 首页（index.html）：包含商城的主要内容列表和热门列表； 商品列表页（list.html）：某一类商品的列表页； 商品详细介绍页（detail.html）：某一商品的详细介绍页面； 20.2 制作服饰商城的首页的总体布局 在对效果图进行分析得到页面结构图后，首先要制作服饰商城的首页。服饰商城的首页要从规划整个网页的结构开始。服饰商城的首页分为header、nav、firestCol、secondCol、guide和footer部分，这些部分都是水平居中在页面。 20