PPT《FrontPage 2003》

FrontPage

2003 一.

FrontPage 2003启动 FrontPage是功能强大而又易于使用的网页编辑器,它完全实现了 所见即所得 的工作方式.安装了FrontPage 2003后,执行 开始 → 所有程序 → Microsoft Office → Microsoft Office FrontPage

2003 命令,启动FrontPage 2003.与普通的Windows窗口类似,FrontPage 2003也是由标题栏、菜单栏、工具栏、编辑区、状态栏、任务窗格等部分组成的,其界面如图所示. 二. 制作网页的方法 创建网页可以用以下三种方法:一是利用自己创建的网页模板创建网页;

二是直接设计和创建网页;

三是利用FrontPage提供的模板和向导创建网页.本节只讲直接设计和创建网页.直接设计和创建网页,具体操作步骤如下:执行 文件 → 新建 命令;

在主窗口单击 新建网页 选项下的 空白网页 ,进入设计窗口进行网页的设计. 三. 网页视图选择 视图 → 网页 命令,进入网页视图,如图所示. 在网页视图的下方,有4个选项卡,单击不同的选项卡,可以进入不同的视图.设计 视图.此视图为默认视图,可以在此视图中设计和编辑网页.使用设计工具创建网页时,此视图将提供几乎是 所见即所得 的效果.代码 视图.此视图可以将网页设计过程翻译成HTML代码.在该窗口,可以通过修改代码对网页进行编辑. ⒊ 拆分 视图.可以通过拆分屏幕,将屏幕分成上下两部分,很方便访问和编辑 代码 视图窗和 设计 视图窗中的内容.预览 视图.通过此视图,不保存网页即可看到网页在web浏览器中的显示情况. 四.制作网页 创建一个新的网页或者打开一个已经存在的网页后,可以对网页进行一些设计操作:使用框架、表格、布局或绝对定位来定位网页上的文本和图形;

使用添加文本、图形、网页横幅、表格、表单、超链接等网页元素来设计网页;

添加Flash内容、视频、声音或GIF动画等动态元素给网页增加动态效果;

添加字幕、计数器、时间、交互式按钮等给网页增加更丰富的内容;

用颜色或图片可以设置网页背景等. ⒈ 制作网页的基本操作在网页中可插入如下内容:插入换行符.为了使换行后的文本保存在换行前的段落中,此时的换行要使用换行符.插入换行符的方法如下:先将插入点置于换行符的位置,执行 插入 → 换行符 命令,然后在出现的换行符对话框中作相应的选择,最后单击 确定 按钮返回. ⑵ 插入水平线.水平线主要用于分割段落.执行 插入 → 水平线 命令,即可在光标处插入一条水平线.如果要设置或者修改水平线的属性,右击水平线,执行 水平线属性 命令(或者双击水平线),进入 水平线属性 对话框,利用 水平线属性 对话框可以改变水平线的颜色、高度、宽度和位置等. ⑶ 插入注释.在创建编辑和修改网页的过程中,经常需要插入一些文字,提示设计的意图和方法,在编辑网页时作为参考和提示,但浏览者通过浏览器是看不到网页里的注释.插入注释的方法如下:普通模式下单击当前网页要插入注释的位置,把插入点设置到那里,执行 插入 → 注释 命令,弹出 注释 文本框,在注释文本框中输入注释的内容,最后单击 确定 按钮即可完成注释的插入. ⒉ 网页背景设置 如果使用图片或者某种颜色作为网页背景,操作步骤如下:在 网页 视图文档窗口的底部,单击 设计 按钮;

右击该网页,再单击快捷菜单上的 网页属性 ,出现 网页属性 对话框,如图所示;

⑶ 选择 格式 选项卡,在 背景 项中,选择 背景图片 ,如图所示;

⑷ 单击 浏览 按钮,选择图片存放的位置;

⑸ 单击背景图片的文件,然后单击 打开 ;

如果要将图片按水印形式添加,选择 使其成为水印 复选框. ⑹ 单击 确定 命令按钮;

⑺ 执行 文件 → 在浏览器中预览 命令,浏览设置背景图片的效果. 如果将背景设置成一种颜色,可在 网页属性 对话框中,选择 颜色 项下的 背景 下拉框,选择一种颜色,单击 确定 命令按钮返回. ⒊ 插入图片和编辑图片 ⑴ 插入图片 执行 插入 → 图片 → 来自文件 命令,可以从当前站点选择图片文件,也可以从对话框提供的资源管理器中选择文件.当需要对图片进行编辑时,先选择图片,然后利用图片工具栏对图片进行编辑.如果要将插入的图片作为网页的背景,右击图片区域任意点,在出现的快捷菜单中执行 显示图片工具栏 命令,然后再作相应的选择即可. ⑵ 在图片上写字(图片文件格式必须为GIF格式)在图片上写字的具体操作步骤如下: ① 选择网页上的图片;

② 执行 视图 → 工具栏 → 图片 命令;

③ 单击 图片 工具栏上的 文本 按钮;

④ 在图片文本上输入文字;

⑤ 若改变文本的属性,可以执行 格式 → 字体 命令,在弹出的 字体 对话框中选择有关选项进行设置. ⑶ 图片透明的设置透明是指透过图片可以看见背景.使图片透明的具体操作步骤如下:执行 视图 → 工具栏 → 图片 命令;

单击 图片 工具栏上 设置透明色 按钮;

在图片的某种颜色上单击. ⑷ 图片翻转的设置在网页设计中,需要将图片旋转一个角度,其操作步骤如下:执行 视图 → 工具栏 → 图片 命令;

单击 图片 工具栏上 向右旋转90 ? (或者向左旋转90?、水平翻转、垂直翻转)按钮. ⑸ 图片的剪切 假若只使用一幅图的某一部分时,可以使用剪切的方法.其具体操作步骤如下:执行 视图 → 工具栏 → 图片 命令,出现 图片 工具栏;

单击 图片 工具栏的 裁剪 按钮,这时图形四周的小点变成黑色,同时还出现了一个裁剪框,调整裁剪框的大小,单击 裁剪 按钮,图片即剪切完成,并将裁剪下来的图片放在网页上.如果进行了多次剪切操作,图片已不完整,若要重新剪切,可以单击 绘图 工具栏上最右边的 还原 按钮,图片就被恢复. ⒋ 保存带有图片的网页 如果网页中嵌有图片,保存网页时图片不会与网页保存在一个文件中,如果网页中的图片取自本地磁盘,在保存网页时,会弹出一个 另存为 的对话框,单击对话框中的 保存 按钮,又弹出一个 保存嵌入式文件 对话框,此时可对保存的位置进行选择,最后按 确定 按钮保存返回. ⒌ 超链接的设置 通过超链接可以访问网页内部及其它的网页、网站的内容. ⑴ 创建超链接.在页面视图中选择超链接的文本或者图片,执行 插入 → 超链接 命令,在出现的超链接对话框中,根据超链接的对象(当前网站中的网页、其它网站的网页地址、信箱地址、本地磁盘的文件)选择不同的操作. ⑵ 创建热点.热点是图片上能够建立超链接的区域,一幅图片上可以创建多个热点. 创建热点的方法如下:选定图片,单击图片工具栏上的热点形状按钮(例如圆、矩形、椭圆),拖动鼠标在图片上画出热点区域(例如圆、矩形、椭圆),热点区域画好之后随即弹出一个 创建超链接 对话框,在对话框内设定连接目标,点击 确定 按钮返回. ⑶ 更改超链接.选定要更改超链接的目标,执行 插入 → 超链接 命令,打开 编辑超链接 对话框,在 超链接地址栏 中重新输入一个连接对象的名字或网址.删除超链接.选定要删除超链接的目标,执行 插入 → 超链接 命令,打开 编辑超链接 对话框,单击 删除链接 ,单击 确定 按钮即可. ⒍ 插入表格和编辑表格 如果要让网页有更好的布局和格式,使用表格是一种好方法.插入表格 表格插入的方法与在word中插入表格的方法相同,执行 表格 → 插入 → 表格 或 绘制表格 命令创建表格,也可单击工具栏中的 插入表格 按钮插入表格,还可使用手动绘制表格的方法绘制表格. ⑵ 选定表格中的单元格、行、列和块.选定一个单元格.按下Alt键,单击单元格.选定行.当鼠标指针在表格左侧变为向右的箭头时单击.选定列.当鼠标指针在表格某列上侧变为向下的箭头时单击.选定块.按下鼠标左键在表格中拖动. ⑶ 合并、拆分和删除表格 选定删除、合并、拆分的单元格,执行 表格 菜单中相应的命令完成.格式化表格 在表格中设置表格的背景、底纹、大小等,可执行 表格 → 表格属性 → 表格 菜单相应的命令完成. ⑸ 给表格添加标题 单击要插入标题的单元格,执行 表格 → 插入 → 标题 命令,这时表格上方出现一个插入点,在插入点中输入标题文字,表格上方的标题即添加完成.⑹ 设置隐藏表格线 右单击表格,在弹出的快捷菜单中执行 表格属性 命令,将边框粗细设置为

0 即可.⑺ 设置表格背景颜色 设置表格背景颜色的步骤为:切换到普通模式,在表格上右击,执行 表格属性 命令,在背景颜色下拉列表中选择一种颜色,单击 确定 按钮即可. ⑻ 设置表格立体效果 设置表格立体效果的步骤为:在表格上右击,在弹出的快捷菜单中执行 表格属性 命令,设定边框粗细,将 亮边框 颜色和 暗边框 颜色分别设为不同颜色,最后单击 确定 按钮即可.⑼ 改变表格对齐方式 改变表格对齐方式的步骤为:在表格上右击,在弹出的快捷菜单中执行 表格属性 命令,在 对齐方式 下拉框中选择对齐方式即可. ⒎ 网页特殊效果的设置⑴ 网页动画效果的设置 动画效果是指当用户触发的事件发生时,引起网页上的某一元素发生变化,可以引起浏览网页者的注意,同时使网页显得生动.添加动画效果的具体操作步骤如下: ① 执行 视图 → 工具栏 → DHTML效果 命令出现 DHTML效果 工具栏,如图所示;

② 选择 设计 页面视图中需要添加动画效果的文字、图片等;

单击 DHTML效果 工具栏的 在(0) 右方的下三角图标,选择并单击开始启用效果的事件;

在 应用(A) 框中,选择一种动画;

在 到顶端 框中,选择一种路径或效果. ⑵ 滚动字幕的设置在网页中创建字幕可以在浏览器中显示一条水平滚动的文本信息,具体操作步骤如下:① 选中要设置滚动的文本,然后执行 插入 → web组件 命令,打开 插入web组件 对话框;

② 在 组件类型 下拉列表中,选择 动态效果 项,再在 选择一种效果 列表中选择 字幕 选项;

③ 单击 完成 按钮,打开 字幕属性 对话框,如图所示;

④ 在 速度 选项组中设定字幕移动的速度,在 背景色 列表框中设置字幕滚动文本的背景色;

单击 确定 按钮,切换到 预览 视图,即可看到其效果,如图所示. ⑶ 插入Flash动画 Flash动画是一种矢量动画格式,是当今最流行的Web页面动画格式,使用Flash程序编辑完成后导出的文件后缀名一般是SWF.在网页中插入Flash动画具体操作步骤如下:执行 插入 → Web组件 命令,打开 插入Web组件 对话框;

在 组件类型 中选择 高级控件 项,然后在右边的列表栏中选择 Flash影片 项,如图所示;

③ 单击 完成 按钮,打开 选择文件 对话框,选择要插入的Flash文件;

单击 插入 按钮,即可在网页中插入该Flash动画,此时可以对该对象进行放大或缩小等操作;

编辑完成后切换到 预览 视图,即可播放该Flash动画. (4) 插入计数器计数器一般用来记录网页流量.使用FrontPage在网页中插入计数器,具体操作步骤如下:将光标定位到要插入计数器的位置;

执行 插入 → Web组件 命令,打开 插入Web组件 对话框;

在 组件类型 列表中,选择 计数器 项,再在 选择计数器样式 列表中选择一种样式,如图所示;

④ 单击 完成 按钮,打开 计数器属性 对话框,选中 计数器重置为 复选框,并在其后面的文本框中输入一组数字,如图所示;

(5) 插入背景音乐 当网页出现时,能产生背景音乐,会增加浏览网页的多种感受,其设置方法为:进入 网页 视图的文档窗口底部的 设计 窗口,右击网页,在 网页属性 、 常规 选项卡中的 音乐背景 栏中进行选择和设置. 五.网页预览 网页设计好之后,单击浏览器 预览 按钮可检查网页设计的效果.也可执行 文件 → 在浏览器中预览 命令浏览网页设计的效果.如果不合适,在 设计 视图下进行设置和修改,直至达到目的. Dreamweaver MX

2004 一. Dreamweaver MX

2004 基本知识 ⒈ Dreamweaver MX 2004的界面执行 开始 → 所有程序 → macromedia → Dreamweaver MX

2004 命令,显示如图所示Dreamweaver主界面. ⒉ 文档窗口 文档窗口即中间白色的部分,它用于网页文件的编辑,采用 所见即所得 的编辑方式,因此其外观与在浏览器中的最终显示效果相近.根据所选视图的不同, 文档窗口的内容可能是HTML源代码,称为代码视图,也可能是HTML的页面效果,称为设计视图. ⒊ 属性面板 属性面板显示文档窗口中所选中元素的属性,并允许用户在属性面板中对各种属性进行设置和修改.根据选中的对象不同,属性面板上的内容也不同.如图所示. ⒋ 工具栏工................