0 Web开发技术基础.pptVIP

Web 程序设计 林宏基 福州大学计算机系 Web 程序设计 教材： Web开发技术教程 —ASP/ASP.NET/JSP程序设计 林宏基 编著 北京大学出版社 参考书： 1 ASP.NET程序设计 尚俊杰 编著 清华大学出版社 2 动态网页与Web数据库 魏应彬 主编 北京大学出版社 Web程序设计 第一部分 Web开发技术基础 第一章 Web开发技术基础 1.1 Web技术概述 基本概念： Internet/WWW 服务器端/客户端 静态网页/动态网页 TCP/IP HTTP IP/域名 URL Web工作原理(B/S) 主流Web开发技术: ASP/JSP/PHP/ASP.NET 第一章 Web开发技术基础 主流Web开发技术分析 ASP技术 网络编程技术：MS 脚本语言的服务器端编写环境 脚本语言：默认Vbscript 支持Javascript等众多已有脚本语言 编写ASP应用程序 流行技术：支持 IIS ActiveX Vbscript ODBC 核心技术：对组件和对象的充分支持 结论：简单易用 功能强大 COM对象技术 占据主流地位 JSP技术 网络编程技术：Sun 基于JavaServlet及Java体系 脚本语言：内置脚本语言基于Java编程语言 Java技术：高效存储管理和安全性 一次编写多处运行 JDBC 结论：功能强大 跨平台 Java作内置脚本语言 第一章 Web开发技术基础 PHP技术 脚本语言：综合Perl、Java和 C语言精华 自由软件：免费 资源开放：扩充模块 跨平台：可移植性 适 Windows/Unixllinux 结论：免费 简单 可扩展性强 较成熟的脚本语言 ASP.NET技术 网络编程技术：MS 基于.NET Framework的动态网站设计技术 语言：语言无关性 XML VB.NET C#.NET 编写ASP.NET应用程序 流行技术：支持 IIS ActiveX 跨平台 ADO.NET 数据绑定技术 XML WebService SOAP 核心技术：完全的组件化的技术支持 VS.NET开发平台 结论：功能强大 新一代的主流Web开发技术 第一章 Web开发技术基础 1.2 Web编程基础 超文本标识语言HTML HTML文件例1: 1-2-1 标记与标签： Html…/Html Head…/Head Body…/Body Title…/Title Hn…/Hn Br P Hr Div align=……/Div A Href=Url…/A Img src= alt= Width= Height= Border= Align= !-…- - 第一章 Web开发技术基础 HTML文件例2: html head title 测试文件 /title /head body HTML 文件内容写在这里… h2 align=left H2号字,文本左对齐 /h2 h3 align=centerfont color=#ff0080 3号 居中 颜色/font/h3 img src=winlogo.gif h4 align=right H4号字 右对齐 返回主页 /h4 /body /html 第一章 Web开发技术基础 表单、表格与框架 表单控制（Form） 表单定义 （属性：method action） 表单输入域 （类:input textarea select和option ） 表格（Table） 表定义 （标签： Table …/Table Tr Th Td ） 表的应用（定位布局） 第一章 Web开发技术基础 框架（Fram） （标签： Framset…/Framset ） 应用（分割窗口） CSS(样式表)设计 CSS重要思想： (内容与样式分离) 样式表定义 （标记： Style…/Style 语法： 选择符（Selector){规则（Rule）表} 样式属性定义： 样式名：值 ） 第一章 Web开发技术基础 CSS样式表使用示例： 1-2-2 样式表的引用 链接到外部样式表（用link标记链