计算机 信息收集-整理-发布(2)

6.3网页制作网页（主页）是用一种HTML的标志语言来表示的，它将要表示的信息用HTML语言表示（HTML代码）。通过记事本就可以看到大多数网页的HTML代码。通过浏览器将这些标记语言翻译过来，并照定义的格式显示出来，这就是我们所真正看到的网页。网页制作软件FrontPage简介FrontPage是一种“所见即所得”的网站管理和网页制作的工具。FrontPage属于Office家族的成员,其主要功能有:新建和修改一个网页新建一个站点在网页中插入一些动态元素设置动态效果设置网页过渡效果可以直接导入Office其它工具的文件提供网站管理信息和统计资料FrontPage的操作环境FrontPage提供了六种视图方式来实现网页的编辑和网站的创建、管理两大功能，其中只有网页视图是用来编辑网页的，其它五种视图都是用来创建和管理站点的，其所做的相关设置，是针对整个站点的。选择不同的视图方式，右边的编辑区中会显示不同的内容。网页编辑的视图，负责网站内个别网页的编辑，它提供了三种显示方式：①普通视图：“所见即所得”的编辑环境②HTML视图:编辑和查看HTML源代码的环境③预览视图:IE浏览器的预览环境。1)网页视图2)文件夹视图文件夹视图类似Windows资源管理器,显示站点的所有文件和文件夹,在此视图方式下可进行文件和文件夹的新建、复制、删除、剪切、重命名、修改属性等操作。3)报表视图报表视图提供14种报表，帮助我们了解站点的情况。4)导航视图导航视图记录站点结构5)超链接视图超链接视图提供基于超链接的结构分析，以任意网页为中心，形象地说明通过超链接相连的其他网页。从微观的角度展示站点的结构。6)任务视图任务视图负责站点任务的管理，当多人同时编写一个站点时,可通过任务视图为各个成员分配任务,协调成员之间的工作网页的基本编辑方法1)新建、打开、保存网页可以在站点中创建新网页，也可以创建独立的网页。MicrosoftFrontPage内置的各类模板可以帮助我们创建不同类型的网页。2)添加文本和插入素材文件网页视图中进行文本的录入和word类似，也可以在网页中插入任何一种基于文本的文件，包括.htm文件、.asp文件、.rtf文件和.txt文件，以及任何MicrosoftOffice文档。3)设置文本格式在FrontPage中，可以像使用word的方式来设置文本格式，如更改字体、大小、样式、颜色、段落间距和文本的垂直位置，以及添加诸如下划线的效果4)插入特殊网页元素FrontPage的插入菜单可以插入四种类型的特殊元素：换行符、水平线、符号和注释。5)使用项目符号和编号项目符号和编号是组织数据的工具，它可以使数据层次分明、重点突出。6)使用背景色和背景音乐在FrontPage中，可以方便地利用“网页属性”命令设置背景色和背景音乐。在网页中插入图片在网页中适当加入图像会给网页增色，但也会带来副作用。图像的使用降低了网页的下载速度。因此，在制作网页时一定要注意使用适当的图像，尽量减少图像文件的大小，减少图片的尺寸，使用较少的颜色，避免用户浪费时间。目前，大多数浏览器只能显示两种图形文件格式：GIF格式和JPEG格式。在FrontPage中，还可以处理其它一些图形格式，但在保存网页时，FrontPage会自动将256色以上的图形文件转换成JPEG格式，256色及其256色以下的图形文件转换成GIF格式。认识图形格式建立超链接超链接是网页信息组织的最大特点，它是网页之间的纽带。正是有了超链接，才能使访问网站的用户通过点击的方式漫游Web世界。超链接的实现方法：将某个文本串或某幅图像和其他网页的地址（URL）联系在一起，该文本串或图像就具有超链接功能。单击此处浏览器即可打开相应地址的网页。利用FrontPage编辑窗口建立超链接：首先选中某文本串或某幅图像，然后使用“插入”菜单中的“超链接”命令建立超链接。①绝对链接：链接到其他Web服务器上的网页文件，其超链接的语法为：http://网站地址/路径/网页文件名.html②相对链接：本地机器中网页文件，其超链接语法为：[/路径/]网页文件名.html③书签式超链接：链接到同一个网页或不同网页文件中的书签位置，其超链接语法为：[http://网站地址/路径/网页文件名.html/]#书签名超链接的三种类型：在FrontPage中用“插入|书签”命令可以方便地在网页中的某些位置插入书签，使得来自其它网页或同一网页的超链接能够直接跳转到这些位置处。在“插入超链接”对话框列表文件中选定一网页后，单击“书签”按钮选择该网页上的书签，将会在书签位置创建一超链接。书签的设置方法网页的布局表格和框架是网页布局的常用工具。表格在网页制作中的作用已经超越了传统意义上的存放数据，表格已成为组织数据、排列网页元素空间位置最为灵活的方法。框架也是一种常用的网页布局方法，它将浏览器窗口划分为功能独立的多个区域，每个框架显示一个网页内容，并且通过框架中的超链接可以更改显示在另一个框架中的网页文件。创建表格a.手绘表格用菜单命令“表格”/“手绘表格”，先绘制出表格的轮廓，然后绘制表格的单元格,由此可以创建一个不规则的表格b.自动生成表格用菜单命令“表格”/“插入”/“表格”，指定表格属性的方式创建表格，这些属性包括表格的行数和列数、表格宽度、对齐方式、边框粗细，以及单元格边距和间距c.使用“插入表格”按钮插入表格通过指定列数和行数来快速创建一个规则的空表表格绘制好后，根据需要可再进行调整，对表格的行或列可作增加或删除操作。设置表格属性：利用表格菜单的表格属性命令，弹出“表格属性”对话框，可对表格的布局、边框和背景进行设置。设置单元格属性：利用表格菜单的单元格属性命令，在“单元格属性”对话框中，可对该单元格的布局、边框和背景进行设置。表格的编辑创建框架框架是一种将浏览器窗口划分为功能独立的多个区域的常用方法。框架集定义每个框架的大小、位置、名称和初始网页，普通网页提供每个框架的内容。一个框架的超链接可以更改显示在另一个框架中的网页。①选择“文件|新建|网页”命令，出现“新建”对话框，选择“框架网页”选项卡。②在列表中选择所需的模板，例如，选择“标题”模板，该模板的描述出现在“说明”区域中，框架网页布局的预览图出现在“预览”区域中。③单击“确定”按钮，建立了一个新的框架网页。创建框架在框架每一个子窗口中都有两个按钮：单击“新建网页”按钮，一个新的空白网页就会出现在框架中；单击“设置初始网页”按钮，打开“创建超链接”对话框，在对话框中设置要链接的网页。a.拆分框架选择要拆分的框架，选择“框架”菜单中的“拆分框架”命令，打开“拆分框架”对话框，根据需要选择“拆分为列”或“拆分成行”选项，单击“确定”按钮完成拆分。b.删除框架先选择要删除的框架，再选择“框架”菜单中的“删除框架”命令。c.设置框架的属性选择需要修改的框架，选择“框架”菜单中的框架属性命令；或者单击鼠标右键，从快捷菜单中选择“框架属性”命令，打开“框架属性”对话框。编辑框架选择“文件”菜单的“另存为”命令。一个框架网页是由多个htm文件组成的，在存盘时，计算机会分别提示用户保存框架的每一部分，最后保存框架网页本身。保存框架在框架网页中，单击某框架内网页上的超链接时，被超链接所指定的网页通常在另一个框架中打开，这个框架称为目标框架。若要设置超链接目标网页出现的目标框架，执行下列操作:①选择要定义超链接的文字或图片。②选择“插入”菜单“超链接”命令，或单击“常用”工具栏上的“超链接”按钮。③出现“插入超链接”对话框，在“地址”框中输入链接的目标网页。创建框架之间的超链接④单击“目标框架”按钮，出现“目标框架”对话框。其中“公用的目标区”区域选项含义如下:相同框架将链接的网页显示在包含该超链接的同一个框架内。整页将框架展开为全窗口后显示链接的网页。新建窗口另外打开一个浏览窗口显示链接的网页。若是一页套一页的框架网页，选择父框架可以回到上一层框架显示链接的网页。创建和使用表单页面表单是网页与浏览者交互的一种界面，使访问者能够利用浏览器窗口输入信息或者选择选项，实现对浏览者信息的反馈。应用表单，通过网络进行意见调查、线上查询、线上订购或线上申请等活动。创建表单网页表单是由表单域和网页元素组成，表单域是用于用户输入数据的单行文本框、多行文本框、复选框、单选按钮、下拉按钮、按钮等。打开“药学论坛”网页，在“插入”菜单中打开“表单”子菜单，用鼠标拖动子菜单顶部就会出现“表单”工具栏1)在“表单”工具栏中单击“表单”按钮,可以插入表单。此时，插入点位置出现一个由破折线框表示的表单框，表单内只有“提交”按钮和“重置”按钮。在表单中插入表格，再单击“表单”工具栏中的“文本框”按钮，就会创建“文本框”表单域。插入表单域2)设置表单域表单网页布局设计好以后，还需要对表单域进行设置，才能使表单正常工作。在页面中单击相应的表单域，就可打开其属性对话框，对该表单域进行设置。3)提交并保存表单信息表单的作用在于帮助站点管理员收集信息，但是浏览者只有提交了表单结果才能使站点管理员收到信息。对于提交的表单结果FrontPage都会予以保存，并且提供了多种保存表单结果的方法。4）设置保存表单结果的文件格式的步骤如下:①在表单内单击鼠标右键，从快捷菜单中选择“表单属性”命令。②出现“表单属性”对话框，在“将结果保存到”区域中选择“发送到”选项。然后在“文件名称”框中指定保存表单结果的文件夹路径及文件名称。可以单击“浏览”按钮选择保存表单结果的文件夹路径或文件。“选项”按钮提供进一步设置保存表单结果的文件格式的对话框。创建导航栏导航栏是一组文本或按钮超链接，通过它们浏览者可以到达站点中的某一个网页。典型的导航栏具有指向站点主页和主要上层网页的按钮。向网页中添加一个导航栏时，FrontPage将根据导航视图下设置的导航结构自动生成导航超链接。网页制作原则1适当使用图形，保持页面简洁图形是网站的特色，好的图形应用能够使网页生辉。由于目前国内网络传输带宽十分有限，因此使用图形时一定要考虑传输时间的问题，要事先依据HTML文件、图形文件大小，考虑传输速率、延迟时间、网络流通量以及服务器端与用户端的软硬件条件，估算出网页的传输时间。如果传输时间过长，应舍弃一些图形。兼容性好这里说的兼容性是指浏览器的兼容性,这是设计中文站点时必须要注意的问题。目前使用的浏览器主要有两类：Netscape和IE虽然它们都是以HTML3.2为标准，但有许多差别，因此设计网页时尽量使网页在大多数环境中都能阅读。网页制作原则2组织结构合理网页结构的合理组织能帮助设计者表达思想，也有助于浏览者阅读。要在主页上对网站的性质与内容做个简要说明与引导，最好有清楚的类别选项，让浏览者很快可找到相关主题。此外，应避免滥用超链接。适当的使用超链接是设计网站不可缺少的手段，但过份使用超找链接，就会失去网页文字的流畅性，使访问者不知如何浏览。网页制作原则3文字颜色与背景搭配要易于阅读。网页中加入背景图案，可以识网页美观，但却耗费传输时间，而且容易影响阅读视觉。所以如果没有特别需要，应避免使用背景图案，改用单色的背景，而且文字的颜色与背景的颜色要合理搭配，避免突兀的颜色。网页制作原则4