规划网站

相关学习网站：

https://alistapart.com/

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++

规划网站的方法：

1. 为什么要建这个网站？需要展示什么内容？
2. 考虑该网站的访问者，应该如何调整内容来吸引访问者？
3. 需要多少个页面？网站是怎样的结构？你希望访问者以某种特定的次序浏览网站还是自由探索？
4. 在纸上画出网站结构的草图，确定你在每个页面想呈现的内容。
5. 为页面、图像和其他外部文件设计一个简单且一致的命名规则。

目录：

• 根目录：默认页面是网站的主页（文件名：index.html)
• 在网站的每一个包含HTML页面的目录下创建一个默认页面（否则目录文件列表会显示出来）
• 为图样、样式表（CSS文件）和JavaScript文件创建一个（根目录下的assets（资源）文件夹里）或多个文件夹。
• 用短的描述性名称作为文件夹名，使用小写字母命名，使用短横线分隔不同单词。

 特别注意：Chrome的缓存机制可能不能及时刷新新的修改，这时按下ctrl+shift+i打开chrome的开发者工具，在设置->通用->disable cache（禁用缓存）