静态网页制作教程(入门级)内容资料.ppt

第1章 网页基础;一.www基础;www是一个全球性的、交互式的、动态的、多平台的、分布式的、图像超文本的信息系统。 要能在web上四处遨游，首先必须安装一个web浏览器。有了自己的web浏览器后，在web上导航最简单的方法就是结合浏览器的各种性能在各页上移动。你可以通过选择指定的高亮度显示的文字、词或图像从一个页面移至另一页面，也可以利用该页的地址或url（uniform resource locator）统一资源定位器来直接移至该指定页。;Web浏览器的选用;以下是常用的浏览器 1.Mosaic：最早开始web研究时使用的浏览器，不过现在一般没人用了。 2.Lynx：基于文本的浏览器，是web访问中仅限于文本访问的最佳选择。但无法通过该浏览器看到web页面的图像。 3.Netscape navigator：曾一度是最流行的浏览器，它通过开发html扩展来提高web页面的图形品质。 4.Internet explor：简称ie，已经拥有同netscape navigator基本相同的特性，更由于其方便快捷、免费等特性而成了当今最流行的浏览器;寻找一个web编写工具;了解html的发展信息;创建自己web页面的要点;二.网站和网页;三.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的值表示三种颜色成分的多少，以指定出三种原色以多少的成分组成新颜色。语法如下： body bgcolor=“#00ff00” 另外，ie支持3位数的颜色表示方法。与六位数的表示方法类似，不过就是位数少而已 #RGB分别表示红绿蓝的成分。 例如：绿色可以用“#0F0”表示 （实例）;2.为web页面设置文本颜色;3.在web页面设置中为超文本链接设置颜色;4.利用图像作为web页面使得 背景;五.给html文档加注释;一般来说，注释有两个用途; 1.在创建文档时，为编辑文档设计提供途径，此类注释将会对维护和修改极有帮助 2.一些应用程序要利用注释在html中包括额外应用程序的特定信息;注释的一般步骤如下： 1.打开一个html文档 2.确定要添加注释的位置 3.将插入点移至该位置，插入注释语句 4.保存文档为.html文档，在浏览器中查看显示效果 （实例）;第1章 特殊字符、逻辑效果;一.特殊字符;在html文档中可以指定任何iso latin1字符，但是一般的编译环境却不一定包括这些字符。Html提供两种引用类型来包含字符，这样可以很方便地使用它们。（实例1.html） 1.字符引用：通过使用iso latin1字符代码可以包含任何字符。 2.实体引用：一些常用的字符已经被指定了助记符。可以通过指定恰当的助记符来包含这些字符。 无论是字符的引用还是实体引用，都可在html文档中输入任何一个iso latin1字符。只是因