网页美工设计入门与应用

index.asp用于实现购物系统首页的页面，在用户通过IE栏输入网站地址后可以直接打开此页面，也有些企业制作了网站片头动画，这是用Flash开发的一段动画，对于网上购物系统来说，为了提高访问速度一般不建议使用动画。

兼职指导：

由于在网页设计过程中需要应用很多VBScript来实现一些功能，所以本章有些页面的编程应用了ASP VBScript语句来编写命令。

首页的设计分析如下。

（1）把光盘素材中的网上购物系统复制到本地计算机硬盘上，用前面所学知识创建本地站点jmwy，并设置主浏览页面。

（2）双击【文件】面板中的index.asp页面，打开的页面效果如图7-17所示。

图7-17 设计好的index.asp页面

（3）该页面的代码比较长，这里把实现功能的一些重要ASP命令列出说明。将导航条调入如图7-18所示的地方加入ASP命令如下。

图7-18 导航条调入位置

图7-19 商品展示模块

(www.xing528.com)

（4）页面左边的内容和left_menu.asp页面功能一样，这里就不再介绍。中间是由新闻系统和特价商品及商品展示功能模块组成，如图7-19所示。

（5）新特商品模块的代码比较简单，大部分是静态代码，主要是放入购物车功能及数据库中调用商品功能需要加入动态的命令，所有的命令如下。

（6）商品分类模块也应用了ASP中的for循环命令快速建立了所有商品的展示功能，该段动态命令如下。

（7）以上网上购物系统的首页分析结束，如果需要快速建立购物系统的首页，可以直接参考光盘中完成的页面，查看代码，可以方便地完成企业购物系统首页的设计与制作。