Dreamweaver网页设计 第1章网页基本知识概述
Dreamweaver 网页设计 第1章 网页基本知识概述
【学习概述】 本部分内容是设计网页的基础。本章首 先介绍了一些与 terne和网页设计相关的 基础知识,是读者设计网页必不可少的知 只。虽然利用 Dreamweaver可以不用编写 代码就能设计出专业水准的网页,但 理解和掌握HTML语言对网页设计很有帮助, 对读者以后学习服务器端的编程语言也大 有裨益。因为本书定位于静态网页设计 所以只对HTML语言最常用的标签元素作简 单的讲解
【学习概述】 本部分内容是设计网页的基础。本章首 先介绍了一些与Internet和网页设计相关的 基础知识,是读者设计网页必不可少的知 识。虽然利用Dreamweaver可以不用编写 一行代码就能设计出专业水准的网页,但 理解和掌握HTML语言对网页设计很有帮助, 对读者以后学习服务器端的编程语言也大 有裨益。因为本书定位于静态网页设计, 所以只对HTML语言最常用的标签元素作简 单的讲解
1.1基本知识 1.1.1 Internet(国际互联网络) terne也可以称为“因特网”,“网际网”等,它是一个全球 性的 互联网络。世界各地的人们可以自由的通过网络连接来共 和使角 Internet上所提亻 资源 收发E-mal可以和远方的朋友进行视频聊天等等。 1.12WWW(万维网) World wide web万维网,简称WWW或3w。WWW是由欧洲量子 物理实验室CERN( the European Laboratory for Particle Physics 发展出来的分布式超媒体系统。W中的信息资源主要 Web文档组成。这些Web页采用超级文本( Hyper Text)组成 nternet 上最庞大的服务类型。WW采用的是客 器结构,其作用是响 应客户端的请求,把客户端所需的资源传送给该客户。 1.1.3URL(统一资源定位器) URL是 Uniform Resource locator的缩写,它是 nternet上的WW 服务程序用于指定信息位置的表示方法,也就是日常生活中所说的网
1.1 基本知识 1.1.1 Internet(国际互联网络) Internet也可以称为“因特网”,“网际网”等,它是一个全球 性的计算机互联网络。世界各地的人们可以自由的通过网络连接来共 享和使用Internet上所提供的信息资源,(如:浏览网页,下载电影, 收发E-mail也可以和远方的朋友进行视频聊天等等。 1.1.2 WWW(万维网) World Wide Web万维网,简称WWW或3W。WWW是由欧洲量子 物理实验室CERN(the European Laboratory for Particle Physics) 发展出来的分布式超媒体系统。WWW中的信息资源主要由大量的 Web文档组成。这些Web页采用超级文本(Hyper Text)组成Internet 上最庞大的服务类型。WWW采用的是客户/服务器结构,其作用是响 应客户端的请求,把客户端所需的资源传送给该客户。 1.1.3 URL(统一资源定位器) URL是Uniform Resource Locator的缩写,它是Internet上的WWW 服务程序用于指定信息位置的表示方法,也就是日常生活中所说的网 址
1.1基本知识 1.14 Server(服务器) 服务器即信息的提供者。它是指具有固定P地址,并为网络用户提供服 露毁计度参x脑:能盐很驾菇丰产服雾蒸馨源含 器等服务器的功能。通常服务器的硬件配置都比较高。、FTP服务 以只用一台计算机来同时实现Web服务器、Em 服务 1.1.5 Browser(浏览器) Browser航是指在使用的电脑上安装的,用来显示指定文件的程序。目前, 使用最多的浏览器主要有两个,一个是美国微软公司的( Internet Explorer),现在!占据了 Windows平 绝对主流。另一个是网景 公司的 Netscape Nevigator,主要在Linx等平台下用。 1.1.6FTP(文件传送协议) FTP是 File transfer protocol的缩写。FTP就是完成 Internet上两台计算 之间文件传送,从远程服务器获取文件至自己的计算机,称为“下 载”文件。若将文件从自己的计算机传送至远程服务器,则称之为 “上载”文
1.1 基本知识 1.1.4 Server(服务器) 服务器即信息的提供者。它是指具有固定IP地址,并为网络用户提供服 务的计算机。正是通过它,才能获得如此丰富的网络共享资源。服务 器又可以分为Web服务器、E-mail服务器、FTP服务器等等。当然可 以只用一台计算机来同时实现Web服务器、E-mail服务器、 FTP服务 器等服务器的功能。通常服务器的硬件配置都比较高。 1.1.5 Browser(浏览器) Browser就是指在使用的电脑上安装的,用来显示指定文件的程序。目前, 使用最多的浏览器主要有两个,一个是美国微软公司的IE(Internet Explorer),现在IE占据了Windows平台的绝对主流。另一个是网景 公司的Netscape Nevigator,主要在Linux等平台下用。 1.1.6 FTP(文件传送协议) FTP是File Transfer Protocold的缩写。FTP就是完成Internet上两台计算 机之间文件传送,从远程服务器获取文件至自己的计算机,称为“下 载”文件。若将文件从自己的计算机传送至远程服务器,则称之为 “上载”文件
1.1基本知识 1.1.7HTML(超文本链接标示语言) HTML是 Hypertext Markup Language的缩写。它是一种简单、通用的全置标记 语言。HTM 何一种文本编辑器对它进行编 也可以借助专业HTML编辑器对它进行可视化处理,如: Dreamweaver UNX平台中,HTML文档的后缀名为“htm”,而在 WINDOWS平台中则为 “htm”。网站的首页一般命名为 Tindex. htm, index. html, default. htm, default. htm等。 1.1.8 Java Java是一种由Sun公司提出的,从C++发展而来的新型的程序设计语言。它可以 为一个独立的程序而不需要浏览器的支持。然而对静态网页来说Java主要 用于创建 Java Applet(Java小应用程序) 1.19 JavaScript JavaScript是一种在网页中使用的脚本语言,它是由 Netscape公司发明的,原来 的名字叫 Live Scr 注意: JavaScript的语法类似Java,两者的名字也有几分相似。但是,如要仅凭 此就认为两者有某种关系,那就错了。它们只是名字和语法相似,除此之外, 两者没有任何联系
1.1 基本知识 1.1.7 HTML(超文本链接标示语言) HTML是Hypertext Markup Language的缩写。它是一种简单、通用的全置标记 语言。HTML 文档是文本格式,可以用任何一种文本编辑器对它进行编辑, 也可以借助专业HTML编辑器对它进行可视化处理,如:Dreamweaver在 UNIX平台中,HTML文档的后缀名为“.html”,而在 WINDOWS平台中则为 “.htm”。网站的首页一般命名为index.htm,index.html, default.htm, default.html等。 1.1.8 Java Java是一种由Sun公司提出的,从C++发展而来的新型的程序设计语言。它可以 作为一个独立的程序而不需要浏览器的支持。然而对静态网页来说Java主要 用于创建Java Applet(Java小应用程序)。 1.1.9 JavaScript JavaScript是一种在网页中使用的脚本语言,它是由Netscape公司发明的,原来 的名字叫LiveScript。 注意:JavaScript的语法类似Java,两者的名字也有几分相似。但是,如要仅凭 此就认为两者有某种关系,那就错了。它们只是名字和语法相似,除此之外, 两者没有任何联系
1.1基本知识 1.1.10XML(可扩展标记语言) XML是 EXtensible Markup Language的缩写,中文意思是可拉展 的标记 由于HTML语言满足不了日益复杂的WEB信息交流的需 要,因此出现了XML语言 但是设计XML语言的初衷不是为了取代HTML,而是为了加强HTML语言 HTML着重在如何将文件资料显示出来,而XML主要着重在如何将文 件结构化以方便资料的交换。 1.1.11AaX Aax是 Asynchronous JavaScript+ML的缩写。意思是基于 XML的异步 Java script,它可以构建动态的和响应更快捷的Meb应用 程序。该技术的关键就在于对浏览器 javaScript, Css, XML DHTML等技术进行整合,从而实现异步通信。这样一来使得浏览器 端用户有这样的感觉:Web站点看起来是即时响应的,不需要长久的
1.1 基本知识 1.1.10 XML(可扩展标记语言) XML是Extensible Markup Language的缩写,中文意思是可扩展 的标记语言。由于HTML 语言满足不了日益复杂的WEB信息交流的需 要,因此出现了XML语言。 但是设计XML语言的初衷不是为了取代HTML,而是为了加强HTML语言。 HTML着重在如何将文件资料显示出来,而XML主要着重在如何将文 件结构化以方便资料的交换。 1.1.11 Ajax Ajax是Asynchronous JavaScript + XML的缩写。意思是基于 XML的异步JavaScript,它可以构建动态的和响应更快捷的Web应用 程序。该技术的关键就在于对浏览器端的JavaScript,CSS,XML, DHTML等技术进行整合,从而实现异步通信。这样一来使得浏览器 端用户有这样的感觉:Web站点看起来是即时响应的,不需要长久的 等待
1.2HTML简介 .2.1 个简单的网页 作为一名Web开发人员,是不可避免的要接触和使用HTML语言。HTML语法非常简单。它 通过各种标记来表示,可以先来看一个建立简单网页的例子如: 实例代码 在记事本中输入以下代码(从开始到结束) HTML基础 个简单的网页 2.保存文件 然后执行【文件 【保存】命令,注意要选择“保存类型”为:【所有文件】。在左边 单击“桌面”图标,如图1-1所示。输入文件名: chapter01-1htm,单击“保存”按钮
1.2 HTML简介 1.2.1 一个简单的网页 作为一名Web开发人员,是不可避免的要接触和使用HTML语言。HTML语法非常简单。它 通过各种标记来表示,可以先来看一个建立简单网页的例子如: 1. 实例代码 在记事本中输入以下代码(从开始到结束): HTML基础 一个简单的网页 2. 保存文件 然后执行【文件】->【保存】命令,注意要选择“保存类型”为:【所有文件】。在左边 单击“桌面”图标,如图1-1所示。输入文件名:chapter01-1.htm,单击“保存”按钮
1.2HTML简介 另存为 保存在):回桌面 我的文档 我的电脑 我最近的文档网上部居 □book 目hw.txt 桌面 我的文档 网上邻居 保存() 保存类型①):文本文档(txt) 本文程[txt 编码 有文件 图1-1更改文件的保存类型
1.2 HTML简介 图1-1 更改文件的保存类型
1.2HTML简介 3.查看所创建的文件 在桌面上找到它双击。此时 windows默认的正 浏览器打开了它,如图1-2所示 色HTL基 microsoft Internet Explorer 回区 文件① 查看收藏)工具〔)帮助Q 地址①)号]c: Documents and Settings xiaoxin(桌面t1lh 习转到 一个简单的网页 完毕 3我的电脑 图1-2创建一个简单的HTML网页
1.2 HTML简介 3. 查看所创建的文件 在桌面上找到它双击。此时windows默认的IE 浏览器打开了它,如图1-2所示。 图1-2 创建一个简单的HTML网页
1.2HTML简介 HTML元素与标签 从上面的代码可以看出:网页文档的结构和格式的定义是由HTML元素来完成的。HTML 是利用各种标签来显示和排列各个对 标签是由小 和大 围起来的字符串。开始标签内 许的属性 如::结束标签则 是以一个斜杠“/开头的标签,如:。注意:结束标签没有属性-值对 如上例解释如 :HTML文档开始。 :文档头部开始。 :文档标题开始。 HTML基础:文档标题。 :文档标题结束 :文档头部结束。 :文档主体开始。 个简单的网页:文档主体内容,它是网页的最主要部分。 :文档主体结束 :HTML文档结束
1.2 HTML简介 HTML元素与标签 从上面的代码可以看出:网页文档的结构和格式的定义是由HTML元素来完成的。HTML就 是利用各种标签来显示和排列各个对象的。一个标签是由小于号“”所包 围起来的字符串。开始标签内是一串允许的属性-值对,如:,当然也可以没有属性-值对,如上面的代码只有;结束标签则 是以一个斜杠“/”开头的标签,如:。 注意:结束标签没有属性-值对。 如上例解释如下: :HTML文档开始。 :文档头部开始。 :文档标题开始。 HTML基础:文档标题。 :文档标题结束。 :文档头部结束。 :文档主体开始。 一个简单的网页:文档主体内容,它是网页的最主要部分。 :文档主体结束。 :HTML文档结束