北风网-基于DIV+CSS仿当当网网上书店网站设计(技术点较多)
www.ibeifeng/goods.php?id=123
本次项目案例巩固的知识点总结:
1.CSS样式表在网页中的应用 
2.HTML基本标签的使用 
3.DIV套表格的网页布局 
4.表单在网页中的应用
5.模板的使用

网上书店网站设计,实现功能如下:
 用户注册
 用户登录
 首页(网站内容的综合展示)css常用模板
 某类商品展示
 详细商品展示
 商品购买
 购物车
 用户注册帮助中心

网上书店网站设计共有以下几个页面:
创建模板页:index.dwt(网页头部及底部)
用户注册页:register.html
用户登录页:login.html
帮助中心:help.html
网站首页:index.html
图书分类页:class.html
商品详细页:product.html
百货/化妆品/玩具分类页:class1.html
我的当当(购买结算页面):shopping.html

技术难点分析:
1.模板页用DIV套表格实现网页布局
2.超链接随鼠标悬停背景图改变
3.用户注册、登录页面表单中的文本框细边框样式
4.用户注册、登录页面表单中的提交按钮边框样式
5.提交按钮用图片实现,下面以商品购买按钮为例
第一阶段(40分钟)
      制作模板页:index.dwt
第二阶段( 40分钟)
      用户注册及登录页面:register.html、login.html 
第三阶段(40分钟)
      网站首页:index.html 
第四阶段(60分钟)
      商品分类页面class.html及class1.html网页 
第五阶段(30分钟)
      商品详细页面:product.html 
第六阶段(30分钟)
      商品购买结算页面:shopping.html 
第七阶段(20分钟)
      帮助中心页面:help.html 

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。