静态网页的制作PPT课件
.
1.4静态网页的制作工具
1、图像处理与动画制作工具：Photoshop、Flash 等。 2、网页编辑工具：1）纯文本编辑工具，如 Notepad等；2）转换工具，如word等；3）专用工 具，如FrontPage、Dreamweaver等。 3、网页上传工具：1)FTP工具，如WS-FTP， CuteFTP等；2)专用网页编辑软件的文件传输功能。 4、网页优化工具：网页减肥茶、网页优化大师等。
.
1.3静态网页的工作过程
静态网页制作概括起来，有如下几个部分： 1、网页素材搜集与制作（图像处理与动画制作） 经常需要在网页中应用一些图像与动画，一方面是由于 实际内容的需要，一方面是为了增加网页吸引力。在WWW 上通常采用jpeg、GIF格式的图片和flash等格式的动画。 2、网页版式设计 规划各元素在网页中的位置关系和表现方法，合理安排 图像、文本等元素，使网页布局合理、美观大方。 3、文本编写 自己的网页中需要大量的文字材料，这就要在网页编辑 器中用HTML语言中的标签编写。也可以利用网页编辑工具 的“所见即所得”功能，直接写入文字。 4、处理网页之间的关联 主要是建立合理、高效的网页导航系统。 5、网页发布 主要是将建设好的网页上传到服务器中供用户浏览。
.
2.2 HTML编写工具
用HTML编写的文件(文档)的扩展名是．HTML或.HTM。 它们是供浏览器解释浏览文件的格式。可以使用记事本、写 字板等编辑工具来编写HTML文件。HTML语言使用标志对 (标签)的方法来编写文件，既简单又方便。它通常使用<标志 名></标志名>来表示标志的开始和结束(例如 <HTML></HTML>标志对)，因此在HTML文档中这样的标志 对都必须是成对使用的。 在今天，做网页的工具到处都是,只要动几下鼠标，一个 精彩的网页就出来了，HTML是否要学呢？答案是肯定的， 因为工具就是工具，它们生成的代码是机械的，不够简洁， 使网页打开的速度减慢。还有很多新的功能，工具是生成不 了的。必需对代码进行编辑。
第1章 静网页的制作
.
1.1静态网页的概述 1.2动态网页的概述 1.3静态网页的工作过程 1.4静态网页的制作工具
.
1.1静态网页的概述
初期的网站都是由静态网页组成的，网页中只有文字、图形、 图像等，用户只能被动地接受这些信息。那时的Web页面的 核心是HTML(一种标记语言)，它编写很方便，不要求有特 定的语言环境，可以用任何一种编辑器写好，便可以放到浏 览器观看结果。现在HTML已经有许多专门的编辑软件，如 FrontPage、Hotdog、Dreamweaver等。 最初的Web是完全的静态，仅仅提供大量的信息服务， 没有服务器端／客户端的概念。“静态”指的就是网站的网 页内容“固定不变”。当用户浏览器通过互联网的HTTP (Hyper text Transfer Protocol)协议向Web服务器请求提供 网页内容时，服务器仅仅是将原已设计好的静态HTML文档 传送给用户浏览器。其页面的内容使用的是标准HTML代码， 再加上GIF格式的动态图片。
.
HTML基础知识
2.1 HTML简介 2.2 HTML编写工具 2.3 HTML编写的格式 2.4 标志（tag）的结构特点 2.5 HTML文件的组成 2.6 文件标题标志 2.7 颜色表示方法
.
2.1 HTML简介
HTML是Hypertext Markup Language(超文本标 志语言)的缩写，它是构成Web页面(Page)的主要工 具，是用来表示网上信息的符号标志语言。 在网上，如果要向全球范围内出版和发布信息， 需要有一种能够被广泛理解的语言，即所有的计算 机都能够理解的一种用于出版的"母语"。 WWW(World Wide Web)所使用的出版语言就是 HTML语言。通过HTML，将所需要表达的信息按 某种规则写成HTML文件，通过专用的浏览器来识 别，并将这些HTML"翻译"成可以识别的信息，就 是现在所见到的网页。
.
2.3 HTML编写的格式
查看网页源文件，可见html文件的格式如下： <html> <head> <title>网页的标题</title> </head> <body> …………………… </body> </html> 其中省略号部份是网页的内容,其实每个标记都是一一对应的。 每个网页文件都是以<html>开始和以</html>结束。<title> 与</title>之间的内容是网页的标题。会显示在浏览器的标题 栏上。<body>与</body>之间放的是网页内容。
.
2.7 颜色表示方法
HTML用#RRGGBB字符串
代表色彩，成为RGB值。
RGB值中的RR、GG和BB 黑色 白色 绿色 黄色 红色 蓝色
分别代表红绿蓝三原色的两 #00000 #FFFF #00FF #FFFF0 #FF000 #0000F
位十六进制整数值。每种原 0
.
1.2动态网页的概述
所谓动态网页是指网页文件里包含了程序代 码，通过后台数据库与Web服务器的信息交 互，由后台数据库提供实时数据更新和数据 查询服务。这种网页的后缀名称一般根据不 同的程序设计语言而不同，如常见的有．asp、 jsp、．php、．perl、．cgi等形式。动态网 页能够根据不同时间和不同访问者而显示不 同内容。
.
2.4 标志（tag）的结构特点
1、用<>包围。 2、多数成对出现。 3、结束标记用/。 4、标签是嵌入式的。 5、标签可有多种属性和属性值。 6、标签用西文半角字符，对大小写不敏感。
.
2.5 HTML文件的组成
头部和主体 标志和普通文本
.
2.6 文件标题标志
文件标题标志为<title></title>。使用过浏览 器的人可能都会注意到浏览器窗口最上边的 蓝色部分显示的文本信息，那些信息一般是 网页的"主题"。要将网页的主题显示到浏览 器的顶部其实很简单，只要在<title></title> 标志对之间加入要显示的文本即可。
