[理学]第0章HTML基础.pptVIP

课程地位和目的 地位：公选课 随着网络技术和软件技术的发展，基于Web的程序设计技术得到了广泛应用，它是继编程语言、Internet网络基础、数据库应用等学科后的一门重要应用科目 先导课程： 计算机网络 操作系概论 静态网页编写（HTML） 高级语言程序设计（JAVA） 目的： 了解网络环境下的编程方法，软件实现技术；在互联网的应用层掌握建立网站和制作主页的基本方法及相关技术。（JSP） 网络程序设计概述 JSP简介 JSP语法基础知识 JSP内置对象 JSP的文件操作 JSP与数据库的结合 JavaBean技术 Servlet技术 模式与框架 在JSP中使用XML 网络基础 计算机网络定义。 计算机网络的组成。 网络体系结构 网络拓扑结构：环形、总线、星形、树形、 网状、无线蜂窝形 局域网类型：以太网；令牌环网；令牌总线网 OSI TCP/IP 应用层 各种应用层协议（HTTP， 表示层 TELNET,FTP,SMTP等） 会话层 传输层 TCP、UDP 网络层 RIP,IP,ICMP 数据链路层 与各种网络的接口 物理层 网络程序设计发展 网络程序设计的发展经历了从单机编程到网络编程的转变，其发展历程基本上是与网络自身的发展同步的。 分为联机多用户程序设计、对等网络程序设计、Client/Server程序设计、RPC程序设计、Browser/Server程序设计、分布式程序设计六个阶段 HTML基础 0.1 HTML概述 0.2 HTML标记 0.3 HTML表单的设计 实用案例1 用户注册表单页面的设计 0.1 HTML概述 HTML语言，又称超文本标记语言，英文全称是Hypertext Markup Language。它是一种标识性的语言，由一些特定符号组成，语法简单，其目的在于运用标记使文件达到预期的显示效果。 2) HTML文件基本结构 HTML文档结构可以划分为两个基本部分：文件头(head)和文件体(body)。一个典型的HTML文档结构如图0-2所示。 背景标签 当使用者链接到页面时，若背景图案还没传输完之前，就会先显示背景颜色。 body bgcolor=“#ffffff “ backgroud=“ .jpg” text=“#000000” link=“#0000ff” vlink=“#ff00ff” alink=“#ff0000” 0.2.4 图像标记 图像在网页制作中是非常重要的一个方面，HTML语言也专门提供了img标记来处理图像的输出。图像标记的基本格式是：img src=“图像路径及文件名” alt=“图片替换文字” 返回 0.2.5水平线标记hr标记是在HTML文档中加入一条水平线。?0.2.6 表格标记 表格标记是HTML中非常重要的标记之一。多数网页都是使用表格或多重表格来设计，主要是因为表格不但可以固定文本或图像等网页元素的输出。 1）table/table 返回 table/table标记对用来创建一个表格。 2）tr/tr，td/td tr/tr标记对用来创建表格中的行，只能放在table/table标记对之间使用。td/td标记对用来创建表格中行中的每一个单元格 。3）th/thth/th标记对用来设置表格头，通常是黑体居中文字。 返回 0.2.7 链接标记 链接标记使浏览的内容具有了灵活性和网络性。链接标记的格式如下：a href=“” target=“”链接的载体 /a 标记对之间的链接载体可是文本或图像。href属性不可缺少。 返回 * * * HTML与JSP简介 * 关于课程 周理论学时：3 教学周数：12 考试方法：笔试 学习方法 理论与实践并重 案例为辅 自学工具 多多实践 * 网页的基本概念 动态网页 在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。 静态网页 运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的 * 网页的基本概念 动态网页的一般特点 动态网页以数据库技术为基础，可以大大降低网站维护的工作量 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在