静态网页制作教程--第一章--网页基础.pptxVIP

第一章网页基础;一.www基础;www是一个全球性的、交互式的、动态的、多平台的、分布式的、图像超文本的信息系统。

要能在web上四处遨游，首先必须安装一个web浏览器。有了自己的web浏览器后，在web上导航最简单的方法就是结合浏览器的各种性能在各页上移动。你可以通过选择指定的高亮度显示的文字、词或图像从一个页面移至另一页面，也可以利用该页的地址或url（uniformresourcelocator）统一资源定位器来直接移至该指定页。;Web浏览器的选用;以下是常用的浏览器

1.Mosaic：最早开始web研究时使用的浏览器，不过现在一般没人用了。

2.Lynx：基于文本的浏览器，是web访问中仅限于文本访问的最佳选择。但无法通过该浏览器看到web页面的图像。

3.Netscapenavigator：曾一度是最流行的浏览器，它通过开发html扩展来提高web页面的图形品质。

4.Internetexplor：简称ie，已经拥有同netscapenavigator基本相同的特性，更由于其方便快捷、免费等特性而成了当今最流行的浏览器;寻找一个web编写工具;了解html的发展信息;创建自己web页面的要点;4.如果可能，应该将每一页都设计的简短一些，每一页的文本及图形不应该超过一到两个屏幕。如果一页太长，则读者不得不来回滚动屏幕以阅读整份页面，这样就会打断文档的流畅性。如果页面必须很长，则应在文档中包括目录和指向特殊位置的链接，以使读者便于找到所需信息。

5.不要在页面上设置太多的图形。图形文件很大，意味着浏览器装载一页包括图形的页面会非常费时。尽管你的网络连接可能非常的迅速，但是别人访问你网页可能相对很慢。

6.在决定将自己的页面推向世界之前，应仔细检查一下是否有错误和不佳之处。;二.网站和网页;三.Html基础及简单页面设计;文档结构和格式的定义是由html元素来完成的。而html元素是由单个或一对标记定义的包含范围。一对标记是指一个起始标记和一个结束标记。一个起始标记是由一个元素名和后面的一个在小于号（）和大于号（）之间的属性/值对系列组成。结束标记在元素前有一个斜杠（/），此外，它并不包括属性/值列表。;1.Html标记;注意：在html标记中，英文大小写字母的意义是相同的，也就是说html和HTML标记是一样的。

由于标记的存在和使用，html拥有层次极为分明的基本结构。这对页面的制作有很大的帮助。;2.Html的基本结构;head标记：建立的组件的内容为文件标题。其中并不放网页的任何内容，而是放置有关有关html文件的信息，例如：文件的标题、编辑方式……等等。这些信息大部分是提供索引、辨认和其他应用之使用。

body标记：建立的组件是html文件的主体，也就是网页的主要内容。依照各种html的控制，这些内容将呈现在浏览器的窗口中。

因此，所有文件的最基本结构如下：;html

head

……

/head

body

……

/body

/html

;从上图中，我们可以容易的了解到整个html文件中所有的数据均被建立为一个一个组件，并组织为一个层次化的结构。

当利用html标记来定义组件时，定义标记不可交错，否则将造成错误。下面的语法中，head标记与body标记彼此交错，这样是不对的，如果标记交错时，我们无法区别两个组件的范围

html

head

……

body

/head

……

/body

/html;;四.Web页面的颜色;1.为web页面设置背景颜色;另外，也可以利用十六进制数值方式来指定颜色，颜色的表示方法如下：

#RRGGBB

其中，RR代表红色、GG代表绿色、BB代表蓝色，我们以00到FF的值表示三种颜色成分的多少，以指定出三种原色以多少的成分组成新颜色。语法如下：

bodybgcolor=“#00ff00”

另外，ie支持3位数的颜色表示方法。与六位数的表示方法类似，不过就是位数少而已

#RGB分别表示红绿蓝的成分。

例如：绿色可以用“#0F0”表示

（实例）;2.为web页面设置文本颜色;3.在web页面设置中为超文本链接设置颜色;4.利用图像作为web页面使得背景;五.给html文档加注释;一般来说，注释有两个用途;

1.在创建文档时，为编辑文档设计提供途径，此类注释将会对维护和修改极有帮助

2.一些应用程序要利用注释在html中包括额外应用程序的特定信息;注释的一般步骤如下：

1.打开一个html文档

2.确定要添加注释的位置

3.将插入点移至该位置，插入注释语句

4.保存文档为.html文档，在浏览器中查看显示效果

（