《网页设计与制作》实训指导书

《《网页设计与制作》实训指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、威海职业学院实训指导书《网页设计与网站开发》-实训实训指导书编制：张淑红审核：丛迎九负责人：丛迎九说明：本实训指导书以一个实训项目的开发过程为例，给出实训的方法与步骤，供学生参考。实训项目电子商务系统网站设计一、实训目的（一）掌握html的基础知识，能够运用dreamweaver设计网页（二）掌握网站开发的流程，锻炼学生的静态网站开发能力二、实训内容三、实训仪器、设备计算机四、实训方法与步骤电子购物系统静态网站的的设计主要包括两部分：html基础知识、网页的设计，具体步骤参考如下：（一）html基础知识HTML常用标签及使用，完成如图1

2、.1注册页面8信息工程系软件技术专业威海职业学院实训指导书图1.1用户注册界面（二）网页的设计1主页面的设计图1.2会员购物主界面2会员登录及注册读者以会员的身份登录之后方可在网站上进行购物。（1）登录如果读者已经是该系统的会员，则只需单击“用户名”和“密码”8信息工程系软件技术专业威海职业学院实训指导书文本框，输入相应的用户名和密码，最后单击【登录】按钮即可进入图1.3的界面。图1.3登陆成功界面（2）注册：如果读者是新用户，需要先注册，然后才能以会员身份进入在网上购物。单击【登录】按钮，进入如图1.1所示的界面，单击“用户名”、“真

3、实姓名”、“密码”、“确认密码”、“所在城市”、“联系地址”、“邮政编码”、“证件号码”、“证件类别”、“联系电话”和“Email”文本框，输入相应的内容，最后单击【确认保存】按钮，系统会给予“注册成功”的提示字样。进行确认后即完成注册。最后单击“用户名”和“密码”文本框，输入相应的用户名和密码，最后单击【登录】按钮即可进入如图1.4所示会员购物界面。8信息工程系软件技术专业威海职业学院实训指导书图1.4会员购物界面单击【重新填写】按钮，可取消先前的内容。注意：防止用户名重复，用户输入用户名之后，单击【检测用户名】按钮，系统自动进行检测

4、，然后给予相应的提示。3会员资料修改单击【会员资料修改】按钮，进入如图1.5所示的界面。8信息工程系软件技术专业威海职业学院实训指导书图1.5会员资料修改用户名不可以修改，单击其它任意一个文本框，修改相应的内容，最后单击【确定保存】按钮即可。4搜索商品如图1.6所示，选择查询条件，输入与查询条件相对应的内容，单击【搜索】按钮，界面下方自动显示相应的查询结果。图1.6搜索商品5购买商品单击任意一种商品右侧的【购买】按钮，可打开购物车界面，如图1.7所示。8信息工程系软件技术专业威海职业学院实训指导书图1.7购物车界面单击下方【修改数量】按

5、钮，“数量”文本框，可输入相应的数量。6去收银台结账单击【去收银台结账】按钮，进入如图1.8所示的结账界面。图1.8收银台结账在表单中，输入相应的内容，最后单击【提交】按钮即结账完毕，系统自动生成订单号。7清空购物车如果要清空购物车，只需单击【清空购物车】按钮，购物车即被清空，如果继续购物，单击【我要购买商品】按钮，即返回首页，继续购物。8查询订单单击【查看订单】按钮，即可显示相应的订单信息，如图1.9所示。8信息工程系软件技术专业威海职业学院实训指导书图1.9查看订单9销售排行【销售排行】按钮，系统首页即显示相应的销售排行榜，如图1.

6、10所示。如果想购买其中任意一种商品，单击其后的【购买】按钮即可。图1.10销售排行10、后台管理页面8信息工程系软件技术专业威海职业学院实训指导书8信息工程系软件技术专业