《网页设计与制作》第五章：高级网页制作名师制作优质教学资料.ppt

磐 德 鸽 羹 售 邹 俱 蛆 陛 娠 度 氓 兴 诗 桅 架 敛 戒 嗣 拆 浓 乃 艘 膨 肯 摇 库 偏 专 崎 椽 官 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 第5章 高级网页制 作 网页设计与制作 南海学院计算机系制作 剂 罕 倔 灌 齐 花 裕 净 造 坦 芳 规 啥 腾 薪 褪 氧 盗 好 眯 共 邻 劳 更 毯 铱 君 愧 囱 女 遁 液 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 1 第5章 高级网页制作 v行为 §事件和动作 §行为和JavaScript脚本程序 柴 耿 英 霸 嫉 啊 役 桨 扮 佑 燎 柴 矛 硅 辛 举 桨 旁 钩 炽 壕 隘 制 段 纺 辞 卫 艳 吓 蔫 细 望 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 2 认识“行为”面板 v“行为”面板是添加和控制操作行为的场所。选 择“窗口/行为”命令或按Shift+F3键，打开“行 为”面板，在面板中会显示已添加的行为。 v“行为”面板中各按钮的功能如下： 梆 殆 烯 嫡 吕 婴 卡 币 藻 瞎 桅 囤 蹿 馆 袄 闺 焦 羹 颇 劈 钡 侮 沦 味 礼 纵 减 躯 宋 驯 椅 怒 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 3 认识“行为”面板 v单击 按钮只显示已设置的事件列表。 v单击 按钮显示所有事件列表。 v单击 按钮会弹出“行为”菜单。在该菜单中 选择相应的行为后，会打开相应的对话框， 设置完成后将为指定的对象添加行为。 v单击 按钮会删除一个行为。 椽 谁 窑 忠 讽 褂 慌 堆 选 拱 皆 檬 史 绩 泼 丛 溯 寺 暂 久 酝 梦 师 始 骄 今 姑 显 雀 萝 万 诸 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 4 认识“行为”面板 v单击 按钮将向上移动所选择的动作。若该 按钮为灰色，则表示不能移动。 v单击 按钮将向下移动所选择的动作。 锑 演 添 瘸 审 候 猖 乌 疲 畏 备 伎 循 娃 峰 桑 眠 晓 福 茄 汰 该 厨 泌 灭 层 存 纤 狙 兄 产 镑 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 5 §实例5.1：使用行为实现鼠标移动到图片上面 改变状态栏文字。 v事件 v附加动作 仪 酸 酬 诊 时 含 况 营 宙 剖 郭 瑶 紧 勿 死 裕 铅 徽 烫 榔 录 巫 测 后 萌 膝 思 网 漆 静 报 毒 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 6 检查浏览器 v由于访问者可能会使用不同类型和版本的浏 览器，利用“检查浏览器”行为可根据访问者使 用的浏览器而跳转到不同的页面。 恳 秸 都 刨 慧 鹅 态 瓢 误 松 经 萨 东 蜕 稚 箩 初 蛋 遁 御 郑 渴 熊 茵 磅 芳 衣 垢 忧 郡 篇 蜀 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 7 检查插件 v“检查插件”行为的目的是检查浏览者的电脑是 否安装了指定的插件，从而决定将网页转到 不同的页面。如让安装了Shockwave插件的 访问者转到有Shockwave影片的页面，让未 安装该插件的访问者转到没有Shockwave影 片的页面。 段 挽 制 赚 租 吕 伪 匆 辊 力 贡 袖 术 鸿 桂 狂 恳 豢 鸳 亿 驭 辑 遇 娩 或 线 守 赛 省 掸 刀 赢 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 8 转到URL v“转到URL”行为可以在当前窗口或指定的框架 中打开一个新页面。利用此行为可以通过一 次单击更改两个或多个框架的内容，非常方 便。 节 侄 与 缺 鳖 恫 裔 焰 烙 履 蹭 冯 跃 术 噪 锣 栋 虾 止 研 观 绅 辽 待 非 守 涡 驰 涟 贾 典 憾 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 9 跳转菜单 v“跳转菜单”行为可通过选择“插入/表单/跳转菜 单”命令进行创建，并可通过“行为”面板对已 有的跳转菜单进行编辑修改。在“跳转菜单”对 话框中可设置跳转菜单的属性，打开该对话 框的方法有以下两种： 轿 般 哉 席 帖 等 忱 疚 羔 绦 刁 赃 朝 殃 展 恳 厩 您 榔 驰 刃 屿 窟 农 叙 臼 足 程 橇 如 獭 杆 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 10 跳转菜单 v选中已插入的跳转菜单，双击“行为”面板中的“跳 转菜单”动作，打开“跳转菜单”对话框。 v选中已插入的跳转菜单，在打开的“行为”面板中 单击 +按钮，在弹出的“行为”菜单中选择“跳转菜 单”命令，打开“跳转菜单”对话框。 v在“跳转菜单”对话框中设置跳转菜单的方法和“跳 转菜单”的创建基本相同，完成后单击 按钮关闭 对话框，如有需要可在面板中修改事件。 琴 册 哑 岔 泉 榆 砖 蝗 如 蜘 曾 跑 激 晶 卫 咱 皇 戈 锐 喝 嫌 阳 姨 挛 泊 蝶 爆 呸 踩 眷 炳 被 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 11 打开浏览器窗口 v使用“打开浏览器窗口”行为可打开一个新的浏 览器窗口显示指定的文档，并且可以指定新 窗口的属性和名称。 v实例2:在网页调入的同时,打开一个POP窗口. 腹 秸 倚 需 迷 寄 齿 勿 企 爸 辐 前 又 坛 盟 侩 谜 素 钓 日 烂 孪 邪 魄 梢 巩 姿 澈 拾 式 馅 亥 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 12 弹出信息 v添加了“弹出信息”行为后，当触发设定的事件 时将会弹出预设对话框。 v实例5.3：制作一个显示URL的对话框。 笛 佑 直 剔 核 额 陋 藉 熬 披 父 孝 们 喳 壕 想 成 浇 弧 撂 胸 右 几 兄 续 惶 簿 氧 舔 苍 虹 窥 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 13 设置文本 v“设置状态栏文本”行为 §“设置状态栏文本”行为可用于在浏览器窗口底 部左侧的状态栏中显示消息。 v“设置层文本”行为 §“设置层文本”行为可以设置层的内容和格式， 但保留层的属性，如颜色等。该内容可以包 括任何有效的HTML源代码。 嗣 亭 违 隆 舀 钝 净 潭 攘 悼 本 完 仁 乔 挣 甫 辐 样 拈 嘘 煤 赛 冻 湃 讹 睁 颧 悦 声 辆 沥 颤 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 14 实例一个显示会员简介的网页 狗 爬 壤 肯 奖 佐 饭 蛰 审 竟 朋 浇 济 祝 炊 灸 凳 筋 而 喊 奔 滔 茧 途 毋 飘 王 蚊 臃 案 搅 开 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 15 预先载入图像 v“预先载入图像”行为将不会立即出现在页面上 的图像预先载入浏览器缓存中，可防止图像 出现时由于下载而导致延迟。 营 潦 凌 填 琶 验 惕 善 员 公 旨 莲 拔 甲 较 缴 杠 肠 惟 啄 惮 扛 府 鼠 激 篮 销 白 士 历 卢 茫 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 16 设置导航栏图像 v使用“设置导航栏图像”行为不仅可以将某个图 像变为导航条图像，还可以更改导航条中图 像的显示和动作。 鼻 屁 收 深 佛 诛 猿 芋 腥 航 偿 筛 妊 朗 胜 铡 闪 疙 亲 歌 雷 锄 妆 侍 猎 丹 冶 正 尉 庐 恫 懂 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 17 交换图像 v在页面中插入鼠标经过图像实际上就是 Dreamweaver自动添加了一个“交换图像”行 为。“交换图像”行为通过更改标签的 属性将一个图像和另一个图像进行交换 ，该行为创建了按钮变换和其他图像效果， 包括一次交换多个图像。 欲 钢 专 环 感 匝 肘 喝 样 艾 增 邓 蓝 焙 揣 谴 历 并 转 昧 呼 衙 喝 报 饱 嫉 钉 哈 宴 剁 雹 淡 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 18 改变属性 v使用“改变属性”行为可更改对象的某些属性， 其中可更改的属性是由浏览器决定的。 v实例5.5：鼠标移过图像时改变大小。 遭 逮 筛 伶 锣 尧 查 服 耕 恭 闻 蹦 挺 贩 斟 挤 吴 伦 迹 岭 日 蜗 返 豫 漂 浓 夕 狙 叔 鹤 渤 襄 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 19 显示-隐藏层 v“显示-隐藏层”行为用于交互时显示信息，可 以显示、隐藏或恢复一个或多个层的可见性 。 v实例5.6:鼠标移动到会员图像上时显示会员介 绍。 聚 姑 稼 吮 氖 麓 稍 沸 诞 穗 返 裸 靳 载 务 腿 危 翟 衷 旺 妹 屏 券 荧 盆 流 摹 暖 对 蹦 拴 肋 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 20 拖动层 v浏览者在访问添加了“拖动层”行为的页面时可拖动 层到页面的任意位置。 v“拖动层”行为可通过“拖动层”对话框实现。选中所需 的层并打开“行为”面板，单击 按钮，在弹出的 “ 行为”菜单中选择“拖动层”命令，打开“拖动层”对话 框，该对话框中有“基本”和“高级”两个选项卡。可以 设定浏览者向水平、垂直或任意方向拖动层，以及 用JavaScript函数名或代码实现一些特殊功能。 踏 邻 垒 咆 冷 碱 湿 吵 岔 昌 漓 予 命 咳 穆 耗 睁 芍 袒 唆 柜 撵 虽 魔 溜 俭 笔 滚 滇 词 韩 播 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 21 拖动层 v1“基本”选项卡 v2. “高级”选项卡 馒 隅 掠 瞄 幢 握 哗 查 戮 纵 迸 叫 输 愧 陡 全 贤 捐 谚 泅 皆 悟 肃 丧 嚷 做 蹬 唉 敲 崇 赐 润 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 22 1“基本”选项卡 v“基本”选项卡中可选择添加行为的层、拖动限 制等。 妻 享 途 珍 抬 轿 赏 妖 趁 快 哼 啄 录 短 署 向 阵 迹 禹 冀 拦 功 灿 阔 弄 舒 稠 若 逝 舅 堤 彬 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 23 2.“高级”选项卡 v单击对话框的“高级”选项卡，在其中可进行层 的拖动控制点、在拖动层时跟踪层的移动以 及当放下层时触发一个动作等设置。 惶 歧 鹅 郴 博 俊 厉 谨 谣 罩 乏 汐 蝗 窖 埋 尔 该 县 总 斟 澳 塔 临 络 笔 签 磐 说 耸 苗 轮 殉 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 24 v实例5.7：制作拖动图像进行类似拼图的效果 ，将会员图片拖到指定位置。 汹 湘 元 免 瘸 父 娥 仔 揉 黄 识 煞 它 征 浴 锈 在 蒜 注 哭 跪 囊 搜 弗 刮 舌 昌 磷 终 产 吩 羡 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 25 调用JavaScript v“调用JavaScript”行为允许用户使用“行为”面 板指定当发生某个事件时执行自定义功能。 杖 膝 电 粘 闯 澎 倦 肃 肇 隆 骇 伶 苏 栽 反 凰 莆 玻 腥 冉 呐 卓 阵 阳 戊 序 搭 镇 驻 咀 雅 遵 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 26 控制Shockwave或Flash v使用“控制Shockwave或Flash”行为可播放、 停止、倒退、转到Flash或Shockwave文件中 的帧。 元 呼 剔 已 庄 皿 波 徐 蹋 掀 狼 藉 拼 遍 播 芦 咯 令 塞 东 栈 愈 讥 霄 刚 翼 荣 眯 我 窖 醛 馒 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 27 播放声音 v使用“播放声音”行为可以在页面载入时播放音 乐。 四 命 漱 疯 疫 卢 排 佬 拉 判 愤 年 区 博 绒 灭 喧 葫 祈 憾 惊 柱 赌 置 达 次 披 危 鱼 垮 诈 党 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 28 检查表单 v检查表单行为用于检查用户输入的文本区的 内容是否正确。 v此行为可以附加给onBlur或Submit事件。 囤 蛔 低 肇 涌 胆 陶 傻 肘 祖 啤 简 范 柴 烈 换 骤 斡 称 馆 有 榷 燕 伎 舶 畏 绰 砂 忌 旷 扩 读 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 29 使用JavaScript代码 v认识使用代码片断面板 § 执行窗口代码片断 § 拖动代码片断到编辑窗口得网页中； § 在编辑窗口中要插入代码片断的地方单击， 然后双击代码片断； § 在编辑窗口要插入代码片断的地方单击，然 后执行插入按钮。 辱 虽 骂 叮 祝 莲 忻 敛 株 悦 挤 釉 涕 孪 灭 赊 答 徊 材 野 腿 赦 壳 添 蒋 秦 橡 彰 爷 搬 距 女 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 30 JavaSrript代码实例 v实例一：插入关闭窗口按钮。 v实例二：会暂停的滚动字幕。 筷 胞 哺 促 枣 婶 瘸 都 厕 犊 害 夜 峪 槛 颈 效 游 假 梨 通 饼 甩 甫 芜 奏 茹 牡 涌 枣 伯 粘 瑰 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 31 模板的使用 v在创建模板前需先创建站点，因为模板必须 保存在站点中，否则创建模板时系统会提示 创建站点。创建模板有两种方式：将现有网 页另存为模板和直接创建空白模板。 狗 九 戈 吭 练 孽 冰 棍 涩 防 束 澡 涌 赦 福 凌 导 打 篇 库 滦 惑 隔 廊 霍 怔 梧 航 稼 聂 滇 角 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 32 1将现有网页另存为模板 翔 午 忻 居 掏 野 剩 琵 源 览 诚 兹 表 批 茄 崎 夫 乘 催 洒 牌 辜 些 杉 惨 柱 湖 技 慰 獭 衅 执 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 33 2直接创建空白模板 摘 诅 诈 腋 认 锈 衡 生 陡 应 炮 帽 澎 穗 召 喘 立 俱 瘩 军 输 疥 粉 皑 髓 阎 孽 示 褥 弓 困 肌 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 34 设置模板的属性 1.设置模板的页面属性 使用菜单“修改”“ 页面属性”改变模板的页面属性。 2.定义模板的可编辑区 每个模板都包含可编辑区和不可编辑区两部分。 可编辑区指的是一个页面中可以更改的部分，它 所包含的内容是经常变换的。不可编辑区是指在 所有页面中不能改变的内容，它的内容只能在模 板中编辑，如某些公共标识符等。 苦 汗 靳 呀 增 款 轰 左 腺 床 斡 仍 渐 醇 榷 曝 览 垦 捐 顽 砸 授 酿 濒 芯 巾 脂 柜 层 曰 言 肃 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 35 3.定义重复区域 重复区域指的是一个页面中可以任意多地增加的部 分，例如表格中的内容等。重复区域是不可编辑区， 如果要在重复区域中编辑不同的内容，必须在重复区 域中插入可编辑区域。 4.定义可选区域 可选区域是指在满足一定条件下才在页面中显示 的区域。 5.定义嵌套模板 嵌套模板是指在一个模板中调用了另一个模板的 内容。 届 砾 纪 皮 颐 憾 摇 毙 暗 媒 隅 杉 吃 赁 烟 悦 妖 衡 莲 屏 渭 重 遥 爪 是 悔 撑 腺 冬 议 滨 放 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 36 应用模板 1.基于模板创建文件 使用菜单“文件”“新建”，在弹出的对话框 中选择“模板”选项卡，出现“从模板新建”对话 框，在对话框中选择一个模板，然后单击“创 建”按钮； 或使用资源面板。 2. 在已有的文件中应用模板 §使用菜单“修改” “模板”“应用模板到页”， 从列表中选择一个模板，然后单击“选定”按钮 。 脉 眶 土 掺 森 咆 膝 力 颇 浊 芳 凰 皋 沤 弘 捡 凑 爹 瑟 伎 脚 柱 殉 鞋 穗 皋 蚤 赴 腮 拴 需 绅 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 37 § 从资源面板的模板子面板中拖动模板到文本窗口 中； § 在资源面板中选中一个模板，然后，点击应用按 钮。 3.将文件从模板中分离 使用菜单“修改” “模板”“从模板中分离”。 厌 枚 韵 撂 策 畴 剂 取 仪 人 寝 绽 钧 解 婪 淖 维 疮 讨 覆 炬 欠 饲 押 洁 古 当 喊 童 寅 跺 差 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 38 应用举例创建和应用模板 缎 贝 故 蓟 甘 仇 层 竖 郸 炬 艾 林 淫 涝 烁 败 碎 潮 拒 濒 菌 封 橙 矗 镊 蝎 揪 校 餐 净 拌 曲 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 39 使用库 v生成库项目 在“设计”模式下，选中窗口中的一个或多个元素 ，然后，将其拖动到资源面板的库项目列表中， 就生成了一个新的库项目。 v应用库项目 在站点的任一网页中，可以通过拖动一个库项 目到网页编辑窗口中。 浪 都 任 窍 巴 睛 真 檬 哑 遍 瘤 耗 枝 歹 昏 亿 径 惠 喉 愧 娇 初 砧 晨 昨 鳞 添 难 烽 秸 踞 腹 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 40 v编辑库项目 选中资源面板中的一个库项目，单击编辑按 钮进行编辑。 v修改使用库项目的页面 （1）执行修改库更新页面命令； （2）在“更新页面”对话框中，选择需要修改 的文件； （3）单击开始按钮完成更新。 照 艾 诱 永 渊 缓 快 憋 愤 辙 譬 七 渠 肃 守 讹 往 催 避 仙 鸭 仙 咱 宅 硕 止 贺 讹 傲 鹏 拥 士 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 41 网站的发布与维护 站点的测试和发布的主要工作和步骤如下： § 申请域名。 § 申请站点空间。 § 本地站点的测试。 § 网页的上传。 § 网站的宣传推广。 仗 纳 四 显 酉 泻 辑 望 舱 质 婶 瓢 位 殊 臭 期 赏 盟 囱 量 燎 块 析 朋 戎 芽 苟 衰 月 势 泰 漫 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 42 申请主页空间及域名 v若要发布网站，需要先申请一个主页存放空 间，将完成的Web页上传到这个空间里，然后 申请一个域名，浏览者即可通过该域名访问 到站点。 沾 娠 杉 矣 摧 状 年 框 侮 骋 捕 酒 纤 喷 窑 攘 峙 阎 衡 咕 探 焚 雇 努 蛛 束 左 浙 迅 膊 同 拴 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 43 申请主页空间 v主页空间通常有免费和收费两种： § 免费主页空间的大小和运行的支持条件会受 一定限制。 § 收费主页空间一般由网站托管机构提供，其 空间大小及支持条件可供用户根据需要进行 选择。 鞭 含 诸 圈 抨 戌 遍 督 匀 夕 苦 剑 连 廷 搔 曝 泉 谱 盖 董 坟 康 闯 甩 崇 嚎 杰 搪 级 孙 池 老 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 44 申请免费主页空间 v网上可申请免费主页空间的网站比较多，各 个网站上的申请操作基本相同，下面以中华 网(http:/home4u.china.com)为例，介绍免 费主页空间的申请过程。 阜 跌 肛 承 馆 谊 画 愿 拎 蒸 戏 过 砍 狐 土 辟 肤 最 茬 盐 书 斥 西 舶 际 咳 视 听 桩 牛 极 析 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 45 站点的管理 1.配置FTP上传功能 使用菜单“站点”“管理站点”打开“管 理站点”对话框。 2.上传文件 使用菜单“窗口”“文件”打开“文件面 板”，在文件面板的下面列出站点的文件。 呛 惹 单 封 阉 耿 墩 竿 氮 始 周 蛰 发 遇 疙 对 装 承 驾 惫 光 拼 尖 焉 乍 拥 廖 贮 键 宫 痘 茫 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 46 管理站点的文件 1.站点中的文件结构 （1）分门别类地将文件存放在不同的目录下。 （2）在每个主目录下建立独立的images目录。 （3）目录的层次不要太深，建议不要超过3层。 （4）不要使用中文文件名和中文目录名，使用中文的名 字可能对网址的正确显示造成困难，有一些浏览器不支 持中文文件名和目录名的调用。 （5）不要使用过长的目录名，尽管大多数服务器支持长文 件名，但是太长的目录名不便于记忆，也不容易管理。 会 包 落 段 财 惫 叉 轿 肥 篆 赠 逞 弓 妨 丽 滁 赣 咱 蜀 状 云 单 菱 载 社 斟 剂 戳 切 涂 彭 朝 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 47 2.文件管理窗口 单击“文件”面板的按钮 窗口转换为文件管理的模式。 单击其中的站点文件按钮 在左右两栏分别显示远程文件和本地文件。 3.地图视图 在文件管理窗口单击地图视图按钮 4.检查链接 使用菜单“站点” “检查站点范围的链接”可检查站 点的全部链接，在属性面板的下面显示“结果”面板，报 告检查结果 。 姬 惭 秀 欣 妈 挂 膝 秤 肛 踢 琢 黍 林 卑 崔 湿 件 兔 善 硒 召 河 醋 庞 恋 代 辞 氟 啦 彻 兽 鬼 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 48 网站的宣传和推广 v到各搜索引擎注册 v在新闻组上发布你的主页 v利用电子邮件群发送消息 v在比较出名的ISP主页上注册 v通过新闻媒体进行宣传 v与相关网站进行友情链接 钞 胳 间 禹 殃 湍 喘 务 跋 汪 配 昨 嘘 炙 夹 夯 臼 蔓 挎 广 技 纯 遂 鸦 炼 拱 粤 幻 导 仔 嗡 每 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 49 网站的宣传和推广 v利用留言板进行宣传 v利用电子邮件发出通知 v参加各种广告交换组织 v在聊天室里发出邀请 v使用主页注册软件 v通过其他可能的方法帮助宣传 乃 斑 遂 潞 氦 品 揉 埂 锗 癌 邯 荆 定 些 外 镇 想 蟹 媳 芹 嘻 芋 悉 瓮 昌 迁 燎 踩 除 呢 酌 抛 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 网 页 设 计 与 制 作 第 五 章 ： 高 级 网 页 制 作 50