web 全栈 学习 2 一个好的页面是如何炼成的

标签：

第一章：Web页面内容的构成
2.Web内容的分工
一个Web页面可能的构成（视觉上看）；
①文字、链接、标题
②交互入口（表单元素）
③图片（哪些类型）
④动画
Flash动画
HTML5 CSS3 动画
⑤音视频
背景音乐
Flash广告视频
HTML5视频
⑥交互效果

问题：如下元素或者内容，那个是网页中最重要的？ (A)
A.html
B.jsascript
C.CSS
D.服务器端脚本
E.其他页面资源

3.从技术上看待一个页面
①HTML 负责内容与结构
-是骨架和肉体，没有内容，一切都是失去了意义
②CSS 负责样式与表现
-是装饰美化，是皮肤，是外貌，赏心悦目，人人喜欢
③JavaScript 负责动作与交互
-是动作，是增强，是机能。功能强大不但能提高体验，还能提高效率

4.负责内容的HTML
①结构
结构标签有哪些？（分块、组成部分、骨架）
②语义
语义标签有哪些？（纯内容、肢体）
③其他元素类型
图片（img、map）
对象（object、emed）

误区在哪里？语义标签为什么重要？半结构化与结构化？

*** 结构标签 ***
* 纯结构标签
- center - 居中对齐块
- div - 常用块控制标签
- span - 常用内联容器
- br - 换行
- head - 头部
- body - 主体
* 看标签的结构得注意很重要一点
- 标签本身的默认结构属性（块元素还是内容元素）
- 互相转换

*** 语义标签 ***
* 常见的有
- h1-hx
- p
- table
- li
- ul
- img
* 在 HTML5 中大大增多
- header nav footer article section aside figure summary details

5.负责样式的 CSS
①内容修改
- color、background、font
②选择器与优先级
- id、类、元素
③边框三要素与边距
- border(哪三要素)、margin
④空间与位置
- z-index、left、top、position

*表格布局 VS DIV+CSS
①什么是表格布局？
看一下新浪2007年的页面
②什么是div+css布局？
看一下新浪2008的年页面
③div+css就要通吃吗？
在合适的时候，用合适的标签
④表格就不能使用了吗？
不要太绝对，在二维数据展示的时候，还是合适用的

6.负责行为的JavaScript
①合法性验证，表单验证
②前后端数据交互，Ajax
③界面处理与动画实现，界面效果
④环境检测与系统API调用
⑤JavaScript优化课程放在《编写高效的JS以及前端的魔鬼细节》这一节

web 全栈 学习 2 一个好的页面是如何炼成的

标签：

原文地址：http://www.cnblogs.com/yhdsir/p/4940479.html