Dreamweaver CS6+HTML5+CSS3网页制作基础教程（微课版职业教育十三五改革创新规划教材）

作者简介

内容简介

第1章 网页设计基础【本章导读】 随着HTML 5的长足发展，移动互联网一边推动着场景的裂变，一边促使着消费升级和数据变革。面对当前流行的“Web前端工程师”等工作岗位，精通HTML、CSS，熟悉页面架构和布局已经成为任职的必备条件。本章在引导读者了解最基本的网页知识的基础上，着重从思维方式方面讲述“表现与结构相分离”的重要理念。 【学习目标】 了解Web标准的相关知识； 充分理解“表现与结构相分离”的重要思想，以及HTML 5的必要性； 了解有关网页制作的基本知识，熟知网站建设的基本流程。 1.1Web时代的重要理念 随着HTML 5的迅猛发展，各大浏览器开发商对HTML 5的支持越来越完善。从前端开发技术角度来看，互联网的发展经历了以HTML和CSS为主的Web 1.0时代，以Ajax应用为主的Web 2.0时代，正在迈进以HTML 5为主的崭新时代。 在此发展趋势下，学习HTML 5以及CSS 3技术无疑成为Web前端开发者的重要任务，本节首先从思想方面引导读者理解网页制作的相关理念。 图11Web标准示意图1.1.1Web标准简介 Web标准(Web Standards)即网站标准，它并非是某一个标准，而是一系列标准的集合。这些标准是由W3C和ECMA共同制定的，用来创建和规范网页的基本内容。按照这些标准制作的网页，能够体现“表现与结构相分离”这一核心理念。 具体地讲，Web标准主要由3方面的标准构成，结构标准语言(主要包括HTML、XHTML和XML)、表现标准语言(主要包括CSS)、行为标准语言(主要包括DOM和ECMAScript等)，这些标准共同组合起来称为Web标准，如图11所示。 1. 结构标准语言 1) HTML 4.01 HTML(HyperText Markup Language，超文本置标语言)是构成网页文档的主要语言。HTML文档包含了很多标签，其目的是为网页文档增加结构信息，告诉浏览器如何显示页面。浏览器在解析这些包含标题、段落等标签的文档后，用相应的表现形式即可将页面展现出来。 Dreamweaver CS6+HTML 5+CSS 3网页制作基础教程(微课版)第1章网页设计基础2) XML 1.0 XML(eXtensible Markup Language，可扩展置标语言)是当前处理结构化文档信息的有力工具。它由W3C发布，起初的目的是用来弥补HTML的不足，但后来逐渐用于网络数据的转换和描述方面。 简单地说，XML是一种表示数据的方式，可以通过多种方法使用XML封装数据，一种常见的处理方式是通过XSLT(可扩展样式表语言转换)对XML文档进行转换，以生成特定的结果，例如,转换成(X)HTML输出给浏览器使用等。 3) XHTML 1.0 XHTML(The eXtensible HyperText Markup Language，可扩展超文本置标语言)实际上是将HTML根据XML规范进行重新定义，它的标签与HTML 4.01一致，而格式却严格遵循XML规范。 XHTML有3种DTD定义: 严格的(Strict)、过渡的(Transitional)和框架的(Frameset)。 4) HTML 5 HTML 5是HTML的第五个版本，其中新增了多种标签，并且可以进行跨平台的使用，更多内容将在后续章节中陆续介绍。 2. 表现标准语言 CSS(Cascading Style Sheet，层叠样式表)是一组用来控制网页外观的规则。通过CSS可以将样式信息与网页内容分离开来，不仅使站点外观维护变得更为简便，还可以使(X)HTML文档代码结构清晰、内容简练，有利于缩短浏览器加载页面的时间。目前，CSS的版本有CSS 2.0、CSS 2.1和CSS 3.0。 "本书以HTML 5和CSS 3的基础知识作为重点讲解对象，在W3C规范的指导下，将其分散在Dreamweaver软件的讲解之中，并将前端的思维模式融入到每个知识点中，配合免费的微课视频，使读者完全能够自主的进行学习，掌握的必备知识和技能。全书共分为12章，章节安排难度递进，必备知识无缝衔接，每章有理论，堂堂有案例，课后有实训。主要内容包括：网页设计基础； HTML语言基础； Dreamweaver基础与CSS入门；文本与图像；浮动、定位和列表；表格与表单；框架、模板与CSS 3新增布局；行为与Spry构件； CSS进阶提高；站点测试、上传与维护；综合案例解析——电子商务网站；实训指导书。本书可作为应用型本科、高职高专院校计算机相关专业的教材，也可供想从事网页设计的读者自学使用，还可作为IT类培训机构的网页设计培训教程。 "