郎音 随 着 Internet的普及,网站编程技术越来越受到人们的重视,越来越 多的企业和个人都希望使用网站编程技术,建立企业的网站和个 人网页。为了迎接信息时代的挑战,学习和掌握网站编程技术无疑会带来更 多的机遇和更大的发展空间。 作为一本教材,本书对网站编程的基本技术做了详细介绍,包括如何使用 HTML语言编写网页,如何用 JavaScript编写网页,如何给网页添加处理数 据的功能,如何与用户进行交互操作,如何使用CSS样式表来设计页面的显 示方式,还介绍了什么是动态网页( Active Server Page),以及如何使用 MYSQL数据库技术和JSP技术编写动态网页。在内容的编排上体现了新的 计算机教学思想和方法,以“提出问题一介绍解决问题的方法和实例一归纳必 要的结论和概念”的方式介绍了网站编程的基本思路 本书内容可以分为两大部分,第一部分为客户端Web页编程技术,包括 前4章内容。 第1章Web概述,介绍了Web和Web页的基本概念,引导读者进入网 站世界。 第2章介绍了HTML语言的基本结构,它是构成网页的基础,如果要了 解网站与网页编程技术,一定要掌握这部分内容。 第3章介绍了 JavaScript脚本语言,使用 JavaScript可以编写出具有客 户端动态功能的页面。 第4章介绍了CSS样式表,使用样式表可以通过简单的方式设计网站内 所有页面,具有统一的字体、表格、背景等显示风格,并通过一些综合实例说明 前面几章所介绍的内容。 第二部分为服务器端动态网页的编程技术,包括后5章内容 第5章介绍了动态网页JSP的基本內容,包括JSP的基本语法和几个重 要隐含对象的属性及方法 第6章介绍了结构化查询语言SQL的基本內容, MySQL数据库的基本 使用方法,JSP与 MySQL服务器的数据库连接,在客户端对服务器端的数据 库内容进行搜索、查询、编辑、删除等操作
随 着 Internet 的普及,网站编程技术越来越受到人们的重视, 越来越 多的企业和个人都希望使用网站编程技术, 建立企业的网站和个 人网页。为了迎接信息时代的挑战, 学习和掌握网站编程技术无疑会带来更 多的机遇和更大的发展空间。 作为一本教材,本书对网站编程的基本技术做了详细介绍, 包括如何使用 H TML 语言编写网页,如何用 JavaScript 编写网页, 如何给网页添加处理数 据的功能,如何与用户进行交互操作, 如何使用 CSS 样式表来设计页面的显 示方式, 还 介 绍了 什 么 是 动 态 网 页 ( Active Server Page ) , 以 及 如 何 使 用 MySQL 数据库技术和 JSP 技术编写动态网页。在内容的编排上体现了新的 计算机教学思想和方法,以“提出问题—介绍解决问题的方法和实例—归纳必 要的结论和概念”的方式介绍了网站编程的基本思路。 本书内容可以分为两大部分,第一部分为客户端 Web 页编程技术, 包括 前 4 章内容。 第 1 章 Web 概述, 介绍了 Web 和 Web 页的基本概念, 引导读者进入网 站世界。 第 2 章介绍了 H TML 语言的基本结构, 它是构成网页的基础,如果要了 解网站与网页编程技术,一定要掌握这部分内容。 第 3 章介绍了 JavaScript 脚本语言, 使用 JavaScript 可以编写出具有客 户端动态功能的页面。 第 4 章介绍了 CSS 样式表,使用样式表可以通过简单的方式设计网站内 所有页面,具有统一的字体、表格、背景等显示风格, 并通过一些综合实例说明 前面几章所介绍的内容。 第二部分为服务器端动态网页的编程技术,包括后 5 章内容。 第 5 章介绍了动态网页 JSP 的基本内容, 包括 JSP 的基本语法和几个重 要隐含对象的属性及方法。 第 6 章介绍了结构化查询语言 SQL 的基本内容, MySQL 数据库的基本 使用方法,JSP 与 MySQL 服务器的数据库连接,在客户端对服务器端的数据 库内容进行搜索、查询、编辑、删除等操作。 ·Ⅴ·
第7章介绍了网站开发的基本方法,从如何进行网站开发规划到网站开 发设计,通过具体实例说明了如何进行网站调查,如何编写网站调查报告、网 站开发需求分析报告、网站规划书、网站设计说明书等内容 第8章介绍了使用模块化方法制作网站首页和主页,通过具体实例介绍 了模块化的编程思想,完整介绍了动态网站导航条、网站登录和注册系统的设 计制作方法 第9章介绍了网站应用程序实例,包括使用搜索引擎的应用程序,顾客留 言系统应用程序和企业市场调查系统应用程序的完整源代码 在本书中使用了JSP动态网页的编程技术,虽然JSP使用的是Jaa语 言,但本书对于没有Java语言基础的读者同样适用,不会感到困难,书中对所 使用的Java语言内容都做了介绍。当然,如果学习过Java语言,使用本书会 更加方便。在学习过程中,也可以考虑先学习Java语言,再学习本书介绍的 JSP编程技术 学习网站编程技术最好的方法是亲自动手编写相关的网页,为了使读者 更方便地掌握网站编程技术,本书采用程序实例分析法,通过一系列的程序实 例让读者在实践中学习网站编程技术的概念和方法。本书中所有的程序实例 均通过测试,可在安装了浏览器及相关服务器软件的计算机上运行。读者只 需在网上下载相关软件(使用的所有相关软件都可以在网上免费下载),进行 相关的路径配置,打开一个文本编辑器。例如, Windows操作系统“附件”里 的“记事本”“写字板”或word,也可使用专门的网页编程工具,然后参照书 中的介绍即可编写出一个个HTML和JSP程序 这本书只能带领读者走进网站编程技术的大门,网站编程技术随着 Internet的飞速发展也在不断地更新和发展,制作网页的工具也会越来越多, 使用的网站开发设计语言也会越来越多。本书将着眼于培养网站编程技术的 基本思想,掌握一定的网站编程技术,为进一步学习打下基础。 本书由邵丽萍统一编写提纲及统稿,并编写了第6、、8、9章,第4、5章由 张后扬编写,第1、章由郭舂芳编写,第3章由王英编写。书中还使用了罗成 同学作业中的一些程序,作者在这里对他表示感谢。由于时间仓促,书中难免 存在疏漏,敬请读者见谅。 作者 2004年4月
第 7 章介绍了网站开发的基本方法, 从如何进行网站开发规划到网站开 发设计,通过具体实例说明了如何进行网站调查, 如何编写网站调查报告、网 站开发需求分析报告、网站规划书、网站设计说明书等内容。 第 8 章介绍了使用模块化方法制作网站首页和主页, 通过具体实例介绍 了模块化的编程思想,完整介绍了动态网站导航条、网站登录和注册系统的设 计制作方法。 第 9 章介绍了网站应用程序实例,包括使用搜索引擎的应用程序, 顾客留 言系统应用程序和企业市场调查系统应用程序的完整源代码。 在本书中使用了 JSP 动态网页的编程技术, 虽然 JSP 使用的是 Java 语 言,但本书对于没有 Java 语言基础的读者同样适用, 不会感到困难, 书中对所 使用的 Java 语言内容都做了介绍。当然, 如果学习过 Java 语言, 使用本书会 更加方便。在学习过程中,也可以考虑先学习 Java 语言, 再学习本书介绍的 JSP 编程技术。 学习网站编程技术最好的方法是亲自动手编写相关的网页, 为了使读者 更方便地掌握网站编程技术,本书采用程序实例分析法, 通过一系列的程序实 例让读者在实践中学习网站编程技术的概念和方法。本书中所有的程序实例 均通过测试,可在安装了浏览器及相关服务器软件的计算机上运行。读者只 需在网上下载相关软件(使用的所有相关软件都可以在网上免费下载 ) , 进行 相关的路径配置, 打开一个文本编辑器。例如, Windows 操作系统“附件”里 的“记事本”“、写字板”或 Word, 也可使用专门的网页编程工具, 然后参照书 中的介绍即可编写出一个个 H TML 和 JSP 程序。 这本书只 能带 领读者 走进 网站编 程技 术的大 门, 网站 编程 技术随 着 Internet 的飞速发展也在不断地更新和发展, 制作网页的工具也会越来越多, 使用的网站开发设计语言也会越来越多。本书将着眼于培养网站编程技术的 基本思想,掌握一定的网站编程技术, 为进一步学习打下基础。 本书由邵丽萍统一编写提纲及统稿,并编写了第 6、7、8、9 章, 第 4、5 章由 张后扬编写,第 1、2 章由郭春芳编写, 第 3 章由王英编写。书中还使用了罗成 同学作业中的一些程序,作者在这里对他表示感谢。由于时间仓促, 书中难免 存在疏漏,敬请读者见谅。 作 者 2004 年 4 月 ·Ⅵ·
n 录 第1章Web概述 11Web的基本概念 1.11Web的来历… 112Web的客户-服务器模型 春非非非非·非非·非非·非非·非非·非非·非非·非非·非非·非非非 13URL的作用………………3 1.14简单的B/S结构和静态网页 12Web页… 12.1网页、网站和主页 122Web页的特点 123不同类型的Web页 124三层B/S结构和动态网页 13Web开发技术 45566677 13.1静态语言——HTML… 132脚本语言— Javascrip t和 VBScript……………10 133客户端的动态技术— DHTML 10 134动态网页技术—ASP 10 超级文本预处理语言—PHP 12 136ASP新技术— ASP NET 13 137Java服务器网页技术—JSP 14快速编写Web页的工具……………………16 习题 17 第2章HTML语言基本结构……………18 21基本结构标记 18 21.1开始与结束标记……………………18 212头部标记…………………………………18 2.13标题标记… 19 2.14主体标记…………………………………20
第 1 章 W e b 概述 …………………………………………………… 1 1 .1 W e b 的基本概念…………………………………………………… 1 1 .1 .1 We b 的来历 ……………………………………………… 1 1 .1 .2 We b 的客户-服务器模型 ………………………………… 1 1 .1 .3 URL 的作用 ……………………………………………… 3 1 .1 .4 简单的 B / S 结构和静态网页 …………………………… 4 1 .2 W e b 页……………………………………………………………… 5 1 .2 .1 网页、网站和主页 ………………………………………… 5 1 .2 .2 We b 页的特点 …………………………………………… 6 1 .2 .3 不同类型的 W e b 页 ……………………………………… 6 1 .2 .4 三层 B / S 结构和动态网页 ……………………………… 6 1 .3 W e b 开发技术……………………………………………………… 7 1 .3 .1 静态语言———HT ML …………………………………… 7 1 .3 .2 脚本语言———J a v a S c rip t 和 V B S c rip t ……………… 10 1 .3 .3 客户端的动态技术———DH TM L ……………………… 10 1 .3 .4 动态网页技术———A S P ………………………………… 10 1 .3 .5 超级文本预处理语言———PHP ………………………… 12 1 .3 .6 A S P 新技术———A SP .NET …………………………… 13 1 .3 .7 J a v a 服务器网页技术———J S P ……………………… 14 1 .4 快速编写 W e b 页的工具 ………………………………………… 16 习题 ……………………………………………………………………… 17 第 2 章 H T ML 语言基本结构 …………………………………… 18 2 .1 基本结构标记 …………………………………………………… 18 2 .1 .1 开始与结束标记 ………………………………………… 18 2 .1 .2 头部标记 ………………………………………………… 18 2 .1 .3 标题标记 ………………………………………………… 19 2 .1 .4 主体标记 ………………………………………………… 20 ·Ⅶ·
215设定Web页面背景…20 216说明信息标记 2.17注释标记……………………………………22 22文本格式标记… 221标题字体………………………………………22 222字体大小和颜色标记 223段落标记与换行标记……………24 224水平线标记… 225字符格式化标记…… 26 23列表标记…………… 231未标序的列表… 27 232标序列表……… 233解释列表 222 234综合列表… 24超链接标记 30 241链接至本机另一Web页面 242链接到另外一台机器上的Web页面 31 243链接到同一文件的另一个段落 244链接到不同文件的另一个段落 25嵌入式内容……… 25.1加入音频和视频文件… 252插入图像…………………………………33 253插入对象 35 26表格标记……………………………35 27地址标记 37 28其他标记………… 38 281滚动的字标记… 38 282闪烁的字标记 ……………39 283分区标记………………………………40 284块引用标记……………………………40 285特殊字符的写法………………………………40 29框架与多窗囗标记… 210表单标记……………………………………………42 2101文本框 42 2102文本区…………………………………43 2103提交及重置按钮……………………44 2104单选框与复选框……………………………45 2105下拉菜单及滚动菜单………………………46
2 .1 .5 设定 W e b 页面背景 …………………………………… 20 2 .1 .6 说明信息标记 …………………………………………… 22 2 .1 .7 注释标记 ………………………………………………… 22 2 .2 文本格式标记 …………………………………………………… 22 2 .2 .1 标题字体 ………………………………………………… 22 2 .2 .2 字体大小和颜色标记 …………………………………… 23 2 .2 .3 段落标记与换行标记 …………………………………… 24 2 .2 .4 水平线标记 ……………………………………………… 25 2 .2 .5 字符格式化标记 ………………………………………… 26 2 .3 列表标记 ………………………………………………………… 27 2 .3 .1 未标序的列表 …………………………………………… 27 2 .3 .2 标序列表 ………………………………………………… 28 2 .3 .3 解释列表 ………………………………………………… 28 2 .3 .4 综合列表 ………………………………………………… 29 2 .4 超链接标记 ……………………………………………………… 30 2 .4 .1 链接至本机另一 W e b 页面 …………………………… 31 2 .4 .2 链接到另外一台机器上的 W e b 页面 ………………… 31 2 .4 .3 链接到同一文件的另一个段落 ………………………… 32 2 .4 .4 链接到不同文件的另一个段落 ………………………… 33 2 .5 嵌入式内容 ……………………………………………………… 33 2 .5 .1 加入音频和视频文件 …………………………………… 33 2 .5 .2 插入图像 ………………………………………………… 33 2 .5 .3 插入对象 ………………………………………………… 35 2 .6 表格标记 ………………………………………………………… 35 2 .7 地址标记 ………………………………………………………… 37 2 .8 其他标记 ………………………………………………………… 38 2 .8 .1 滚动的字标记 …………………………………………… 38 2 .8 .2 闪烁的字标记 …………………………………………… 39 2 .8 .3 分区标记 ………………………………………………… 40 2 .8 .4 块引用标记 ……………………………………………… 40 2 .8 .5 特殊字符的写法 ………………………………………… 40 2 .9 框架与多窗口标记 ……………………………………………… 40 2 .10 表单标记 ………………………………………………………… 42 2 .10 .1 文本框 ………………………………………………… 42 2 .10 .2 文本区 ………………………………………………… 43 2 .10 .3 提交及重置按钮 ……………………………………… 44 2 .10 .4 单选框与复选框 ……………………………………… 45 2 .10 .5 下拉菜单及滚动菜单 ………………………………… 46 ·Ⅷ·
211地图标记………………………………………………48 习题 第3章 Javascript的使用 31什么是 Javascrip t…… 32使用 Javascrip t输出文字………………………………50 321 Javascript开始与结束语句标记………………51 322在 Javascript中使用的注释标记…………………51 33对象、方法、属性和事件 331什么是对象………………………52 332显示HTML文件最后修改的日期…………………53 333使用提示对话框… 334建立一个输入信息的文本框……………………54 34变量与数据 341利用变量保存输入的信息……………………56 342数据类型 57 343赋值运算符……………………58 344算术运算符… 45字符串运算符………………………………58 346比较运算符… 4.7逻辑运算符… 348条件运算符 349运算符优先级 34.10表达式 59 35选择语句的使用…… 351if-else简单结构……………… 352if-else复合结构 36函数的使用方法………………………………63 361定义一个函数… 362建立对象实例——显示当前日期和时间的方法………64 363利用Math对象输出一个随机数…………66 37循环语句的使用… 67 7for循环语句……………………67 372for.in循环语句……………………68 3.73 While循环语句…………………68 374随机显示不同的图片…………………………69 38事件与事件处理程序…………………………………………69 38.1接收文本框输入信息——b|ur事件 70 Ⅸ
2 .11 地图标记 ………………………………………………………… 48 习题 ……………………………………………………………………… 49 第 3 章 J a v a S c ri p t 的使用 …………………………………… 50 3 .1 什么是 J a v a S c rip t ……………………………………………… 50 3 .2 使用 J a v a S c rip t 输出文字 ……………………………………… 50 3 .2 .1 J a v a S c rip t 开始与结束语句标记 …………………… 51 3 .2 .2 在 J a v a S c rip t 中使用的注释标记 …………………… 51 3 .3 对象、方法、属性和事件 ………………………………………… 52 3 .3 .1 什么是对象 ……………………………………………… 52 3 .3 .2 显示 H TM L 文件最后修改的日期 ……………………… 53 3 .3 .3 使用提示对话框 ………………………………………… 54 3 .3 .4 建立一个输入信息的文本框 …………………………… 54 3 .4 变量与数据 ……………………………………………………… 55 3 .4 .1 利用变量保存输入的信息 ……………………………… 56 3 .4 .2 数据类型 ………………………………………………… 57 3 .4 .3 赋值运算符 ……………………………………………… 58 3 .4 .4 算术运算符 ……………………………………………… 58 3 .4 .5 字符串运算符 …………………………………………… 58 3 .4 .6 比较运算符 ……………………………………………… 58 3 .4 .7 逻辑运算符 ……………………………………………… 59 3 .4 .8 条件运算符 ……………………………………………… 59 3 .4 .9 运算符优先级 …………………………………………… 59 3 .4 .10 表达式 ………………………………………………… 59 3 .5 选择语句的使用 ………………………………………………… 61 3 .5 .1 i f- el s e 简单结构………………………………………… 61 3 .5 .2 i f- el s e 复合结构………………………………………… 62 3 .6 函数的使用方法 ………………………………………………… 63 3 .6 .1 定义一个函数 …………………………………………… 63 3 .6 .2 建立对象实例———显示当前日期和时间的方法 ……… 64 3 .6 .3 利用 Ma t h 对象输出一个随机数 ……………………… 66 3 .7 循环语句的使用 ………………………………………………… 67 3 .7 .1 f o r 循环语句 …………………………………………… 67 3 .7 .2 f o r ..i.n 循环语句 ……………………………………… 68 3 .7 .3 whi le 循环语句 ………………………………………… 68 3 .7 .4 随机显示不同的图片 …………………………………… 69 3 .8 事件与事件处理程序 …………………………………………… 69 3 .8 .1 接收文本框输入信息———blu r 事件 …………………… 70 ·Ⅸ·