第10章网络鞋城后台管理页面长春工景大学CCUTCHANGCHUN UNIVERSITY OFTECHNOLOGY
内容概览制作后台管理登录页面查询商品页面的制作3添加商品页面的制作页面的整合长春工業大学CCUTCHANGCHUN UNIVERSITY OF TECHNOLOGY
内 容 概 览 制作后台管理登录页面 查询商品页面的制作 添加商品页面的制作 页面的整合
10.1制作后台管理登录页面鞋城后台管理登录页面是管理员在登录表单中输入用户名、密码和验证码进而登录系统的页面，该页面的效果如图10-1所示，布局示意图如图10-2所示网络鞋城版权所有body_loginlogin_content网络鞋城top_text用户名后台管理系统2013年11月26号GOimg_time_bgmain_content30:30.22长春工景大学CCUTCHANGCHUN UNIVERSITYOFTECHNOLOGY
鞋城后台管理登录页面是管理员在登录表单中输入用户名、 密码和验证码进而登录系统的页面，该页面的效果如图10-1 所示，布局示意图如图10-2所示。 10.1 制作后台管理登录页面
10.1制作后台管理登录页面1．前期准备（1）建立目录（2）新建网页在admin目录下新建后台管理登录页面login.html、查询商品页面search.html、添加商品页面addgoods.html和会员管理页面manage.html。（3）页面素材将后台管理页面需要使用的图像素材存放在新建的images目录下。（4）外部样式表在新建的style目录下建立一个名为style.css的样式表文件。长春工業大学CCUTCHANGCHUNUNIVERSITYOFTECHNOLOGY
1．前期准备 （1）建立目录 （2）新建网页 在admin目录下新建后台管理登录页面login.html、查询商 品页面search.html、添加商品页面addgoods.html和会员管 理页面manage.html。 （3）页面素材 将后台管理页面需要使用的图像素材存放在新建的images 目录下。 （4）外部样式表 在新建的style目录下建立一个名为style.css的样式表文 件。 10.1 制作后台管理登录页面
10.1制作后台管理登录页面2．制作页面（1）样式的定义网络鞋城版权所有网络鞋城用户名密码后台管理系统2013年11月26号GO登录10.30:22（2）页面结构代码长春工業大学CCUTCHANGCHUN UNIVERSITY OF TECHNOLOGY
2．制作页面 （1）样式的定义 （2）页面结构代码 10.1 制作后台管理登录页面