网页制作技巧

1、网页制作网页制作 9.1 网页与网站网页与网站 9.2 frontpage 2002的基础知识的基础知识 9.3 制作一张简单的网页制作一张简单的网页 9.4 建立一个完整的网站建立一个完整的网站 9.5 在网页中插入基本元素在网页中插入基本元素 9.6 在网页中添加其它元素在网页中添加其它元素 9.7 框架网页的使用框架网页的使用 9.8 发布站点发布站点 9.1 网页与网站网页与网站 上网时，大家看到的每一个页面都称为一张上网时，大家看到的每一个页面都称为一张“网网 页页”。一张网页其实就是一个文本文件，一般采。一张网页其实就是一个文本文件，一般采 用用html语言来编写，后缀名通常为语言

2、来编写，后缀名通常为“.htm”或或 “.html”等。等。 网站就是一系列网页文件和其它相关文件的集合，网站就是一系列网页文件和其它相关文件的集合， 这些网页和文件通常存储在一个总文件夹内，在这些网页和文件通常存储在一个总文件夹内，在 文件夹内部再把网页和其它文件按照网页之间的文件夹内部再把网页和其它文件按照网页之间的 逻辑关系分门别类的存储在各个子文件夹内，以逻辑关系分门别类的存储在各个子文件夹内，以 便于整个网站的组织和管理。便于整个网站的组织和管理。 9.2 frontpage 2002 简介简介 9.3 制作一张简单的网页制作一张简单的网页 9.3.1 准备工作准备工作 9.3.2

3、制作一张简单的网页制作一张简单的网页 9.3.3 浏览自己制作的网页浏览自己制作的网页 9.3.1 准备工作准备工作 新建一个文件夹用来储存网站的网页文件新建一个文件夹用来储存网站的网页文件 和所有相关文件和所有相关文件 在“我的文档”文件夹下新建一个名为“my webs”的文件夹作为网站的根目录 在根目录下创建一个名为“images”的文件夹 用来储存网站中用到的图片、动画、声音等文 件。 在制作网页的过程中，如果用到了网站根在制作网页的过程中，如果用到了网站根 目录以外的其它文件，最好事先将其复制目录以外的其它文件，最好事先将其复制 到到“my webs”文件夹之下，以免出错。文件夹之下，

4、以免出错。 9.3.2 制作一张简单的网页制作一张简单的网页 启动启动frontpage时，会自动创建一张新网时，会自动创建一张新网 页页“new_page_1.htm” 单击【新建】按钮也可新建网页单击【新建】按钮也可新建网页 单击【保存】按钮即可保存文件单击【保存】按钮即可保存文件 9.3.3 浏览自己制作的网页浏览自己制作的网页 三种浏览自己制作的网页的方法：三种浏览自己制作的网页的方法： 单击【预览】按钮可以预览实际效果； 选择【文件】【用浏览器预览】命令， 在资源管理器或我的电脑中找到该网页文件， 双击该文件即可用浏览器打开网页。 9.4 建立一个完整的网站建立一个完整的网站 9.4

5、.1 新建一个站点新建一个站点 9.4.2 站点的管理站点的管理 9.4.1 新建一个站点新建一个站点 选择【文件】选择【文件】【新建】【新建】【网页或站点】菜单【网页或站点】菜单 命令命令 9.4.2 站点的管理站点的管理 利用文件夹列表进行站点管理利用文件夹列表进行站点管理 新建网页 新建文件夹 关闭站点 打开站点 9.5 在网页中插入基本元素在网页中插入基本元素 9.5.1 在网页中添加文字在网页中添加文字 9.5.2 在网页中添加图片在网页中添加图片 9.5.3 在网页中添加超链接在网页中添加超链接 9.5.4 在网页中使用表格在网页中使用表格 9.5.5 在网页中添加背景图片在网页中

6、添加背景图片 9.5.6 在网页中添加背景音乐在网页中添加背景音乐 9.5.7 应用模板和主题应用模板和主题 9.5.1 在网页中添加文字在网页中添加文字 同同word中基本类似中基本类似 可以直接利用键盘输入各种文本可以直接利用键盘输入各种文本 可以利用格式工具栏和字体、段落对话框可以利用格式工具栏和字体、段落对话框 来进行文本的格式设置来进行文本的格式设置 9.5.2 在网页中添加图片在网页中添加图片 同同word中操作类似中操作类似 设置环绕方式等格式设置环绕方式等格式 插入来自根目录之外的图片插入来自根目录之外的图片 9.5.3 在网页中添加超链接在网页中添加超链接 1. 链接到另一个

7、网页链接到另一个网页 2. 链接到一个网址链接到一个网址 3. 链接到电子邮箱链接到电子邮箱 9.5.4 在网页中使用表格在网页中使用表格 1插入表格插入表格 选择【表格】【插入】【表格】菜单命令 2对表格的操作对表格的操作 合并单元格 拆分单元格 3表格的设置表格的设置 设置表格属性 设置单元格属性 9.5.5 在网页中添加背景图片在网页中添加背景图片 选择【格式】选择【格式】【背景】菜单命令【背景】菜单命令 9.5.6 在网页中添加背景音乐在网页中添加背景音乐 9.5.7 应用模板和主题应用模板和主题 1. 网页模板网页模板 选择【视图】【任务窗格】菜单命令 在任务窗格中选择【网页模板】命

8、令 2. 站点模板站点模板 选择【视图】【任务窗格】菜单命令 在任务窗格中选择【web站点模板】命令 3. 应用主题应用主题 选择【格式】【主题】菜单命令 9.6 在网页中添加其它元素在网页中添加其它元素 9.6.1 插入滚动字幕插入滚动字幕 9.6.2 插入悬停按钮插入悬停按钮 9.6.3 插入视频插入视频 9.6.4 使用图像映射使用图像映射 9.6.5 应用网页过渡应用网页过渡 9.6.6 应用动态应用动态html效果效果 9.6.1 插入滚动字幕插入滚动字幕 选择【插入】选择【插入】【web组件】菜单命令组件】菜单命令 在在“组件类型组件类型”中选择动态效果，并在右侧效果列表中选中选择

9、动态效果，并在右侧效果列表中选 择择“字幕字幕”效果效果 9.6.2 插入悬停按钮插入悬停按钮 选择【插入】选择【插入】【web组件】菜单命令组件】菜单命令 在在“组件类型组件类型”中选择动态效果，并在右侧效果中选择动态效果，并在右侧效果 列表中选择列表中选择“悬停按钮悬停按钮”效果效果 9.6.3 插入视频插入视频 选择【插入】选择【插入】【图片】【图片】【视频】菜单【视频】菜单 命令命令 9.6.4 使用图像映射使用图像映射 利用图象映射可以为一张图片的不同部分利用图象映射可以为一张图片的不同部分 加上不同的加上不同的“热点热点”区域，为每个热点加区域，为每个热点加 上不同的超链接，从而使

10、得在网页上点击上不同的超链接，从而使得在网页上点击 相应热点即可链接到相应区域相应热点即可链接到相应区域 步骤：步骤： 选择热点绘制工具 绘制热点 设置超链接 9.6.5 应用网页过渡应用网页过渡 选择【格式】选择【格式】【网页过渡】菜单命令【网页过渡】菜单命令 9.6.6 应用动态应用动态html效果效果 选择【格式】选择【格式】【动态【动态html效果】菜单命令效果】菜单命令 9.7 框架网页的使用框架网页的使用 9.7.1 新建框架网页新建框架网页 9.7.2 保存框架网页保存框架网页 9.7.3 框架网页中的超链接框架网页中的超链接 9.7.1 新建框架网页新建框架网页 选择【视图】选

11、择【视图】【任务窗格】菜单命令【任务窗格】菜单命令 在任务窗格中选择【网页模板】命令在任务窗格中选择【网页模板】命令 在对话框中选择合适的框架网页类型即可在对话框中选择合适的框架网页类型即可 9.7.2 保存框架网页保存框架网页 选择【文件】选择【文件】【保存】命令【保存】命令 按照对话框所提示的步骤将框架网页的各按照对话框所提示的步骤将框架网页的各 个部分逐个保存个部分逐个保存 9.7.3 框架网页中的超链接框架网页中的超链接 在框架网页中设置超在框架网页中设置超 链接的步骤同一般超链接的步骤同一般超 链接的设置相同链接的设置相同 唯一有区别的是在唯一有区别的是在 “编辑超链接编辑超链接”对话对话 框中要单击【目标框框中要单击【目标框 架】按钮，在架】按钮，在“目标目标 框架框架”对话框中设置对话框中设置 链接的目标框架。链接的目标框架。 9.8 发布站点发布站点 9.8.1 为什么要发布站点为什么要发布站点 9.8.2 发布站点的几种方式发布站点的几种方式 9.8.1 为什么要发布站点为什么要发布站点 发布站点就是将网站中所有的文件及文件发布站点就是将网站中所有的文件及文件 夹