理论教育 Dreamweaver CS6中文版标准实例教程

Dreamweaver CS6中文版标准实例教程

时间:2023-10-29 理论教育 版权反馈
【摘要】:HTML是Hypertext Markup Language的首字母缩写,通常称作超文本标记语言。HTML是纯文本类型的语言,使用HTML编写的网页文件也是标准的纯文本文件。但HTML本身没有任何变化。已经存在近十年的HTML4已经成为不断发展的Web开发领域的瓶颈。HTML5的设计原则就是在不支持它的浏览器中能够平稳地退化。*改进设计视图下对HTML5新增标签的渲染效果。虽然现在已经普遍使用了HTML4和CSS2.1,Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。

Dreamweaver CS6中文版标准实例教程

HTML是Hypertext Markup Language的首字母缩写,通常称作超文本标记语言。它是Internet上用于编写网页的主要语言。

HTML是纯文本类型的语言,使用HTML编写的网页文件也是标准的纯文本文件。您可以用任何文本编辑器,例如Windows的“记事本”程序打开它,查看其中的HTML源代码,也可以在使用浏览器打开网页时,通过“查看源文件”命令查看网页中的HTML代码。

HTML语法非常简单,它采用简捷明了的语法命令,通过对各种标记、元素、属性、对象等的设置建立与图形、声音、视频等多媒体信息以及其他超文本的链接。

HTML的发展与Internet上的WWW浏览操作的发展是分割不开的。WWW是World WildWeb的简称,更方便的称呼是3W或TheWeb,即“万维网”。它是一种建立在Internet上的全球性的、交互的、动态、多平台、分布式的图形信息系统。WWW遵循HTTP协议(Hypertext Transfer Protocol,超文本传输协议),主要以“超文本”(Hypertext)或“超媒体”(Hypermedia)的形式提供信息。通常所称的浏览网页,就是指WWW操作。

查看网页内容必须使用网页浏览器.浏览器的主要作用就是解释超文本文件中的语言,将单调乏味的文字显示为丰富多彩的内容。目前最为流行的浏览器有Microsoft Internet Explorer以及Netscape Communicator。

同其他语言(例如C++)编译产生执行文件的机制不同,利用HTML编写的网页是解释型的,也就是说网页的效果是在用浏览器打开网页时动态生成的,而不是事先存储于网页中的。当用浏览器打开网页时,浏览器读取网页中的HTML代码,分析其语法结构,然后根据解释的结果显示网页内容。正因为如此,网页显示的速度同网页代码的质量有很大的关系,保持精简和高效的HTML源代码是非常重要的。

超文本标记语言(HTML)的开发到1999年的HTML4就停止了。万维网联盟(W3C)把重点转向将HTML的底层语法从标准通用标记语言(SGML)改为可扩展标记语言(XML),以及可缩放向量图型(SVG)、XForms和MathML这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要(RSS)阅读器这类浏览器特性上。Web设计人员开始学习使用异步JavaScriptXML(Ajax),在现有的框架下通过层叠样式表(CSS)和JavaScript语言建立自己的应用程序。但HTML本身没有任何变化。已经存在近十年的HTML4已经成为不断发展的Web开发领域的瓶颈。Web开发人员从1999年就一直期待HTML的新版本(通常称为HTML5,也称为Web Applications1.0),现在它终于发布了。HTML5保持了HTML4原来的特色,没有名称空间或模式,元素不必结束,浏览器会宽容地对待错误。

HTML5的设计原则就是在不支持它的浏览器中能够平稳地退化。也就是说,老式浏览器不认识新元素,则完全忽略它们,但是页面仍然会显示,内容仍然是完整的。浏览器现在有选项卡、CSS和XmlHttpRequest,但是它们的HTML显示引擎仍然停留在1999年的水平。HTML5考虑到了这一点。为了实现更好的灵活性和更强的互动性,以及创造令人兴奋而更具交互性的网站和应用程序,HTML5引入和增强了更为强大的特性,包括控制、APIs、多媒体、结构和语义等,使建构网页变得更容易。

例如,在HTML4的页面中,大量使用div元素是因为缺少必要的语义元素以更具体地描述这些部分。由于缺少结构,即使是形式良好的HTML页面也比较难以处理,必须分析标题的级别,才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的div元素来表示。HTML5通过引入一些更语义化的结构化代码标签来解决这个问题,而这些元素表示各个不同的部分。元素header表示一个部分的开头;元素footer表示所在章节的脚注;元素aside是为了关联周边参考内容,一般用作侧边栏;元素section表示文章或应用程序的通用部分,如一个章节;元素article表示文档,页面或站点的独立部分。通过确认页面各部分的目的,使用特定的章节元素和辅助技术能帮助用户更容易地浏览网页,如可以很容易地从导航栏跳读或快速地从一篇文章跳到下一篇而不需要作者提供切换链接。设计者也从中受益,由于采用几个显明的元素代替了文档中大量的div元素,从而使得源代码变得更清晰容易。(www.daowen.com)

Adobe在GoogleI/O大会的Keynote上演示了Adobe CS6对HTML5的多种支持,并且AdobeLabs放出了Dreamweaver CS6的HTML5扩展包。通过它Dreamweaver CS6将获得以下新特性:

*多屏幕预览面板,适用于同时为不同设备开发HTML应用。

*支持对HTML5新增的标签库的代码提示。

*支持对CSS3代码提示。

*增加Video和Audio标签的实时预览。

*改进CSS3实时预览效果。

*改进设计视图下对HTML5新增标签的渲染效果。

虽然现在已经普遍使用了HTML4和CSS2.1,Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。但相信HTML5和CSS3的使用将重组代码的结构,让页面代码更富有语义化特性,让网页设计提升到一个新高度!

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈