网页设计与制作教程（HTML+CSS+JavaScript）作者刘瑞新第12章购物商城后台管理页面的制作课件.pptVIP

网页设计与制作教程（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 查询商品页面的制作