北风网-基于DIV+CSS仿当当网网上书店网站设计(技术点较多)
www.ibeifeng/goods.php?id=123
本次项目案例巩固的知识点总结:
1.CSS样式表在网页中的应用
2.HTML基本标签的使用
3.DIV套表格的网页布局
4.表单在网页中的应用
5.模板的使用
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
商品详细页面:product.html
第六阶段(30分钟)
商品购买结算页面:shopping.html
第七阶段(20分钟)
帮助中心页面:help.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论