网页设计与制作教程（HTML+CSS+JavaScript） 教学配套课件 刘瑞新 第10章 购物商城首页的制作.pdfVIP

网页设计与制作教程 网页设计与制作教程 （HTML+CSS+JavaScript） （HTML+CSS+JavaScript） 机械工业出版社同名教材 机械工业出版社同名教材 配套电子教案 配套电子教案 第10章 购物商城首页的制作 第10章 购物商城首页的制作 10.1 网站的开发流程 10.1 网站的开发流程 10.2 设计首页布局 10.2 设计首页布局 10.3 首页的制作 10.3 首页的制作 10.1 网站的开发流程 10.1 网站的开发流程 典型的网站开发流程包括以下几个阶段。 典型的网站开发流程包括以下几个阶段。 ① 规划站点：包括确立站点的策略或目标、确定所面向的 ① 规划站点：包括确立站点的策略或目标、确定所面向的 用户以及站点的数据需求。 用户以及站点的数据需求。 ② 网站制作：包括设置网站的开发环境、规划页面设计和 ② 网站制作：包括设置网站的开发环境、规划页面设计和 布局、创建内容资源等。 布局、创建内容资源等。 ③ 测试站点：使用Dreamweaver测试页面的链接及网站的兼 ③ 测试站点：使用Dreamweaver测试页面的链接及网站的兼 容性。 容性。 ④ 发布站点：使用Dreamweaver将站点发布到服务器上。 ④ 发布站点：使用Dreamweaver将站点发布到服务器上。 10.1 网站的开发流程 10.1 网站的开发流程 10.1.1 规划站点 10.1.1 规划站点 1．规划站点目标 1．规划站点目标 （1）确定建站的目的 （1）确定建站的目的 （2）确定目标用户（浏览者） （2）确定目标用户（浏览者） （3）确定网站的内容 （3）确定网站的内容 商城前台页面主要功能包括：商城首页展示各种产品， 商城前台页面主要功能包括：商城首页展示各种产品， 帮助客户有哪些信誉好的足球投注网站到欲购买的产品，展示产品的详细信息，会员 帮助客户有哪些信誉好的足球投注网站到欲购买的产品，展示产品的详细信息，会员 的注册与登录，商城的购物流程和指南，购买商品的购物 的注册与登录，商城的购物流程和指南，购买商品的购物 车，客户确认订单并填写送货地址，选择支付方式和物流方 车，客户确认订单并填写送货地址，选择支付方式和物流方 式等。商城后台页面主要功能包括：商品管理，订单管理， 式等。商城后台页面主要功能包括：商品管理，订单管理， 促销管理，广告管理，文章管理，会员管理和系统设置等。 促销管理，广告管理，文章管理，会员管理和系统设置等。 本书只讲解商城前台的首页、有哪些信誉好的足球投注网站页面、商品详细信息页面 本书只讲解商城前台的首页、有哪些信誉好的足球投注网站页面、商品详细信息页面 和商城后台的登录页面、查询商品页面、添加商品页面。 和商城后台的登录页面、查询商品页面、添加商品页面。 10.1 网站的开发流程 10.1 网站的开发流程 10.1.1 规划站点 10.1.1 规划站点 2．使用合理的文件夹保存文档 2．使用合理的文件夹保存文档 首先为站点建立一个根文件夹（根目录），在其中创建 首先为站点建立一个根文件夹（根目录），在其中创建 多个子文件夹，然后将文档分门别类存储到相应的文件夹 多个子文件夹，然后将文档分门别类存储到相应的文件夹 下，如果必要，还可创建多级子文件夹，这样可以避免很多 下，如果必要，还可创建多级子文件夹，这样可以避免很多 不必要的麻烦。设计合理的站点结构，能够提高工作效率， 不必要的麻烦。设计合理的站点结构，能够提高工作效率， 方便对站点的管理。 方便对站点的管理。 3．使用合理的文件名称 3．使用合理的文件名称 当网站的规模变得很大的时候，使用合理的文件名就显 当网站的规模变得很大的时候，使用合理的文件名就显 得十分必要，文件名应该容易理解且便于记忆，让人看文件 得十分必要，文件名应该容易理解且便于记忆，让人看文件 名就能知道网页表述的内容。 名就能知道网页表述的内容。 4．本地站点结构与远端站点结构保持相同 4．本地站点结构与远端站点结构保持相同 为了方便维护和管理，本地站点的结构应该与远端站点 为了方便维护和管理，本地站点的结构应该与远端站点 结构保持相同。 结构保持相同。 10.1 网站的开发流程 10.1 网站的开发流程 10.1.2 网站制作 10.1.2 网站制作 完整的网站制作包括以下两个过程： 完整的网站制作包括以下两个过程： 1．前台页面制作 1．前台页面制作 当网页设计人员拿到美工效果图以后，编写HTML、 当网页设计人员拿到美工效果图以后，编写HTML、 CSS，将效果图转换为.html网页，其中包括图片收集、页面 CSS，将效果图转换为.html网页，其中包括图片收集、页面 布局规划等工作。 布局规划等工作。 2．后台程序开发 2．后台程序开发 后台程序开发包括网站数据库设计、网站和数据