八年级上册信息技术1.2设计网站首页.doc_第1页
八年级上册信息技术1.2设计网站首页.doc_第2页
八年级上册信息技术1.2设计网站首页.doc_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

八年级下册信息技术第2课 设计网站首页教学目的:1、掌握在网页中添加多种要素 2、掌握网页的版面格式教学重点:1、在网页中输入文字。2、在网页中插入图片和水平线教学难点:文字和图片的调整教学方法:站点辅导与多媒体教室教学过程:下面以制作网页“我的情感小屋”为例来学习网页中的文本编辑。一、添加文本 1、选择“文件”菜单“打开站点”命令打开站点,双击“我的情感小屋”网页文件名(例如网页文件index.htm)即可打开站点中的“我的情感小屋”空白网页;2、在网页编辑区,直接输入“我的情感小屋”网页的标题及内容(也可到网页设计素材页复制)。 二、设置文字格式 在网页编辑区,输入文本后,可利用格式工具栏上的命令按钮来改变文字的字体、大小、样式、颜色等,也可选择“格式”菜单中的“字体”命令,更精细地设置字体格式。 三、文本修饰 1、添加边框 首先选取某个文本段落,再选择“格式”菜单中“边框与阴影”命令,然后在弹出的“边框与阴影”对话框中,设置边框的样式、宽度、颜色及定位等属性,最后单击“确定”按钮即给文本添加了边框。2、添加背景首先选取某个要被添加背景的文本段落,再选用“格式”菜单中“边框与阴影”命令,在弹出的“边框与阴影”对话框中,选择“阴影”选项卡,若只以某种颜色作为背景,则只要设置背景颜色即可;若以某个图片为背景,则只要设置好背景图片选项即可。 四、段落格式 选用“格式”菜单中“段落”命令,弹出“段落” 对话框后可在其中设置段落缩进、段落间距、单字间距等。 五、插入水平分隔线 选用“插入”菜单中“水平线”命令,即可光标处插入水平线。若对插入的水平线不满意,可双击水平线弹出“水平线属性”对话框,可修改水平线的宽度、高度、颜色、有无阴影、对齐方式等属性。 六、保存网页 选择“文件”菜单中“保存”命令或单击常用工具栏中的“保存”按钮,即可保存网页文件。 七、预览网页 设计好的页面,应该检查它在浏览器中是否显示正常。方法一: 一般只要切换到预览模式就可以了。单击“预览”选项卡(位于网页编辑区左下角处),在这个预览模式下的网页显示和在浏览器中的网页显示是一样的。方法二:单击常用工具栏中的“用浏览器预览”按钮,即可在浏览器中预览网页。或者选择“文件”菜单的“在浏览器中预览”选项,在浏览器列表框中选择不同的浏览器。单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。(可用此法选择测试在不同浏览器中显示网页效果)方法三:网页存盘后可在浏览器地址栏中输入网页所在的路径文件名,回车即可在浏览器中预览网页。 七、 操作任务: 制作“我的情感小屋”网页1、首先输入文本内容2、编排文本:.将标题“我的情感小屋” 字号(14),颜色(红色),字间距(加宽 7pt),边框(设置:方框;样式:凸线;宽度:2px;颜色:阴影(用作背景的图片见素材网页)。.“首页”、“我的父母”、 “我的学校”、“我就是我

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论