二静态网页制作基础.docVIP

静态网页制作基础 静态网页概述　　初期的网站都是由静态网页组成的，网页中只有文字、图形、图像等，用户只能被动地接受这些信息。那时的Web页面的核心是HTML(一种标记语言)，它编写很方便，不要求有特定的语言环境，可以用任何一种编辑器写好，便可以放到浏览器观看结果。现在HTML已经有许多专门的编辑软件，如FrontPage、Hotdog、Dreamweaver等。　　最初的Web是完全的静态，仅仅提供大量的信息服务，没有服务器端／客户端的概念。“静态”指的就是网站的网页内容“固定不变”。当用户浏览器通过互联网的HTTP (Hyper text Transfer Protocol)协议向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的是标准HTML代码，再加上GIF格式的动态图片。二、静态网页制作概括1、网页素材搜集与制作（图像处理与动画制作）　　经常需要在网页中应用一些图像与动画，一方面是由于实际内容的需要，一方面是为了增加网页吸引力。在WWW上通常采用jpeg、格式的图片和、flash等格式的动画。2、网页版式设计　　规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方。3、文本编写　　三、静态网页的制作工具1、图像处理与动画制作工具：Photoshop、FireworksFlash等。2、网页编辑工具：1）纯文本编辑工具，如Notepad等；2）转换工具，如word等；3）专用工具，如、Dreamweaver等。网页上传工具：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等网络程序奠定基础。HTML的编写工具 　　3、html文件的格式 html head title网页的标题/title/head body网页的内容/body /html　　其中省略号部份是网页的内容,其实每个标记都是一一对应的。每个网页文件都是以html开始和以/html结束。title与/title之间的内容是网页的标题。会显示在浏览器的标题栏上。body与/body之间放的是网页内容。标志（tag）的结构特点　　1、用包围。　　2、多数成对。　　3、结束标记用/。　　4、标签是嵌入式的。　　5、标签可有多种属性和属性值。　　6、标签用西文半角字符，对大小写不敏感。 文件标题标志 文件标题标志为title/title。使用过浏览器的人可能都会注意到浏览器窗口最上边的蓝色部分显示的文本信息，那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入要显示的文本即可。title标题是很重要的，他代表的是网页的门面，好的关键词句能被有哪些信誉好的足球投注网站引擎更大范围的有哪些信誉好的足球投注网站到。5、颜色表示方法 　　HTML用#RRGGBB字符串代表色彩，成为RGB值。RGB值中的RR、GG和BB分别代表红绿蓝三原色的两位十六进制整数值。每种原色的取值范围在00和FF（即十进制的0和255）之间，即一个字节存储一种原色。每种原色都有256种由浅至深的色彩变化，网页中呈现的色彩都是由这三种原色调配出来的。rgb值可以表示出（256*256*256）种颜色。 二、HTML基础标题格式标志　　HTML语言提供了一系列对文本中的标题进行操作的标志对：h1/h1…h6/h6，即一共有6对标题的标志对。h1/h1是最大的标题，而h6/h6则是最小的标题，也即是标志中h后面的数字越大标题文本就越小。如果HTML文档中需要输