预览加载中，请您耐心等待几秒...

静态网页制作教程(入门级).ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共265页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第1章网页基础一.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文档，在浏览器中查看显示效果 （实例）第1章特殊字符、逻辑效果一.特殊字符在html文档中可以指定任何isolatin1字符，但是一般的编译环境却不一定包括这些字符。H