第12章 购物商城后台管理页面的制作.ppt_第1页
第12章 购物商城后台管理页面的制作.ppt_第2页
第12章 购物商城后台管理页面的制作.ppt_第3页
第12章 购物商城后台管理页面的制作.ppt_第4页
第12章 购物商城后台管理页面的制作.ppt_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计与制作教程 HTML CSS JavaScript 机械工业出版社同名教材配套电子教案 12 1商城后台管理登录页面的制作12 2查询商品页面的制作12 3添加商品页面的制作12 4页面的整合 第12章购物商城后台管理页面 商城后台管理登录页面是管理员在登录表单中输入用户名和密码进而登录系统的页面 该页面的效果如图12 1所示 布局示意图如图12 2所示 12 1商城后台管理登录页面的制作 1 前期准备 1 建立目录 2 新建网页 3 页面素材将后台管理页面需要使用的图像素材存放在新建的images目录下 4 外部样式表在新建的style目录下建立一个名为style css的样式表文件 12 1商城后台管理登录页面的制作 2 制作页面 1 公共属性的CSS定义 2 页面整体的制作 3 页面内容区域的制作 4 页面结构代码 12 1商城后台管理登录页面的制作 查询商品页面是管理员在搜索栏中输入关键字后 通过系统搜索找出符合条件的商品列表页面 查询商品页面的效果如图12 5所示 布局示意图如图12 6所示 12 2查询商品页面的制作 1 前期准备在建立商城首页的准备工作中 用户曾经在网站根目录中建立了一个专门存放JavaScript脚本的目录js 这里提前将查询商品页面中需要用到的脚本文件calender js复制到目录js中 2 制作页面 1 页面整体的制作 2 页面欢迎信息区域的制作 3 页面Logo和信息中心文字的制作 4 页面主体内容区域的制作 5 页面底部区域的制作 6 页面结构代码 7 添加JavaScript脚本实现网页特效 12 2查询商品页面的制作 添加商品页面是管理员通过表单输入新的商品数据 然后提交到网站数据库中的页面 添加商品页面的效果如图12 12所示 布局示意图如图12 13所示 12 3添加商品页面的制作 添加商品页面是管理员通过表单输入新的商品数据 然后提交到网站数据库中的页面 添加商品页面的效果如图12 12所示 布局示意图如图12 13所示 12 3添加商品页面的制作 在前面讲解的电脑商城的相关示例中 都是按照某个栏目进行页面制作的 并未将所有的页面整合在一个统一的站点之下 读者完成电脑商城所有栏目的页面之后 需要将这些栏目页面整合在一起形成一个完整的站点 这里以电脑学堂页面及子页面为例 讲解一下整合栏目的方法 由于在最后三章的综合案例中建立了网站的站点 其对应的文件夹是D ch10 因此可以按照栏目的含义在D ch10下建立电脑学堂栏目的文件夹learn 然后将前面章节中做好的电脑学堂页面及子页面一起复制到文件夹learn中 12 4页面的整合 1 读者继续制作
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论