Frontpage2003网页制作

办公自动化简明教程2020/7/81三、网页制作3.1网页是什么？3.2HTML语言3.3可视化网页制作工具3.4Office2003与网页制作办公自动化简明教程2020/7/82主要内容：本章介绍了什么是网页？介绍了HTML语言、可视化网页制作方法。介绍了FrontPage2003的基本使用方法。办公自动化简明教程2020/7/83学习目标：1．认识网页2．初步掌握HTML语言3．理解可视化网页制作的观念4．掌握FrontPage2003网页制作工具的基本使用方法。办公自动化简明教程2020/7/843.1什么是网页？3.1什么是网页？3.1.1浏览3.1.1体系结构的服务项目。Web是WorldWideWeb的缩写。通常把它翻译为叫“万维网”。通过Web人们可以方便地浏览Internet主机上的大量的链接资源。如果你使用过Internet，相信你一定进行过浏览。在用户端要享受服务需要有两个条件：一是将自己的计算机连入Internet；二是自己的计算机上需要安装一个浏览器程序（比如：在WindowsXP操作系统上安装一个IE浏览器程序）。本节待续办公自动化简明教程2020/7/86什么是URL？3.1.1的缩写。通常把它翻译为“统一资源定位器”。顾名思义，URL是用来定位资源的。那么，它是用来定位什么资源呢？答案是：网页信息资源。如果想要直接浏览一个网页，首先就应该知道这个网页在什么地方（也就是说在哪台主机上的哪一个文件夹中）。怎么表示这个信息呢？用URL。本节待续办公自动化简明教程2020/7/88URL的格式3.1.1如下：协议名称://主机的IP地址|主机的域名/路径/文件标识本节待续办公自动化简明教程2020/7/89在地址栏输入：浏览URL本节待续办公自动化简明教程2020/7/810在地址栏输入：浏览本节待续办公自动化简明教程2020/7/8113.1.1．协议名和主机域名（或IP地址）之间应该是“//”。不是一个“/”2．主机域名（或IP地址）和路径之间、路径和文件标示之间应该是“/”。不是“//”。3．文件标示必须指明文件的文件名和扩展名。不只是文件名。4．所有字符必须是ASCII码字符。不能用汉字的标点代替英文的标点。后续3.1.2节办公自动化简明教程2020/7/8123.1.2网页是文本文件3.1.2网页是文本文件从浏览器窗口中看到的网页是一个个包含有丰富多媒体信息的文档。那么网页里边的代码究竟是什么的呢？其实网页这种类型的文件里边包含的是文本信息，通常称这种文件为“文本文件”。其实网页就是文本文件。本节待续办公自动化简明教程2020/7/8133.1.2网页是文本文件在浏览器中看到的网页本节待续办公自动化简明教程2020/7/8143.1.2网页是文本文件网页的源代码本节待续办公自动化简明教程2020/7/8153.1.2网页是文本文件文本编辑器的作用是不是可以直接用“记事本”这种文本文件编辑工具来创建、编辑网页呢？回答是肯定的。不仅是“记事本”程序，“写字版”程序、“WPS”程序、“Word”程序等等，都可以作为编写网页文件的工具，只要在保存文件时使用“纯文本”文件类型（扩展名使用：htm、html、asp等）即可。后续3.1.3节办公自动化简明教程2020/7/8163.1.3网页和网站3.1.3网页和网站一个网页包含的信息毕竟是有限的。再说如果将大量的信息放在一个网页上就好比将若干本书的内容全部印在一页很大的纸上一样，这种情况是难以想象的。网页也是一样，全世界的信息提供者（商家、机构、部门、单位、组织、乃至个人等等）必须要将要提供的信息分门别类，保存在许许多多的网页中。本节待续办公自动化简明教程2020/7/8173.1.3网页和网站将这些网页组织起来，并建立一些类似于图书馆的图书、资料查询目录的专门的网页。建立主要用于查询的目录网页和主要用于显示信息的信息网页之间的超级链接。提供一个在Internet上可以被正常使用的域名。规定一个首先就要让浏览者看到的网页（主页）。如果是这样的话，上述的信息提供者提供这些信息、功能、服务加起来就可以被认为是一个“网站”。后续3.2节办公自动化简明教程2020/7/8183.2HTML语言3.2HTML语言3.2.1HTML语言的基本语法规则3.2.2HTML的常用标记和属性3.2.3表格3.2.4图片3.2.5超级链接3.2.6表单办公自动化简明教程2020/7/8193.2.1HTML语言的基本语法规则3.2.1HTML语言的基本语法规则用HTML语言编写的文档，其基本结构如下：htmlheadtitle标题栏的标题/title/headbody主体部分内容/body/html本节待续办公自动化简明教程2020/7/820HTML文档整体由html和/html标记包含。文档分头部和主题两部分。head和/head标记之间的是文档的头部；body和/body标记之间的是文档的主体部分。title和/title标记之间的文本在网页被浏览时将显示在浏览器窗口的标题栏。头部的代码主要用来为网页的浏览，以及网页中程序代码的执行提供准备。主体部分主要被用来在浏览器窗口的工作区显示网页的内容。HTML语言忽略“空格”字符，忽略大小写，标记的功能可以叠加。3.2.1HTML语言的基本语法规则本节待续办公自动化简明教程2020/7/821HTML语言是一种描述性语言。HTML语言主要由一些标记构成。HTML语言标记的书写规则如下。标记名属性1属性2属性3…3.2.1HTML语言的基本语法规则以空格隔开后续3.2.2节办公自动化简明教程2020/7/8223.2.2HTML的常用标记和属性3.2.2HTML的常用标记和属性1．html、head、title、body标记•html和/html标记共同构成文档的首尾标记。•head和/head标记构成文档的头部部分。•title和/title标记规定网页在被浏览时浏览器窗口的标题栏中应显示出的内容。•body和/body标记定义了网页在被浏览时浏览器窗口的工作区中应显示出的内容。本节待续办公自动化简明教程2020/7/8233.2.2HTML的常用标记和属性实例（源代码）htmlheadtitle这是网页的标题/title/headbody这是网页的主体部分信息/body/html本节待续办公自动化简明教程2020/7/8243.2.2HTML的常用标记和属性实例（浏览结果）本节待续办公自动化简明教程2020/7/8253.2.2HTML的常用标记和属性2.body标记常用的属性如下：background：网页背景图案bgcolor：网页背景色彩text：网页中一般文本的色彩link：没访问过的超文本色彩vlink：访问过的超文本色彩alink：访问中的超文本色彩本节待续办公自动化简明教程2020/7/8263.2.2HTML的常用标记和属性实例（源代码）htmlheadtitlebody标记的属性/title/headbodybgcolor=”#00ff00”text=”#0000ff”绿底蓝字/body/html本节待续办公自动化简明教程2020/7/8273.2.2HTML的常用标记和属性实例（浏览结果）本节待续办公自动化简明教程2020/7/8283.2.2HTML的常用标记和属性3.hn标记hn标记（n为：1、2、3、4、5、6其中之一）规定在网页的主体部分形式显眼的标题文本。hn和/hn成对出现，h1和/h1表示最大号标题，h2和/h2次之，h7和/h7表示最小号标题。本节待续办公自动化简明教程2020/7/8293.2.2HTML的常用标记和属性实例（源代码）htmlheadtitlehn标记的效果/title/headbodyh1这是1号标题/h1h2这是2号标题/h2h3这是3号标题/h3h4这是4号标题/h4h5这是5号标题/h5h6这是6号标题/h6/body/html本节待续办公自动化简明教程2020/7/8303.2.2HTML的常用标记和属性实例（浏览结果）本节待续办公自动化简明教程2020/7/8313.2.2HTML的常用标记和属性4.ol和ul标记ol标记规定在网页中显示有序列表。ul标记规定在网页中显示无序列表。ol和ul标记通常与li标记配合使用。本节待续办公自动化简明教程2020/7/8323.2.2HTML的常用标记和属性实例（源代码）htmlheadtitle有序和无序列表/title/headbodyolli有序列表第1项li有序列表第2项li有序列表第3项li有序列表第4项/olulli有序列表第1项li有序列表第2项li有序列表第3项li有序列表第4项/ul/body/html本节待续办公自动化简明教程2020/7/8333.2.2HTML的常用标记和属性实例（浏览结果）本节待续办公自动化简明教程2020/7/8343.2.2HTML的常用标记和属性5.font标记在HTML语言中，font标记被用来说明文本显示的各种特征（大小、字体、色彩等）。font标记的常用的属性如下：size：文字的大小color：文本的色彩face：文本字体本节待续办公自动化简明教程2020/7/8353.2.2HTML的常用标记和属性实例（源代码）htmlheadtitle文本的样式/title/headbodyfontsize=”7”face=”隶书”7号隶书字体/fontbrfontsize=”2”color=”#888888”灰色的2号字/font/body/html本节待续办公自动化简明教程2020/7/8363.2.2HTML的常用标记和属性实例（浏览结果）本节待续办公自动化简明教程2020/7/8373.2.2HTML的常用标记和属性3.b、u、i标记b标记规定文本加粗显示u标记规定文本加下划线显示i标记规定文本倾斜显示本节待续办公自动化简明教程2020/7/8383.2.2HTML的常用标记和属性实例（源代码）htmlheadtitle文本的样式/title/headbodyfontsize=”7”face=”隶书”u7号隶书/ub字/bi体/i/fontbrfontsize=”2”color=”#888888”灰色的2号字/font/body/html本节待续办公自动化简明教程2020/7/8393.2.2HTML的常用标记和属性实例（浏览结果）本节待续办公自动化简明教程2020/7/8403.2.2HTML的常用标记和属性7.hr标记hr标记可以使网页在被浏览是产生一条水平线。hr标记不是成对出现