FrontPage2018网页设计工具培训教材.pptVIP

第九章 FrontPage2000网页设计工具 ;§2 FrontPage2000的组成 ;一、菜单栏 菜单栏包括文件、编辑、查看、插入、格式、工具、表格、框架、窗口、帮助等十个菜单组。 选择不同的菜单项，就可以执行不同的操作。 ;二、工具栏 FrontPage把常用的一些操作以工具按钮的形式放在工具栏中，方便用户操作。 三、视图栏 FrontPage2000共有六种视图，视图栏是用来切换视图的。使用不同的视图可以从不同的侧面查看设计的Web站点。 ;1．网页视图 网页视图是用来显示选中的网页，网页的创建、编辑、预览等基本操作都在网页视图中进行。双击文件夹列表中的某个HTML文件，在工作区就会显示该网页的内容。 2．文件夹视图 文件夹视图以列表的形式列出当前的Web站点的文件夹里所包含的文件。 3．报表视图 报表视图给出站点的一些统计信息。 ;4．导航视图 通过导航视图可以方便地组织站点中各网页的层次关系，如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来 5．链接视图 超链接视图是用来查看选中网页中设置的超链接情况。 6．任务视图 任务视图里放着关于站点维护的任务列表，如果站点需要由多人维护，他们就可以通过任务列表知道工作的进展情况。 ;四、工作区 在工作区可以完成创建、维护和管理WEB站点的全部工作。 五、网页显示模式 网页显示模式有普通、HTML和预览三种模式。在普通模式下可以编辑网页的内容以及设置各种格式。在HTML模式下可以看到当前编辑的网页的HTML文本文件，如熟悉HTML语言则可进行修改编辑。在预览模式下，可以看到当前编辑的网页在浏览器中的显示实况，但不能编辑网页。 ;§3 FrontPage网页设计基础 一、网页设计常用术语 1．统一资源定位器 统一资源定位器（URL）是指网络上某一资源的完整地址，是网络上不同的服务器或同一服务器上不同网页的标志。 例如：以下是一个完整的URL http://www.Ecit.Edu.Cn/Network/Index.asp ;2．网络文件与网站 网络文件：是一个存放在网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体， 站点（网站）：用来描述一组完整的信息。网络文件与服务器共同构成。 ;3．网页与主页 网页：网络文件的基本组成部分。网页中可以有文字、表格、图象、声音和视频等信息。 主页：既像普通网页一样，可以存放各种信息。又是一个特殊的网页，它是整个网络文件的起始点和汇总点。 ;二、创建站点 1．创建站点 选择菜单栏中的“文件”、“新建”、“站点”菜单，在“新建”站点对话框中，选择站点的类型，并指定新站点位置和名称，单击“确定”按钮。 站点创建好后，会自动创建_Private和_images两个文件夹以及index.htm主页。 ;2．站点设置 单击“工具”、“站点设置”命令，在打开的如下图所示的“站点设置”对话框中，进行各个选项卡的设置。 ;二、创建网页 1．规划和设计网页 （1）站点主题 （2）站点主页 “Index.htm”主页文件 （3）站点素材 文字、图形、图像、动画、视频及声音等 （4）设计Web的结构 ;2．网页布局 网页的布局：包括页面的整体风格、各种页面元素的排列方式以及文本、图形的格式等规划。是网站工作的重要组成部分。 （1）页面尺寸 页面尺寸与显示器的大小及分辨率有关。分辨率越高，页面显示尺寸越大。 在网页设计过程中，一般不要使网页的尺寸超过二屏。 ;（2）网页布局的技术 1）表格布局 表格的制作、应用、编辑与在Word中相同。 后面将详细介绍;2）框架布局 框架布局的特点是可以把一个网页页面分成几个独立的区域，每个区域就像一个独立的网页，可以实现在一个网页内显示多个HTML文件的功能。 后面将详细介绍 ;3．创建网页 在对网页进行了规划和设计后，单击“文件”、“新建”、“网页”，在“新建”对话框中，你可以根据网页的要求，选择“常规”、“框架网页”、“样式表”中的任何一种格式来创建网页。 ;§4 FrontPage网页设计初步 一、文字编辑 网页中的文字输入及格式的设置与Word相同。 常见的文字编辑工作： 字体、字号、颜色、字符间距、特殊效果、边框底纹。查找、替换功能 ;二、段落格式 设置方法也与Word相同。 段落格式的基本设置： 对齐方式、行距、间距等。;三、项目符号和编号 设置文档的项目符号和编号