12day-项目基本开发流程

项目的基本开发流程

三个原则

• 先观察:把所有页面都先看一遍，让自己有一个大致的概念
• 后思考:思考看到的页面，比如:页面结构、页面公共部分等等
• 再动手:最后将准备工作做好，开始开发。

准备工作

• 建立项目的根目录
• 创建基本的文件夹
  • CSS
  • images
  • SCss
  • html/ page
• 将项目中使用的资源备好，如:图片、iconfont 图标、清除默认样式文件等等。

命名规范

原则：自己看的明白的同时，让别人也看的明白。

命名方法

• 使用元素的功能进行命名： 如：banner、menu、nav、search 等等
• 使用元素位置命名： 如：头部/head、headTop、headMid 等等

注意事项:

• 命名层级最好不要超过三层: head -top-cont-L,如果后面还有，可以选择将最后 一层就设置一个简单的单一英文之后只用选择器去选择
• 不要英文与拼音混用! ! ! ! head-liebiao,还有一-定不要再使用中文命名
• 可以使用英文简写: pas sword/ pwd、content/ cont、button/btn 等等

页面的开发流程

1.建立页面的结构

- 先建立主题框架:比如:上中下、 左中右、左右、上下等等

注意:所有页面的制作都应该先写结构

2.把各页面的公共样式部分写出来

3.书写样式，并引入，将公共部分的样式代码，单独一个外联样式表书写，之后需要的页面直接引入到他对应的 css 文件。