JSP应用与开发技术 教学课件 978 7 302 24762 3 第2章 JSP动态网页设计基础.pdfVIP

第2章 JSP动态网页设计基础 • 要使用JSP开发出专业的动态网站，首先必须熟练掌握静态网站的制作 技术。HTML是在学习JSP之前必须了解的基础知识，很多JSP语法的使 用都是建立在HTML文档的基础上。实际开发中，一般都是使用现成 的HTML文档来添加JSP 的动态脚本并做适当修改，除了特殊的应用， 很少从零开始写一个JSP页面，所以读懂HTML文档并了解HMTL语言中 的技巧为更快地上手JSP提供了很大的帮助。 • JavaScript是JSP知识体系中一个可选的知识模块。也就是说不了解 JavaScript知识也不会影响JSP 的应用开发，但是如果掌握了JavaScript 的知识，将可以更加方便地解决网页开发中的某些特定问题，例如经 常使用JavaScript判断用户在表单中输入数据的合法性。 本章学习目标： – 了解HTML与JSP 的关系 – 掌握HTML的常用标签 – 能够使用HTML设计基本网页 – 能够使用HTML设计网络中常用的表单 – 了解JavaScript在JSP学习中的作用 – 了解JavaScript 的简单应用 – 能够读懂JavaScript程序，并能通过查阅资料了解更多 JavaScript应用 2.1 HTML快速入门 • HTML是Hyper Text Markup Language的缩写，中文一般译为“超 文本标记语言” 。 用HTML语言编写的超文本文档称为HTML文档， 和一般文档的不同之处是，一个HTML文件不仅包含文本内容， 还包含一些Tag ，中文称为“标签”或者“标记” 。 HTML文件的后 缀名是.html或者.htm。 .html 2.1.1  HTML基本结构 html head 文档头以head标签开始， ... 以/head标签结束。 /head html 文档以html 标签开 body 始，以/html标签结束。 文档体以body标签开始， 以/body标签结束。 ... /body /html 【例2-1 】网页基本结构 html head title我的第一个网页/title /head body 少年不识愁滋味，为赋新词强说愁 /body /html • 步骤1：建立站点根目录——新建一个文件夹用于存放网页，比如在F 盘创建一个文件夹myweb，在本章我们把它作为站点根目录，读者在 做练习时可以自行设定站点根目录。 • 步骤2：编写代码——HTML可以使用任何字处理软件来编写，最简单 的是Windows 自带的记事本。用记事本编写以上代码，标题和网页主 体内容可以适当修改。 • 步骤3：保存文件——文件名命名为first.html （注意：其中first是自己 为文件起的名字，可修改，但扩展名必须为html或者htm），另外注 意将“文件类型”改为“所有文件” ，如图2‐1所示。 图2-1 保存html文件 • 步骤4 ：浏览网页——保存完毕后，在文件夹myweb中可以看到 first.html被浏览器识别，双击即可查看网页效果，在IE中浏览效果如 图2‐2所示，如需要继续编辑，则右键单击选择以记事本打开。 图2-2 第一个网页浏览效果 • 我们回过头分析一下第一个网页，其中的代码由四对标签组成。 • html…/html ：表示整个HTML文档的开始和结束，网页的所有内 容都位于这两个标签之间。 • head…/head ：头部标签，在例子中，头部之间插入一对标题标签。 • title…/title：标题标签，说明该HTML文件的标题是什么，当浏览 该文件时，标题显示在浏览器上方的标题栏内。在第一个网页中，我 们在title…/title标记之间包含的标题是“我的第一个网页” ，在图2‐