《六年级下信息技术课件进入Frontpage辽师大版》由会员分享，可在线阅读，更多相关《六年级下信息技术课件进入Frontpage辽师大版（72页珍藏版）》请在金锄头文库上搜索。
1、FrontPage 2003 1 1 1 1、常用网页制作软件介绍常用网页制作软件介绍常用网页制作软件介绍常用网页制作软件介绍 2 2 2 2、 WWW WWW WWW WWW 的基本知识的基本知识的基本知识的基本知识3 3 3 3、 HTMLHTMLHTMLHTML语言简介语言简介语言简介语言简介 4 4 4 4、 FrontPage 2003FrontPage 2003FrontPage 2003FrontPage 2003 应用应用应用应用主要内容主要内容1.常用网页制作软件介绍常用网页制作软件介绍 1.1 1.1 什么是网页什么是网页 用用HTMLHTML语言编写的文件称为语言编写的文
2、件称为HTMLHTML文件，以页面的形式呈文件，以页面的形式呈现在用户的屏幕上。现在用户的屏幕上。（1 1） DreamweaverDreamweaver： 所见即所得所见即所得 的网页编辑工具；的网页编辑工具；（2 2） FireworksFireworks：针对网络图形设计的工具软件；：针对网络图形设计的工具软件；（3 3） FlashFlash：矢量图形编辑和交互式动画制作软件；：矢量图形编辑和交互式动画制作软件；1.2 1.2 网页制作常用软件网页制作常用软件网页三剑客网页三剑客11.常用网页制作软件介绍常用网页制作软件介绍 FrontPage FrontPage 20032003是是
3、微微软软公公司司最最近近推推出出的的Microsoft Microsoft Office Office SystemSystem套套装装软软件件的的重重要要组组成成部部分分。FrontPageFrontPage是是一一款款所所见见即即所所得得的的网网页页制制作作软软件件，该该软软件件以以其其强强大大的的向向导导功功能和简单易用而著称；能和简单易用而著称；1.2 1.2 网页制作常用软件网页制作常用软件FrontFrontPage 2003Page 2003 21.常用网页制作软件介绍常用网页制作软件介绍 2. WWW 的基本知识的基本知识2.1 2.1 网站网站存放网页的服务器存放网页的服务器
4、 。2.2 2.2 网址网址网页的地址。网页的地址。 基本结构：服务器基本结构：服务器 目录目录 文件名文件名2.3 2.3 常见的三种网页常见的三种网页ASP（Active Server Pages)JSP (JavaServer Pages)PHP (Hypertext Preprocessor) 2. WWW 的基本知识的基本知识3.1 HTML3.1 HTML（超文本标记语言超文本标记语言） 是网页技术的基础，它使用一些约定的标记（是网页技术的基础，它使用一些约定的标记（tagtag）对文对文本进行标注，定义网页的数据格式，描述本进行标注，定义网页的数据格式，描述WebWeb页中的信息
5、，页中的信息，控制信息的显示。控制信息的显示。 HTMLHTML语言编写的文件称为语言编写的文件称为HTMLHTML文件文件。用。用HTMLHTML语言编写的语言编写的网页实际上是一种文本文件，网页实际上是一种文本文件，它以它以. .htmhtm或或.html.html为扩展名为扩展名，可以可以使用任何文本处理软件（例如：记事本）编写使用任何文本处理软件（例如：记事本）编写。3. HTML语言简介语言简介例例1-1-文本布局示例文本布局示例3. HTML语言简介语言简介初识初识HTMLHTML：例：例3-3-表格示例表格示例3. HTML语言简介语言简介3.2 HTML3.2 HTML文件的基
6、本构成文件的基本构成（1 1）文本内容：含有需要展现的具体信息。）文本内容：含有需要展现的具体信息。（2 2）HTMLHTML标记：负责控制文本显示的外观和版式。标记：负责控制文本显示的外观和版式。3. HTML语言简介语言简介3.3 HTML3.3 HTML标记的书写格式标记的书写格式（1 1）标记名文本内容标记名）标记名文本内容标记名（2 2）标记名）标记名 属性属性1=1=值值1 1 属性属性2=2=值值2 2 文本内容文本内容 标记名标记名3. HTML语言简介语言简介标标记记名名写写在在“ ”内内。多多数数HTMLHTML标标记记同同时时具具有有起起始始和和结结束束标标记记，并并且且
7、成成对对出现。出现。HTMLHTML标记不区分大小写。标记不区分大小写。其其中中标标记记名名和和属属性性之之间间用用空空格格分分隔隔。如如果果标标记记有有多多种种属属性性，属属性性之之间间也也要要用空格分隔。用空格分隔。3.4 HTML3.4 HTML网页的结构网页的结构 （1 1）头部（头部（HeadHead）：）：由由和和标记定义。标记定义。（2 2）正文主体（正文主体（BodyBody） ：由：由和和标记定义。标记定义。3. HTML语言简介语言简介3. HTML语言简介语言简介3.5 HTML3.5 HTML3.5 HTML3.5 HTML网页的文本布局标记网页的文本布局标记网页的文本
8、布局标记网页的文本布局标记一般一般HTMLHTML文件都是以文件都是以开头，以开头，以结束。结束。1 1）头部（头部（HeadHead） HTMLHTML文文 件件 的的 头头 部部 由由 和和 /head 标标 记记 定定 义义 。，它用于定义网页文件的标题。，它用于定义网页文件的标题。2 2）正文主体（）正文主体（BodyBody）由由和和标记定义。标记定义。body =#n color=#n其中，其中，bgcolorbgcolor为背景颜色为背景颜色，colorcolor为文本颜色为文本颜色。n n为六位十六进制数为六位十六进制数。如果网页使用背景图像，格式如下：如果网页使用背景图像，格
9、式如下：body 3. HTML语言简介语言简介1. 文本布局文本布局1）段落标记）段落标记标记指定文档中一个独立的段落。标记指定文档中一个独立的段落。align属性属性，控制段落的对齐方式，其值可以是，控制段落的对齐方式，其值可以是left、center、right、justify，分别表示左对齐、居中、右对分别表示左对齐、居中、右对齐和两端对齐，默认值为左对齐。齐和两端对齐，默认值为左对齐。 2）换行标记换行标记 标记可以强制文本换行。该标记只有标记可以强制文本换行。该标记只有起始标记起始标记。3）水平线标记水平线标记水平线标记水平线标记用于在网页中插入一条水平线。用于在网页中插入一条水平
10、线。案例回顾案例回顾3. HTML语言简介语言简介2. 文字格式文字格式1）标题标记）标题标记 标题文字内容标题文字内容 其中其中n取值范围为取值范围为1到到6的数字。其中的数字。其中h1文字最大，文字最大，h6文字最小。文字最小。2）字形标记）字形标记字形标记用于设置文字的粗体、斜体、字形标记用于设置文字的粗体、斜体、下划线、上标、下标等。下划线、上标、下标等。标记格式标记格式字形结果字形结果粗体粗体斜体斜体下划线下划线上标上标下标下标3. HTML语言简介语言简介3）字体标记）字体标记 （1）size属性属性：用来控制文字的大小用来控制文字的大小n的取值范围为的取值范围为17的数字，默认值
11、为的数字，默认值为3。标记和标记和标记都可以控制文字的大小。一般情况下，文章的标记都可以控制文字的大小。一般情况下，文章的标题最好由标题最好由标记控制，而其余的文字由标记控制，而其余的文字由标记控制。标记控制。（2）color属性：用来控制文字的颜色属性：用来控制文字的颜色 其中其中n是一个十六进制的六位数。是一个十六进制的六位数。（3）face属性：用来指明文字使用的字体属性：用来指明文字使用的字体 其中字体名的选择由其中字体名的选择由Windows操作系统安装的字体决定。如：宋体、操作系统安装的字体决定。如：宋体、楷体楷体_GB2312、Times New Roman、Arial等。等。3
12、. HTML语言简介语言简介3. 插入图片插入图片 标记将图片插入网页中，用于设置图片的大小以标记将图片插入网页中，用于设置图片的大小以及相邻文字的排列方式。及相邻文字的排列方式。（1）src属性：指明图片文件所在的位置。属性：指明图片文件所在的位置。 其中其中URL指图片文件存放的位置。指图片文件存放的位置。（2）alt属性：图片的文字说明，当鼠标指针指向图片时，属性：图片的文字说明，当鼠标指针指向图片时，该图片的说明性文字弹出。该图片的说明性文字弹出。 （3）width和和height属性：设置图片显示区域的宽度和属性：设置图片显示区域的宽度和高度。高度。 其中其中width和和heigh
13、t属性的取值属性的取值n1和和n2，可以是像素数可以是像素数或百分比。或百分比。3. HTML语言简介语言简介（4）border属性：设置图片文件的边框。属性：设置图片文件的边框。 其中其中n为像素数。为像素数。（5）align属性：设置图片相对于文本的位置关系。属性：设置图片相对于文本的位置关系。 对齐方式可以是：对齐方式可以是： top（顶端对齐顶端对齐）、）、middle（相对垂直居中相对垂直居中）、）、bottom（相对底边对齐相对底边对齐）、）、left（左对齐左对齐）、）、right（右对齐右对齐）、）、texttop（文本上方）等。文本上方）等。3. HTML语言简介语言简介4.
14、 插入超链接插入超链接和和标记用于设置网页中的超链接，标记用于设置网页中的超链接，href属性指明被超链接的文件地址。属性指明被超链接的文件地址。 超链接文本超链接文本 用于表示超链接的文本一般显示为蓝色并用于表示超链接的文本一般显示为蓝色并且加下划线。且加下划线。 若使用图片做超链接：若使用图片做超链接： 案例回顾案例回顾3. HTML语言简介语言简介5. 使用表格使用表格定义表格的有关标记如下：定义表格的有关标记如下： 定义表格区域定义表格区域。 定义表格标题定义表格标题。 定义表格头定义表格头。 定义表格行定义表格行。 定义表格单元格定义表格单元格。border属性用于设置表格边框的宽度
15、；属性用于设置表格边框的宽度；width、height属性用于设置表格或单元格的宽度、高度；属性用于设置表格或单元格的宽度、高度；cellspacing和和cellpadding属性分别用于设置单元格之间的间隙属性分别用于设置单元格之间的间隙和单元格内部空白；和单元格内部空白；align属性用于设置表格或单元格的对齐方式；属性用于设置表格或单元格的对齐方式；bgcolor和和background属性分别用于设置表格的背景颜色和背景属性分别用于设置表格的背景颜色和背景图像。图像。3. HTML语言简介语言简介例例1-1-文本布局示例文本布局示例例例2-HTML2-HTML网页的其它标记网页的其它
16、标记 3. HTML语言简介语言简介例例2-HTML2-HTML网页的其它标记网页的其它标记 3. HTML语言简介语言简介初识初识HTMLHTML：例：例3-3-表格示例表格示例3. HTML语言简介语言简介4. FrontPage2003 应用应用FrontPage2003 FrontPage2003 建站欣赏建站欣赏4. FrontPage2003 应用应用4.1 FrontPage20034.1 FrontPage2003的界面的界面标题栏菜单栏常用工具栏格式工具栏视图栏标记栏工作区4. FrontPage2003 应用应用 FrontPage 2003提供了四种网页视图模式：设计视图
17、代码视图预览视图拆分视图4. FrontPage2003 应用应用4.2 4.2 创建站点创建站点 站点是指一个专门用来存放网站文件的站点是指一个专门用来存放网站文件的文件夹，需要一个名字和一个根目录，以后文件夹，需要一个名字和一个根目录，以后所有站点的文件都将存放在这个根目录下。所有站点的文件都将存放在这个根目录下。4. FrontPage2003 应用应用4.2 4.2 创建站点创建站点站点的创建有以下几种方法：站点的创建有以下几种方法：利用向导创建利用向导创建 利用模板创建利用模板创建 12自定义站点自定义站点 34. FrontPage2003 应用应用“文件”-“新建”-“新建”任务
18、窗格中-“新建网站”-“由一个网页组成的网站”-“网站模板”-“指定新网站的位置”。网网页页视视图图1文文件件夹夹视视图图2报报表表视视图图3导导航航视视图图4超超链链接接视视图图5任任务务视视图图64.3 4.3 网站视图网站视图 网页视图是网页视图是FRONTPAGE 最常用的视图，最常用的视图，网页的创建、网页的创建、编辑、预览等编辑、预览等都在该视图中都在该视图中进行。进行。 文件夹视图文件夹视图下，站点显示下，站点显示为一组文件和为一组文件和文件夹，可在文件夹，可在此视图中创建、此视图中创建、移动和删除文移动和删除文件或文件夹。件或文件夹。 报表视图可报表视图可以方便的了解以方便的了
19、解当前站点的文当前站点的文件内容、更新件内容、更新链接情况、组链接情况、组件错误，所有件错误，所有文件列表及变文件列表及变化情况。化情况。 导航视图可导航视图可以方便地观察以方便地观察站点的链接结站点的链接结构，以层状组构，以层状组织结构图得形织结构图得形式显示式显示。 超链接视超链接视图将当前站点图将当前站点显示为链接文显示为链接文件的一个网络，件的一个网络，它就象一张地它就象一张地图，表明站点图，表明站点中的超级链接中的超级链接 任务视图任务视图主要用来创建主要用来创建和管理任务，和管理任务，列出了当前站列出了当前站点尚未完成的点尚未完成的任务任务。4. FrontPage2003 应用应
20、用新新建建：“文文件件”-“新新建建”-“新新建建”任任务务窗窗格格-“新建网页新建网页”-“其他网页模板其他网页模板”。打打开开：“文文件件”-“打打开开”或或“常常用用”工工具具栏栏的的“打打开开”按钮，在弹出的按钮，在弹出的“打开文件打开文件”对话框中选择相应的网页；对话框中选择相应的网页；如如需需要要打打开开的的文文件件已已在在打打开开的的网网站站中中，在在文文件件夹夹视视图图中中双双击击该网页图标即可将其打开。该网页图标即可将其打开。保保存存：“文文件件”-“保保存存”或或“常常用用”工工具具栏栏的的“保保存存”按按钮，如需另存可使用钮，如需另存可使用“文件文件”菜单的菜单的“另存为
21、另存为”命令。命令。4.4 4.4 创建网页创建网页4. FrontPage2003 应用应用4. FrontPage2003 应用应用设置文字格式： 选中文字-“格式”-“字体”命令。 虽然可以设置各种美观的字体，但是由于用户只能使用本地计算机中安装的字体显示网页，因此还是使用常见的字体为好。查找、替换、复制、剪切！设置段落格式 按Enter键划分段落。段落之间插入了一个空行。如果只是需要换行，而不是另起一个段落，按Shift+Enter键即可。按Enter键在HTML代码中插入的是标记，而按Shift+Enter键则插入的是标记。4. FrontPage2003 应用应用网页的属性设置设计
22、状态下“文件”-“属性”单击右键选择“属性”4.5 4.5 查看、编辑源代码查看、编辑源代码4.6 4.6 预览所编辑的网页预览所编辑的网页在在FrontPage2003FrontPage2003中预览网页中预览网页1在浏览器中预览网页在浏览器中预览网页24. FrontPage2003 应用应用4.7 4.7 网页中元素的插入网页中元素的插入 插入水平线插入水平线14. FrontPage2003 应用应用 “插入插入”-“水平线水平线”修改：修改：u双击水平线双击水平线u选中水平线右键水平线属性选中水平线右键水平线属性4.7 4.7 网页中元素的插入网页中元素的插入 插入图像插入图像24.
23、 FrontPage2003 应用应用“插入插入”-“图片图片”设置图片属性设置图片属性双击双击图片图片选选中中图图片片-格格式式-属属性性选中选中图片图片右键右键图片图片属性属性编辑图片编辑图片利用图片工具栏旋转等利用图片工具栏旋转等4.7 4.7 网页中元素的插入网页中元素的插入 插入字幕 34. FrontPage2003 应用应用将插入点设置在要插入移动字幕的位置或者选中将插入点设置在要插入移动字幕的位置或者选中作为移动字幕的文本作为移动字幕的文本“插入插入”-“Web组件组件” -“插入插入Web组件组件” -“组件类型组件类型”-“动态效果动态效果”-“字字幕幕”-“完成完成” 4
24、.7 4.7 网页中元素的插入网页中元素的插入 插入交互式按钮插入交互式按钮44. FrontPage2003 应用应用 “插入插入”-“WebWeb组件组件”-“组件类型组件类型”-“动态效果动态效果”-“选择一种效果选择一种效果”-“交互式按钮交互式按钮”-“完成完成” 设置按钮设置按钮字体字体图像图像链接链接4.7 4.7 网页中元素的插入网页中元素的插入 插入站点计数器插入站点计数器54. FrontPage2003 应用应用“插入插入”-“WebWeb组件组件”-“插入插入WebWeb组件组件”-“组件类型组件类型”-“计数器计数器”-“选择计数器样式选择计数器样式”-“完成完成”-
25、“计数器属性计数器属性”4.8 4.8 超级链接超级链接建立文本超级链接建立文本超级链接14. FrontPage2003 应用应用（1）选定要定义超链接的文本，）选定要定义超链接的文本，“插入插入”-“超链接超链接”命令，命令，或单击或单击“常用常用”工具栏上的工具栏上的“超链接超链接”按钮按钮（2）“插入超链接插入超链接”对话框中选择要链接的目标网页，单击对话框中选择要链接的目标网页，单击“确定确定”按钮按钮4.8 4.8 超级链接超级链接建立图像超级链接建立图像超级链接24. FrontPage2003 应用应用（1）选定要定义超链接的图片）选定要定义超链接的图片“插入插入”-“超链接超
26、链接”或单或单击击“常用常用”工具栏上的工具栏上的“超链接超链接”按钮按钮 （2）在对话框中选择要链接的目标网页，单击）在对话框中选择要链接的目标网页，单击“确定确定”按按钮，即可插入超链接。钮，即可插入超链接。4. FrontPage2003 应用应用1.选择需要添加热点的图片在选择需要添加热点的图片在“图片图片”工具栏上，单击长工具栏上，单击长方形、圆形或多边形热点按钮匹配需要的形状。方形、圆形或多边形热点按钮匹配需要的形状。2.在图片上，在图片上，采用鼠标拖动操作画出所选形状采用鼠标拖动操作画出所选形状。画多边形。画多边形时，可单击多边形的第一个角，然后依次单击多边形其他时，可单击多边形
27、的第一个角，然后依次单击多边形其他角的位置，最后双击完成多边形。角的位置，最后双击完成多边形。3.释放鼠标，弹出释放鼠标，弹出“插入超链接插入超链接”对话框，按照插入超链对话框，按照插入超链接中所讲方法创建超链接即可。接中所讲方法创建超链接即可。3建立热点超级链接建立热点超级链接4.8 4.8 超级链接超级链接书签超级链接书签超级链接44. FrontPage2003 应用应用应用书签能够更严格地控制用户到达网页内的某个具体位置。应用书签能够更严格地控制用户到达网页内的某个具体位置。书签是网页中被标记的位置或被标记的文本。书签是网页中被标记的位置或被标记的文本。1 1）插入书签）插入书签（1
28、1）选中作为书签的文本，或将光标定位在要插入书签的位置。）选中作为书签的文本，或将光标定位在要插入书签的位置。（2 2） “插入插入”-“书签书签”-“确定确定”2 2）创建书签超链接）创建书签超链接（1 1）选定要定义超链接的文本或图片；）选定要定义超链接的文本或图片；（2 2）“插入插入”-“超链接超链接”命令，命令，-“链接到链接到”-“本文本文档中的位置档中的位置”，选择要链接的书签；，选择要链接的书签；-“确定确定”4.8 4.8 超级链接超级链接创建电子邮件链接创建电子邮件链接54. FrontPage2003 应用应用（1 1）选择作为电子邮件超链接的文本或图片；）选择作为电子邮
29、件超链接的文本或图片；（2 2）“插插入入”-“超超链链接接”-“链链接接到到”-“电子邮件地址电子邮件地址”-“确定确定”。4.8 4.8 超级链接超级链接下载文件超级链接下载文件超级链接64. FrontPage2003 应用应用（1 1）选择作为文件超链接的文本或图片；）选择作为文件超链接的文本或图片；（2 2）“插插入入”-“超超链链接接”-“选选择择一一个个压压缩缩文文件件”-“确定确定”。 4. FrontPage2003 应用应用1.创建表格有以下三种常用方法：创建表格有以下三种常用方法：（1）“表格表格”-“插入插入”-“表格表格” （2）“常用常用”工具栏的工具栏的“插入表格
30、插入表格”按钮按钮 ，快速插入表格，快速插入表格（3）“表格表格”菜单的菜单的“绘制表格绘制表格”命令，手动绘制表格。命令，手动绘制表格。2. 2. 设置表格属性设置表格属性 将将光光标标定定位位到到表表格格内内部部或或选选中中表表格格, ,“表表格格”-“表表格格属属性性”“表格表格”3. 3. 设置单元格属性设置单元格属性 将光标定位到单元格将光标定位到单元格, ,“表格表格”-“表格属性表格属性”单元格单元格表格的其他操作（插入、删除、调整等）类似与表格的其他操作（插入、删除、调整等）类似与word2003word2003！4.9 4.9 表格在网页布局中的应用表格在网页布局中的应用v单
31、元格间距单元格间距v边框粗细（通常设为边框粗细（通常设为0 0）v单元格边距（通常设为单元格边距（通常设为0 0）几个概念几个概念1表格与单元格属性表格与单元格属性2表格的相关操作表格的相关操作3 插入表格、插入删除插入表格、插入删除行和列、行高与列宽的调行和列、行高与列宽的调整、合并与拆分单元格。整、合并与拆分单元格。4. FrontPage2003 应用应用例例4-4-制作贵州旅游网中的首页制作贵州旅游网中的首页 4. FrontPage2003 应用应用4.10 4.10 框架网页框架网页 在在FRONTPAGE中，可以把一个浏中，可以把一个浏览器窗口分成几个区域，每一个部分可览器窗口分
32、成几个区域，每一个部分可以显示不同的网页。以显示不同的网页。4. FrontPage2003 应用应用例例5-5-框架网页框架网页 4. FrontPage2003 应用应用4. FrontPage2003 应用应用1. 创建框架网页创建框架网页“文件文件” -“新建新建”-“新建网页新建网页” -“其他网页其他网页模板模板”-“网页模板网页模板”-“框架网页框架网页”-“确定确定”2. 保存框架网页保存框架网页1.“文件文件”-“保存保存”命令，或单击命令，或单击“常用常用”工具栏的工具栏的“保存保存”按钮。按钮。2.在在“另存为另存为”对话框右边的框架网页预览图中，深蓝对话框右边的框架网页
33、预览图中，深蓝色的区域或边框指明了框架中正在保存的网页。进行相色的区域或边框指明了框架中正在保存的网页。进行相应设置后，单击应设置后，单击“保存保存”按钮，该网页保存完毕。按钮，该网页保存完毕。3.重复步骤（重复步骤（2），如果某个框架网页通过单击），如果某个框架网页通过单击“设置初设置初始网页始网页”按钮建立与已经存在网页的超链接，则不会弹按钮建立与已经存在网页的超链接，则不会弹出出“另存为另存为”对话框保存该网页。对话框保存该网页。3. 拆分框架拆分框架 “框架”-“拆分框架”-“拆分框架” 按住Ctrl键拖动框架的边框实现拆分框架。4. FrontPage2003 应用应用4. Fron
34、tPage2003 应用应用4. 删除框架删除框架选择要删除的框架，选择要删除的框架，“框架框架” “删除框架删除框架”若框架网页只有一个框架，则不能删除该框架。 5. 设置框架属性设置框架属性选择框架， “框架”-“框架属性” 。4. FrontPage2003 应用应用1. 创建框架超链接选择要创建超链接的文字或图片，选择要创建超链接的文字或图片，“插入插入” -“超链接超链接” “插入超链接插入超链接”对话框中选择要链接的目标网页，单击对话框中选择要链接的目标网页，单击“目标目标框架框架”按钮，出现按钮，出现“目标框架目标框架”对话框；对话框；“当前框架网页当前框架网页”区域中单击要用作
35、目标的框架，单击区域中单击要用作目标的框架，单击“确定确定”按钮，返回到按钮，返回到“插入超链接插入超链接”对话框，在对话框底部标签对话框，在对话框底部标签“目标框架目标框架”后显示设置的目标框架名称；后显示设置的目标框架名称；单击单击“确定确定”按钮，完成框架超链接的创建。按钮，完成框架超链接的创建。4.11 4.11 表单网页表单网页表单的组成表单的组成14. FrontPage2003 应用应用表单中至少要有一个供用户输入信息的域，一个用来把信息发送给服务器的“提交”按钮，一个用来清除域中现有内容的“重置”按钮。4.11 4.11 表单网页表单网页插入文本框插入文本框24. FrontP
36、age2003 应用应用将光标放在要插入文本框的位置， “插入”-“表单”-“文本框”文本框属性设置“格式”-“属性”或者右键“表单域属性”或直接双击文本框4.11 4.11 表单网页表单网页插入文本区插入文本区34. FrontPage2003 应用应用与文本框的不同之处在于文本区中可以接受多行文本与文本框的不同之处在于文本区中可以接受多行文本“插入插入”-“表单表单”-“文本区文本区”4.11 4.11 表单网页表单网页插入复选框插入复选框44. FrontPage2003 应用应用 将光标放在要插入复选框的位置，将光标放在要插入复选框的位置，“插入插入”-“表单表单”-“复选框复选框”在
37、复选框旁键入文字进行说明在复选框旁键入文字进行说明4.11 4.11 表单网页表单网页插入选项按钮插入选项按钮54. FrontPage2003 应用应用将将光光标标放放在在要要插插入入选选项项按按钮钮的的位位置置，“插插入入”-“表单表单”-“选项按钮选项按钮”。“选选项项按按钮钮属属性性”对对话话框框中中，“组组名名称称”用用来来设设置置此此选选项项按按钮钮所所属属组组的的名名称称，如如果果把把多多个个选选项项按按钮编成一组，必须使它们的组名称相同。钮编成一组，必须使它们的组名称相同。4.11 4.11 表单网页表单网页插入分组框插入分组框64. FrontPage2003 应用应用将一组
38、相关的控件或文本与网页或当前表单中的其他信将一组相关的控件或文本与网页或当前表单中的其他信息分开。息分开。 将光标放在要插入分组框的位置，使用将光标放在要插入分组框的位置，使用“插入插入” -“表单表单”-“分组框分组框” “分组框属性分组框属性”对话框中，对话框中，“标签标签”用来设置分组框的用来设置分组框的名称。名称。“对齐对齐”用来设置分组框标签的对齐方式用来设置分组框标签的对齐方式4.11 4.11 表单网页表单网页插入下拉框插入下拉框74. FrontPage2003 应用应用将将光光标标放放在在要要插插入入下下拉拉框框的的位位置置， “插插入入”-“表表单单”-“下拉框下拉框”。4
39、.11 4.11 表单网页表单网页插入按钮插入按钮84. FrontPage2003 应用应用将将光光标标放放在在要要插插入入按按钮钮的的位位置置，“插插入入”-“表表单单”- -“按钮按钮” 对对于于“提提交交”和和“重重置置”按按钮钮来来说说，它它们们的的动动作作是是默默认认的。的。 高级按钮的插入与属性设置与普通按钮基本相同，高级按钮的插入与属性设置与普通按钮基本相同，4.11 4.11 表单网页表单网页提交表单提交表单94. FrontPage2003 应用应用1. 1. 将表单结果保存为文件将表单结果保存为文件 在在表表单单上上单单击击鼠鼠标标右右键键，在在弹弹出出的的右右键键菜菜单
40、单中中选选择择“表表单单属性属性”命令，打开命令，打开“表单属性表单属性”对话框，对话框，4.11 4.11 表单网页表单网页插入表单域插入表单域创建表单创建表单124. FrontPage2003 应用应用例例6-6-表单域示例表单域示例 4. FrontPage2003 应用应用4.12 4.12 维护和发布站点维护和发布站点 发布网站发布网站 维护站点维护站点 124. FrontPage2003 应用应用小小 结结网站的设计原则网站的设计原则 1 1 1 1）目标明确，重点突出）目标明确，重点突出）目标明确，重点突出）目标明确，重点突出 2 2 2 2）主题鲜明，层次清晰）主题鲜明，层
41、次清晰）主题鲜明，层次清晰）主题鲜明，层次清晰 3 3 3 3）合理设置栏目）合理设置栏目）合理设置栏目）合理设置栏目 4 4 4 4）正确定位整体风格）正确定位整体风格）正确定位整体风格）正确定位整体风格 5 5 5 5）页面布局合理）页面布局合理）页面布局合理）页面布局合理 6 6 6 6）色彩搭配，和谐统一）色彩搭配，和谐统一）色彩搭配，和谐统一）色彩搭配，和谐统一 7 7 7 7）多媒体功能适当应用。）多媒体功能适当应用。）多媒体功能适当应用。）多媒体功能适当应用。回回 顾顾重点：重点：2 2 2 2、创建站点、创建站点、创建站点、创建站点3 3 3 3、表格的应用、表格的应用、表格的应用、表格的应用1 1 1 1、 HTMLHTMLHTMLHTML简介简介简介简介作作 业业 制做一个自我介绍的网站，要求从站点制做一个自我介绍的网站，要求从站点制做一个自我介绍的网站，要求从站点制做一个自我介绍的网站，要求从站点中建立，内容自定，二周之后上交！中建立，内容自定，二周之后上交！中建立，内容自定，二周之后上交！中建立，内容自定，二周之后上交！
