搜索
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