学会使用编辑器作业: 1、认识编辑器的两种页面,分清楚“文字图片编辑”页面与“代码编辑”页面。 2、把一篇文章(即网页)粘贴在“文字图片编辑”页面中,反复点击页面左下角的“代码编辑”按钮,认识编辑器的这两种页面。 3、把一篇代码粘贴在“代码编辑”页面中,反复点击页面左下角的“代码编辑”按钮,认识编辑器的这两种页面。 了解代码作业: 一、判断题: 1、标签都是代码。() 2、代码都是标签。() 3、有的标签不是代码。() 4、有的代码不是标签。() 5、学习代码必须懂得英语。() 6、标签中都可以添加属性与属值。() 7、标签中都要一条斜杆。() 8、绝大部份的标签都是成对使用的,即有首标签必须有其尾标签。() 二、标签名称在尖括号内的什么位置中?属性属值在尖括号内的什么位置中? 三、标签名称与属性属值是用什么方法隔开的?各属性属值之间是用什么方法隔开的?属性与属值之间是用什么方法连接的?属值应该放到什么 中? 四、找几个标签,试着解析一下标签名称与属性属值。举例如下: 标签:<font color="#ff0000" size="7" face="华文行楷"> 标签解析:<标签名称 属性=属值 属性=属值 属性=属值> 文字标签作业: 1、认识文字的首标签与尾标签,懂得文字内容必须输入在文字的首标签与尾标签之间。 2、认识本节讲解的文字标签的几种常用属性与属值,懂得它们所表示的意义,学会它们的用法。 3、认识文字标签的表达方式,并把它保存下来。 4、学会十六进制文字颜色与十进制文字颜色的相互转换。 5、撰写一段文章,试着修改字体、字号、颜色、行高、字距、背景颜色,并仔细观察其效果。(本题要反复练习) 图片标签作业: 1、认识图片标签的一般表达方式,弄清楚图片属性:路径、宽度、高度的含义。 2、会在图片标签中修改图片的规格,会在图片标签中替换图片的地址。 3、认识图片的“标题”属性、“替代文本”属性、“边框线”属性、“对齐方式”属性、“外边矩”属性,并学会应用这些属性。 4、试着给图片添加一个自定义鼠标指针。自定义鼠标指针,见我整理的这些文章: http://www.360doc.com/content/13/0825/08/4127803_309703150.shtml http://www.360doc.com/content/13/0825/12/4127803_309747794.shtml http://www.360doc.com/content/13/0825/13/4127803_309760722.shtml http://www.360doc.com/content/13/0825/13/4127803_309763960.shtml http://www.360doc.com/content/13/0825/17/4127803_309816084.shtml 添加方法:用这些文章中的“鼠标特效代码”替换上面讲解的“添加了自定义鼠标指针样式的图片标签”中“括号内的鼠标地址”。 5、试着给图片添加绝对定位样式,观察其显示效果。 6、试着给图片添加相对定位样式,观察其显示效果。 |
|