网页设计与制作模块课件.ppt

网页设计与制作模块课件.ppt

ID:57166096

大小:1.93 MB

页数:48页

时间:2020-08-02

网页设计与制作模块课件.ppt_第1页
网页设计与制作模块课件.ppt_第2页
网页设计与制作模块课件.ppt_第3页
网页设计与制作模块课件.ppt_第4页
网页设计与制作模块课件.ppt_第5页
资源描述:

《网页设计与制作模块课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、模块6:制作手机端网页学习导入学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识在本模块中着重介绍使用HTML+CSS+DIV制作手机端网页,在网页制作过程中用到DIV布局,重点介绍DIV盒子模型的使用方法,本例子还涉及到了CSS的字体、背景、图片、列表等样式控制网页元素的方法。模块6:制作手机端网页学习目标技能目标:1.能制作简单的手机端网页2.具有分析、解决网页布局的能力3.使用CSS样式控制网页元素的能力知识目标:1.掌握div布局网页的功能及应用2.掌握CSS字体、背景、图片、超链接、列表等样式控制网页风格的方法学习导

2、入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务描述○任务描述苏州某公司与电信公司合作负责制作手机端的网页,该公司已开发出了掌上苏州网站,该网站为了吸引年青人浏览设计了一系的活动如:校园勋章疯狂任务、星梦奇缘全城热恋活动,这些活动的方案已由设计部的工作人员设计出来,请你将这些方案制作成手机端的网页。学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务目标○任务目标利用div布局网页,使用CSS的背景、字体、表单、图片等样式制作出手机

3、端校园勋章疯狂任务网页效果图,效果如图6-1所示。图6-1学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务分析○任务分析“掌上苏州”活动综合整体结构如图6-2所示,活动广告位及活动信息栏的具体内容介绍如表6-1和表6-2所示。图6-2表6-1表6-2学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务实施○任务实施1、网站LOGO制作图6-25网站logoHMTL代码

4、.gif"/>

CSS代码*{font-size:12px;margin:0px;padding:0px;}#logo{height:53px;width:100%;}学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务实施2、活动专区制作图6-26活动专区HTML代码活动专区
CSS代码.active{height:30px;width:100%;background-color:#ff9900;line-height:30px;font-fa

5、mily:"黑体";color:#FFF;text-align:center;letter-spacing:2px;margin-bottom:3px;font-size:18px;}学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务实施3、广告区制作图6-27广告区HTML代码CSS代码

.guanggao{margin:0auto;width:200px;height:180px;}学习导入学习目标任务制作校

6、园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务实施4、任务宣传制作图6-28任务宣传HTML代码CSS代码校图勋章疯狂任务,你准备好了吗?

.biaoyu{height:20px;width:100%;line-height:20px;color:#ff9966;text-align:center;font-weight:500;}学习导入学习目标任务制作校园勋章疯狂任务网页任务描述任务目标任务分析任务实施任务评价任务总结必备知识模块6:制作手机端网页任务实施5、按钮图6-2

7、9按钮HTML代码CSS代码

.biaodan{ma

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。