静态网页的制作.ppt

《静态网页的制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第1章静态网页的制作1.1静态网页的概述1.2动态网页的概述1.3静态网页的工作过程1.4静态网页的制作工具1.1静态网页的概述初期的网站都是由静态网页组成的，网页中只有文字、图形、图像等，用户只能被动地接受这些信息。那时的Web页面的核心是HTML(一种标记语言)，它编写很方便，不要求有特定的语言环境，可以用任何一种编辑器写好，便可以放到浏览器观看结果。现在HTML已经有许多专门的编辑软件，如FrontPage、Hotdog、Dreamweaver等。　　最初的Web是完全的静态，仅仅提供大量的信息服务，没有服务器端／客户端的概念。“静态”指的就是

2、网站的网页内容“固定不变”。当用户浏览器通过互联网的HTTP(HypertextTransferProtocol)协议向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的是标准HTML代码，再加上GIF格式的动态图片。1.2动态网页的概述所谓动态网页是指网页文件里包含了程序代码，通过后台数据库与Web服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言而不同，如常见的有．asp、jsp、．php、．perl、．cgi等形式。动态网页能够根据

3、不同时间和不同访问者而显示不同内容。1.3静态网页的工作过程静态网页制作概括起来，有如下几个部分：1、网页素材搜集与制作（图像处理与动画制作）　　经常需要在网页中应用一些图像与动画，一方面是由于实际内容的需要，一方面是为了增加网页吸引力。在WWW上通常采用jpeg、GIF格式的图片和flash等格式的动画。2、网页版式设计　　规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方。3、文本编写　　自己的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得

4、”功能，直接写入文字。4、处理网页之间的关联　主要是建立合理、高效的网页导航系统。5、网页发布　　主要是将建设好的网页上传到服务器中供用户浏览。1.4静态网页的制作工具1、图像处理与动画制作工具：Photoshop、Flash等。2、网页编辑工具：1）纯文本编辑工具，如Notepad等；2）转换工具，如word等；3）专用工具，如FrontPage、Dreamweaver等。3、网页上传工具：1)FTP工具，如WS-FTP，CuteFTP等；2)专用网页编辑软件的文件传输功能。4、网页优化工具：网页减肥茶、网页优化大师等。HTML基础知识2.1HT

5、ML简介2.2HTML编写工具2.3HTML编写的格式2.4标志（tag）的结构特点2.5HTML文件的组成2.6文件标题标志2.7颜色表示方法2.1HTML简介HTML是HypertextMarkupLanguage(超文本标志语言)的缩写，它是构成Web页面(Page)的主要工具，是用来表示网上信息的符号标志语言。　　在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的"母语"。WWW(WorldWideWeb)所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规

6、则写成HTML文件，通过专用的浏览器来识别，并将这些HTML"翻译"成可以识别的信息，就是现在所见到的网页。2.2HTML编写工具用HTML编写的文件(文档)的扩展名是．HTML或.HTM。它们是供浏览器解释浏览文件的格式。可以使用记事本、写字板等编辑工具来编写HTML文件。HTML语言使用标志对(标签)的方法来编写文件，既简单又方便。它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在HTML文档中这样的标志对都必须是成对使用的。　　在今天，做网页的工具到处都是,只要动几下鼠标，一个精彩的网页就出来

7、了，HTML是否要学呢？答案是肯定的，因为工具就是工具，它们生成的代码是机械的，不够简洁，使网页打开的速度减慢。还有很多新的功能，工具是生成不了的。必需对代码进行编辑。2.3HTML编写的格式查看网页源文件，可见html文件的格式如下：……………………其中省略号部份是网页的内容,其实每个标记都是一一对应的。每个网页文件都是以开始和以结束。之间的内容是网页的标题。会显

8、示在浏览器的标题栏上。与之间放的是网页内容。2.4标志（tag）的结