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