用FrontPage 制作网页

来源:百度文库 编辑:神马文学网 时间:2024/04/28 22:58:37
用 FrontPage 制作网页
 
1、标题文字字体、字号、字型设置、字的颜色
操作方法:
(1)鼠标选中要设置的相关文字(按住鼠标左键并拖动即可选择相应文字)
(2)鼠标移到工具栏,设置字体、字号、字型、字的颜色
2、插入图片和文件
操作方法:
(1)光标定位到要插入图片或文件的位置。
(2)插入图片:单击菜单栏“插入”→图片→来自文件,根据给定的图片文件路径选择要
插入的图片文件。
插入文本文件:单击菜单栏“插入”→文件,文件类型选择文本文件,根据给定的文
本文件路径选择要插入的图片文件。注意:出现转换文本时选择“以 HTML 的方式处理”。
3、设置图片格式:大小、对齐方式
操作方法:
(1)在图片上右击选择“图片属性”。
(2)切换到外观标签,在布局和大小里进行相关设置。
注意:更改大小时,指定大小打个钩,锁定纵横比去掉,分别设置宽度和高度数值。
4、插入字幕、字幕属性的更改
操作方法:
(1)单击菜单栏“插入”→组件→字幕
(2)输入文字,设置字幕的方向、速度、表现方式、文本对齐方式、大小及背景颜色等。
(3)字幕的字体设置:在字幕属性对话框中点“样式…” →“格式(O )”,点格式下的字体,设置字体、字型、大小、颜色、效果,设置好了点确定。
(4)字幕属性的更改:右击要更改的字幕,选择字幕属性,下面步骤同(1)-(3)。
5、背景图片、背景音乐设置
操作方法:
(1)在网页中右击,选择网页属性。
(2)背景音乐:点常规标签,点“浏览(B )…”,根据给定的音乐文件路径找到音乐文件。
(3)背景图片:点背景标签,“背景图片”打钩,点“浏览(B )…”,根据给定的图片文件路
径找到图片文件。
(4)背景颜色:点背景标签,在“颜色”下的“背景颜色”设置为要求的颜色。
注意:一张网页如果既设置了背景图片、又设置了背景颜色,则网页只能显示背景图片。
6、表格的插入、单元格拆分与合并、单元格及表格属性设置、给表格添加标题
(1)表格的插入
操作方法:
① 单击菜单栏“表格”→插入→表格② 设置行列数、对齐方式、边框粗细、指定宽度等。
(2)单元格拆分与合并
① 拆分:光标定位到要拆分的单元格中,选择“拆分单元格“进入设置。
② 合并:鼠标选中要合并的几个单元格,在黑的选块上右击,选择“合并单元格”。
(3)表格属性设置
① 在表格中右击,选择表格属性。
② 设置表格的布局、边框、宽度、背景等。
(3)单元格属性设置
① 在单元格中右击,选择单元格属性。
② 设置单元格的布局、边框、宽度、背景等。
(3)给表格添加标题
① 光标定位到要添加标题的表格中。
② 点菜单栏“表格” →插入→标题
③ 输入标题
7、超链接的制作
(1)链接到某个网址
操作方法:
① 选中要链接的图片或文字。
② 点菜单栏“插入” →超链接,在 URL 后面的框中输入相关的网址。
(2)链接到某个文件
操作方法:
① 选中要链接的图片或文字。
② 点菜单栏“插入” →超链接,点图标 ,根据文件路径选择要链接的文件。
(3)链接到 E-mail
操作方法:
① 选中要链接的图片或文字。
② 点菜单栏“插入” →超链接,点图标 ,输入给定的 E-mail 地址。
注意:E-mail 地址的一般格式:twzy2004@126.com
(4)链接到书签
① 在正文中小标题前插入书签。方法:点菜单栏“插入” →书签,设置书签的名字。
② 为开头主标题建立链接。方法如下:
A、选中要链接的标题文字。
B、点菜单栏“插入” →超链接,在“书签(B )…”后选择对应的书签,然后点确定即可。
(4)图片的热区链接(课堂演示讲解)
8、悬停按钮、横幅广告管理器、动态 HTML 特效
(1)悬停按钮
操作方法:
① 点菜单栏“插入” →组件→悬停按钮。
② 设置按钮上的文字及链接、颜色等。
(2)横幅广告管理器
操作方法:
① 点菜单栏“插入” →组件→横幅广告管理器。
② 设置宽度、高度,添加图片并排序。
(3)动态 HTML 特效
操作方法:
① 选中要设置动态 HTML 特效的文字或图片所在的段落。
②点菜单栏“格式” →组件→动态 HTML 效果,并设置。
题型二:HTML、JavaScript、CSS 动态网页制作
1、FrontPage 基本操作(见题型一)
2、HTML 基础认识
基本代码及含义如下:
(1)基本信息:
               HTML 标记
设置文档标题以及其他不在 WEB 网页上显示的信息
主体标记:设置文档的可见部分
欢迎光临 将文档的题目放在标题栏中
设置背景颜色,使用名字或十六进制值
设置文本文字颜色,使用名字或十六进制值
设置链接颜色,使用名字或十六进制值
设置已使用的链接的颜色,使用名字或十六进制值
设置正在被击中的链接的颜色,使用名字或十六进制值
(2)文字设置:
创建粗体字
创建斜体字
创建下划线
加重一个单词(通常是斜体加黑体)
设置字体大小,从 1 到 7
设置字体为黑体
设置字体的颜色,使用名字或十六进制值
(3)表格设置:
创建一个表格
创建表格标题
表头
开始表格中的每一行
单元格
(4)图片设置
添加一个图像
(5)背景音乐设置:
(6)视频设置:
添加一个视频
(7)超链接设置: 创建一个超链接
创建一个自动发送电子邮件的链接
(8)段落设置:

创建一个新的段落

将段落按左 left、中 center、右 right 对齐

插入一个回车换行符
(9)其他设置:

一个用来排版大块 HTML 段落的标签,也用于格式化表
小范围内定义

加入一条水平线

设置水平线的宽度(百分比或绝对像素点)

设置水平线的大小(高度)
颜色值的书写:
(1)用 RGB 值写,例如:color="rgb(255,0,0)"
(2)用十六进制写,例如:color="#FF0000"
3、插入 CSS 代码
操作方法:
                       CSS 尾部文件
定义链接的样式:
CSS 中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover 和 a : active,
例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #90 ;}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意,必须按以上顺序写,否则显示可能和您预想的不一样。记住它们的顺序是“LVHA”。
4、调用 CSS 样式
操作方法:
(1)内联样式表

(2)嵌入式样式表


(3)外联样式表

CSS 代码中颜色值的书写:
(1)用 RGB 值写,例如:color:rgb(255,0,0)
(2)用十六进制写,例如:color:#FF0000
(4)在 CSS 里用一个点开头表示类别选择器定义,例如:
.14px {color: #f60 ;font-size:14px ;}
在页面中,用 class="类别名"的方法调用:
14px 大小的字体
这个方法比较简单灵活,可以随时根据页面需要新建和删除。
5、插入 Java 代码
操作方法:
Java                                    尾部文件