相关学习网站：
https://www.smashingmagazine.com/
参考书：
《完美网页的视觉设计法则》The Principles of Beautiful Web Design, SitePoint, 2010 ———— Jason Beaird
《Web设计实战》 A parctical Guide to Designing for the Web, Five Simple Steps, 2009 ———— Mark Boulton
工具：
笔记本
notepad++
规划网站的方法：
- 为什么要建这个网站？需要展示什么内容？
- 考虑该网站的访问者，应该如何调整内容来吸引访问者？
- 需要多少个页面？网站是怎样的结构？你希望访问者以某种特定的次序浏览网站还是自由探索？
- 在纸上画出网站结构的草图，确定你在每个页面想呈现的内容。
- 为页面、图像和其他外部文件设计一个简单且一致的命名规则。
目录：
- 根目录：默认页面是网站的主页（文件名：index.html)
- 在网站的每一个包含HTML页面的目录下创建一个默认页面（否则目录文件列表会显示出来）
- 为图样、样式表（CSS文件）和JavaScript文件创建一个（根目录下的assets（资源）文件夹里）或多个文件夹。
- 用短的描述性名称作为文件夹名，使用小写字母命名，使用短横线分隔不同单词。
特别注意：Chrome的缓存机制可能不能及时刷新新的修改，这时按下ctrl+shift+i打开chrome的开发者工具，在设置->通用->disable cache（禁用缓存）