高中信息技术 粤教版选修3 4.3网页的制作(共13张PPT)

网页的制作 一、网页的新建与布局 1.新建网页 2.网页的布局 一个好的网页除了内容丰富外，还需要有一个合理安排的页面布局，它能给人以较强的视觉冲击力和舒适感。 表格是网页设计中用得最多的元素，利用表格可以设计出布局合理、美观的网页。以下是运用表格对网页进行设计、布局的具体步骤： （1）打开“表格”菜单，单击“插入”中“表格”命令，在弹出的“插入表格”对话框中设置表格的属性。具体如图所示，设置表格宽度为“760像素”，目的是为了在分辨率为1024像素x768像素的屏幕上完整显示网页；边框的粗细为“0”是为了不显示表格的边框。 （2）完成“插入表格”对话框的设置后，通过移动表格边框线，初步完成布局。 （3）根据需要选中要合并的单元格，通过鼠标右键快捷菜单中的“合并单元格”命令实现单元格的合并，完成网页的布局。具体如图所示。 （4）完成布局后，将网页保存到对应的文件夹中，在网页建设中，网页文件最常见的后缀名是htm成hmtl。 二、网页的编辑 1.设置网页属性 网页布局完成后，在网页中单击鼠标右键，选择快捷菜单中的“网页属性”命令，可设置网页的属性。 在“常规”选项卡中的“标题”文本框中输入文字“欢迎来到我的个人站点”。当浏览该网页时，浏览器的标题栏上会出现输人的这些文本。此外，在“网页属性”窗口中还可以修改网页的背景、超链接的颜色、背景音乐等属性，如图所示。 2.设置单元格属性 要设置单元格的属性，可通过在单元格中单击鼠标右键，选择快捷菜单中的“单元格属性”命令，在“单元格属性”对话框中进行设置，其中的属性包括对齐方式、指定宽度、指定高度、设置单元格背景等，如图所示。 3.编辑文本 文字是网页上信息表达的主要方式，网页布局完成后，可在网页单元格中输入文字，也可将其他文档中的文字复制到单元格中。 输入到单元格中的文字一般都比较单调，通过设置字体、大小、对齐方式等属性对网页中的文字进行修饰，可以达到美化网页的目的。 4.插入与编辑图片 网页中除了文字内容外，添加一些相应的图片，会产生图文并茂的效果，可以使网页更生动和有吸引力。 （1）选择需要插入图片的单元格，依次单击“插入”-“图片”-“来自文件”命令，将