JAVAWEB网页设计课件之第二章.ppt

第2章 复习 描述手工建立Web应用的过程 描述通过MyEclipse建立Web应用的过程 第3章 静态网页开发技术 3.1 背景知识 3.2 HTML 3.2.1 HTML基础 3.2.2 常用标记 3.2.3 表格 3.2.4 表单及常用控件 3.3 JavaScript 3.4 CSS 3.1 背景知识 HTTP协议的工作过程 四个过程：建立连接、发送请求、发送响应、关闭连接 建立连接：通过申请套接字（Scoket），客户打开一个套接字，并将自己绑定到该端口上。 发送请求：打开一个连接后，客户机将请求发送到服务器指定的端口，并完成提出请求动作。 发送响应：服务器在处理完用户的请求以后，要想客户机发送相应信息。 关闭连接：通信双方通过关闭套接字的办法关闭连接 统一资源定位符（URL） 实例：:80/cs/news.html URL的构成： http:// 代表超文本传输协议，通知服务器显示Web页面 WWW Web服务器的主机名 ，Web服务器所在的域名 :80,端口号，默认为80 CS 服务器上的子目录 news.html文件夹中的一个html文件 3.2 HTML 3.2.1 HTML基础 HTML基础 超文本标记语言HTML源于标准通用化标记语言SGML（Standard General Markup Language）是SGML的子集（XML同样也是其子集），由Web的发明者Tim和Daniel于1990年创立。 HTML是一门标记型语言，只要记住各个标记的用法即可 可以用任何文本编辑器来编写HTML页面，只要将创建的页面保存为html或htm即可。 在客户端浏览器可以查看所编写的源代码。 HTML语言简介 HTML的基本语法 HTML文件由标记和文本组成，格式为： 标记在浏览器中显示的文本/标记 标记名和“”之间不能有空格 属性通过属性控制各种输出效果，格式为： 标记 属性1＝属性值 属性2＝属性值 … 受到属性影响的文本 /标记 例如：font size=4 color=red属性示例/font 属性之间没有顺序，且只能加于起始标记中。 HTML语言简介 标记可以分为单标记和双标记两种： 单标记单独使用，如：br 双标记成对使用，如：head…/head 对于同一段文本，可以使用多个嵌套标记来共同作用，产生一定的效果，但需要注意标记出现的顺序。 headtitle网页标题/title/head headtitle网页标题/head/title （错误） HTML语言不区分大小写 HTML注释 HTML注释 HTML的注释标记为“!--”和“--”可以插入到HTML文本的任何地方。 例如：!--这是HTML注释-- HTML或JSP文件中HTML注释将发送到客户端浏览器，但不显示。 这与后面将要讲解的JSP注释不同：JSP注释的内容不会发送到客户端，但在注释出现的位置出现一个空行。 HTML文件的基本结构 HTML文件的基本结构 HTML文件以html开头，以/html结束 HTML文件包括头部head和主体body两个部分 基本结构为： HTML HEAD TITLE网页标题/TITLE /HEAD BODY/BODY /HTML 例html_1.html HTML文件的基本结构 HMTL文件标题标记 title网页标题/title head标记是可选的，可以没有head标记，而单独使用title标记 HTML的标记不可以直接出现在要显示的内容中，如果需要显示则必须使用相应的转义符代替： 例html_2.htm HTML文件的基本结构 HTML文件的主体标记 body background=“文件名” bgcolor=“颜色值” text=“颜色值” 主题内容 /body background设置网页的背景图像 bgcolor 设置网页的北京颜色 text 设置文本的字体颜色 注：HTML颜色的取值可以用英文单词或以＃引导的十六进制代码表示，颜色代码由六个数字组成，即#RRGGBB,每一位都是一位十六进制的数字，从0～F，可以产生1677万多种颜色。 body也是一个可选标记 例body.bgcolor.html和body.text.html 3.2.2 常用标记 文字格式标记 文字格式标记 设置标题 hn align=“”标题内容/hn 属性align,用来设置标题在页面中的对其方式：left(左对齐，默认)、center（居中）、right（右对齐） 属性n,用来指定标题的大小，可以取1～6的整数，取1时字体最大，取6时字体最小 hn…/hn标记显示宋体字 hn…/hn标记会自动在标题后加入一个空行，不必再使用p标记再加入空行。 在一个标题中无法使用不同大小的字体 例hn.