网页制作基础第1章.ppt

第1章 网页制作基本知识 1.1 网页与HTML的基础知识 1.1.1 网页的基本概念 1.1.2 HTML的基本概念和基本结构 1.2 网站建设流程 1.2.1 确定网站目标和主题 1.2.2 网站的规划 1.2.3 网站的建立 1.2.4 网站的推广和发展 1.2.5 网站的更新和维护 1.1.1 网页的基本概念 什么是Internet “因特网”或“国际互联网”，是利用通信线路和通信设备，世界各地的计算机网络、主机和个人计算机互相连接起来，在网络协议控制下所构成的互联网系统。 WWW 环球信息网（World Wide Web）的缩写，也可以简称为Web，中文名字为“万维网”，是一个以Internet为基础的计算机网络，允许用户在一台计算机上通过Internet获取其它计算机的资源。 1.1.1 网页的基本概念 HTTP和URL HTTP：超文本传输协议，是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。 URL:统一资源定位符，也被称为网页地址，是因特网上标准的资源的地址。 网站和网页 网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 网页是构成网站的基本元素，是网站中的一个页面，是WWW的基本文档。网页实际是一个文件，通常是HTML格式 1.1.2 HTML的基本概念和基本结构 HTML即超文本标记语言，是目前网络上应用最广泛的语言，也是设计网页文件的主要语言 HTML的发展历史 HTML的基本概念 例1-1 html head titleHTML网页制作实例/title /head body你好！欢迎浏览HTML语言制作的简单网页实例！/body /html HTML的基本概念 我们看到的html、head、body等，在HTML中统一称为“标记”，它是用于描述功能的符号，用来控制文字、图像等的显示方式，在使用的时候一定要用“”把它们括起来。标记分为单标记和双标记两种，单标记指的是单独使用就可以控制网页效果的标记，其语法结构是：标记名，双标记由“始标记”和“尾标记”两部分构成，必须成对使用，其中始标记告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标记告诉Web浏览器在这里结束该功能。始标记前加一个斜杠（/）即成为尾标记。 HTML的基本结构 HTML的基本结构如下： html head 文件头 /head body 文件体 /body /html HTML的语法规则 HTML文件以纯文本形式存放,扩展名为HTM或HTML； HTML标记不区分大小写 ； 多数HTML标记可以嵌套，但不可以交叉； HTML文件一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号 HTML源文件中的换行、空格和回车符在显示效果中是无效的 网页中所有的显示内容都应该受限于一个或多个标记，不应有游离于标记之外的文字或图像等，以免产生错误。 1.2 网站建设流程 确定网站目标和主题 网站的规划 网站的建立 网站的推广和发展 网站的更新和维护 * * * *