模块1 网站建设基础.ppt

基于Web标准的网页设计 烟台职业学院信息工程系 烟台职业学院信息工程系 烟台职业学院信息工程系 * 烟台职业学院信息工程系 模块1 网站建设基础 【任务目标】 了解万维网的概念。 了解Web浏览器。 了解网页和网站的概念。 了解网页制作工具。 掌握网站编辑流程。 * 基于Web标准的网页设计 1.1 网页与网站 1.1.1 万维网 1.1.2 Web浏览器 1.1.3 网页的概念 1.1.4 网站的概念 * 基于Web标准的网页设计 1.1.1 万维网 万维网（world wide web，WWW）又称全球信息网，简称为Web，是目前互联网上最流行的交互式信息查询服务系统。作为互联网的子系统，Web本身既是一种信息浏览工具，又是一种信息资源，不过这种信息资源需通过互联网来访问。 发展历程： 1980年蒂姆·伯纳斯·李和罗伯特·卡雷欧提出“查询万有”的万维网 核心思想； 1989年提出蒂姆·伯纳斯·李向实验中心正式提交了一份后来被称为“万维网蓝图”的报告； 1990年11月，蒂姆·伯纳斯·李在欧洲量子物理实验中心制作出了第一个万维网浏览器和第一个网络服务器，并编写了第一个网页； 1993年，在伊利诺伊州立大学编写的万维网浏览器解决了远程信息服务中的文字显示、数据连接及图像传递的问题。 * 基于Web标准的网页设计 1.1.2 Web浏览器 所谓Web浏览器（browser），是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。一旦把Web浏览器指向某个网页，也就意味着要浏览器去查找、下载该网页。 浏览器的种类： 从内核上分，主要有两种类型的浏览器：IE内核和非IE内核。IE内核的浏览器有IE、GreenBrowser、傲游（Maxthon）、The World（世界之窗）等；非IE内核的浏览器有Mozilla Firefox、Navigator、Opera等。 * 基于Web标准的网页设计 1.1.3 网页的概念 网页是网站上的某一个页面，它是一个以扩展名为html或htm的文件，向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML、JavaScript等语言来描述组成页面的元素，并通过浏览器进行解释，最后把结果信息通过浏览器在网页上显示出来。 * 基于Web标准的网页设计 1.1.4 网站的概念 网站（website）是指Internet上的一个固定的面向全世界发布消息的地方，由域名（也就是网站地址）和网站空间构成，通常包括主页和其他具有超链接文件的页面。 域名（domain name）是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称。用于在数据传输时标识计算机的电子方位（有时也指地理位置）。DNS规定，域名中的标号都由英文字母和数字组成，每一个标号不超过63个字符，也不区分大小写字母。标号中除连字符（-）外不能使用其他的标点符号。级别最低的域名写在最左边，而级别最高的域名写在最右边。由多个标号组成的完整域名总共不超过255个字符。 统一资源定位器（uniform resource locator，URL）用于描述Internet上资源的位置和访问方式。 基本语法如下： Scheme://host.domain:port/path/filename 语法说明：URL通常包括3部分，第一部分是Scheme，告诉浏览器该如何工作；第二部分是文件所在的主机；第三部分是文件的路径和文件名。 * 基于Web标准的网页设计 1.2 网页制作工具介绍 标记型网页制作工具： 记事本 HotDog Professional HomeSite UltraEdit “所见即所得”型网页制作工具： WYSIWYG Web Builder 8.1 Dreamweaver * 基于Web标准的网页设计 1.2 网页制作工具介绍 图形图像处理工具： Adobe Photoshop GIF Movie Gear 网页制作的相关技术： CSS（cascading style sheet）是一种样式表（style sheet）技术，也被称为层叠样式表或级联样式表