网页制作第一讲.pptVIP

网页制作基础 主要内容 第一讲 基本概念 2. URL(统一资源定位地址) (1) 绝对路径 (2) 相对路径 相对路径示例 3. 超文本标记语言和超文本传输协议 4. 什么是网页 元素﹑标记和属性 * * 主讲教师：常海燕 教材：《网页设计与制作三合一》（cs3） 中国铁道出版社 第1章 网页设计基础 第2章 HTML基础 第3章 Dreamweaver基本操作 第4章 Dreamweaver高级操作 第5章 css样式表 第6章 JavaScript网页特效 WWW简介：是Internet上基于客户端 /服务器体系结 构的分布式多平台的超文本超媒体信息 服务系统 World Wide Web 服务器端: 提供供客户浏览的网页 客户端: 安装网页浏览器软件 常用的浏览器软件: IE / Netscape Navigator 超文本: 可以链接到其他网站或数据上的文本. URL的功能: 用于指定信息的位置, 每一个Web页在WWW上都有自己唯一的URL. URL的组成: 协议://Web服务器地址(IP地址)/文件位置和文件名 例如: /index.htm 包含了标识Internet上的文件所需要的所有信息。包括完整的协议名称、主机名称、文件夹名称和文件名称 。 例如: /special/000120MC/drought060816.html 协议名 主机名 文件夹名 文件名 相对路径是指目标文件地址相对于源文件的路径。 如果链接到同一目录下,只需输入要链接文件的名称. 要链接到下级目录中的文件,需先输入目录名,然后加/,再输入文件名. 要链接到上一级目录中文件,则先输入../,再输入文件名. abc.htm 是本地当前目录的上两级子目录下的文件 href=../../ abc.htm abc.htm 是本地当前目录的上一级子目录下的文件 href=../ abc.htm abc.htm 是本地当前路径下web子目录下的文件 href=web/abc.htm abc.htm 是本地当前路径下的文件 href=abc.htm 含 义 相对路径名 例如: /special/000120MC/drought060816.html 超文本标记语言HTML:Hyper Text Markup Language 专门用于制作网页的语言(.htm 或 .html文件). 超文本传输协议HTTP:Hyper Text Transmission Protocol WWW上最常用的一种协议, 用于实现超文本和超媒体的传输. 其英文是web page,是存储在网站服务器上,通过网络进行传 输并被浏览器解释和显示的HTML文件 网页是HTML语言编写的文本文件,扩展名为,html/htm 网页是网站的基本信息单位，一个网站通常由许多网页构成 网页主要的元素有文本,图片﹑超链接﹑动画﹑按钮等组成 5. 网页设计的基本描述语言HTML 专门用于制作网页的语言(.htm 或 .html文件). 超文本标记语言HTML:Hyper Text Markup Language HTML是一种文字处理语言,不是程序语言 HTML 2.0 ﹑2.2﹑ 4.0﹑ 4.01 6.HTML文档的基本结构 HTML head …… /head body HTML 文件的正文写在这里 /body /HTML 标记和 标记对 例1 标记名 …… /标记名 说明: 有些标记可以没有结束标记. (1).标记 HTML HEAD TITLE保护地球/TITLE /HEAD BODY Bb标记:环境保护还需公民意/BBR Ii标记:环境保护还需公民意识/IBR Uu标记:环境保护还需公民意识/UBR /BODY /HTML 例2 *