网页设计与制作(活页式) 课件 情景2-4 课中案例_第1页
网页设计与制作(活页式) 课件 情景2-4 课中案例_第2页
网页设计与制作(活页式) 课件 情景2-4 课中案例_第3页
网页设计与制作(活页式) 课件 情景2-4 课中案例_第4页
网页设计与制作(活页式) 课件 情景2-4 课中案例_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计与制作课中案例授课教师:刘磊JavaScriptCSSHTMLHTML目录CONTENTS1案例分析2思政育人3知识导图4案例操练5创新拓展案例分析01案例分析

随着人们文化素质的不断提高和相关项目的不断推进,红色旅游的市场规模日益扩大。这种传承文明、振奋精神、增加体验的旅游形式正在旅游市场上不断升温。红色革命根据地是党和国家红色基因库,今天我们需要实现的案例就是以“红色革命根据地”为主题的纯文本网页。学习目标学习目标01能够熟练建立站点学习目标02能够熟练使用段落标签、水平线标签、标题标签、换行标签学习目标03能够正确设置水平线属性知识要点知识要点01段落标签、水平线标签、标题标签、换行标签知识要点02水平线标签及属性设置案例分析

01需要使用哪些标签?

02如何设置水平线标签的样式?在制作网页之前,请大家思考几个问题:02思政育人思政育人

革命根据地是中国共产党在十年内战时期、抗日战争和解放战争时期建立的“红色政权”。中国共产党人历经艰苦奋斗,根据地的“星星之火”终成“燎原之势”,取得了抗日战争、解放战争的伟大胜利。

作为中国未来发展的新力军,新一代青年大学生要坚技先烈们艰黄奋头的精神,要勇于承担新一代的历史使命,要努力使自己的人生价值符合社会的发展方向。艰苦奋斗勇担使命03知识导图案例探究

本次案例所需要的知识线路图:04案例操练案例实施

打开开发工具“HBuilderX”,选择“文件”------>“新建”------>“项目”,打开如下图所示对话框:Step01案例实施

在body标签中开始编写代码,注意代码编写要规范,统一小写。插入一个标题标签和一个段落标签,并设置标题标签居中。Step02案例实施

接下来插入一个条水平线,并设置水平线的样式,代码如下:Step03案例实施

重复步骤2和3,添加多个标题标签和段落标签、水平线标签,代码如右图:Step04案例实施

案例最终效果图:Step0505创新拓展任务拓展根据课中已完成的案例方法,灵活运用已掌握的知识点,发散思维,制作以红色教育、科技强国、绿水青山、防疫抗疫为主题的页面。可根据自己的实践经历,比如自己所知道的科技成就、历史人物故事、家乡的生态文明史,或者自己参观的科技馆、革命历史纪念馆、祖国的大好河山等,善于发现案例,制作以红色教育、科技强

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论