4.3网页的制作

开发网站的基本过程回顾网站和网页的关系•网站是由网页组成的，网站是网页的集合体，网页是网站的元素。例如：“虎门硝烟启示录”是一个网站“历史见证”是一个网页学习内容•建立新站点•建立网页文件•为网页文件添加文字、图片•使用表格定位网页素材•保存并预览新建一个空白站点和空白网页•新建的网站首先保存在本地硬盘上，待整个网站建好之后再传到网站服务器上。—网页的制作•Dreamweaver软件简介Dreamweaver，是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。一、准备网页素材•网页素材包括：文字、图片、声音、视频、动画等。•网页素材的准备工作包括：获取、加工、管理•通常：我们把素材按照网页进行分类，同一个网页的素材用一个文件夹来管理，还可以用多级子文件夹详细分类。注：文件夹与文件的命名要易懂易记。切忌随意命名，以免到制作阶段时找不到所需要的素材。•分析右图中文件夹与文件的命名规则，从中找出命名的规律，并回答以下问题：（1）文件夹与文件的名字以什么规则命名？（2）这样命名有什么作用？插入文字及图片三、使用表格进行素材定位任务：建立上图所示的网页版面。1.插入表格，设置表格属性。2.调整表格结构。3.设置表格和单元格的背景颜色和图片。四、编辑网页图文素材任务：1.编辑网页文字，并设置字体字号、对齐方式等、2.插入背景图。将光标置于表格外，右键选择“网页属性”设置背景图片。3.插入图片。将光标置于需要插入的单元格中，单击“插入”---“图片”，选择图片并调整图片大小位置。首页半成品：五、保存及预览•主页文件通常命名为“index.htm”。•主页作为一个网站的入口，如果没有这个文件，浏览网页时将会提示出错。任务：一、尝试建立一个新站点，以你的网站名称命名。二、在新站点建立多个网页。三、在网页中插入文字、图片和表格，并保存预览