1、Frontpage网页设计,FrontPage2003,新建网页/网站,打开网站，编辑网页,内容提要,基本网页编辑 图形的插入和图形格式 创建超链接（超链接、书签、热点） 网页的布局（表格和框架） 创建和使用表单 使用网页层次组件,FrontPage,网页，站点，及架设网站的区别 网页和站点制作的基本步骤 站点创建的基本方法 认识FrontPage 管理和组织网页 网页编辑,网页/站点,网页通常成组出现，并且这组网页之间通过超链接相互组织成为反映某个主题的站点。,提高下载速度 超文本地址引用方便 Web页没有固定的长度,认识FrontPage,FrontPage是一种“所见即所得”的网站管理和
2、网页制作的工具。其主要功能有:,新建和修改一个网页新建一个站点在网页中插入一些动态元素设置动态效果设置网页过渡效果可以直接导入Office其他工具的文件提供网站管理信息和统计资料,FrontPage,基本网页编辑,既可以在站点中创建新网页，也可以创建独立的网页。Microsoft FrontPage 内置的各类模板可以帮助我们创建不同类型的网页。,网页视图中进行文本的录入和word类似，也可以在网页中插入任何一种基于文本的文件，包括 .htm 文件、.asp 文件、.rtf 文件和 .txt 文件，以及任何 Microsoft Office 文档。,新建、打开、保存网页,添加文本和插入素材文件
3、,基本网页编辑,在 FrontPage 中，可以像使用Word 的方式来设置文本格式，如更改字体、大小、样式、颜色、段落间距和文本的垂直位置，以及添加诸如下划线的效果。,FrontPage的插入菜单可以插入四种类型的特殊元素：换行符、水平线、符号和注释。,设置文本格式,插入特殊网页元素,基本网页编辑,项目符号和编号是组织数据的工具，它可以使数据层次分明、重点突出。,使用项目符号和编号,用浏览器预览网页,使用背景色和背景音乐,图形的插入,图形的插入：使用“插入” /“图片”命令，可插入剪贴画库中的图片 ，本地磁盘的图片文件、网上的图片、站点中的图片。直接拖曳来改变图片的大小使用图片属性对话框来设
4、置图片的替代文字、图片边框使用图片工具栏编辑图片,建立超链接,创建超链接：超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页或同一网页中的其他位置，也可以是一幅图片、一个电子邮件地址、一个文件（如多媒体文件或者 Microsoft Office 文档）或者一个程序。 超链接的创建：在网页视图模式下，选中用作超链接的文本或图片，然后选择“插入” /“超链接”命令，弹出创建超链接对话框，在此对话框中设置。,其他Web服务器上的网页文件本地机器中网页文件同一个网页文件中（书签）,网页的布局,表格和框架是网页布局的常用工具。 表格在网页制作中的作用已经超越了传统意义上的存放数据，表格
5、已成为组织数据、排列网页元素空间位置最为灵活的方法。 框架也是一种常用的网页布局方法，它将浏览器窗口划分为功能独立的多个区域，每个框架显示一个网页内容，并且通过框架中的超链接可以更改显示在另一个框架中的网页文件。,表格的创建,菜单命令“表格”/“手绘表格”,使用“插入表格”按钮,菜单命令“表格”/“插入”/“表格”,先绘制出表格的轮廓，然后绘制表格的单元格, 由此可以创建一个不规则的表格。,用指定表格属性的方式创建表格，这些属性包括表格的行数和列数、表格宽度、对齐方式、边框粗细，以及单元格边距和间距。,通过指定列数和行数来快速创建一个规则的空表。,框架布局,框架是一种将浏览器窗口划分为功能独立
6、的多个区域的常用方法。框架集定义每个框架的大小、位置、名称和初始网页，普通网页提供每个框架的内容。一个框架的超链接可以更改显示在另一个框架中的网页。,框架集是一种特殊的网页，该网页定义了整体的框架布局，但不提供实际内容。,框架名称 初始网页 rtop com-t.html rbottom com-m.html Left com-1.htm,框架集,框架的创建和保存,新建框架网页,框架组成,在框架中加入网页,边框、滚动条、网页,1）建立新网页 2）指定已经存在的网页,保存框架页,“文件” /“另存为”,“文件” /“新建” /“网页” ，选择“框架网页”标签,框架属性设置,框架/框架属性,网页名
7、称 初始网页 框架大小,边距 滚动条 框架的可调整性 间距,相对大小：3和7,框架之间的超链接,在框架网页中，单击某框架内网页上的超链接时，被超链接所指定的网页通常在另一个框架中打开，这个框架称为目标框架。在框架中设置超链接功能，和普通网页之间超链接有一个重要的不同点是要指定该超链接指向的网页将出现在哪个框架中，而这个框架被称为超链接的目标框架。,插入/超链接,给予网页一致性外观,主题 共享边框 导航栏,本网站应用了渐蓝型主题、所有网页设置了上部的共享边框、在共享边框区域中设置了导航栏，这样这个网站具有了统一的视觉效果。,主题,主题是一组可应用在网页上的设计元素和颜色方案，其中包括字体、图形、
8、背景、导航栏、水平线和其他网页元素。 主题赋予网页一致和引人注目的外观。使用主题是快速、容易地加入精采的网页内容和赋予网页专业外观的方法。FrontPage 包含很多可以立即使用的主题，也可以修改这些主题以满足个体的需求。,“格式” /“主题”,加入主题 实现主题 修改主题,使用网页层次组件,组件是FrontPage提供的智能对象，制作人员使用它们来增加站点的功能。 大部分组件需要将网页保存到FrontPage站点才会生效，或者需要站点服务器运行特殊的软件。,横幅广告管理器:自动产生动画效果,类似街道上 的广告牌 滚动字幕:在一个方框中,里面的文字不停地沿一个 方向滚动或来回滚动 悬停按钮：一种可以变化的按钮 网站计数器：显示站点被访问的次数,组件的使用,滚动字幕:插入组件字幕站点计数器:插入组件站点计数器悬停按钮:插入组件悬停按钮,
