《第一节概述与html基本标记.docVIP

参考教材： 1 《Web技术应用基础》　清华大学出版　 樊月华主编 2 《网站设计与Web应用开发技术》 清华大学出版社 吴伟敏主编 3 网络资源 课堂要求： 除特殊情况，补假条不好用 缺席三次，无考试成绩 期末成绩计算方法： 平时出席＋课堂表现＋平时作业：４０分 期末大作业：２０分 期末笔试：　４０分 图 Web开发技术知识体系结构 本门课程主要讲述内容： HTML CSS JAVASCRIPT JSP（略讲，下学期重点） 概述 网站的含义 因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。 2、网站的构成： 它由域名、网站源程序（网页）和网站空间三部分构成。域名（俗称网址）；网站空间由专门的独立服务器或租用的虚拟主机承担；　　 形象的比喻： 域名就相当于一个家的门牌号码；　　 网站的空间就相当于一个家，可以存放许多的东西。 网站源程序则放在网站空间里面，表现为网站前台和网站后台。 3、网页的类型 静态网页 运行于客户端的网页属于静态网页，一般是纯内容的网页文件。静态网页常见后缀名为.htm、.html、.shtml、.xml等。 动态网页 动态网页是指网页内含有程序代码，并会被服务器端执行的网页，它们会随不同客户、不同时间，返回不同的网页，访问者看到的网页是服务器运行结果所生成的页面。动态网页常见后缀名为. ASP、. PHP 、. JSP 等。 4、web三要素 ? 统一资源定位(URL(Uniform Resource Locator))：资源在何处 ? 资源访问方式(HTTP)：用什么方法访问资源 ? 超链接 ： 用户在资源之间自由访问手段。 URL格式 ： 访问方法：//主机地址/路径名/文件名 常见URL访问方法： http: HTTP协议 news: USENET新闻 ftp: FTP协议 gopher:Gopher 协议 file : 本地文件系统 telnet:登录到其他主机 举例： /software/home.html 5、Web系统的组成与模式 1）什么是Web服务器 ??Web服务器，也就是能够提供Web服务的主机，Internet网络上的用户通过输入Web服务器的地址来访问其上的资源。制作完成的网站，要想供他人访问，那么必须把网站文件上传到Web服务器上。 ??当Web浏览器（客户端）连到服务器上并请求文件时，服务器将处理该请求并将文件发送到该浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。服务器使用HTTP进行信息交流，如图1.9所示。 图1.1 Web服务方式 2）B/S模式 ??浏览器/服务器（Browser/Server）模式，又称B/S结构。它是随着Internet技术的兴起，对C/S(Client/Server-客户/服务器)模式的一种变化或者改进的结构。在这种结构下，用户界面完全通过IE等浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，如图1.2所示。 图1.2 B/S模式 Web访问过程描述： 图1.3web访问过程 流程1：客户端通过URL地址访问WEB服务器，如果是访问的静态页面，服务器直接将页面返回浏览器端进行解释执行。 流程2：客户端通过URL地址访问WEB服务器，如果是访问的动态页面，则服务器负责对页面进行编译执行，并负责调用数据库，最后将处理好的HTML页面返回浏览器端进行显示。 第二章 HTML HTML简介 HTML(Hyper Text Markup Language)超文本标记语言； HTML 用途： 万维网的基础技术之一 编制主页的超文本标记语言 HTML语言特征： 与平台无关。从本质上讲, 记号语言是一种文本.传输后通过浏览器用解释手段进显示，文本本身具有跨平台性, HTML可以跨平台工作. HTML文件的基本结构 图2.1 html文件基本结构 3、第一个html文件示例 Chap2/ex1.html html head title学习web技术/title /head body 祝贺你，初试成功！ /body /html 4、HTML的标记格式与特点 标记格式： 标记 HTML语言元素 / 标记 例如：H2 你好！/H2 标记特点： 标记大多成对出现，也有的标记无尾标