规划网站

相关学习网站:

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(禁用缓存)

posted @ 2017-07-17 15:48  番茄玛丽  阅读(135)  评论(0编辑  收藏  举报