《最详细的FrontPage2003PPT课件》由会员分享,可在线阅读,更多相关《最详细的FrontPage2003PPT课件(53页珍藏版)》请在金锄头文库上搜索。
1、网页制作软件 -FrontPage2003*2计算机文化基础课前回顾网站与网页2021/6/722021/6/732021/6/742021/6/752021/6/762021/6/772021/6/78*9计算机文化基础vHTML网页的结构v现在我们先看一个简单的HTML文件,从中体会用HTML语言编写网页时的层次结构。v【例9-1】用HTML语言编写一个简单的网页。我的第一个Web页欢迎进入HTML世界!这里我们首先介绍HTML语言的基本知识和语法。然后,讲授如何使用HTML语言编写您的Web页面。2021/6/79FrontPage2003是Office2003组件之一,运行与启动Off
2、ice其他软件相同。启动成功后,出现的初始画面可能因机器使用情况的不同而不同,菜单部分与Office中的其他软件相似,最大区别是工作区的左端有一个视图栏,包含:网页、文件夹、报表、导航、超链接、任务。8.1 认识FrontPage20032021/6/710图8-1 FrontPage2003启动后显示页面 2021/6/711视图1网页。编辑网页需在“网页”视图中进行。在“网页”视图中,有“设计”、“拆分”、“代码”和“预览”4张选项卡。 2远程网站视图。同步此网站和远程网站之间的文件。3文件夹视图。用于管理站点中的文件和文件夹。4报表视图。分析网站并管理其内容。5导航视图。显示站点的导航结
3、构,用于对站点结构的管理。6超链接视图。用于显示站点中每一页的超链接。 7任务视图。用于创建和管理站点中的任务。2021/6/712图8-3 个人就职网站主页2021/6/7138.2.2站点的创建所谓站点 就是多个相关网页通过各种链接关联起来的集合。在使用FrontPage 2003设计网页之前,应建立一个本地站点,用来管理创建的网页。 2021/6/714在FrontPage2003的主窗口下,单击菜单栏上的“文件”,在弹出的下拉菜单中选中“新建”,在窗口的右边出现“新建”面板,在新建项中选择“其他网站模板”。在“站点”列表框中,选中“只有一个网页的网站”图标,并在右边“指定新网站的位置”
4、框中,输入新站点的名称。如图8-4“网站模板”对话框。图8-4 “网站模板”对话框 2021/6/715网页的基本编辑一、新建一个网页在FrontPage2003的主窗口中,单击“视图”栏上的“网页”视图,使当前处于网页视图模式下。单击菜单栏上的“文件”,在弹出的下拉菜单中选中“新建”,在窗口的右边出现“新建”面板,在新建网页项中选择“其他网页模板”。打开如图8-4所示的“网站模板”对话框。单击“常规”选项卡,在列表框中显示了FrontPage2003提供的创建网页的11种模板,包括有普通网页、表单网页向导、常见问题、目录、确认表单等。使用各类模板可以创建不同的网页。2021/6/716网页属
5、性设置 网页的属性包括网页的背景颜色、图片、网页的标题和网页的页边距等。选择菜单“文件”“属性”命令或在页面空白处右键单击选择“页面属性”命令则可以在弹出的对话框中进行设置,网页的标题、背景音乐、背景、背景图片、网页边距等2021/6/717图8-5网页属性对话框2021/6/718*19计算机文化基础高级属性2021/6/719文本设置一、输入文本可选择两种方式:第一种是和在Word一样,可以直接在FrontPage2003的普通视图中输入文字,文字的编辑修改和Word基本一样;第二种是可以通过复制和粘贴从其他地方复制文字。二、设置文字及段落格式文字格式,包括“字体”、“字型”、“大小”、“
6、颜色”、“效果”以及字符间距的设置,以直接在格式工具栏中进行,也可以选择菜单“格式”“字体”命令,也可以选择字符后右键单击选择“字体”命令。弹出如图8-7所示对话框。2021/6/720图8-7文字格式对话框 2021/6/7218.2.6网页元素的插入一、插入换行符网页中插入换行符可将网页中的一段网页内容断开。FrontPage中的换行分成“隔行换行“(两行之间有空行)和“紧凑换行”(两行间没有空行)两种,这两种换行符的插入方法分别是:(1)插入“隔行换行”。直接在插入点按Enter键。(2)插入“紧凑换行”。先定位插入点,选择“插入”菜单“换行符”命令,或按Shift+Enter组合键。2
7、021/6/722二、插入水平线 方法:光标定位于表格第二行,单击“插入”菜单“水平线”命令,就可以在第二行中插入水平线。单击刚插入的水平线,右键单击在快捷菜单中选择“水平线属性”。如图8-8水平线属性对话框。图8-8水平线属性对话框 2021/6/723三、插入图片插入图片将插入点定位欲插入图片位置,选择“插入”菜单上的“图片”命令。从“图片”子菜单中选择“来自文件”命令,在对话框寻找需要的图片文件,单击“确定”按钮插入图片。在图片上右键单击,在快捷菜单中选择“图片属性”,在图片属性对话框中可以设置图片属性。如图8-9插入图片对话框。2021/6/724图8-9 插入图片对话框2021/6/
8、725四、层操作1插入层方法是:“插入”菜单“层”命令。然后鼠标在1行2列上拖动即可。2选择层可以单击层的选择手柄、单击层边界等方法,选择多层时候可以使用shift键来配合使用。3调整层大小选中层,然后在属性面板中输入宽度和高度值。或直接用鼠标的在层的八个控点上拖动调整大小。4移动层无论是移动一个或多个层,先选中层,用鼠标拖住最后一个选中层的手柄随意移动。 2021/6/726 8.2.7超链接超链接概念:超链接是指站点内不同网页之间、站点与站点之间的一种链接关系,它不仅使站点内的每一个网页有机地联系在一起上,而且使不同的站点之间建立了联系。使用超链接,浏览者可以从一个网页转到另一个网页,从一
9、个站点转到其他的站点。除了指向网页和和站点,超链接还可以指向图片、电子邮件地址、多媒体文件,甚至可以指向一个程序。2021/6/727一、为文本创建超链接1链接到网页首先选定要建立超链接的文本,单击“插入”“超链接”命令,或右键单击选定的文本在快捷菜单中选择“超链接”,打开如图8-10所示的“插入超链接”对话框。根据超链接的目标,用户可以从列表框中选定某个网页文件,也可以直接在“地址”文本框(URL)中输入要链接的目标地址,还可以单击图标,从弹出的“选择文件”对话框中选定链接的目标文件。选定的目标文件地址均会出现在地址文本框(URL)中。2021/6/728图8-10插入超链接对话框 2021
10、/6/7292链接到其他网站的网页方法如下:(1)首先选定要建立超链接的文本,单击“插入”“超链接”命令,或右键单击选定的文本在快捷菜单中选择“超链接”,打开如图8-10所示的“插入超链接”对话框。(2)在“编辑超链接”对话框中的地址文本框中输入所需要链接的其他网站的网页如“http:/ 当前网页是新建的网页并且尚未保存,则单击“常用”工具栏中的“保存”按钮,在弹出的“另存为”对话框中找到并双击要保存网页的文件夹,然后在“文件名”下拉列表框中输入网页的文件名“index.htm”,再单击“保存”按钮即可。如果当前网页是从当前网站打开的,则单击“常用”工具栏中的“保存”按钮即可。如果当前网页是从
11、当前网站之外的位置打开的,则单击“文件”|“另存为”命令,在弹出的“另存为”对话框中找到并双击要保存网页的文件夹,并在“文件名”下拉列表框中输入网页的文件名,最后单击“保存”按钮即可。2021/6/7348.2.4表格一、插入表格在“表格”菜单“插入”级联式菜单中选择“表格”命令,出现如图8-6所示。单击“确定”就可以网页中插入表格。图8-6插入表格属性对话框 2021/6/735二、设置表格属性v表格属性设置若想设置表格的边框粗细、颜色以及表格的背景可指向表格,用鼠标右键单击表格,在弹出快捷菜单中选择“表格属性”命令,打开“表格属性”对话框如图8-6所示。大小:设置表格的行列数目。布局:设置
12、表格的对齐方式、边框粗细(无边框为0)、单元格边距(表格内单元边框线之间的距离)、单元格间距(单元格内容与边框线之间的距离)。指定宽度:指定宽度前,则在复选框前打上“”,宽度单位有两种分别为像素和百分比,百分比是相对浏览器而言,像素则为绝对值。2021/6/736三、编辑表格 1.选定表格对象 选定单元格,执行“表格”“选定” “单元格”命令;选定行、列或整个表格,在“表格”“选定”中选择相应的命令即可。2.插入、删除表格对象 插入行或列,可以使用“表格”“插入” “行或列”命令,也可以用鼠标右击表格后在快捷菜单中选择相应的命令。如果要删除行或列,只要选定行或列后单击“表格” “删除单元格”命
13、令即可删除。3.合并、拆分单元格 合并、拆分单元格的操作可以通过“表格”菜单的“合并单元格”或“拆分单元格”命令来完成。也可以通过右击鼠标后在弹出的快捷菜单中选择相应的命令进行。 4.设置表格或单元格属性 将打开“表格属性”或“单元格属性”对话框,或右击鼠标弹出快捷菜单。 2021/6/737三、书签的设置和使用利用书签实现网页内部跳转。(1)选定要插入书签的位置。(2)单击“插入”“书签”命令,弹出“书签”对话框。在对话框内输入书签名后单击“确定”按钮,即可创建一个书签。(3)建立书签后,就可以创建链接到该书签的超链接。创建的方法和建立超链接的方法相同,只是选择书签作为超链接的目标。2021
14、/6/7388.2.8表单表单是用来收集浏览者的用户名、密码、E-mail地址、个人爱好和联系地址等用户信息的输入区域集合。图8-12公司概况表单 。FrontPage2003提供了文本框、文本区、单选按钮、复选框、下拉框、提交按钮和重置按钮等丰富的表单域。图8-12公司概况表单 2021/6/739v一、插入表单单击“插入”“表单”“表单”命令,在网页上插入一个表单。在表单内输入所需的文本,例如“姓名”、“性别”等,然后在对应的位置插入表单对象。图8-13表单域类型 2021/6/740v二、表单域的类型1文本框 2下拉菜单 3复选框 4选项按钮 5文本区6按钮2021/6/7418.2.9
15、框架式网页框架网页是种特殊的网页,它可将浏览器窗口分成不同的区域,每个区域都可以显示不同的网页。1创建框架单击菜单栏上的“文件”,在弹出的下拉菜单中选中“新建”,在窗口的右边出现“新建”面板,在新建项中选择“其他网站模板”。然后在弹出的“网页模板”对话框中选择“框架网页”选项卡,如图8-14所示。 2设置框架属性鼠标右击某个框架后,在弹出的快捷菜单中可以设置“框架属性”。2021/6/742图8-14新建框架网页对话框 2021/6/743二、显示或隐藏框架线在创建网页时,有时为了达到特殊的显示效果,可以将框架线去掉。选择“文件”菜单上“属性”命令,打开“网页属性”对话框,然后选择“框架”选项
16、卡。用户还可以在设置每个框架的属性时,单击“框架属性”对话框中的“框架网页”按钮,显示边框前“”去掉就可以隐藏框架线。2021/6/744三、框架网页的保存在多框架网页中,每个框架都将单独形成一个文件,整个网页也需要一个文件。在图8-15中建立的框架网页含有3个框架,将产生4个文件。保存时,单击“文件”“保存”命令,会出现4次“另存为”对话框,“另存为”对话框预览区将指示所保存的框架对象。保存一个框架的网页后,FrontPage 2003会对每一个尚未保存的新网页或框架网页重复进行此操作,直到全部网页和框架网页都保存为止。 2021/6/745图8-15保存框架网页对话框 2021/6/7468.2.10动态效果v 二、特殊效果FrontPage2003的组件功能可以为网页加入动态效果,设计出生动活泼的Web网页。1字幕2站点计数器3交互式按钮4设置网页过渡方式5.设置动态HTML效果2021/6/7478.2.11站点的发布v 一、测试网页网页制作完成后还需要对网页进行测试,以检查每个网页的功能是否实现,超链接是否正确等。1拼写检查拼写检查是网页测试时最基本的一项检查,可以使用Fro