高中信息技术 中图版必修1 4.3 尝试程序开发 (共22张PPT)

尝试程序开发 网页特效 界面设计 交互操作 一、HTML文档的简单编辑 分析一下游戏网页由哪些部分组成及其实现了什么功能？ 一个思考：代码和网页有什么关系？ 2 这些代码有什么特点？ 问题1 它们有什么共性元素？ 问题2 对比两个源文件，并把相同结构摘录下来，存储 到记事本文件“结构”中，并提交文件。 活动1：观察两个源文件，回答两个问题 HTML文档是一种超文本标记语言。 通过查看网页源文件的方式，打开游戏网页的源文件和game.html网页的源文件 ，思考下面两个问题 3 这些代码有什么特点？ 问题1 1.都在”< >”里。 2.大多都是成对出现的。 3.结束标记都比起始标记 多出一个“/”。 它们有什么共性元素？ 问题2 html文件的开始 头元素（网页标题） 体元素（网页主题内容） html文件的结束 HTML文档的基本结构 运用口诀巧记忆 穿鞋戴帽装备齐， 脑袋里面有标题。 网页内容藏身体， 小小身躯大魅力。 分析game.html界面中存在的问题？ 7 活动2：修改文字、图片设置 了解文字和图片的相关属性代码 任务1：了解文字元素的相关属性代码 任务2：了解图片元素的相关属性代码 启动Dreamweaver 的拆分视图，打开game.html， 完成以下两个任务。 8 活动3：修改超级链接 了解超级链接的相关属性代码 1.根据学案自学 2.找出超级链接代码 3.修改链接代码的网页地址 4.实现与game1.html的链接 拓展任务 学有余力的同学可以继续修改game1.html和game2.html文件 的文字、图片、超级链接的相关属性代码设计个性网页。 单击网页中文字（ ）的任意位置， 找到超级链接的元素（ ） 修改代码实现与game1.html的超级链接。 下一关 <a href=”game.asp“>下一关</a> HTML元素 含义 文字 <font> </font> “color” “face” “size” 字体标记 设置文字的颜色 设置文字的字体 设置文字的大小 图片 <img src=“ ”> “width” “height” 插入一个图像文件 设置图片的宽度 设置图片的高度 超级 链