原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
编写日期：授课日期：任课教师：
课程《Web前端开发实例与授课授课
名称实战》专业班级
授课授课
周次节次第11章5学时
章电商网站学时
1.了解电商网站。
2.了解网页的头部内容。
知识3.了解首页主体部。
4.了解网页的底部内容。
5.了解二级页面的头部元素和页尾元素。
教学1.能够对分析效果图。
目标2.能够制作头部。
能力3.能够制作首页的主体部分。
4.能够制作首页的底部。
5.能够制作二级页面。
素质培养学生的技能，坚定理想信念。
教学
制作多列商品展示模块
重点
教学
制作双列商品展示模块
难点
教学
教学环节包括课堂讲授、集体讨论、师生互动、课后答疑等
方法
教学多媒体、课件
用具
第11章电商网站
11.1分析首页效果图
在网站制作之前会由专业的美工人员对网站页面进行设计。设计完成后，程序员需要
按照设计的样式使用代码编写网页。所以，在编写网站之前首先需要对网页的效果图进行
教学
分析。
内容分析效果图主要注意2个方面，一是网页的布局形式，二是网页中可以重用的模块。
在网页中有很多地方都拥有相似的布局，此时就可以利用重用的方式提升网页编程速度。
11.2制作头部
网页头部的内容不宜过多，通常网页的头部可以包括网站的LOGO、搜索框、导航栏
及通页banner等部分。头部元素需要使用一个div元素进行分隔，代码如下所示。
divid=header
divid=search/div
divid=navigaiton/div
/div
11.2.1制作LOGO与搜索框
LOGO和搜索框位于网页最顶端，是网页第1个要展示的部分。LOGO主要内容是一张
图片，搜索框由文本ipnut元素和按钮ipnut元素组成，代码如下所示。
divid=search
divid=himgimgsrc=11/img/logo.jpg//div
divid=search1inputid=intexttype=text/input
id=inbuttype=buttonvalue=搜索//div
/div
11.2.2制作导航栏
头部的导航栏主要用于导向网站的其他二级页面。导航栏需要使用ul元素进行布局。
11.3制作首页的主体部分
首页主体部分包括三列布局、双列布局及多列布局3种形式。其中，双列布局和多列
布局的内
文档评论（0）