如果用户已经准备好了搭建本网站的基本素材。例如,各种产品的种类、产品的介绍性文字,图片和价格等信息。现在的任务就是把这些素材合理整合,创建一个令人舒适、愉悦的网站。
本案例比较复杂,在开发之前,应先梳理一下整个案例的数据结构以及所要达到的目的。
每个网站或多或少都会用到图片、样式表和JavaScript脚本,因此在开始创建该网站之前,需要对文件夹结构进行以下设计。本网站模板包含如下文件夹:
- images文件夹:用来存放将要用到的图片。
- styles文件夹:用来存放网站所需要的CSS样式表。
- scripts文件夹:用来存放网站所需要的jQuery脚本。
本例功能主要为展示商品和针对商品的详细介绍,因此只要做两个页面,即首页(index.html)和商品详细页(detail.html),目录结构如图1所示。
图1 网站目录结构