八年级上册第十七课 编辑网页代码评课课件ppt

这是一份八年级上册第十七课 编辑网页代码评课课件ppt，共11页。PPT课件主要包含了网页特效，拓展练习修改代码等内容，欢迎下载使用。

网页特效指网页上的特殊效果，主要通过将JavaScript程序代码加入到网页中，使网页页面更加生动、活泼。
自学探讨：认识HTML代码
1.什么是 HTML(超文本标记语言)？ 2.了解HTML文件结构 请你选择“拆分” 视图，对照网页的两种表达形式，初步认识代码结构。P67
超文本标记语言（Hypertext Markup Language , HTML)，是用于描述网页文档的一种标记语言，它是万维网上的通用语言。
HTML 四个基本标签




HTML 标签是由尖括号包围的关键词，通常成对出现。
标记网页的开始 结束
标记头部的开始 结束
标记正文的开始 结束
HTML文件结构如下：
显示在浏览器左上方的标题
自学导学单，并观看微课1，打开“铿锵女排”站点中的一个主题网页，为它添加“跟随鼠标的文字”代码。
想一想：如何改变文字内容?
温馨提示： 复制相应的代码，特别注意粘贴的位置 网页特效必须在网页预览的状态下才能出现。
操作探究：添加特效代码
再选择其他页面，按照你的喜好添加适当的网页特效代码。 如为其中页面添加“自动更新的日期”特效。
合作尝试：添加多种特效
温馨提醒：一个页面添加的特效不宜过多，否则会影响整个页面的视觉美感。
打开“铿锵女排”站点中的一个主题网页，尝试运用HTML更改网页内容，观察其变化。 任务：在网页代码中改变一张图片“2.jpg”改为“3.jpg”.
温馨提示：1.改变图片用图形元素。2. 可以同学之间互相帮助。
认识HTML代码