单域是供用户输入信 息的对象。 常见的表单对象有文本框、文本区、复选框、选 项按钮、下拉框、按钮等。
“插入”->“表单”
设置表单属性
22/23
7.5 发布站点
（略）
23/23
12/23
7.2 FrontPage 2003基本知识
7.2.1 启动与退出（略） 7.2.2 FrontPage 2003的视图 7.2.3 FrontPage 2003的基本操作
13/23
7.2.2 FrontPage 2003的视图
7种视图： • 网页视图 • 文件夹视图 • 报表视图 • 导航视图 • 超链接视图 • 任务视图 • 远程网站视图
8/23
常见的HTML中的标签
2)文本格式标签 • 标记名称：标题标记<hn>，双标签 • 标记实例：<h1>江雪</h1> • 说明：其中n为1到6的数字，表示字体大小。 • 标记名称：字体标记<font>，双标签 • 标记实例：<font size=1 color=#ff0000 face=宋体> 江雪</font> • 标记名称：字形标记<b>、<i>、<sup>、<sub>、 <u>，双标签，分别表示粗体、斜体、上标、下标、 下划线。
6/23
HTML标记的属性
2) 双标签 • 双标签必须成对使用才能完整地表达意思. • 这类标签的语法是：<标签>...</标签> • 如段落标记<p>...</p>，它表示在标签内部的内容 构成一个段落。 •3) 标签属性 • 始标记内可以包含一些属性，描绘不同的特性。 •其语法是：<标签 属性1 属性2 属性3 … > • 如<body background="images/bg.jpg">...</body>
5/23
HTML标记的属性
用“<”和“>”括起来的句子称为标签，是用来分 割和标记文本的元素，以形成文本的布局、文字的 格式及五彩缤纷的画面。 1) 单标签 某些标签称为单标签，因为它只需单独使用就能 完整地表达意思。 这类标签的语法是：<标签> 最常用的单标签就是<BR>，它表示换行，但并 不划分段落。
9/23
常见的HTML中的标签
3) 图片标签 • 标记名称：图片标记<img> • 标记实例：<img src= /img_menu/jnunamergss.gif height=200 width=60 align=center border=1> 4) 表格标签 <table>…</table> 5) 超链接标签 • 标记名称：超链接标记<a>…</a> ，双标签
7/23
常见的HTML标记
1)文本布局标签 • 标记名称：段落标记<p>，双标签 • 标记实例：<p align=center>江雪</p> • 说明：属性align取值为left、center、right，分别 表示左对齐、居中对齐、右对齐。 • 标记名称：换行标记<br> • <br>强制文本换行，但不划分段落，与<p>标记 不同，两行的间距不变。 • 标记名称：水平线标记<hr> • 说明：在网页中插入一条水平线
第7章 网页制作
济南大学· 信息学院
第7章 网页制作
7.1 网页制作概述 7.2 FrontPage 2003的基本知识 7.3 网页编辑 7.4 表单 7.5 发布站点
2/23
7.1 网页制作概述
7.1.1 HTML简介 7.1.2 网站制作的准备工作
3/23
7.1.1 HTML简介
HTML（超文本标记语言），是英文HyperText Markup Language的缩写。 它虽然称为“语言”，但实际上并不是一种编程 语言，不象C、C++、Java等编程语言那么复杂。 HTML描述的是文件中各个部分内容的结构，而不 是文件内容在显示器上出现的具体形式。 HTML定义了一组用来描述Web页的结构（如标 题、段落和表格等）的“命令”，这些命令在 HTML中称为标记或标签（Tag）。
字体、字形、字号、颜色、下划线等
17/23
网页的基本编辑
3．插入图片 点击常用工具栏上的按钮 在文件夹“images”中选择图片文件，点击“确定” 返回。 4．插入超链接 1）超级链接到外部网站 2）超级链接到站点内已有的网页 3）电子邮件超链接 4）建立图片热点超链接
18/23
网页的基本编辑
14/23
7.2.3 FrontPage 2003的基本操作
新建站点 新建网页文件 打开已有的网页文件 保存网页文件 预览网页
15/23
7.3 网页编辑
7.3.1 网页的基本编辑 7.3.2 编辑表格 7.3.3 框架
16/23
7.3.1 网页的基本编辑
1．设置网页属性 网页的属性包括网页的标题、位置、背景、页边 距等。 在空白页面单击右键，在弹出的快捷菜单中选择 命令“网页属性”，FrontPage 2003将显示“网页属 性”对话框。 2．文字修饰
19/23
7.3.2 编辑表格
插入表格 修饰表格
20/23
7.3.3 框架
使用框架将浏览器窗口分割为多个区域，在每个 区域中都可以显示一个独立的网页。浏览器窗口中 显示的网页实际是这些框架的集合，因此被称为框 架网页。框架网页并不包含显示内容，只是记录了 该框架网页包含几个框架、拆分以及每个框架中显 示那个网页（与其它网页的超链接）等。
11/23
准备工作
3. 选择网页设计制作工具 现在有很多现成的HTML编辑器，如微软公司开 发的FrontPage、Macromedia公司开发的 Dreamweaver等等，这些都是目前比较流行的“所见 即所得”式网页编辑器。但实际上，网页是用 HTML语言编写的文件，通常被存储在Web服务器 上，其本质是一种文本文件，以.htm或.html为扩展 名，可以用任何文本处理软件（如记事本、Word等） 创作或修改。
10/23
7.1.2 网站制作的准备工作
1. 网站结构的统筹 大致规划网站的组成、文档的层次结构及相互的链 接关系，做到统筹安排。 2. 素材的准备 为了使网站内容充实、页面美观漂亮，必需准备丰 富的多媒体素材。包括诗词文稿、背景图片、按钮 图片、声音文件等等。素材的来源可以是来自互联 网，也可以借助常见的图像处理工具，如PhotoShop、 Flash、Fireworks、COOL3D等等自己制作图像素材。
4/23
HTML文件的基本结构
HTML文件以<html>开始，以</html>结束，其 文件结构由头部和正文主体两部分组成。 <html>…</html>：网页开始、结束标记 <head>…</head>：头部标记 <body>…</body>：正文主体标记 在FrontPage中，新建网页，切换到“代码”视 图下查看源代码。
5．插入滚动字幕 “插入”，单击子菜单“Web组件”，选择组件类 型为“动态效果”中的“字幕”，输入文本，点击按 钮“确定”返回。 字幕效果要切换到预览视图方式才能看到。 6. 插入水平线 在网页中还可以插入水平线、悬停按钮、Flash 动画以及影音等各种类型的对象，只需单击菜单“插 入”，选择“Web组件…”、“高级控件”中选择。
