规划网站
相关学习网站:
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(禁用缓存)