网页制作2

4.3网站的制作收集和制作素材新建空白站点及网页编辑网页图文保存预览链接网页网页制作过程4.3.1准备网页素材一、什么素材？网页制作过程中常用的多媒体文件格式有：1、图片：gif、jpg、png等2、声音：midi、wav、ra等3、视频：wmv、asf、rm、mov等4、文字素材。选用何种格式的文件要考虑到文件的大小。文件过大，会影响网页打开的速度，影响浏览者对该网页的访问效果。二、管理素材：分类存放用于收集和组织网页制作素材的文件夹与文件的命名要易懂易记。切忌随意命名，以免到制作阶段时找不到所需要的素材。怎么分类存放呢？请看“虎门销烟启思录”网站的“网站制作素材”文件夹的组织图，同学收集素材时也可参照下图的组织方式。“网站制作素材”文件夹的组织说明：对于找到的素材文件，起名要用最能反映文件内容或特征的英文或拼音字母作为文件名。如下图示：站点就是一个文件夹。在这个文件夹中放置我们的网页或图片，通常要对其分类，比如说把图片放在images文件夹中。这样做的目的就是方便我们管理我们的网站。4.3.2新建网站及网页网站、网页和网址有什么区别？网页就是一个一个页面，网站就是由许许多多不同的页面组成的，网址就是让别人找到你网站的地址。打个比方，网页是每一样家俱，网站就是你的房子，而网址就是你房子的地址。一、如何建立站点？1、运行Frontpage2003，在控制窗的菜单栏里选择“新建”（如下图示）。方法一方法二2、选空白网站，并指定新站点的位置。（如下图示）1.选空站点2.指定新站点的位置，不要用默认的位置，自己输入文件夹路径，如：C:\deyu二、新建空白网页单击工具栏上的“新建”按钮。4.3.3使用表格进行页面布局表格最初是为表示数据设计的，但现在它已经被网站设计者作为生成分栏框架结构的工具，只需把表格的边框隐藏起来，用户见到的是一个连贯的页面。参照图4-13的表格，建立右图的网页版面。1.插入表格，设置表格属性。（1）打开新建的空白网页，在网页中插入四个表格，规格分别是“1×1”、“1×8”、“3×3”和“1×1”。（2）单击“表格”菜单、选择“表格属性”，分别设置四个表格的“指定宽度”为760像素、“对齐方式”为居中、边框组细为0，然后把表格隐藏起来。2.调整表格结构。指定表格的宽度为760像素表格边框组细为0指定某一图片作为表格的背景选定需要合并的单元格，单击鼠标右键，在快捷菜单中选择“合并单元格”。3.设置表格与单元格的背景颜色和图片。（1）选定表格2，单击右键选择“表格属性”，从对话框中的“背景颜色”列表中选择“棕色”。同理，把表格4设置为黑色背景，把表格3中插图2位置的单元格设置为棕色的背景颜色。（2）在表格3插图4位置插入背景图片。选择该单元格，单击右键选择“单元格属性”，单击“使用背景图片”复选框，通过“浏览”按钮找到背景图片。按照你选定的网站主页的版面设计，建立空白网页并进行页面布局。作业上交方法：点击开始菜单中的“运行”输入：\\192.168.29.9找到高二年级作业文件夹相应班级文件夹，将已完成的任业以自已的姓名命名文件上交。4.3.7插入超链接1、学会设置文本和图片超链接。2、学会设置图片热区超链接。3、学会使用书签。一、什么是超链接？超级链接是从一个网页指向另一个目的端的链接。插入某个超链接时，首先要选择链接点，链接点可以是文字、图片或图片中的某个区域（通常称为热区），也可以是其他的对象；然后通过插入超链接对话框输入链接的目标URL来实现。网页超链接可以是不同页面之间的链接，也可以是同一页面内的链接。常用的超链接有两种类型：文本超链接和图象超链接。二、建立网页之间的链接关系。操作如下：（1）设置文本超链接。打开“虎门销烟启思录”网站的主页，拖动鼠标选择导航栏上的“御侮抗敌”文本作为链接点，从“插入”菜单中选择“超级链接”，在弹出的对话框中查找并指定链接的网页文件名（如“YuWuKangDi\Index.htm”），指定网页所在的“目标框架”位置，单击“确定”即建立一个超链接。指定超链接地址指定“目标框架”位置选中要添加超级链接的文字，按快捷键Ctrl+k，或按工具栏上的。在开发和维护过程中，为了保证网站内的有效性链接通常使用相对路径名。当在同一个网站服务器上引用另一个网站的文件时，使用绝对路径，例如：。../index.htm“../”这是相对路径，是告诉计算机进入目录结构中上一层文件夹。大多数服务器被设置为识别单斜杠（/）为最高层目录的缩写，也称为根目录。/index.htm“/”告诉计算机进入目录结构中的根，即最顶层。（2）设置邮件超链接。打开“虎门销烟启思录”网站的主页，拖动鼠标选择“与我联系”文本作为链接点，从“插入”菜单中选择“超级链接”，在弹出的对话框中选择“电子邮件地址”，在电子邮件地址处输入mailto:[e-mail],单击“确定”即建立一个超链接。（3）设置图片超链接。打开“御侮抗敌”网页，把光标置于页面中标题栏的图片，点击“插入”“超级链接”打开编辑框，输入网站首页地址，建立返回首页的超链接。选中图片（4）设置热点超链接。打开“御侮抗敌”网页，单击本栏目目录菜单图片，单击“工具栏”中的“图片”，选择“图片”工具栏中的一种“热点”按钮（如长方形按钮），拖动鼠标，指定热点区域，插入热点对应的超链接地址。除了不同网页之间需要建立超链接外，在同一页面内，有时也需要建立超链接，如长度较长、页数较多的文章等。通常，解决的办法是按照段落或小标题建立超链接书签，以方便浏览。书签是网页中被标记的位置或被标记的文本。那么在Frontpage中是怎么设置书签的呢？（5）建立网页书签。（1）首先要在需要设置书签的网页插入书签，在FrontPage中的方法很简单：插入菜单→书签（2）书签超链接怎么做？像文本超链接一样，链接到某一个网页。但多一个步骤，再点击“书签”按钮，链接到书签处。如下图示：第一个步骤：第二个步骤：书签位置1、修改超链接目的端2、设置超链接颜色超链接源有三种状态：最初状态、被选中、被访问过。用不同的颜色来区分这三种状态。最初状态的颜色为“未访问色”，被选中时的颜色为“活动色”，被访问过后所显示的颜色叫做“已访问色”。对于超链接的三种颜色，可以进行设置。修改“网页属性”来设置超链接颜色，方法是：右击鼠标→“网页属性”→“背景”，然后进行设置。三、修改超级链接。3、删除超链接①删除文本超链接如果想彻底删除超链接，包括链源文本和链接目的端，把该超链接选中，然后按DELETE键。若要保留超链接文本，但删除链接目的端，则按下面步骤进行操作：⑴右击超链接源“超链接属性”⑵删除URL文本框内的内容⑶“确定”②删除图象超链接如果想彻底删除超链接，包括链源图象和链接目的端，把该超链接选中，然后按DELETE键。若要保留超链接图象，但删除链接目的端，则按下面步骤进行操作：⑴右击超链接源→“图片属性”→“常规”⑵删除默认超链接位置框内的内容⑶“确定”