初中编辑网页代码集体备课课件ppt

这是一份初中编辑网页代码集体备课课件ppt，共15页。
编辑网页代码学习任务简单认识HML语言，并能将对应的语言代码正确插入到网页中，使得网页拥有灵动的效果，更加美观、更具特色。相关知识HTML语言网页特效代码知识链接——网页特效网页特效指网页上的特殊效果，主要是通过将JavaScript程序代码加入到网页中，使网页页面更加生动、活泼。一、认识HTML代码超文本标记语言（Hypertext Markup Language，HTML），是用于描述网页文档的一种标记语言，它是万维网上的通用语言。在Share Point Designer中，选择“代码”视图，就可以编辑HTML和各种脚本语言代码，如图17-1所示即为网络世界”主页的代码。HTML文件结构如下： 标记头部的开始 标记网页的开始 显示在浏览器左上方的标题 标记头部的结束 标记页面正文开始 标记页面正文结束 标记网页的结束 HTML标签是由尖括号包围的关键词，通常成对出现。亲身体验选择“拆分”视图编辑主页对照网页的两种表达形式，初步认识网页的代码结构。二、添加特性代码因特网上有很多专门提供特效代码的网站，通过复制特效代码加人到自己的网页中可以实现网页特效。以“网络世界”网站主页加入鼠标特效为例，操作方法如下： （1）打开“网络世界”网站，选择主页为当前编辑窗口。 （2）打开IE浏览器，搜索“网页特效”网站，找一个喜欢的特效，并复制该特效代码，如进入网页特效集锦网站，复制“飘动的字符跟随鼠标”代码（如图17-2）。 （3）切换到Share Point Designer界面，选择“代码”视图，将光标定到之间，粘贴已复制的代码，并修改文字内容为“网络世界欢迎你的光临!”，如图17-3所示，鼠标特效设置完成。温馨提示一个页面添加的特效不宜过多，否则会影响整个页面的视觉美感。亲身体验尝试添加一种鼠标特效。随堂练习1.给网页添加特效。特效代码的例子很多，尝试选择多个特效代码，如“自动更新的日期”，将它加入到网页中。2.尝试运用HTML更改网页内容，观察其变化。阅读材料HTML文档的常用标签功能介绍谢 谢