网页设计与制作教程HTML-CSS-JavaScript第2版第1章-网页设计与制作基础.pptxVIP

1.1网页与网站的概念网页与网站的概念WWW（WorldWideWeb，万维网）是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统。网页（WebPage）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。网站（WebSite，也称站点）被定义为已注册的域名、主页或Web服务器。网站是一系列网页的组合，这些网页拥有相同或相似的属性并通过各种链接相关联。如果在浏览器的地址栏中输入网站地址，浏览器会自动连接到这个网址所指向的网络服务器，并出现一个默认的网页，这个最先打开的默认页面就被称为“主页”或“首页”。机械工业出版社

1.2Web标准1.2.1Web标准的概念Web标准不是某一种标准，而是一系列标准的集合。网页主要由3部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。1．结构化标准语言（1）HTML（2）XML（3）XHTML2．表现标准语言CSS是CascadingStyleSheets（层叠样式表）的缩写。3．行为标准（1）DOM（2）ECMAScript机械工业出版社

1.2Web标准1.2.2建立Web标准的优点建立Web标准的优点如下：提供最大利益给最多的网站用户；确保任何网站文档都能够长期有效；简化代码，降低建设成本；让网站更容易使用，能适应更多不同用户和更多网络设备；当浏览器版本更新或者出现新的网络交互设备时，确保所有应用能够继续正确执行。机械工业出版社

1.3HTML语法基础1.3.1HTML简介HTML最早源于SGML（StandardGeneralMarkupLanguage，标准通用化标记语言）。2000年，W3C组织公布发行了XHTML1.0版本。不过XHTML并没有成功，而HTML5便因此孕育而生。2012年12月17日，W3C宣布凝结了大量网络工作者心血的HTML5规范正式定稿，确定了HTML5在Web网络平台奠基石的地位。Web技术发展历程时间表如图2-1所示。机械工业出版社

1.3HTML语法基础1.3.2HTML语法结构1．标签在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“标签”表示，结束标签用“/标签”表示。其格式为：标签受标签影响的内容/标签2．属性标签仅仅规定这是什么信息，但是要想显示或控制这些信息，就需要在标签后面加上相关的属性。其格式为：标签属性1=属性值1属性2=属性值2…受标签影响的内容/标签3．元素元素指的是包含标签在内的整体，元素的内容是开始标签与结束标签之间的内容。机械工业出版社

1.3HTML语法基础1.3.3HTML语法规范1．标签的规范（1）标签分单标签和双标签，双标签往往是成对出现，所有标签（包括空标签）都必须关闭，如br/、img/、p…/p等。（2）标签名和属性建议都用小写字母。（3）多数HTML标签可以嵌套，但不允许交叉。（4）HTML文件一行可以写多个标签，但标签中的一个单词不能分两行写。（5）HTML源文件中的换行、回车符和空格在显示效果中是无效的。机械工业出版社

1.3HTML语法基础1.3.3HTML语法规范2．属性的规范（1）并不是所有的标签都有属性，如换行标签就没有。（2）属性值都要用双引号括起来。3．代码的缩进HTML代码并不要求在书写时缩进，但为了文档的构性和层次性，建议初学者使用标记时首尾对齐，内部的内容向右缩进几格。机械工业出版社

1.3HTML语法基础1.3.4HTML文档结构HTML5文档是一种纯文本格式的文件，文档的基本结构为：!doctypehtmlhtmlheadmetacharset=gb2312title文档标题/title/headbody网页内容/body/html机械工业出版社

1.5创建HTML文档创建HTML文档下面用最简单的“记事本”来编辑网页文件。①打开记事本。单击Windows的“开始”按钮，在“程序”菜单的“附件”子菜单中单击“记事本”命令。②创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML代码。③保存网页。将记事本中的内容保存在磁盘中。④在“我的电脑”相应的存盘文件夹中双击first.html文件启动浏览器，即可看到网页的显示结果。机械工业出版社

1.6页面摘要信息1.6.1title标签title标签位于head与/head中，用于标示文档标题，但文本内容不会出现在网页中，而是出现在大多数浏览器的左上角。如果文章没有标题，读者就必须通过阅读部分内容才能了解其主题。对于网页来说，也必须有标题来归纳要点。title标签位于head与/head中，用于标示文档标题。格式如下：title标