初中八年级-网页的制作

网页的制作第一页，共二十五页。导入随着信息技术的发展，特别是网络的发展，因特网已经成为了我们生活的一部分。因特网上的信息给我们呈现了一个缤纷多彩的世界，展现了其无穷的魅力。本节大家要学习制作个人网页，用它表达和传输个人的信息。第二页，共二十五页。资料张华是学校信息科技兴趣小组的成员，他在学校信息科技教师的指导下，学会了制作网页，帮助教师维护学校的校园网。校园网中经常有他制作和发布的精彩网页，同学们都很羡慕他制作网页的技术。他说:“制作网页其实并不难不信你试一试。”第三页，共二十五页。集思广益打开学校校园网首页，看一看校园网页是怎样布局的，它采用了哪些媒体方式表达信息？第四页，共二十五页。知识学习网页是一种很好的信息交流形式，网页中可以有文字、图片信息，也可以有动画、声音信息，通过网页既可以发布信息，也可以查看他人的信息。一、网页的新建与布局1.新建网页通常启动FrontPage软件后，该软件将会自动创建-个空白的网页文件。另外，我们也可以通过“文件”菜单中的“新建”命令新建网页。在“新建”任务窗口中既可以创建空白网页，也可以利用网页模板创建网页。下图所示是创建一个空白网页的方法。第五页，共二十五页。第六页，共二十五页。2、网页的布局一个好的网页除了内容丰富外，还需要有一个合理安排的页面布局，它能给人以较强的视觉冲击力和舒适感。

表格是网页设计中用得最多的元素，利用表格可以设计出布局合理，美观的网页。以下是运用表格对网页进行设计布局的具体步骤：第七页，共二十五页。(1)打开“表格”菜单，单击“插人”中“表格”命令，在弹出的“插人表格”对话框中设置表格的属性。具体如图4.8所示，设置表格宽度为“760像素”，目的是为了在分辨率为1024像素x768像素的屏幕上完整显示网页；边框的祖细为“0”是为了不显示表格的边框。第八页，共二十五页。(2)完成“插入表格”对话框的设置后，通过移动表格边框线，初步完成布局。(3)根据需要选中要合并的单元格，通过鼠标右键快捷菜单中的“合并单元格”命令实现单元格的合并完成网页的布局。具体如图4.9所示。第九页，共二十五页。（4）完成布局后，将网页保存到“D:\wangzhan”文件夹中，取名为"index.htm"。

在网站建设中，网页文件最常见的后缀名是htm或html。投石问路利用FrontPage软件制作个人网页，利用表格完成网页的布局。第十页，共二十五页。二、网页的编辑

1.设置网页属性网页布局完成后，在网页中单击鼠标右键，选择快捷菜单中的“网页属性"命令，可设置网页的属性。在“常规”选项卡中的“标题”文本框中输入文字“欢迎来到我的个人站点”。当浏览该网页时，浏览器的标题栏上会出现输人的这些文本。此外，在“网页属性”窗口中还可以修改网页的背景、超链接的颜色、背景音乐等属性，如图4.10所示。第十一页，共二十五页。第十二页，共二十五页。

2.设置单元格属性要设置单元格的属性，可通过在单元格中单击鼠标右键，选择快捷菜单中的“单元格属性”命令，在“单元格属性”对话框中进行设置，其中的属性包括对齐方式、指定宽度、指定高度、设置单元格背景等，如图4.11所示。第十三页，共二十五页。第十四页，共二十五页。

3、编辑文本文字是网页上信息表达的主要方式，网页布局完成后，可在网页单元格中输入文字，也可将其他文档中的文字复制到单元格中。输入到单元格中的文字一般都比较单调，通过设置字体、大小、对齐方式等属性对网页中的文字进行修饰，可以达到美化网页的目的。第十五页，共二十五页。

4.插入与编辑图片网页中除了文字内容外，添加一些相应的图片，会产生图文并茂的效果，可以使网页更加生动和有吸引力。利用FrontPage软件，在网页的左上角插入图片的过程如下:(1)选择需要插人图片的单元格，依次单击“插入”——“图片”——“来自文件”命令，将图片插人到单元格中，具体步骤如图4.12所示。第十六页，共二十五页。第十七页，共二十五页。(2)插入图片后，如果需要调整它的大小对齐方式等属性，可以使用鼠标右键快捷菜单中的“图片属性”命令，通过“图片属性”对话框进行调整，如图4.13所示。(3)保存网页，在弹出的“保存嵌人式文件”窗口中，将图片文件都保存到"D:\wangzhanim-ages"文件夹中即可。输入相应的文字及插入图片后，就完成了一个简单的个人网页，如图4.14所示。第十八页，共二十五页。第十九页，共二十五页。

5、设置超链接在一个网站中，我们可以通过设置超链接把独立的网页联系起来，让浏览者能通过单击设置了超链接的内容进人到网站中的其他页面。最常见的做法是为文字或图片制作超链接。制作时，只需要选中该文字或图片单击“插人”菜单中的"超链接”命令，然后在“编辑超链接”窗口中，选择需要链接到的文件，最后单击“确定”即可。具体操作步骤如下图所示。第二十页，共二十五页。第二十一页，共二十五页。探究与实践使用FrontPage软件制作“自我介绍”、“学习心得”、“我的创作”、“精彩收藏”等网页，要求在网页中使用文字、图片等多种信息。尝试在个人网站的首页中制作超链接，链接到相应的网页。第二十二页，共二十五页。知识拓展1、网页面布局的步骤2、网页面布局的原则（1）平衡性（2）对称性（3）对比性（4）疏密度第二十三页，共二十五页。谢谢第二十四页，共二十五页。内容总结网页的制作。随着信息技术的发展，特别是网络的发展，因特网已经成为了我们生活的一部分。一个好的网页除了内容丰富外，还需要有一个合理安排的页面布局，它能给人以较强的。边框的祖细为“0”是为了不显示表格的边框。(3)根据需要选中要合并的单元格，通过鼠标右键快捷菜单中的“合并单元格”命令实现单元格的合并完成网页的布局。在“常规”选项卡中的“标题”文本框中输入