四川省八年级信息技术下册第13课《网页制作技术》

第13课　网页制作技术

合理化建议活动广告业专用发票

教材分析	本课的内容较多，也与上一课内容联系紧密，先是对网页中表格的进一步应用，再是超级链接的使用，这样就完成了一个网站的基本架构了，因此可以放到网络上去看看效果了，所以最后学习主页的发布。
学情分析
学习目标	1、掌握表格的创建、合并、拆分的方法，以达到布局合理； 2、掌握对表格整体与单元格背景与边框的颜设置，能初步制作具有独特风格的表格； 3、掌握超级链接的含义与使用 4、掌握网站的发布
学习重点	掌握表格制作的基本操作、超级链接的使用和网站的发布
学习难点	超级链接的使用和网站的发布
教学准备	网络教室
学习过程	学生活动		教师活动
	【知识回顾】做一做：请大家创建一个个人站点，将各种资料归好类保存好，并分别制作好“我的作品”“兴趣爱好”两个网页以“wdzp.htm”“xqah.htm”保存到站点中。相互比一比谁的操作更熟练。帮助【作品赏析】请大家看以下几个在全国获奖的中学生网页作品，快速浏览其中2—3个，网站地址如下，并相互议一议，体会表格在网页设计的独特作用：相信我们当中许多同学在这节课上完后所做的作品肯定比他们做得的还好。现在我们就来动手自己做做看。【学习过程】一、表格制作技巧： 1、首先我们还得先回想一下网页首页的四个共有的模块： 1) 徽标（logo）和网站的名称：一般位于左上角，是一个形象化的标志，其作用类似于商品的商标。 2)首页大标题（banner）：一般放网站主题词或图片，商业性的网站放置广告条。 3)导航栏：就像一本书或杂志的目录一样，但比书籍或杂志的目录更为重要，因为书籍我们可以一页一页的从头向后翻，而我们的网页却不可以，只有有了清楚、明晰的导航，才能让浏览者知道自己身处网站的什么位置。 4)版权和：一般放在网页的底部，主要功能是版权声明和听取浏览者的意见或建议。 2、创建表格我们在，在Dreamweaver中创建表格的方法与在Word中表格的插入方法有相似的地方，创建表格有两种常用的方法：第一种是首先把插入点调整到要插入表格的位置，单击“对象面板”中的“插入表格”按钮，在弹出的“插入表格”对话框中设置所需的行数和列数，表格线宽度为0，注意“单元格边距”表示表格内文本与表格线的距离，“单元格间距”表示表格内单元格之间的距离，这两个在这里不作设置，单击“确定”，表格插入进来了。第二种方法就是上节课所讲的选择菜单栏的“插入”选项，在弹出的下拉菜单中选择“表格”，设置方法与第一种是一样的。做一做：现在请大家任意选择一种创建表格的方法，根据自己的需要在首页中创建一个表格。注意：对表格的单元格进行合理的合并与拆分（与word中的操作类似）帮助 3、设置单元格背景和边框颜好，大家已经完成了，现在我们就来给框架添加背景和边框。选中需要设置背景的单元格，单击“属性面板”上的“背景颜”下拉按钮，在下拉的颜列表中选择自己喜欢的颜并单击，即可将所选的单元格背景改为自己设置的颜。要设置边框的颜，单击“边框”颜更改下拉按钮，选择相应颜即可修改。飞针穿玻璃做一做：请大家把自己刚才制作的表格修饰一下吧。相互看看谁做得更美观，推荐出来大家一起学习欣赏下。帮助严格自律三、根据自己准备的素材，将文字输入到相应的单元格内，并插入相应的图片，再根据首页制作2—3张网页，注意以较为好记的英文名字保存。（一定要和前面的网页对应起来哦！）四、超级链接的使用我们已经把网页做好了，有许多同学做的相当好，怎样把我们所做好的网页相互联系起来呢？也就是说我们在网上所看到的我要看某条新闻或某个图片时，一点就能进入，这就是我们今天所要讲的超级链接。（小知识）什么是超级链接？超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。在网页中，一般文字上的超链接都是蓝（当然，用户也可以自己设置成其他颜），文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接，这个超链接的文本颜就会发生改变。只有图像的超链接访问后颜不会发生变化。请同学们回想一下自己在上网时是不是到处都有超链接，也很频繁地在使用超链接？现在我们就来看看怎样通过超级链接把它们链接在一起。 1）城市外乡人首先在Dreamweaver中打开已经制作好的主页index.htm 2）选中“个人简介”，单击“属性面板”中“链接”列表框中左侧的文件夹图标，在弹出的“选择文件”对话框中，在自己的文件夹中到要链接的文件名 grjj.htm，选中点“选择”。武汉市人民警察培训学院请大家看“个人简介”这几个字在进行完超级链接后，字的颜是不是发生了改变，同时加了下划线。如果在进行超级链接时，字体颜没有发生任何变化，很可能是在操作过程中出现了错误。做一做：把自己的网页相互联系起来，即能从首页到其他页面，也能从页面返回到首页。（注意：不要的遗漏，页面文件也不要选错了）帮助1 帮助2 五、网站的发布网页制作、测试好后保存在本地计算机上，只能在本机的浏览器中浏览，要让更多的人看到自己制作的网页，就需要把网页放到互联网上的主页空间里，怎样才能将网页送到远端的服务器或网站上呢？我们制作网页所使用的Dreamweaver本身就有FTP的上传、下载功能，可以很方便地进行网站管理。下面就来看看发布自己的作品： 1申请个人主页空间：互联网上有许多提供个人主页空间的网站，而且都是免费的，只要注册申请一个空间，就可以把制作好的网页上传上去。点击“注册”按钮，在经过第一步阅读条款并同意，进入第二步完整填写资料，提示空间申请成功，激活空间后得到最后的个人免费主页空间激活成功的信息，这样就行了。 2在Dreamweaver中配置个人主页空间信息：打开Dreamweaver的“站点”菜单中的“定义站点”命令，在弹出的对话框中单击“编辑”按钮，在弹出的编辑站点对话框的“分类”栏中选择“远程信息”选项，在右边出现的“远程信息”中填入相应的内容。“FTP主机”中填入所申请的主页空间的FTP地址，登录和密码。单击“确定”，再单击“定义站点”的“完成”按钮，即可完成对站点的定义。设置完成后，出现“站点”窗口，左栏是远端服务器的文件列表，右栏是本地文件列表，单击工具栏的“连接”按钮，就可以使本地计算机连接到远端的空间服务器上，选中本地的文件和文件夹，单击工具栏的“上传“按钮就可以将本地计算机上的文件和文件夹上传到远端的主页空间服务器上，请大家仔细观察“站点”窗口各部分的变化。 3 浏览个人主页：我们的设置完成了，现在我们就可以通过浏览器上网看看自己的杰作了。在浏览器的地址栏输入相应的地址即可浏览。【知识小结】 1、我们来看看大家的作品，对自己的作品做一个评价。 2、说一说你在本节课中的收获与不足。		帮助学生回顾站点及网页的创建引导学生赏析网站共同回想首页的内容指导学生两种的应用指导学生做好对表格的修饰，联想一下在WORD中对表格的修饰。知识讲解引导学生完成超级链接知识讲解帮助学生完成空间的申请帮助学生完成空间信息的配置与学生一起欣赏他们的作品与学生一起对自己的作品与学习做出评价
教学反思	学生反思	教师反思
	学习收获、问题