Java网页设计基础 文档.ppt

Java 技术与应用 网页设计基础 ( 第 10 章 ) 西安交大 卫颜俊 2009 年 5 月 电子信箱： Mr.Java163 QQ: 610568018 网站 : 7/java 2 /33 主要内容 ? Tomcat 配置 ? HTML 语言介绍 ? JavaScript 语言介绍 ♂ 3 /33 Tomcat 的配置 ♂ 4 /33 HTML 网页设计语言简介 ? Hypertext Markup Language ，即超文本标记语言 ? 用于创建便于平台移植的超文本文档的一种简单标记语言 ? 主要用于 WEB 应用中 ? SGML 的一种简化版 ? HTML 文件是带有格式标识符和超文本链接的内嵌代码的 ASCII 文本文件（文件后缀为 .htm 或 .html ） ? 一般由浏览器使用 HTTP （ Hypertext Transfer Protocol ）网络协 议下载、解释和运行 ? 目前有许多诸如 FrontPage 、 DreamWeaver 和 CoffeeCup 等智能化的网页制作软件专门用来制作 HTML 文件 ? 通常不需要人工去写大量代码 ♂ 5 /33 典型的 HTML 文档的层次 ? 包括 : 结构、内容和样式 ? HTML 对结构和内容之间的关系进行表示 和处理 ? 结构 用于描述文档的组织结构； ? 内容 包括信息标题、段落、项目列表和表格中的具体 内容，各个内容使用开始和结束标记区分； ? 样式 定义内容的样式设置标准。 ♂ 6 /33 基本语法 ? 1. HTML 文件总体结构： HTML HEAD META TITLE /TITLE /HEAD BODY /BODY /HTML ♂ 7 /33 ? 页面配置： ? META HTTP-EQUIV=Content-Type CONTENT= ext/html;charset= ＃ ? 背景色彩 ： ? body bgcolor=# text=# link=# alink=# vlink=# ? 背景图象 ： ? body background=image-URL ? 链接 ： ? a href=“URL” ... /a ♂ 8 /33 ? 2. 字体： ? 标题字体： h# ... /h# ，其中， # 可以是 1 ～ 7 ? 普通字体：字体大小 font size=# ... /font ，其 中， # 可以是 1 ～ 7 或 +# ， -# ? 字体颜色 font color=# ... /font ? 物理字体： B.../B 粗体， I.../I 斜体， U.../U 带下划线 ? 逻辑字体： em.../em 虚化， strong…/strong 加重 ♂ 9 /33 ? 3. 文字布局： ? 段 p ，换行 br ，不换行 nobr ，文字的对 齐 align=# ，其中， # 为 left, center, right ? 无序列表 ulli.../ul ，有序列表 olli.../ol ，定义列表 dldt...dd.../dl ? xmp.../xmp 保持原貌 ? blink.../blink 闪烁 ♂ 10 /33 ? 3. 图象： ? img src=# ，其中， # 为图象文件的 URL ? img border=# ，其中， # 为边的宽度。 ♂ 11 /33 【例 10-1 】基本网页例子