清华大学出版社 TSINGHUA UNIVERSITY PRESS 第9章网络编程基础 ◎9.1网络編程概述 92HTML编程基础 09.3ASP編程技术
第9章 网络编程基础 9.1 网络编程概述 9.2 HTML编程基础 9.3 ASP编程技术
清华大学出版社 SINGH-LA INW//TY PRESS 1.HTML( Hyper Text Markup Language)超文本 标记语言 ■HTML语言是是一种专门用于Web页制作的编程 语言,利用HTML语言编写的Web网页,属于纯 文本文件,可用任何文本编辑器阋读和编辑。 ■HTML文档通过标记和属性对超文本的语义进行描 述,标记用于描述网页内容在浏览器中的显示方式, 生成与别的文本或图像的链接点,产生所需的各种 效果。 ■HTML作为一种标记语言,创建的文档与系统平台 无关,即任何可以运行浏览器的计算机都能阅读并 显示HTMv1
9.1 网络编程概述 9.1 网络编程概述 1. HTML(Hyper Text Markup Language)超文本 标记语言 ◼ HTML语言是是一种专门用于Web页制作的编程 语言，利用HTML语言编写的Web网页，属于纯 文本文件，可用任何文本编辑器阅读和编辑。 ◼ HTML文档通过标记和属性对超文本的语义进行描 述，标记用于描述网页内容在浏览器中的显示方式， 生成与别的文本或图像的链接点，产生所需的各种 效果。 ◼ HTML作为一种标记语言，创建的文档与系统平台 无关，即任何可以运行浏览器的计算机都能阅读并 显示HTML
清华大学出版社 SINGH-LA INW//TY PRESS 2.网页制作工具 1)FrontPage FrontPage是由Micr。so公司推出的新一代 Web网页制作工具。 FrontPage的特色如下 (1)强大的网页设计功能 可智能地完成HTML文本的编辑;完善了所见即 所得的网页编辑操作。 (2)丰富的网页设计模板、设计向导和主题样式 ■提供了多种网页设计模板、网页设计向导和主 使用这些模板、向导和 初学者也可以设 有专业水准的网站
2．网页制作工具 1）FrontPage ◼ FrontPage是由Microsoft公司推出的新一代 Web网页制作工具。FrontPage的特色如下： （1）强大的网页设计功能 ◼ 可智能地完成HTML文本的编辑;完善了所见即 所得的网页编辑操作。 （2）丰富的网页设计模板、设计向导和主题样式 ◼ 提供了多种网页设计模板、网页设计向导和主 题样式。使用这些模板、向导和样式，即使是 初学者也可以设计出具有专业水准的网站。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS 2)Dreamweaver ■ Dreamweaver是由美国 Macromedia公司开发 的集网页制作和管理网站于一身的所见即所得网 页编辑器,用户不必编写复杂的HTML源代码, 可以轻而易举地制作出跨越平台限制和跨越浏览 器限制的动态网页。所以, Dreamweaver-般 作为网页设计者的首选工具 ■ Dreamweaver的基本功能如下 (1)可视化的专业网页编辑器和友好的工作界面 (2)网站管理功能 (3)强大的多媒体处理功能,在 Dreamweaver中 可以插入Fash动画和 Fireworks生成的图像
2）Dreamweaver ◼ Dreamweaver是由美国Macromedia公司开发 的集网页制作和管理网站于一身的所见即所得网 页编辑器，用户不必编写复杂的HTML源代码， 可以轻而易举地制作出跨越平台限制和跨越浏览 器限制的动态网页。所以，Dreamweaver一般 作为网页设计者的首选工具。 ◼ Dreamweaver的基本功能如下： （1）可视化的专业网页编辑器和友好的工作界面 （2）网站管理功能 （3）强大的多媒体处理功能，在Dreamweaver中 可以插入Flash动画和Fireworks生成的图像。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS (4) Dreamweaver可以很好地控制HTML源代码, 而不会产生垃圾代码 ● (5)提供行为等控件来进行动画处理和产生交互式 响应。 Dreamweaver提供一个工具-层。层的嵌 套、层的可见性、层的重叠与时间线相配合可以 作出许多动态效果。 (6) Dreamweaver mx允许使用服务器语言(例 如ASP、 ASPNET、 ColdFusion标记语言 (CFML)、JSP和PHP)等服务器语言来生成支 持动态数据库的Web应用程序
（4）Dreamweaver可以很好地控制HTML源代码, 而不会产生垃圾代码. （5）提供行为等控件来进行动画处理和产生交互式 响应。Dreamweaver提供一个工具-层。层的嵌 套、层的可见性、层的重叠,与时间线相配合可以 作出许多动态效果。 （6）Dreamweaver MX允许使用服务器语言（例 如 ASP 、 ASP.NET 、 ColdFusion 标 记 语 言 (CFML)、JSP和 PHP）等服务器语言来生成支 持动态数据库的 Web 应用程序。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS 3.网页美化工具 为了使制作的网页更为美观,制作网页时,还需 利用网页美化工具对网页进行美化。 1)Photoshop ■ Photoshop是由 Adobe公司开发的图形处理软 件,它是目前公认的PC机上最好的通用平面美术 设计软件,它功能完善、性能稳定、使用方便, 所以在几乎所有的广告、出版、软件公司, Photoshop都是首选的平面制作工具
3．网页美化工具 ◼ 为了使制作的网页更为美观，制作网页时，还需 利用网页美化工具对网页进行美化。 1）Photoshop ◼ Photoshop是由Adobe公司开发的图形处理软 件，它是目前公认的PC机上最好的通用平面美术 设计软件，它功能完善、性能稳定、使用方便， 所以在几乎所有的广告、出版、软件公司， Photoshop都是首选的平面制作工具。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS 2)Fireworks Fireworks是由 Macromedia公司开发的图形 处理工具,是专业网页图形设计及制作的解决方 案 作为为网络设计而开发的图像处理软件 Fireworks还能够自动切割图像、生成光标动态 感应的 JavaScript程序等等,而且 Firework具 有强大的动画功能和一个相当完美的网络图像生 成器。 ■ Fireworks动态生成的网络图形,可以输出到 Dreamweaver及其他的HTML代码编辑软件中
2）Fireworks ◼ Fireworks是由Macromedia公司开发的图形 处理工具，是专业网页图形设计及制作的解决方 案。 ◼ 作为为网络设计而开发的图像处理软件 Fireworks还能够自动切割图像、生成光标动态 感应的JavaScript程序等等，而且Fireworks具 有强大的动画功能和一个相当完美的网络图像生 成器。 ◼ Fireworks动态生成的网络图形，可以输出到 Dreamweaver及其他的HTML代码编辑软件中。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS 3)Flash ■Fash是美国 Macromedia公司开发的矢量图形 编辑和动画创作的专业软件,它是一种交互式动 画设计工具,用它可以将音乐、声效、动画以及 富有新意的界面融合在一起,以制作出高品质的 网页动态效果。 ■Fash是制作动画及矢量图形的工具软件。用它 制作的动画是窄带动画,适合于网络传输的 Web界面
3）Flash ◼ Flash是美国Macromedia公司开发的矢量图形 编辑和动画创作的专业软件，它是一种交互式动 画设计工具，用它可以将音乐、声效、动画以及 富有新意的界面融合在一起，以制作出高品质的 网页动态效果。 ◼ Flash是制作动画及矢量图形的工具软件。用它 制作的动画是窄带动画，适合于网络传输的 Web界面。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS FrontPage和 Dreamweaver是使用最多的 HTML网页制作工具。通过 ActiveX定义接囗, 与脚本编程语言 JavaScript和 VBScript配合, 创建动态交互的Web。 ■ Dreamweaver、 Fireworks和FaSh一起被称 作网页制作三剑客是目前使用方便、功能强大 的网站管理及HTML页面制作工具。 ■ Fireworks设计图形并使网页图形最优化。通过 在 Dreamweaver或 Flash中直接对 Fireworks 进行调用、编辑图形来实现流畅的工作流程
◼ FrontPage 和 Dreamweaver 是 使 用 最 多 的 HTML网页制作工具。通过ActiveX定义接口， 与脚本编程语言JavaScript和VBScript配合， 创建动态交互的Web。 ◼ Dreamweaver、Fireworks和Flash一起被称 作网页制作三剑客,是目前使用方便、功能强大 的网站管理及HTML页面制作工具。 ◼ Fireworks设计图形并使网页图形最优化。通过 在Dreamweaver或Flash中直接对Fireworks 进行调用、编辑图形来实现流畅的工作流程。 9.1 网络编程概述 9.1 网络编程概述
清华大学出版社 SINGH-LA INW//TY PRESS 4网页的整体结构 1)层状结构 ■层状结构为树型结构,由网站文件的主页开始 依次划分为一级标题、二级标题等等,逐级细化, 直至提供给浏览者具体信息 主页 页面1 页面2 页面3 一级标题 页面4页面5 页面6页面7二级标题 层状结构
。 主页 页面1 页面2 页面3 页面4 页面5 页面6 页面7 一级标题 二级标题 层状结构 4.网页的整体结构 1)层状结构 ◼ 层状结构为树型结构，由网站文件的主页开始， 依次划分为一级标题、二级标题等等，逐级细化， 直至提供给浏览者具体信息 9.1 网络编程概述 9.1 网络编程概述
