配色: 字号:
《网页设计与制作》0准备篇11
2022-11-01 | 阅:  转:  |  分享 
  
准备篇项目一 初始网站设计与开发任务一 初识HTML5CSS3JavaScriptHTML5123CONTENTS目录HTML5HTML称为
超文本标记语言,是一种标识性的语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一
个逻辑整体。HTML5是HTML的最新版本,是专门为承载丰富的 web 内容而设计的,并且无需额外插件。它拥有新的语义、图形以及多
媒体元素,并且是跨平台的,被设计为在不同类型的终端之上运行。浏览器加载一个网页,会为网页文档创建一个内部模型,其中包含HTML标记
的所有元素。HTML5对HTML中的每个元素,浏览器会创建一个表示该元素的对象,把它与所有其他元素放在一个类似树的结构中,我们叫做
文档对象模型,即DOM。 head>


子元素父元素HTML5 HTML5不是独立工作的,它其实有一个庞大的技术支持团,它们之间分
工协作,完成网页的完整呈现。这其中包括:表单HTML5中的表单具有了更多的type类型,包括颜色、日期、时间等;还自带验证功能,可
以在提交表单时自动验证Email、URL等内容输入是否正确。画布HTML5中新增了canvas画布对象,用它就能直接在web页面上
绘图。可以绘制文本、图像、线条、矩形、圆等图形,并设置其颜色线条属性。本地存储可以在每个用户浏览器里存储一数据,这些数据在你清除它
前始终保留。本地存储可以帮助我们在不同的页面间传递简单数据,也可以在页面刷新时依旧保留原始数据。离线web应用HTML5允许用户在
不连接网络时应用也能web应用,通过本地存储功能将资源缓存在本地。地理定位HTML5中的地理定位可以和Google maps很好地
合作,告诉用户具体的位置。Web工作线程HTML5中的web工作线程可以同时多个脚本在后台并发运行,让用户界面保持响应性。音频和视
频HTML5之前网页中的音频和视频需要通过外部插件才能实现,现在只要通过HTML标签,就能轻松实现音频和视频的播放。CSS3CSS
(Cascading Style Sheets)中文名称层叠样式表,是一种用来表现HTML或XML等文件样式的脚本语言。CSS不仅
可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS可以将所有的样式声明统一存放,进行统一管理。这样HT
ML只需要负责DOM元素的结构,DOM元素的样式交由CSS来管理,实现结构和样式的完全分离。CSS3是最新的CSS技术标准。CSS
3 被划分为模块,其中最重要的 CSS3 模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界
面。CSS3添加了更丰富的选择器种类,为网页元素的选择提供了更灵活的方式。CSS3添加了更丰富的样式属性,诸如圆角边框、多背景图片
、多栏文本、块元素和文本阴影等,使原本需要外部图片才能实现的样式只需要属性声明就可以轻松实现,减少多余的标签嵌套以及图片的使用数量
,加快页面的加载速度。CSS3中还增加了变形、过渡和动画属性,使原本需要flash动画和大量JavaScript代码实现的特效可以
轻松实现,使web页面展示更加形象,使CSS不再仅仅局限于简单的静态内容展示,而是通过简单的方法使页面元素动了起来,实现了元素从静
到动的变化。JavaScriptHTML定义web页面元素结构,CSS定义web页面元素样式,尽管在CSS3中增加了动画属性,使页
面元素动了起来,但是要实现复杂的交互和动画,还需要JavaScript来实现。JavaScript是HTML的默认脚本语言,为we
b页面提供了丰富的描述和功能。JavaScript 在 1995 年由 Brendan Eich 发明,并于 1997 年成为一部
ECMA 标准。ECMA-262 是其官方名称,最新的 JavaScript 版本是2015年颁布的ECMAScript 6。J
avaScript是一种直译式脚本语言,它的解释器被称为JavaScript引擎,为浏览器的一部分。JavaScript是一种基于
原型的面向对象语言,它包含了Math、String等基本对象模型,文档对象模型(DOM)和浏览器对象模型(BOM),通过这些对象属性和方法的定义,为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。再 见
献花(0)
+1
(本文系籽油荃面原创)