1、,编辑网页代码,第十七课,浙教版初中信息技术八年级上册,网页特效,网页特效指网页上的特殊效果,主要通过将JavaScript程序代码加入到网页中,使网页页面更加生动、活泼。,自学探讨:认识HTML代码,1.什么是 HTML(超文本标记语言)?2.了解HTML文件结构请你选择“拆分” 视图,对照网页的两种表达形式,初步认识代码结构。 P67,超文本标记语言(Hypertext Markup Language , HTML),是用于描述网页文档的一种标记语言,它是万维网上的通用语言。,什么是HTML代码,HTML 四个基本标签,HTML 标签是由尖括号包围的关键词,通常成对出现。,标记网页的开始
2、结束,标记头部的开始 结束,显示标题,标记正文的开始 结束,HTML文件结构如下:,标记网页的开始,标记网页的结束,标记头部的开始,显示在浏览器左上方的标题,标记页面正文开始,标记页面正文结束,标记头部的结束,特效代码,自学导学单,并观看微课1,打开“铿锵女排”站点中的一个主题网页,为它添加“跟随鼠标的文字”代码。,想一想:如何改变文字内容?,温馨提示:复制相应的代码,特别注意粘贴的位置网页特效必须在网页预览的状态下才能出现。,操作探究:添加特效代码,遇到问题可以合作交流,再选择其他页面,按照你的喜好添加适当的网页特效代码。如为其中页面添加“自动更新的日期”特效。,完善网站其他主题页,合作尝试:添加多种特效,温馨提醒:一个页面添加的特效不宜过多,否则会影响整个页面的视觉美感。,拓展练习:修改代码,打开“铿锵女排”站点中的一个主题网页,尝试运用HTML更改网页内容,观察其变化。任务:在网页代码中改变一张图片“2.jpg”改为“3.jpg”.,温馨提示:1.改变图片用图形元素。 2. 可以同学之间互相帮助。,网页特效代码的添加,网页特效代码的修改,总结,认识HTML代码,谢谢,