43网页的制作二文档资料.pptVIP

2020/2/23 网络技术应用 1 温 故 思 考 ? 我们上节课了解了网页制作之前我们需要 先对网页素材进行获取与加工并进行管理。 ? 学习了如何利用 FrontPage 2000 建立站点， 新建网页，导入素材，设置网页背景，设 置网页标题，利用表格实现网页布局。 ? 这节课我们就继续学习一下其他的网页制 作技巧。 2020/2/23 网络技术应用 2 知 识 回 顾 开发网站的基本过程 2020/2/23 网络技术应用 3 知 识 讲 授 ? 在网页中插入基本元素 1. 向网页中添加文字 “格式”菜单 | 字体” 在输入文字时，一般情况下让系统自动换行，若 强制换行，可按 回车键（会空出一行） 或按 Shift + Enter （没有空行的强制换行）。 注意：在设置文字格式的时候，尽量为文字设置一 些常用的字体。通常的文本都设置为 宋体、 12 磅或 10 磅为好 。如果非常需要使用某种特殊字 体来表达特殊效果，可以将该部分文字制作成图 片插入网页中。 2020/2/23 网络技术应用 4 知 识 讲 授 ? 2. 向网页中插入图片 ? “插入 / 图片 / 来自文件” ? 利用“图片”工具栏对图片编辑 ? 注意：在保存网页时，如果图片来自于网 站根目录之外，则会出现 “保存嵌入式文 件”对话框，在对话框中单击【更改文件 夹】按钮可以选择图片要保存到的位置， 直接单击【确定】按钮即可将其保存到网 站根目录下。一般保存到 images 文件夹 下。 2020/2/23 网络技术应用 5 知 识 讲 授 ? 3. 插入超链接 ? 1) 链接到另一个网页 ? ①在网页中选中文本，单击右键，在快捷菜单 中选择【超链接】命令，出现 “编辑超链接” 对话框。 ? ②在对话框中选择“原有文件或网页”选项卡， 并在“当前文件夹”中选择所要链接网页的名 称，单击【确定】按钮即可链接到该网页。 ? ③用同样的方法对其余字段进行超链接。 ? 注意：如果链接的网页还未做好，可以在对话 框中选择“新建文档”选项卡，并在“新建文 档名称”中输入该网页的名称，单击【确定】 按钮即可新建一个网页并链接到该网页。 2020/2/23 网络技术应用 6 知 识 讲 授 ? 3. 插入超链接 ? 2) 链接到一个网址 ? ①在字段上单击右键，在快捷菜单中选择【超 链接】命令，在出现的“编辑超链接”对话框 中选择“原有文件或 Web 页”选项卡。 ? ②在“地址”栏中输入网址单击【确定】按钮。 ? 3 ）链接到电子邮箱 ? ①选中字段并单击右键，在快捷菜单中选择 【超链接】命令，在出现的“编辑超链接”对 话框中选择“电子邮件地址”选项卡。 ? ②并在“电子邮件地址”栏中输入 Email 地址， 单击【确定】按钮，就可以链接到电子信箱了。 2020/2/23 网络技术应用 7 知 识 讲 授 ? 3. 插入超链接 ? 4 ）使用“书签”链接 ? 书签是网页中被标记的位置或被标记的选中文 本。书签可以用作超链接的目标。 ? ①将光标定位于页面下部对应文字具体内容的 开头，依次选择菜单栏上的“插入 / 书签”命令， 出现对话框，在此对话框中的“书签名称”下， 键入或选择书签的名称（允许使用空格），单 击【确定】按钮即插入书签。 ? ②选中字，单击右键，选择【超链接】命令， 在“编辑超链接”对话框中单击【书签】按钮， 出现 “在文档中选择位置”对话框，选择已定 义好的书签后，单击【确定】按钮即可。 2020/2/23 网络技术应用 8 知 识 讲 授 ? 3. 插入超链接 ? 说明：其实可以将超链接链指向任意文件， 如图片或音乐文件，方法和上面类似；另外， 也可以给图片添加超链接，只需先选中图片， 然后添加超链接即可。 2020/2/23 网络技术应用 9 知 识 讲 授 ? 4. 插入动画 ? 网站都采用 Flash 动画来进行广告宣传、醒目提 示等。 ? 往网页中添加 Flash 动画可以通过直接往网页中 嵌入 Flash 文件（“插入 / 图片 /Flash 影片”）或 将网页中的链接点指向 Falsh 文件的形式进行。 ? 注意：必须安装 Macromedia Flash Player 插件，才能预览所添加的 Flash 内容。此外，网 站访问者也必须安装该插件才能播放 Flash 内容。 2020/2/23 网络技术应用 10 保 存 及 预 览 ? 主页文件通常命名为“ index.htm ” 。 ? 主页作为一个网站的入口，如果没有这个 文件，浏览网页时将会提示出错。 2020/2/23 网络技术应用 11 使用模板生成网页 ? 生成模板 ：“文件”菜单 ——“ 另存为”模 板文件 —— 取名为“虎门销烟”。 ? 使用模板 ：“文件”菜单 ——“