(网页常用代码A.docVIP

第章 静态网页制作 预备知识：静态网页概述　　初期的网站都是由静态网页组成的，网页中只有文字、图形、图像等，用户只能被动地接受这些信息。那时的Web页面的核心是HTML(一种标记语言)，它编写很方便，不要求有特定的语言环境，可以用任何一种编辑器写好，便可以放到浏览器观看结果。现在HTML已经有许多专门的编辑软件，如FrontPage、Hotdog、Dreamweaver等。　　最初的Web是完全的静态，仅仅提供大量的信息服务，没有服务器端／客户端的概念。“静态”指的就是网站的网页内容“固定不变”。当用户浏览器通过互联网的HTTP (Hyper text Transfer Protocol)协议向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的是标准HTML代码，再加上GIF格式的动态图片。二、工作内容　　静态网页制作概括起来，有如下几个部分：1、网页素材搜集与制作（图像处理与动画制作）　　经常需要在网页中应用一些图像与动画，一方面是由于实际内容的需要，一方面是为了增加网页吸引力。在WWW上通常采用jpeg、GIF格式的图片和gif89a、flash等格式的动画。2、网页版式设计　　规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方。3、文本编写　　自己的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能，直接写入文字。4、处理网页之间的关联　　这主要是建立合理、高效的网页导航系统。 5、网页发布　　主要是将建设好的网页上传到服务器中供用户浏览。三、静态网页的制作工具1、图像处理与动画制作工具：Photoshop、Flash等。2、网页编辑工具：1）纯文本编辑工具，如Notepad等；2）转换工具，如word等；3）专用工具，如FrontPage、Dreamweaver等。3、网页上传工具：1)FTP工具，如WS-FTP，CuteFTP等；2)专用网页编辑软件的文件传输功能。4、网页优化工具：网页减肥茶、网页优化大师等。四、网页制作工作步骤1、步骤：1）制作网页-- 2）浏览器预览--（满意） 4）发布　　　　　　　　个　　　　　　　　｜　　　　　　　　 L(不满意)--| 　　　　　　　 2、工作台： 网页编辑器=======网页浏览器第章 静态网页制作 第节 HTML第节 HTML第节 一、HTML简介　　HTML是Hypertext Markup Language(超文本标志语言)的缩写，它是构成Web页面(Page)的主要工具，是用来表示网上信息的符号标志语言。　　在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的母语。WWW(World Wide Web)所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML翻译成可以识别的信息，就是现在所见到的网页。HTML的功能1)出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。2)通过超链接检索在线的信息。3)为获取远程服务而设计表单，可用于检索信息、定购产品等。4)在文档中直接包含表格数据、视频剪辑、声音剪辑以及其他的一些应用。学习HTML的意义　　便于优化专用工具生成的代码；为编写ASP等网络程序奠定基础。HTML的编写工具　　用HTML编写的文件(文档)的扩展名是．HTML或．HTM。它们是供浏览器解释浏览文件的格式。可以使用记事本、写字板等编辑工具来编写HTML文件。HTML语言使用标志对(标签)的方法来编写文件，既简单又方便。它通常使用标志名/标志名来表示标志的开始和结束(例如HTML/HTML标志对)，因此在HTML文档中这样的标志对都必须是成对使用的。 　　在今天，做网页的工具到处都是,只要动几下鼠标，一个精彩的网页就出来了，HTML是否要学呢？答案是肯定的，因为工具就是工具，它们生成的代码是机械的，不够简洁，使网页打开的速度减慢。还有很多新的功能，工具是生成不了的。必需对代码进行编辑。HTML文件的本质　　HTML文件的实质是以.htm或.html为扩展名的纯文本文件。html文件的格式　查看网页源文件，可见html文件的格式如下：htmlheadtitle网页的标题/title/headbody……………………/body/html　　其中省略号部份是网页的内容,其实每个标记都是一一对应的。每个网页文件都是以h