14.项目实战网上书店网站设计v1

1、北风网项目培训讲师：风舞烟北风网软件工程师IT高端培训(BF-TECH1.0)初级阶段课程HTML XHTML CS3、JavaScript网页制作从入门到精通项目实战：网上书店网站设计 问题描述 用户注册 用户登录 首页（网站内容的综合展示） 某类商品展示 详细商品展示 商品购买 购物车 用户注册帮助中心网上书店网站设计，实现如下功能：网站整体效果查看问题分析创建模板页：index.dwt（网页头部及底部）用户注册页：register.html用户登录页：login.html帮助中心：help.html网站首页：index.html图书分类页：class.html商品详细页：product.

2、html百货/化妆品/玩具分类页：class1.html我的当当（购买结算页面）：shopping.html网上书店网站设计共有以下几个页面：难点分析-1模板页用DIV套表格实现网页布局网站头部网站可编辑区域网站底部难点分析-2超链接随鼠标悬停背景图改变.A background-image:url(top-bg11.jpg); width: 131px; height: 31px; .A: hover background-image:url(top-bg12.jpg); width: 131px; height: 31px; 鼠标离开时超链接背景图鼠标停留在超链接上时背景图超链接背景图宽度

3、超链接背景图高度超链接背景图宽度超链接背景图高度查看链接效果难点分析-3用户注册、登录页面表单中的文本框细边框样式input border:1 #D3EAF3 solid; width:160px; 文本框宽度、颜色、样式设定文本框宽度难点分析-4.submitborder-bottom:1 #cccccc solid;border-right:1 #cccccc solid;border-top:0 #cccccc solid;border-left:0 #cccccc solid;background-color:#D3EAF3;width:80px;height:25px; 提交按钮四个

4、边框的宽度、颜色、样式设定提交按钮背景色、宽、高设定用户注册、登录页面表单中的提交按钮边框样式难点分析-5提交按钮用图片实现，下面以商品购买按钮为例提交按钮代码：.sale background-image:url(sale.gif); width:84px;height:24px; border:0; 实现图片提交按扭样式：按钮背景图按钮样式按钮背景图的宽、高设定按钮背景图无边框阶段划分第一阶段（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 总结教员对本次项目案例巩固的知识点总结（20分钟）CSS样