《Web前端开发项目教程》认识网站和网页-网站设计与开发起步

项目01认识网站和网页任务01-1网站设计与开发起步任务01-1：网站设计与开发起步

知识点了解网站开发设计的基本概念理解web标准

技能点学会搭建网站的目录结构学会在Chrome浏览器下查看网站结构一、基本概念-网页网页是构成网站的基本元素，是承载各种网站应用的平台，它可以存放在世界上任何一台计算机中，是万维网（WorldWideWeb，全球广域网，简称web）中的一个页面。网页要通过网页浏览器来阅读。常用的PC端浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等，还有微软改进IE新出的内置浏览器Edge3基本概念-网页网页实际上只是一个纯文本文件，它通过各种标记对页面上的文本、图像、表格、声音、视频等元素进行描述，由浏览器对这些标记进行解释并生成页面，于是就得到了我们看到的网页。网站开发者按照Web标准来编写网页文件,网页的扩展名表示了网页文件的类型，例如.htm或.html是用HTML/CSS/JavaScript编写的静态网页，.asp、.jsp或.php则分别是用ASP、JSP或PHP编写的动态网页。思考：静态网页和动态页面功能上有何不同？基本概念-网站网站是域名、空间服务器、域名解析、网站程序、数据库等的集合，涉及到一系列软硬件技术，但是近年来随着云计算技术的迅猛发展，租用云服务器搭建虚拟主机使得网站建设更加普及和大众化。本课程的关注点是网站内容的设计与开发。网站内容的本质就是一个文件夹，在该文件夹中保存了相关联的所有网页文件及所有资源文件，设计网站就是逐个设计网页，并将它们分类保存在网站文件夹的各个子文件夹中。基本概念-网站index.html是网站中的首页文件名称，在网站中不可或缺，通常文件名是index，也可以根据实际需要更换，可以是一个静态页面，也可以是一个动态页面。网站开发之初一定要建立清晰的网站结构，一般按栏目内容分别建立文件夹，把资源按类存放在不同的文件夹中，文件夹层次不要太深，建议一般中小型网站尽量不要超过三层。因为很多Internet服务器使用的是英文操作系统，不能对中文文件名和文件夹名提供很好的支持，可能导致浏览错误或访问失败，所以要避免用中文命名文件或文件夹。基本概念-网站网站的文件结构网站主要页面的结构二、Web标准如何使我们设计的网页在不同的浏览器下兼容？

不同的浏览器、不同的终端可定制的界面风格

易于修改和维护全球的网页设计人员和浏览器制造商之间有一个共同的web标准，遵守这个标准的网页，在所有遵守W3C（万维网联盟）

标准的浏览器上都可以获得一致的表现可以完全不必担心浏览器兼容问题。Web标准下的网页设计（结构、表现、行为的分离）Web标准WEB标准不是某一个标准，而是一系列标准的集合。结构表现行为结构化标准语言主要包括HTML、XHTML和XML等

表现标准语言主要包括CSS行为标准主要包括对象模型（如W3CDOM、ECMAScript）等。Web标准Web标准——结构标准结构用于对网页元素进行整理和分类，结构化标准语言主要包括XML、HTML、XHTML。（1）XMLXML是TheExtensibleMarkupLanguage的缩写，中文译为“可扩展标识语言”，是一种能定义其他语言的语言，是web发展的趋势。XML的最初设计目标是弥补HTML的不足，以强大的扩展性满足网络信息发布的需求。现在XML主要作为一种数据格式，用于网络数据交换和书写配置文件。（2）HTMLHTML是HyperTextMarkupLanguage的缩写，中文译为“超文本标识语言”，而XHTML1.0是在HTML4.0基础上，用XML的规则对其进行扩展。发布XHTML的最初目的就是实现HTML向XML的过渡。在一般语境中，人们习惯使用HTML代替HTML和XHTML。如果网页只用结构化标准语言描述，将会得到文本、图像等内容从上到下的罗列，是不带任何修饰样式的。Web标准——表现标准表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。CSS（CascadingStyleSheet）是层叠样式表。CSS标准建立的目的是以CSS为基础进行网页布局，控制网页表现。CSS布局与HTML结构语言相结合，可以实现结构和表现的分离，使网站的维护和改版更加方便。CSS3.0是目前最新的CSS标准。Web标准——行为标准行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。（1）DOMDOM（DocumentObjectModel）是文档对象模型。它是一种与平台和语言无关的应用程序接口（API），可以动态地访问程序和脚本，更新其内容、结构和样式。（2）ECMAECMA（EuropeanComputerManufacturersAssociation）是以JavaScript为基础制定的标准脚本语言。JavaScript是一种基于对象和事件驱动的客户端脚本语言，广泛用于web开发，常用于在页面中增加各种特效设计，例如图片的轮换效果、漂浮的广告效果等。实训任务在Chrome浏览