第二章 用Word2000制作简单网页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• • • • • • 超级连接简介 书签资料的处理 不同网页间的超级链接 编辑文字的超级链接 URL的超级链接 Office2000的超级链接
超级连接简介：
超级链接是从网页内的文字或图 片跳转到其它目标对象的一种连接方 法，用来引导文件的阅读。 超级链接使得浏览的各个对象有 机地成为一个整体，成为WWW世界的 领航员。 当鼠标指针移动到有超级链接的 地方时，鼠标指针会变成一只手形。
• 网页之间的超级链接：链接目标是同一 个网站内的网页。 • URL超级链接：可以链接到Internet上的任 意目标，如不同网站上的目标对象。
4.超级链接的HTML标记
• 书签：
格式：<a name=String> </a> 例：<a name=businessservice>商务服务</a>
• URL:
1.网页内部的超级链接
准备工作:
在上次课完成的网页文件中更 改如下的一些内容： 1) 插入一个图片 2) 插入一个表格
插入一个图片
删除标题文字
插入图片作标题
单击来自文件
选择图片文件所在的目录
单击要插入的图片文件
单击插入按钮
插入图片后的页面
插入的图片
建立网页的书签
在此点击，选定位置
单击书签按钮
单击打开菜单
单击浏览按钮
选择网页文件所在的目录
选择要浏览的网页文件
单击打开按钮
单击确定按钮
• 3. 查看网页的HTML源文件
• 1)在Word2000中
• 2)在Internet Explorer中 • 3)在FrontPage2000中(下一章讲解)
一、在Word中查看HTML源文件
单击HTML源文件
选择保存目录
输入网页文件名
单击确定按钮
二、将Word等OFFICE文档另存 为Web文件
一个普通的word文档
单击另存为
选择保存目录
输入文件名称
单击保存按钮
选择Web页文件类型
• 2.网页的浏览
方法一、直接打开网页文件
双击要浏览的网页文件
方法二、在浏览器中打开网页文件
双击打开Internet Explorer
协议名称
网站域名
网页文件名
方法一、直接输入一个URL地址
输入URL后回车，输入的URL即成为 一个超级链接
方法二、在图片或文字上建立 URL超级链接
选中图片或文字，然后单击右键
单击超级链接按钮
输入URL地址
单击确定按钮
各种超级链接小结：
• 网页内部的超级链接：链接目标位于同 一个网页，如可以通过书签来实现。
输入一个书签名称
单击添加按钮，完成该书签的插入
插入表格存放超级链接
单击表格菜单
单击定位插入位置
输入表格的列数
输入表格的行数
单击确定按钮
插入表格并输入文字后的页面
制作表格内文字的超级链接
选中商务服务
单击超级链接
单击本文档中的位置
单击businessservice标签
单击确定按钮
建好的一个内部超级链接
2.网页之间的超级链接
单击超级链接
选中文字:张三
单击原有文件或Web页
单击文件按钮
选择要链接到的网页文件所在的目录
单击要链接到的网页文件 单击确定按钮
单击确定按钮
建好的一个网页间的超级链接
3.URL超级链接
一个典型的URL示例: /index.html
第二章 用Word2000制作简单网页
2.1 网页设计初步
2.2 制作“商店简介”网页 2.3 网页的超级链接
本章学习目标
• 了解Ms Word2000，学会其一般操作； • 学会用Ms Word2000 制作网页； • 了解HTML文件结构及HTML标记；
2.1 网页设计初步
• 1.网页的建立和保存
选择要设置的文字 还可以设置文字的字体、颜色等
选择要设置的字号
标题文字效果设置的结果
二、加入水平线
最终插入的水平线
单击边框和底纹菜单项
将光标定位到标题后
单击横线按钮
单击第一种横线
单击插入剪辑按钮
单击水平线
插入的水平线
单击设置横线格式
普通水平线的格式设置
重新插入图片格式的水平线
选取图片格式的水平线
源文件中的HTML标记
HTML标记示例
网页中的HTML标记
特别说明：
HTML标记有很多，只要求大家了解 常见的标记，并且掌握HTML文件的结构! Word2000在网页文字并排和项目 列表上很少使用标准的HTML标记的字 体效果，而是使用XML和Style Sheets。
本节完毕
2.3 网页的超级链接
• 1)用Word2000新建Web页
• 2)将Word、Excel、PowerPoint中的文件另
存为Web文件。
• 3)用FrontPage2000新建网页(下一章讲解)
一、在Word2000中新建网页
单击Microsoft Word
选择程序
单击开始
单击Web页
单击确定按钮
输入网页文字
单击保存菜单
格式： <a herf=Protocol://Domain/File#Bookmark>Name </a> 例： <a herf=/index.html>网易</a>
下次课上机实践：
作业:
将自己的简介制作成网页形式，并在 其中插入适当的超级链接。 要求：
必须包含多个页面，在主页面中包含 有滚动文字，并且页面中要有适量的图片。
图片水平线的格式设置
多了一个图片选项卡
最终插入的水平线
三、加入滚动文字
欢迎访问88超市
加入的一行滚动文字
调出Web工具箱
单击Web工具箱
出现的Web工具箱
单击选择插入点
单击滚动文字按钮
输入滚动文字
单击确定按钮
重新设置滚动文字
选择滚动文字后单击右键
单击属性
重新设置滚动文字
四、网页中的HTML标记
HTML源文件的内容
二、在IE中查看HTML源文件
单击源文件
HTML源文件的内容
本节完毕
2.2 制作“商店简介”网页
• 1. 文字效果
• 2. 加入水平线
• 3. 加入滚动文字
• 4. 网页中的HTML标记简介
单击编辑菜单
选择要编辑的文件
单击打开按钮
在Word中打开的网页文件
一、设置标题文字效果
超级连接简介：
超级链接是从网页内的文字或图 片跳转到其它目标对象的一种连接方 法，用来引导文件的阅读。 超级链接使得浏览的各个对象有 机地成为一个整体，成为WWW世界的 领航员。 当鼠标指针移动到有超级链接的 地方时，鼠标指针会变成一只手形。
• 网页之间的超级链接：链接目标是同一 个网站内的网页。 • URL超级链接：可以链接到Internet上的任 意目标，如不同网站上的目标对象。
4.超级链接的HTML标记
• 书签：
格式：<a name=String> </a> 例：<a name=businessservice>商务服务</a>
• URL:
1.网页内部的超级链接
准备工作:
在上次课完成的网页文件中更 改如下的一些内容： 1) 插入一个图片 2) 插入一个表格
插入一个图片
删除标题文字
插入图片作标题
单击来自文件
选择图片文件所在的目录
单击要插入的图片文件
单击插入按钮
插入图片后的页面
插入的图片
建立网页的书签
在此点击，选定位置
单击书签按钮
单击打开菜单
单击浏览按钮
选择网页文件所在的目录
选择要浏览的网页文件
单击打开按钮
单击确定按钮
• 3. 查看网页的HTML源文件
• 1)在Word2000中
• 2)在Internet Explorer中 • 3)在FrontPage2000中(下一章讲解)
一、在Word中查看HTML源文件
单击HTML源文件
选择保存目录
输入网页文件名
单击确定按钮
二、将Word等OFFICE文档另存 为Web文件
一个普通的word文档
单击另存为
选择保存目录
输入文件名称
单击保存按钮
选择Web页文件类型
• 2.网页的浏览
方法一、直接打开网页文件
双击要浏览的网页文件
方法二、在浏览器中打开网页文件
双击打开Internet Explorer
协议名称
网站域名
网页文件名
方法一、直接输入一个URL地址
输入URL后回车，输入的URL即成为 一个超级链接
方法二、在图片或文字上建立 URL超级链接
选中图片或文字，然后单击右键
单击超级链接按钮
输入URL地址
单击确定按钮
各种超级链接小结：
• 网页内部的超级链接：链接目标位于同 一个网页，如可以通过书签来实现。
输入一个书签名称
单击添加按钮，完成该书签的插入
插入表格存放超级链接
单击表格菜单
单击定位插入位置
输入表格的列数
输入表格的行数
单击确定按钮
插入表格并输入文字后的页面
制作表格内文字的超级链接
选中商务服务
单击超级链接
单击本文档中的位置
单击businessservice标签
单击确定按钮
建好的一个内部超级链接
2.网页之间的超级链接
单击超级链接
选中文字:张三
单击原有文件或Web页
单击文件按钮
选择要链接到的网页文件所在的目录
单击要链接到的网页文件 单击确定按钮
单击确定按钮
建好的一个网页间的超级链接
3.URL超级链接
一个典型的URL示例: /index.html
第二章 用Word2000制作简单网页
2.1 网页设计初步
2.2 制作“商店简介”网页 2.3 网页的超级链接
本章学习目标
• 了解Ms Word2000，学会其一般操作； • 学会用Ms Word2000 制作网页； • 了解HTML文件结构及HTML标记；
2.1 网页设计初步
• 1.网页的建立和保存
选择要设置的文字 还可以设置文字的字体、颜色等
选择要设置的字号
标题文字效果设置的结果
二、加入水平线
最终插入的水平线
单击边框和底纹菜单项
将光标定位到标题后
单击横线按钮
单击第一种横线
单击插入剪辑按钮
单击水平线
插入的水平线
单击设置横线格式
普通水平线的格式设置
重新插入图片格式的水平线
选取图片格式的水平线
源文件中的HTML标记
HTML标记示例
网页中的HTML标记
特别说明：
HTML标记有很多，只要求大家了解 常见的标记，并且掌握HTML文件的结构! Word2000在网页文字并排和项目 列表上很少使用标准的HTML标记的字 体效果，而是使用XML和Style Sheets。
本节完毕
2.3 网页的超级链接
• 1)用Word2000新建Web页
• 2)将Word、Excel、PowerPoint中的文件另
存为Web文件。
• 3)用FrontPage2000新建网页(下一章讲解)
一、在Word2000中新建网页
单击Microsoft Word
选择程序
单击开始
单击Web页
单击确定按钮
输入网页文字
单击保存菜单
格式： <a herf=Protocol://Domain/File#Bookmark>Name </a> 例： <a herf=/index.html>网易</a>
下次课上机实践：
作业:
将自己的简介制作成网页形式，并在 其中插入适当的超级链接。 要求：
必须包含多个页面，在主页面中包含 有滚动文字，并且页面中要有适量的图片。
图片水平线的格式设置
多了一个图片选项卡
最终插入的水平线
三、加入滚动文字
欢迎访问88超市
加入的一行滚动文字
调出Web工具箱
单击Web工具箱
出现的Web工具箱
单击选择插入点
单击滚动文字按钮
输入滚动文字
单击确定按钮
重新设置滚动文字
选择滚动文字后单击右键
单击属性
重新设置滚动文字
四、网页中的HTML标记
HTML源文件的内容
二、在IE中查看HTML源文件
单击源文件
HTML源文件的内容
本节完毕
2.2 制作“商店简介”网页
• 1. 文字效果
• 2. 加入水平线
• 3. 加入滚动文字
• 4. 网页中的HTML标记简介
单击编辑菜单
选择要编辑的文件
单击打开按钮
在Word中打开的网页文件
一、设置标题文字效果