《大学计算机基础》-大学计算机基础-第9章_第1页
《大学计算机基础》-大学计算机基础-第9章_第2页
《大学计算机基础》-大学计算机基础-第9章_第3页
《大学计算机基础》-大学计算机基础-第9章_第4页
《大学计算机基础》-大学计算机基础-第9章_第5页
已阅读5页，还剩92页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

9.1HTML简介1.HTML语言

Internet在人们的生活、学习和工作中的地位越来越重要，无论是在Internet上发布站点，还是在Internet上张贴文本和图形文件，都涉及到网页制作问题。HTML(HypertextMarkupLanguage，超文本标记语言)是用于描述网页文档的一种标记式语言。用HTML的语法规则建立的文档属于纯文本文件(能用任意的文本编辑器建立)，文件内容可包含文本、表格、图形和格式标记等，可以运行在不同的操作系统上。下一页返回9.1HTML简介2.HTML的作用

HTML作为一种网页编辑语言，是建立网页的工具，能制作出精美的网页效果，其规范不断完善，功能越来越强。主要功能如下:1)格式化文本设置标题、字体、字号、颜色、段落和对齐方式等。

2)建立超链接单击设定的超链接，就可以到达任何一处Web站点。

3)创建列表建立一种易读的表现形式。

上一页下一页返回9.1HTML简介4)插入图像可以插入图像，设置图像的各种属性。5)加入多媒体可以在网页中加入音频、视频和动画，还可设定播放时间等6)建立表格可建立表格的显示方式。7)交互式表单、计数器等上一页下一页返回9.1HTML简介3.HTML文件一个网页文件对应一个HTML文件，HTMI文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来生成HTML文件。比如在记事本中写人网页内容，以.htm或.html为扩展名保存文件，然后在浏览器中可观看效果。例如:制作一个HTML网页。上一页下一页返回9.1HTML简介①打开记事本，在其中输入以下HTMI代码:<html><head><title>第一个HTMI网页</title></head><body><h1>欢迎进入HTML世界</h1>

大家都来学习HTML语言!<p>

在这里可以学到很多HTML知识<p></body></html>上一页下一页返回9.1HTML简介②代码输入完毕，保存该文件，其扩展名为.htm或.html。使用浏览器打开该文件，如图9-1所示。通过手工编写HTML代码制作网页，工作量巨大，容易出错。因此，业界推出了所见即所得的可视化工具,FrontPage2003就是其中一种。上一页返回9.2网页制作9.2.1FrontPage2003网页编辑软件1.FrontPage2003简介

FrontPagc2003是Microsoft公司开发的Office套件之一，集成在Office2003之中，是开发与管理Web网站、制作Web网页的应用软件。网站的创建以及网页的制作是一项很专业的工作，Web页支持HTML专用语言。以前，人们只能严格地按照这种语言的方式来编写Web页代码。FrontPage的出现，使网页制作、网站开发的工作大大降低了门槛，它采用我们熟悉的文字处理界面来创建网页，提供了所见即所得的开发环境。与Office其他组件一样，FrontPage提供了大量模板，使用户能在向导界面的提示下一页返回9.2网页制作下轻轻松松制作出漂亮网页。

FrontPage2003的主要功能有:1)设计网站

FrontPage2003提供了设计环境、新的布局和设计工具、模板以及改进的主题等工具，这一切可帮助实现用户的网站构想，而且用户无需掌握HTML知识。

2)开发网站

FrontPage2003提供了创作环境，具有新的图形功能、规则的HTML以及更多基于代码的控件。此外，其功能强大的编码工具有助于应用各种编码知识，以创建交互式脚本、开发数据组织网站。FrontPage2003以一种全新的方式上一页下一页返回9.2网页制作使用户的网站能够更方便地与其他信息进行链接，从而在所见即所得的编辑器中创建内容丰富、交互式的数据组织网站。

3)发布网站

FrontPage2003提供了“远程网站视图”。用户使用“远程网站视图”可以将文件和文件夹发布到任何位置，如文件系统、本地网站与远程网站之间、扩展的服务器、FTP或Web服务器，也可以将远程网站与本地网站同步。

4)维护网站

FrontPage2003提供了新的兼容性和HTML工具以便帮助用户维护自己的网站。上一页下一页返回9.2网页制作2.FrontPage2003的窗口组成如图9-2所示是FrontPage2003的主窗口，由标题栏、菜单栏、工具栏、编辑区、状态栏等部分组成。1)标题栏标题栏位于窗口的顶部，显示当前所使用的程序名称MicrosoftFrontPage和文档名称，控制菜单按钮以及最小化、最大化/还原和关闭按钮。

2)菜单栏菜单栏包含文件、编辑、视图、插入、格式等十几组菜单。单击后可弹出相应的下拉菜单，供用户选择所需的命令操作。上一页下一页返回9.2网页制作

3)工具栏

FrontPage把一些常用的操作以工具按钮的形式放在工具栏中，方便用户操作。选择“视图|工具栏”命令，或者用鼠标右键单击任一工具栏，都会显示所有的工具栏。左边带有“√”标记的表示此工具栏已被选中，只有被选中的工具栏才能显示在屏幕上。

4)编辑区在编辑区可以完成创建、维护和管理Web网站的全部工作。在编辑区的下方有4个标签，这是FrontPage2003为用户编辑网页提供的4种编辑模式:设计、拆分、代码和预览。上一页下一页返回9.2网页制作①设计:该方式是系统默认的编辑模式，网页的编辑制作主要是在该方式下进行，其操作界面体现了所见即所得的风格。②拆分:该方式下将编辑窗口拆分成上、下两部分:“代码”和“设计”，用户能够同时访问代码和设计网页。③代码:每个网页对应于一个文件，实际上使用FrontPage2003编辑网页时系统全自动生成相应的HTML文件。代码方式下，用户可以查看、编写和编辑HTML代码。④预览:进入预览方式后，用户可以查看当前网页在浏览器中的显示效果。尽管设计方式也能显示网页的静态效果，但预览方式可以查看动态效果。上一页下一页返回9.2网页制作

5)状态栏状态栏位于屏幕的最下方，主要显示当前的状态信息。如网页的大小:486×339。3.FrontPage2003的视图在Web站点从创建到发布的过程中，设计者和管理者对站点会有各种需求。视图栏给出的各个视图是查看所创建的Web站点的有效手段和方式。上一页下一页返回9.2网页制作

1)网页视图启动FrontPage2003后，默认情况下打开的是网页视图，如图9-3所示。网页视图主要用于网页编辑。用户根据想要如何查看和处理网页等需求，可以从4种不同类型的网页视图中进行选择。在网页视图下，工作区的左下角有4个切换显示模式的选项卡。

2)文件夹视图它以列表的形式给出了当前Web站点的文件夹和文件夹里包含的文件，如图9-4所示。可以使用文件夹视图来直接处理文件和文件夹，并组织网站内容;可以对Web站点中的文件进行操作，如删除文件、移动文件、重命名文件等。上一页下一页返回9.2网页制作

3)远程网站视图通过该视图可发布整个网站，或有选择地发布个别文件。同时可以在两个或多个位置之间同步更新文件，即确保包含相同内容的网站都包含最新的更改。在远程网站视图中查看文件夹内容时，会用指示发布状态的图标和说明性文本来标记文件。可以筛选该视图，以显示文件夹内容、待发布的文件、不发布的文件和有冲突的文件。上一页下一页返回9.2网页制作

4)报表视图通过报表视图，可以在运行报表查询后分析网站内容;可以计算网站中文件的总大小、指出哪些文件没有与其他文件链接、标识出慢速网页或过期网页、按负责处理文件的任务或人员对文件进行分组等，如图9-5所示。

5)导航视图导航视图提供了网页的分层视图。通过此视图，可以调整网页在网站中的位置，可以方便地组织站点中各网页的层次关系。在导航视图中，每一个页框代表一个网页。如果站点设置了导航功能，就可以先设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来，如图9-6所示。上一页下一页返回9.2网页制作

6)超链接视图超链接视图可以将网站中超链接状态显示在一个列表中，如图9-7所示。该列表既包括内部超链接，又包括外部超链接，并用图标指示超链接已通过验证或已中断。通过它可以方便地知道在网页中设置了多少超链接以及是什么类型的链接。

7)任务视图任务视图以列格式显示网站中的所有任务，并在各个标题下提供有关各项任务的当前信息，用于存放关于站点维护的任务列表。如果所建立的站点很大，由许多人共同维护，操作人员可以通过任务列表知道工作的进展情况。上一页下一页返回9.2网页制作9.2.2网页制作步骤1.常用术语

1)网页与网站网页是万维网上的基本文档，用HTML(超文本标记语言)书写。一个HTML网页包含许多不同类型的HTML标记符，这些标记符是一些嵌人式命令，提供网页的结构、外观和内容等信息，Web浏览器将利用这些信息来决定如何显示网页。用户无需懂得HTML语言就可以使用FrontPage创建网站中的网页，可以像在文字处理软件中编辑一样编辑网页。在网页中输入文本、设置文本格式以及添加图形、表格等操作时，FrontPage自动在后台创建对应的HTML标记语言。上一页下一页返回9.2网页制作网站是万维网上的若干相关网页以及与这些网页相关的图像、声音和视频等的集合。它包含一个或多个网页，网页之间用超链接连接在一起。一个网站的起始网页称为主页。主页既像普通网页一样，可以存放各种信息，又是一个特殊的网页，它是整个网络文件的起始点和汇总点。在主页中应该给出一个网站的概述、所包含的主要内容、浏览各种信息的通道以及通往其他网站的超链接等。上一页下一页返回9.2网页制作

2)统一资源定位器统一资源定位器(URL)是指网络上某一资源的完整地址，是网络上不同服务器或同一服务器上不同文件的标志。URL一般包括3部分:信息服务相关协议、信息资源地址和文件路径。例如:/network/index.asp就是一个完整的URL，其中http代表超文本信息服务协议，www.是一个www服务器的主机地址，network表示该服务器下的一个目录名，index.asp是一个具体的网页文件。URI就是这样将Internet上的所有资源进行统一定位，人们利用统一资源定位器，就能浏览Internet上的任何网站。上一页下一页返回9.2网页制作2.设计原则

1)网站规划网站规划是指在网站建设前对市场进行分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导作用，对网站的内容和维护起到定位作用。上一页下一页返回9.2网页制作网站规划包含如下内容:(1)市场分析包括相关行业的市场情况如何，有什么特点，是否能够在互联网上开展公司业务;自身条件分析、市场优势分析，可以利用网站带来哪些效益，建设网站的能力(费用、技术、人力等)。

(2)目的及功能包括确定为什么要建立网站，整合资源，确定网站功能;根据需要和计划，确定网站的功能，产生宣传型、网上营销型、客户服务型、电子商务型等网站;根据网站功能，确定网站应达到的目的和作用。上一页下一页返回9.2网页制作

(3)网站技术解决方案根据网站的功能确定网站技术解决方案。采用自建服务器，还是租用虚拟主机;选择操作系统，用Unix,Linux还是Windows2000/NT;分析投入成本、功能、开发、稳定性和安全性等;采用系统性的解决方案还是自己开发;网站安全措施，防黑、防病毒方案;相关程序开发，如网页程序ASP、JSP、CGI、数据库程序等。上一页下一页返回9.2网页制作

(4)网站内容规划根据网站的目的和功能规划网站内容，一般企业网站应包括:公司简介、产品介绍、服务内容、价格信息、联系方式、网上订单等基本内容;电子商务网站要提供会员注册、详细的商品服务信息、信息搜索查询、订单确认、付款、个人信息保密措施、相关帮助等。网站内容是网站吸引浏览者最重要的因素。可对人们希望阅读的信息进行调查。上一页下一页返回9.2网页制作

2)网页设计原则

(1)用户需要优先不了解网页用户的需求，设计出的网络文档就毫无用处。再好的网页，没有使用者访问是没有任何意义的。

(2)网页下载时间不宜过长在设计网页时一定要考虑下载时间的长短，特别是主页要尽量避免过长。当用户浏览一个网页时，经常会因为等待下载时间过长而放弃。根据统计，一般用户从选择要看的网页算起，到下载完毕，可忍受的时间只有30秒。所以在设计网页的时候，一定要考虑网页的大小，一般在50KB以内为宜。上一页下一页返回9.2网页制作

(3)考虑用户浏览器有些网页在某一种浏览器中显示效果良好，但在另一种浏览器中就不能正常显示。所以在网页设计时要测试不同的浏览器，同时也要考虑分辨率等其他因素。

(4)图形应用图形可以为网页增色，但应用不恰当会带来负面效果。首先，图形文件应尽可能小，使用GIF和JPEG格式文件，尽量不采用BMP文件。其次，每个图形都要有相应的替代文字，使得用户在关闭图形显示功能时能够看到替代文字。上一页下一页返回9.2网页制作

(5)网站内容的搭配一个好的网站首先要有一个引人入胜的主页，其次要有丰富的内容。要做到和谐美观，尽量人性化，直观又丰富。在主页中可以采用文字、图像、表格等多种元素，尽量使之简洁、清爽、内容类别清晰。其他网页也要与主页呈良好的统一效果，包括颜色、图案设计等方面，内容要丰富、生动。除此之外，多媒体文档使用的限制，网站的交互性和相关技术的运用等也需考虑。上一页下一页返回9.2网页制作3.创建网站在FrontPage中，用户可以利用系统提供的各种模板和向导创建所需的网站。例如，使用“只有一个网页的网站”模板，可以创建只有一个单独空自网页的新网站;使用“个人网站”模板，可以创建一个包含用户的自序、兴趣和图片库等内容的个人网站;使用“讨论网站向导”可以创建一个带有线索、目录和全文搜索能力的讨论组等。如果要创建一个网站，可以按照下述步骤操作:上一页下一页返回9.2网页制作①单击“文件|新建”，在“新建”窗格，选择“新建网站一其他网站模板”，或者单击“常用”工具栏中的“新建普通网页”按钮右侧的向下箭头并从下拉列表中选择“网站”命令，出现如图9-8所示的“网站模板”对话框。②在“网站模板”对话框的“常规”选项卡中，列出了FrontPage提供的各种网站模板和向导，用户可以从列表框中选择用来创建新网站的模板或向导图标。③在“指定新网站的位置”文本框中，输入或选择新网站的路径及名称。④单击“确定”按钮。上一页下一页返回9.2网页制作网站创建好后，文件夹列表如图9-9所示，会自动创建private和images两个文件夹以及index.htm主页。private文件夹用来存放网页文件，images文件夹用来存放网站中所用到的图形文件。

5)网站设置在创建好第一个网站后，需要对其进行设置，使网站具有自己的独特风格。其方法是，单击“工具|网站设置”命令，在打开的如图9-10所示的“网站设置”对话框中，对各个选项卡下的选项进行设置。上一页下一页返回9.2网页制作4.创建网页在创建一个网站后，接下来要为该网站创建相关网页。为了帮助用户创建各种专业外观的网页，FrontPage向用户提供了多种网页模板，以便用户能够快速地创建具有各种布局和功能的网页。每次启动FrontPage时，将自动创建一个临时名称为“newpage

1.htm”的空自网页文件，此时用户可以直接在该文件中输入文本或插入组件。如果用户需要在新网站下重新创建一个空自网页，可以按照下述步骤进行操作:上一页下一页返回9.2网页制作①单击“文件|新建”，在“新建”窗格，选择“新建网页一其他网页模板”，打开如图9-11所示的“网页模板”对话框。②在“常规”选项卡中选择“普通网页”选项。③单击“确定”按钮，FrontPage将基于“普通网页”模板创建一个空自的网页。如果要快速创建一个空自网页文件，可以单击“常用”工具栏上的“新建普通网页”按钮。上一页下一页返回9.2网页制作5.简单网页的编辑

1)文字编辑网页中文字输入及格式的设置与Word相同。用光标定位输入位置后，可进行文字字体、大小、颜色、字符间距、效果、边框底纹等各种编辑工作。

FrontPage也有类似于Word的查找、替换功能。若对当前网页进行查找、替换，则单击“视图|网页”命令切换到网页视图，从“编辑”菜单中选择“查找”或“替换”进行。若对当前网站进行查找、替换，则需单击“视图|文件夹”命令切换到文件夹视图中进行。上一页下一页返回9.2网页制作

2)段落格式在对大量的文字进行编辑时，段落格式的设置对美化网页也起到很大的作用，它的设置方法也与Word相同。选择要设置格式的段落，从“格式”菜单中选择“段落”命令，在弹出的“段落”对话框中进行对齐方式、缩进或段落间距的设置。

3)项目符号和编号设置文档的项目符号和编号，可使网页文字信息结构化、层次化，使文档更有条理，从而提高网页的可读性。上一页下一页返回9.2网页制作

(1)添加项目符号和编号选择要添加项目符号或编号的列表，单击“格式|项目符号和编号”命令，或者在“格式”工具栏上单击“项目符号”按钮扭或“编号”按钮:，对列表添加项目符号或编号。

(2)更改项目符号和编号选择要更改项目符号或编号的列表，单击“格式|项目符号和编号”命令，在弹出的“列表属性”对话框中选择“无格式项目列表”来更改项目符号，选择“编号”来更改编号格式。上一页下一页返回9.2网页制作

4)在网页中插入图形图形往往比大量的文字讲述更具吸引力和说服力，在Web页面中适当地添加图形会使网页丰富多彩，但过多地加入图形将降低页面的下载速度。大多数图形都是采用压缩格式，因此网页设计者在加入图形时，应认真选择和进行规划。虽然图形可使Web页更有趣味，但应适度使用(使用较少颜色、缩小高度和宽度、裁剪图形、降低图形的分辨率、使用压缩格式的文件类型，尽可能地减少图形文件大小)。图片常使用GIF和JPEG格式的文件。上一页下一页返回9.2网页制作用户可选择“插入|图片”命令，再从其子菜单中选择“来自文件”命令，打开“图片”对话枢，选择要插入的图片。也可选择子菜单中的“剪贴画”命令来插入图片。对于一些非GIF和JPEG格式的图片，FrontPage2003会自动地将这些文件车专换成GIF或JPEG格式。上一页下一页返回9.2网页制作5)在网页中插入水平线水平线可以在网页上清晰地划分界限，而且对用户网页的布局起着重要的作用。一条水平线，可以通过“插入|水平线”的命令添加。在默认状态下水平线是灰色的，用户可以像改变文本颜色一样改变水平线的颜色。改变水平线的颜色有两种方法:①双击该水平线，将显示“水平线属性”对话枢，如图9-12所示。在对话枢的“颜色”下拉列表枢中选择合适的颜色，单击“确定”按钮。②右击这条水平线，从快捷菜单中选择“水平线属性”命令，再从对话框中选择一个合适的颜色。上一页下一页返回9.2网页制作

6)在网页中设置背景

FrontPage默认使用自色作为网页的背景，用户也可以对网页背景的颜色进行设置。从“格式”菜单中选择“背景”命令，在弹出的“网页属性”对话框(见图9-13)中选择“格式”选项卡。在“颜色”区域中单击“背景”下拉按钮，在颜色列表中选择所需要的颜色，单击“确定”按钮。除了可以用单一的颜色作为网页背景外，也可以选择图片或水印作为网页背景。上一页下一页返回9.2网页制作9.2.3多效果网页制作1.制作动态网页以图9-14为例来介绍动态网页的制作，包括使用字幕、创建交互式按钮、插入计数器、插入视频及音频文件以及设置DHTMI效果等。

1)使用字幕使用字幕可以使一组文字在网页中的一块背景上循环滚动，我们将网页中滚动的文字称为字幕，经常使用它来发送网站的通知或提示信息。具体的操作步骤如下:上一页下一页返回9.2网页制作①将光标定位在要插入字幕的位置上，选择菜单栏中的“插入|Web组件|动态效果|字幕”命令，弹出如图9-15所示的“字幕属性”对话枢。②在文本枢中输入字幕的文字“热烈祝贺东华理工大学成立五十周年”，并对方向、速度、表现方式、大小、重复等参数进行设置。单击“字幕属性”对话枢中的“样式”，弹出“修改样式”对话枢，单击“格式”按钮，进行字体、边枢等参数的设置。设置完毕单击“确定”按钮。上一页下一页返回9.2网页制作

2)创建交互式按钮交互式按钮的效果是，当鼠标放在悬停按钮上，其颜色会发生改变，具有动态效果。以图9-14所示的“交互式按钮属性”为例，具体的操作步骤如下:①将光标定位在要插入“交互式按钮”的位置上，选择菜单栏中的“插入|Web组件|动态效果|交互式按钮”命令，在弹出的如图9-16所示的“交互式按钮属性”对话枢中进行各项设置，包括文本内容、文本字体格式等。②单击“确定”按钮。上一页下一页返回9.2网页制作

3)插入计数器计数器用来统计网站访问人数，插入计数器的具体操作方法是:①将光标定位在要插入计数器的位置上，选择菜单栏中的“插入|Web组件|计数器”命令。②在打开的“计数器属性”对话框中选择一种计数器样式，单击“确定”按钮。保存文件。上一页下一页返回9.2网页制作

4)插入视频及音频文件

(1)插入视频在网页中播放视频文件有两种方法，一种是将视频文件插入到网页的某个位置，使它在网页中播放;另一种是使用超链接指向视频文件，当访问者单击该超链接时播放。常用的视频文件格式有.avi、.mov、.asf、.ram和.ra。具体的操作方法如下:①将光标定位在要插入视频的位置上，选择菜单栏中的“插入|图片|视频”命令。②在弹出的“视频”对话框中选取一个视频文件。上一页下一页返回9.2网页制作③右击视频文件，从快捷菜单中选择“图片属性”，在如图9-17所示的“图片属性”对话框中进行循环次数、循环延迟、开始播放条件等设置。设置完毕单击“确定”按钮。

(2)插入音频用户可以在网页中加美妙的音乐，使浏览者观看网页时更为轻松。在网页中播放音频文件也有两种方法，一种是使用超链接将音频文件放置到网页的某个位置上;另一种是把音乐作为网页的背景音乐。常用的音频文件格式有.wav、.mdi和.au。具体的操作方法如下:上一页下一页返回9.2网页制作①右击网页的某个位置，选择快捷菜单中的“网页属性”，出现如图9-18所示的“网页属性”对话框，在“背景音乐”选项区中的“位置”文本框中输入或单击其右侧的“浏览”按钮选择音乐文件所在位置，包括路径和文件名。②单击“确定”按钮。

5)设置DHTML效果设置DHTML效果，可以将动画应用到文本、段落、图片、按钮以及字幕等，其操作方法如下:①单击“视图|工具栏”，选中DHTML效果，出现“DHTML效果”工具栏，如图9-19所示。选择需要设置为“动态DHTML效果”的对象，本例为图片。上一页下一页返回9.2网页制作②在工具栏“在”下拉列表中可以设置4种事件:单击、双击、鼠标悬停和网页加载。它们都能够发生动态效果，本例选择“单击”。在工具栏“应用”下拉列表中选取应用方式，本例选择“交换图片”。在工具栏“选择设置”下拉列表中选择“选择图片”，在出现的“图片”对话框中，选取另一幅图片，保存文件。上一页下一页返回9.2网页制作2.超链接的创建与操作在网页制作中，超链接是个很重要的概念。在浏览网页时，经常会发现鼠标指针变成了手状，单击就可以打开新的网页，这就是超链接。通过使用超链接，把不同网页互相连接起来成为一个整体。这样访问者就无需关心网页到底在哪里，而只需要单击页面中的链接就能访问不同的网页了。在进行具体的超链接的设计中，可以选择书签、图像、文本等作为建立超链接的对象，通过超链接将用户定位到网站中的其他页，定位到其他的网站，也可以在同一页面内建立超链接等。上一页下一页返回9.2网页制作

1)建立文本超链接选择菜单栏中的“视图一网页”切换到“网页”视图下，选择作为超链接源的文本，在“插入”菜单中选择“超链接”命令;或直接单击“工具栏”上的“超链接”按钮;或单击鼠标右键，在弹出快捷菜单中选择“超链接”命令，都将弹出“插入超链接”对话枢。从“插入超链接”对话枢中，可以看到默认的超链接目标是在“原有文件或网页”中确定。用户还可以选择“本文档中的位置”、“新建文档”、“电子邮件地址”等超链接项目。选择超链接目标后，单击“确定”按钮。上一页下一页返回9.2网页制作

2)创建图片超链接用图片作为超链接源，可以使网页更加生动和直观。创建图片超链接和文本超链接的方法基本相同，但在图片上创建热点超链接还是有所区别的。

(1)为整个图片建立超链接选择菜单栏中的“视图|网页”切换到“网页”视图下，选中作为超链接源的图片，在“插入”菜单中选择“超链接”命令，在弹出的“插入超链接”对话枢中选择超链接目标后，单击“确定”按钮。上一页下一页返回9.2网页制作

(2)在图片上创建热点区很多时候，我们希望在图片的不同位置对应有不同的超链接，热点区域正是实现这一目标的工具。我们可以为一幅图片创建多个热点，然后，为每个热点区指定一个超链接目标。以图9-20所示为例，介绍在图片上创建热点的操作方法。在“网页”的视图方式下选中要创建热点的图片，在工具栏中选择创建热点的形状，如长方形热点、圆形热点、多边形热点。将光标移到图片上，此时光标变成笔状，按住鼠标左键在图片上绘制对应图像的热点范围，松开鼠标左键，将自动打开“插入超链接”对话框，为热点选择一个目标。上一页下一页返回9.2网页制作3.表格在网页中的应用表格是页面布局中应用最广泛的基本单元之一。它使用行和列来规划数据的显示，使数据内容更加整齐和易于理解。在实际应用于布局时，隐藏边框线的表格可显示出强大的规划页面的功能，可以使页面上的各元素组织得更加合理有序。利用表格，可以方便地安排和定位文本以及网页的相关对象。比如图片、视频等。利用表格，能很方便地统筹对象，而不会影响到其他表格或者单元格里的对象。像Microsoft的其他(Office软件一样，FrontPage2003也提供了强大的表格功能。熟练地使用表格，可以让用户制作出上乘的网页。上一页下一页返回9.2网页制作如图9-21所示是一个典型的用表格制作的网页，我们以该网页为例来介绍表格的设计。图9-22是该网页的表格设计。①新建一个普通网页。②选择菜单栏中的“表格|插入|表格”菜单命令，插入一个二行一列表格，将表格第一行进行高度调整，把第二行拆分为9个单元格，然后，把第一单元格和第二单元格合并。上一页下一页返回9.2网页制作③在第一个表格下插入一个二行三列表格，并调整各行的高度。利用单元格的合并把第一行的第一单元格和第二单元格合并为一个单元格。④在选取的表格或单元格上右击，在弹出快捷菜单中选择“表格属性”或“单元格属性”菜单命令，在“表格属性”或“单元格属性”对话框中对各表格或单元格进行属性的设置。⑤分别在表格的不同区域进行文字、图片、背景、超链接等编辑工作。上一页下一页返回9.2网页制作4.框架网页框架是一种特殊的网页技术，用枢架技术设计的网页是特殊网页，一般称为框架网页。框架的特点是可以将一个网页分割为几个独立的区域，每个区域是一个框架窗口，每个框架窗口都可以单独显示一个普通网页。因此，一个框架网页可包含多个不同的普通网页，普通网页的设计方法对框架网页都是有效的。框架网页通常用于目录、文章列表或其他种类的网页上，单击一个框架内的超链接，会在另一个框架显示网页。上一页下一页返回9.2网页制作使用框架布局操作步骤如下:①单击“文件|新建”，在“新建”窗格中选择“新建网页一其他网页模板”菜单命令。在打开的“网页模板”对话框中选取“框架网页”选项卡，然后在给出的框架样式中选取需要的框架样式，如标题、页脚和目录，单击“确定”按钮，弹出如图9-23所示的“普通”框架网页设计窗口。②如有需要，可对框架布局进行一些调整。包括框架窗口的拆分、调整框架窗口的大小、框架属性的设置、删除框架窗口。其操作方法是:选中某个框架窗口，单击“框架”，选择“拆分框架”、“框架属性”、“删除框架”命令对框架进行布局调整。上一页下一页返回9.2网页制作③从图中可以看到，此框架样式有4个独立的区域，可以建立4个普通的网页，加上框架网页本身一共是5个网页。每个区域都有“设置初始网页”和“新建网页”两个按钮。单击“设置初始网页”是指定一个已经存在的网页作为该区域的初始网页，单击“新建网页”是为该区域创建一个网页。④按照网页规划，对每个框架窗口进行网页设计，其方法与普通网页设计完全相同。上一页下一页返回9.2网页制作⑤一个框架网页包括框架网页文件或各框架窗口网页文件，这些网页文件都是相互独立的。因此，枢架网页的保存涉及枢架自身的保存和各枢架窗口网页的保存。保存枢架网页文件的方法是:单击“文件|保存”，在弹出的“另存为”对话枢的“文件名”下拉列表文本枢中，输入枢架网页文件名，然后，依次输入各枢架窗口网页文件名。上一页下一页返回9.2网页制作5.表单在网页中的应用表单是浏览者与网页进行交互的工具，具有交互性的网页就是表单页。浏览者利用表单页输入信息或进行选项选择，可以实现信息反馈。利用表单可以实现网上调查、在线查询、网上订货和在线申请等功能。表单的作用一般只是收集浏览者输入的信息，而真正在背后做接收、传递、使用处理、回应工作的是通用网关接口的通信协议，它要求网络服务器支持FrontPageServerExtension。上一页下一页返回9.2网页制作

1)表单和表单域的概念表单是由一系列的表单域组成的，表单域是从用户端取得数据的载体。表单域有文本框、列表框、复选框、单选按钮、下拉菜单、命令按钮、图像、标签等8种。其中标签不能单独使用，它用来和其他表单域配对，用来标明配对表单域功能。每个表单域都有一个名称，用户填写的数据就是通过这些表单域的名字来传递的。一般情况下，用户的表单提交后，都会有一个“确认表单”的页面呈现在用户的面前。上一页下一页返回9.2网页制作

2)表单网页的制作我们以图9-24所示表单为例来介绍表单的制作过程。该表单使用了文本枢、列表框、复选枢、单选按钮、下拉菜单、命令按钮、图像等7种表单域。①新建一个“普通网页”。②插入文字、水平线、背景图。③将光标落在插入表单处，选择菜单栏中的“插入一表单一表单”菜单命令。此时，在插入点的位置上出现一个虚线框，产生了一个表单，表单自动生成了“提交”和“重置”两个命令按钮，设计者可根据规划调整表单的大小。上一页下一页返回9.2网页制作④按表单的设计要求，在相应的位置插入对应的表单域。例如:“姓名:”，选择菜单栏中的“插入|表单|文本枢”插入“文本枢”表单域，可以根据输入字符的多少调整文本枢大小。用同样的方法插入其他的表单域;“个人爱好:”，选择菜单栏中的“插入|表单|复选枢”菜单命令，插入一个“复选枢”;“意见和建议:”，选择菜单栏中的“插入|表单|文本区”菜单命令，插入一个文本区，并调整大小。上一页下一页返回9.2网页制作⑤表单域建立好以后，系统会自动给出一个默认的表单域名，如第一个“文本框”表单域的名字是S1。如有必要，可右击相应的表单域，在弹出的快捷菜单中选择“表单域属性”，在属性对话框中进行属性的设置。如图9-25所示是“文本区”S1表单域属性设置对话框，如图9-26所示是“下拉列框”D1表单域属性设置对话框，“下拉框”必须添加选项值。⑥保存表单网页。上一页下一页返回9.2网页制作

3)处理表单结果填好表单后，单击“提交”按钮，可以将表单结果发送表单处理程序，表单处理程序对表单中的数据进行处理。表单处理程序对表单的处理有4种方式:使用文本文件保存，使用电子邮件发送表单结果，将表单发送到一个指定的数据库，发送给其他对象。在默认的情况下，表单文件将自动存放网站中private目录下，文件名为“form-r

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论