网页简单布局之结构与表现原则
2016-11-30 20:39
204 查看
网页制作中,我们常常会用到Html、CSS和javascript,且常常强调它们之间的分离。
那究竟什么是真正的分离呢?
Html---------------------->结构
CSS---------------------->行为
JavaScript-------------->表现
所谓的分离并非是将它们各自存放在不同的文件里,而是一种思想,是随着网页制作的需要渐渐发展起来的。
我们将网页制作比作为建造房子,Html就是房子的结构,CSS就是对房子的装修,于是,编写网页时,也需先从结构出发,先做到结构的合理与简洁,再进行CSS的设置,才能做到结构与表现的分离。
我们通常会据效果图进行网页的制作,然而效果图是各式各样的,千差万别,但遵循的原则是先考虑Html结构和语义化,而非CSS样式。
那究竟什么是真正的分离呢?
Html---------------------->结构
CSS---------------------->行为
JavaScript-------------->表现
所谓的分离并非是将它们各自存放在不同的文件里,而是一种思想,是随着网页制作的需要渐渐发展起来的。
我们将网页制作比作为建造房子,Html就是房子的结构,CSS就是对房子的装修,于是,编写网页时,也需先从结构出发,先做到结构的合理与简洁,再进行CSS的设置,才能做到结构与表现的分离。
我们通常会据效果图进行网页的制作,然而效果图是各式各样的,千差万别,但遵循的原则是先考虑Html结构和语义化,而非CSS样式。
相关文章推荐
- 第 3 章 网页简单布局之结构与表现原则
- 网页简单布局之结构与表现原则(慕课网笔记整理)
- 网页简单布局之结构与表现原则(HTML/CSS)
- 一、HTML和CSS基础--网页布局--网页简单布局之结构与表现原则
- 网页简单布局之结构与表现原则
- 【学习笔记+实践】网页简单布局之结构与表现分离
- 页面简单布局之结构与表现原则
- 网页布局之结构与表现原则
- 第五步:网页主要框架之外的附加结构的布局与表现
- CSS Div网页布局中的结构与表现
- 第五步:网页主要框架之外的附加结构的布局与表现
- 网页布局设计的简单原则
- 网页设计之内容、结构、表现分离
- 实现CSS网页布局的简单原理
- 简单学习CSS网页布局 一
- 简单的应用型网页布局
- div的简单应用---网页的简单布局
- 网格布局——追求简单的网页设计
- 简单学习CSS网页布局 三
- webkit网页布局(1)数据结构