WWW技术及网页设计工具.ppt

第七章 网页制作 本章要点 WWW技术及网页设计工具 HTML语言 Dreamweaver MX的使用 WWW技术及网页设计工具 静态网页技术 所谓静态是指网页的内容是事先设计好的，不会根据实际情况发生变化 HTML语言（HpyerText Markup Language，超文本标记语言） 文件扩展名：.htm 或 .html 制作工具 Microsoft FrontPage Macromedia Dreamweaver（网页设计三剑客之一） WWW技术及网页设计工具 动态网页技术 网页的内容不再是固定不变的，而会根据实际情况发生动态变化 网页里的内容很大一部分是访问数据库得到的，用户输入的信息也将被保存到数据库中 与用户的交互性大大加强 分类 Server端动态网页技术 Client端动态网页技术 WWW技术及网页设计工具 Server端动态网页技术 Web服务器不只是简单地将用户请求的文件发送给Client端，而是先执行相应的脚本程序（Script），通常执行的结果为HTML格式，然后将执行结果返回给浏览器进行显示 用户能够看到的只是HTML文件，而看不到脚本程序的源代码 WWW技术及网页设计工具 Server端动态网页技术 CGI（Common Gateway Interface，通用网关接口） 脚本程序文件扩展名：.cgi 通常使用Perl语言 典型应用实例：检查用户身份 WWW技术及网页设计工具 Server端动态网页技术 在HTML代码中嵌入脚本程序代码段，Web服务器同样先将脚本程序代码段执行，转变为HTML代码后，返回给浏览器显示 ASP（Active Server Pages ，动态服务器主页），由Microsoft公司推出，以Visual Basic为脚本语言，文件扩展名为.asp PHP，采用了类似于C语言的脚本语言，扩展名为.php JSP（Java Server Pages），以Java为脚本语言，扩展名为.jsp WWW技术及网页设计工具 Server端动态网页技术 开发工具 Visual InterDev（CGI/ASP） V ASP.net Dreamweaver UltraDev （CGI/ASP/PHP/JSP） Dreamweaver （CGI/ASP/PHP/JSP） 文本编辑器：UltraEdit WWW技术及网页设计工具 Client端动态网页技术 JavaScript Plug-in（各类插件） 媒体工具类 Adobe Photoshop / Macromedia Fireworks Macromedia Flash Java语言 可移植性强，可以在不改动源程序的前提下让应用程序运行于不同的操作系统平台上，适用于网络环境 HTML语言 什么是HTML语言 HTML （Hyper-Text Markup Language）超文本标记语言是由W3C万维网协议组织颁布的一种描述文件结构的标识语言，主要用于编写万维网中的超文本主页文件 WWW网上最基本的传输单位是Web页面，它们都是用HTML语言来编写的 HTML是一种解释性语言，通过在Web主页文本中加入控制标签，然后由Web浏览器对各种标签进行解释，并在浏览器窗口中实现需要的显示的效果 通常HTML文件的扩展名为“.htm”或“.html” HTML语言的发展： 80年代末在SGML的基础上产生 1994年，W3C（World Wide Web Consortium）组织对HTML进行了标准化工作 自1990年问世以来，已发行4个版本：HTML 1.0、HTML 2.0、HTML 3.0、HTML 4.0 HTML标准的网站：/pub/www HTML语言 HTML文件的基本结构 html head title网页示例/title /head body p align=centerfont face=楷体_GB2312 size=6 color=#0000FF一个简单的网页示例。/font/p /body /html HTML语言 HTML程序的特点 HTML程序由一系列的标签（标记）组成 HTML程序可以分为头部（Head）和主体 （Body） 在HTML程序的Head部分中，主要包含了整个页面的信息，其内容通常不会作为实际的网页内容显示出来 HTML语言 HTML程序的特点 浏览器（Browser）负责对HTML程序进行解释执行，并将结果显示出来 不同的浏览器对同一HTML程序的解释会略有差别，显示的结果略有不同 可以方便地在HTML程序中加入如JavaScript等语句 HTML语言 典型的HTML页面的访问过程 HTML语言 页面头部（H