第二章静态网页制作础基.docVIP

静态网页制作基础 一、静态网页概述　　初期的网站都是由静态网页组成的，网页中只有文字、图形、图像等，用户只能被动地接受这些信息。那时的Web页面的核心是HTML(一种标记语言)，它编写很方便，不要求有特定的语言环境，可以用任何一种编辑器写好，便可以放到浏览器观看结果。现在HTML已经有许多专门的编辑软件，如FrontPage、Hotdog、Dreamweaver等。　　最初的Web是完全的静态，仅仅提供大量的信息服务，没有服务器端／客户端的概念。“静态”指的就是网站的网页内容“固定不变”。当用户浏览器通过互联网的HTTP (Hyper text Transfer Protocol)协议向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的是标准HTML代码，再加上GIF格式的动态图片。二、静态网页制作概括：1、网页素材搜集与制作（图像处理与动画制作）　　经常需要在网页中应用一些图像与动画，一方面是由于实际内容的需要，一方面是为了增加网页吸引力。在WWW上通常采用jpeg、gif、png格式的图片和flv、flash等格式的动画。2、网页版式设计　　规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方、同时也要注意访问者的观看习惯，布局的比例也很重要。3、文本编写　　在字体上需要注意，网页文本在浏览器中默认字体都是为‘宋体’，特殊的字体虽然好看，但如果对方没有这种字体，浏览器会将字体就变默认。三、静态网页的制作工具1、图像处理与动画制作工具：Photoshop、Fireworks、Flash等。2、网页编辑工具：1）纯文本编辑工具，如Notepad等； 2）转换工具，如word等； 3）专用工具，如EditPlus、Dreamweaver等。3、网页上传工具：1)FTP工具，如WS-FTP，CuteFTP等； 2)专用网页编辑软件的文件传输功能。4、网页优化工具：网页减肥茶、网页优化大师等。? HTML简介 HTML是Hypertext Markup Language(超文本标志语言)的缩写，它是构成Web页面(Page)的主要工具，是用来表示网上信息的符号标志语言。　　在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的母语。WWW(World Wide Web)所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML翻译成可以识别的信息，就是现在所见到的网页。 1、HTML的功能  1)出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。 2)通过超链接检索在线的信息。 3)为获取远程服务而设计表单，可用于检索信息、定购产品等。 4)在文档中直接包含表格数据、视频剪辑、声音剪辑以及其他的一些应用。学习HTML的意义　　便于优化专用工具生成的代码；为编写ASP等网络程序奠定基础。2、HTML的编写工具 　　可以通过编写修改代码的工具很多，如：记事本；写字板等多种工具，但大多数静态网页都是由Dreamweaver(常用,有设计视图)、EditPlus(好用,有颜色区分)等专业编辑网页软件进行编辑的，软件中有自动生成代码与代码错误检测等功能，在编写上能带来很多方便。3、html文件的基本格式 html head title网页的标题/title /head body网页的内容/body /html　　其中省略号部份是网页的内容,其实每个标记都是一一对应的。每个网页文件都是以html开始和以/html结束。title与/title之间的内容是网页的标题。会显示在浏览器的标题栏上。body与/body之间放的是网页内容。标志（tag）的结构特点　　1、用包围。　　2、多数是以成对标签书写，这种成对标签在网页中都可称为‘盒子’。　　3、结束标记用/。　　4、标签是嵌入式的。　　5、标签可有多种属性和属性值。　　6、标签用西文半角字符，对大小写不敏感。 4、文件标题标志 文件标题标志为title/title。使用过浏览器的人可能都会注意到浏览器窗口最上边的蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对