Javascript.DOM编程艺术 读书笔记(第12章）

其余章节链接

• Javascript.DOM编程艺术 读书笔记(1-3章）
• Javascript.DOM编程艺术 读书笔记(第4章）
• Javascript.DOM编程艺术 读书笔记(5-6章）
• Javascript.DOM编程艺术 读书笔记(第7章）
• Javascript.DOM编程艺术 读书笔记(8-9章）
• Javascript.DOM编程艺术 读书笔记(第10章）
• Javascript.DOM编程艺术 读书笔记(第11章）

综合示例

网站设计制作流程

• 收集原始资料
• 确定站点结构
• 设计页面结构并确定模板代码template.html（包含header、nav、footer等公共部分）
• 设计切图放到images
• 编写CSS（layout.css[整体布局样式表]、color.css[颜色样式表]、typography.css[版式样式表]）并导入到style.css中，用template.html调用
• 编写js，用template.html调用
• 压缩js

注意事项

• 不管为哪个元素应用什么颜色，都要同时给它一个背景色，否则就有可能导致看不到某些文本
• 基本布局：

/*对HTML5块元素定义默认样式，使其在不支持HTML5的浏览器里也有适当的块布局*/
section,header,article,nav{
	display: block;
}
/*清除不同浏览器为元素设置的不同内外边距*/
*{
	padding: 0;
	margin: 0;
}

• 字体、大小和外边距信息放在typography.css里，内边距信息放在layout.css里

附录

• 选择库的的时候，考虑如下问题：它具备你需要的功能吗？它的功能是否比你想的还多？它是模块化的吗？它的支持情况怎么样？它有文档吗？它的许可合适吗？