网上书店网站设计网上书店网站设计讲解和分析需求讲解和分析需求（20分钟）学员首先阅读项目案例需求和实现步骤教员讲解需求，学员理解需求并分析问题描述用户注册用户登录首页（网站内容的综合展示）某类商品展示详细商品展示商品购买购物车用户注册帮助中心网上书店网站设计，实现如下功能：网站整体效果查看问题分析创建模板页：index.dwt（网页头部及底部）用户注册页：register.html用户登录页：login.html帮助中心：help.html网站首页：index.html图书分类页：class.html商品详细页：product.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用户注册、登录页面表单中的文本框细边框样式input{border:1#D3EAF3solid;width:160px;文本框宽度、颜色、样式设定文本框宽度、颜色、样式设定文本框宽度文本框宽度难点分析-4.submit{border-bottom:1#ccccccsolid;border-right:1#ccccccsolid;border-top:0#ccccccsolid;border-left:0#ccccccsolid;background-color:#D3EAF3;width:80px;height:25px;}提交按钮四个边框的宽度、颜色、样式设定提交按钮四个边框的宽度、颜色、样式设定提交按钮背景色、宽、高设定提交按钮背景色、宽、高设定用户注册、登录页面表单中的提交按钮边框样式难点分析-5提交按钮用图片实现，下面以商品购买按钮为例提交按钮代码：.sale{background-image:url(sale.gif);width:84px;height:24px;border:0;}实现图片提交按扭样式：按钮背景图按钮背景图按钮样式按钮样式按钮背景图的宽、高设定按钮背景图的宽、高设定按钮背景图无边框按钮背景图无边框
查看更多 
