公选课网页设计与制作课件中南民族大学.pptVIP

第2讲 HTML 目标 理解网页的基本原理。 掌握HTML语言的语法规则，掌握基本的网页标记符和属性。 了解网页制作的常用工具。 2.1 概述 1.静态网页和动态网页 程序是否在服务器端运行，这个是判断网页属不属于动态网页的重要标志。 静态网页：运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。 动态网页： 在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。 2.1 概述 1.静态网页和动态网页 问题： 动态程序开发的网站就一定好么？ 目前通过CGI,ASP,PHP.JSP,.NET等语言开发出来的网站 具有管理方便,数据动态存储等特点,制作这样的站点, 你 不仅要深谙HTML语言,还必须掌握一门网站编程语言.这 样的网站确实需要一定的技术才能开发出来的. 动态网站有那些弊端呢? 2.1 概述 1.静态网页和动态网页 动态网站的弊端： 网站由于其具有交互性,所以网站存在很大的安全隐患,如果开发设计人员在编程过程中安全性没有考虑到位,网站是很容易被黑客入侵的; 动态网站的页面上的信息都必须从数据库中读取,每打开一个页面就读取数据库一次,如果访问网站的人数很多,这会对服务器增加很大的荷载,从而影响这个网站的运行速度; 动态网站的设计对于搜索引擎不是很友好,网络上的大部分网站(除了做广告和友情链接)的访问者都是通过搜索引擎过来的.  根据实际情况,来均衡一下动态网站的利于弊,再决定是否采用动态程序搭建你的网站 2.1 概述 2.网站与主页 在逻辑上可视为一个整体的一系列页面的有机集合称为网站（Web Site或Site）。 作为一个组织或个人在 WWW（或其他Web）上开始点的页面称为主页（Homepage）。 2.1 概述 3. HTML的基本工作原理 HTML(Hypertext Markup Language) 是一种规范，一种标准，它通过标记符（tag）来标记要显示的网页的各个部分。 通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定内容的格式。浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。 2.1 概述 3. HTML的基本工作原理 2.1 概述 4. HTML与HTTP HTML是制作网页的基本技术标准，规定了文档的逻辑组织格式。 HTTP（Hyper Text Transfer Protocol，超文本传输协议）是用于从www服务器传输超文本到本地浏览器的传送协议，具体制定了Web发布信息的标准。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示（如文本先于图形）等。 2.2 HTML基础 1.标记符概述 在 HTML 中，所有的标记符都用尖括号括起来。例如，html、a。 HTML 标记符是不区分大小写的。html、Html和HTML没有区别。 绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。某些标记符，例如BR，只要求单一标记符号。 开始标记符与结束标记符的区别在于：结束标记符多一个斜杠“/”（不是反斜杠“\”！） 2.2 HTML基础 2.标记符属性 属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符的尖括号里，多个属性之间用空格分开，通常也不区分大小写。 例如，可以用字体标记符和字号属性指定文字的大小。FONT SIZE=1本行字将以较小字体显示。/FONT 2.2 HTML基础 3.Web页的基本结构 一个 Web 页实际上对应于一个 HTML 文件，HTML 文件以 .htm 或 .html 为扩展名。 最基本的HTML文档包括：HTML标记HTML/HTML、首部标记HEAD和/HEAD、以及正文BODY/BODY。 2.2 HTML基础 3.Web页的基本结构 HTML标记符 HTML和/HTML 是Web页的第一个和最后一个标记符，Web 页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他阅读该页的程序，此文件为一个Web页。 HEAD标记符 首部标记HEAD和/HEAD位于 Web 页的开头，其中不包括 Web 页的任何实际内容，而是提供一些与 Web 页有关的特定信息。 首部标记中的内容也用相应的标记符括起来。例如，样式表（CSS）定义位于STYLE和/STYLE之间；脚本定义位于SCRIPT/SCRIPT之间。