网上书店网站设计课件.ppt

《网上书店网站设计课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网上书店网站设计讲解和分析需求讲解和分析需求（20分钟）学员首先阅读项目案例需求和实现步骤教员讲解需求，学员理解需求并分析问题描述用户注册用户登录首页（网站内容的综合展示）某类商品展示详细商品展示商品购买购物车用户注册帮助中心网上书店网站设计，实现如下功能：网站整体效果查看问题分析创建模板页：index.dwt（网页头部及底部）用户注册页：register.html用户登录页：login.html帮助中心：help.html网站首页：index.html图书分类页：class.html商品详细页：product.html百货

2、/化妆品/玩具分类页：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#D3EAF3solid;width:160px;文本框宽度、颜色、样式设定文本框宽度难点分析-4.submit{border-bottom:1#ccccccsolid;border-right:1#ccccccsolid;border-top:0#ccccccsolid;border-left:0#ccccccsolid;background-

4、color:#D3EAF3;width:80px;height:25px;}提交按钮四个边框的宽度、颜色、样式设定提交按钮背景色、宽、高设定用户注册、登录页面表单中的提交按钮边框样式难点分析-5提交按钮用图片实现，下面以商品购买按钮为例提交按钮代码：.sale{background-image:url(sale.gif);width:84px;height:24px;border:0;}实现图片提交按扭样式：按钮背景图按钮样式按钮背景图的宽、高设定按钮背景图无边框

5、lue=" “class="sale”>阶段划分第一阶段（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第一阶段第一阶段（40分钟）利用

6、Dreamweaver制作模板页：index.dwt要求学员自己动手操作，教员巡视，解答学员提出的问题阶段检查针对第一阶段抽查学员的操作结果教员给出点评或集中演示难点部分第二阶段第二阶段（40分钟）利用Dreamweaver制作用户注册页面及登录页面：register.html、login.html要求学员自己动手设计制作网页，教员巡视，解答学员提出的问题注册页面效果查看登录页面效果查看阶段检查针对第二阶段抽查学员的网页设计制作结果教员给出点评或集中演示难点部分注册页面效果查看登录页面效果查看第三阶段第三阶段（40分钟）利用

7、Dreamweaver制作网站首页：index.html要求学员自己动手进行网页整体布局，制作网页，教员巡视，解答学员提出的问题首页效果查看阶段检查针对第三阶段抽查学员的网页制作结果抽查学员制作的整体页面，要求学员上台演示制作的网页并进行讲解教员给出点评，集中问题讲解首页效果查看第四阶段第四阶段（60分钟）利用Dreamweaver制作分类页面class.html及class1.html网页要求学员自己设计页面布局进行网页制作，教员巡视，解答学员提出的问题图书分类页面效果查看百货商品分类页面效果查看阶段检查针对第四阶段抽查学

8、员的网页制作结果抽查学员制作的整体网页，要求学员上台演示制作的网页并进行讲解教员给出点评，集中问题讲解图书分类页面效果查看百货商品分类页面效果查看第五阶段第五阶段（30分钟）：利用Dreamweaver制作商品详细页面product.html要求学员自己设计制作页面，教员巡视，解答学员提出