浏览了一些论坛上的内容,将看到的一些页面制作流程和标准整理如下:
1.看效果图,首先要了解页面,然后出现问题即时与设计人员沟通。
2.做好HTML框架的规划,搭建HTML框架(要求结构化和标签语义化),添加语义化的命名。
3.根据上一步的框架,写HTML框架和CSS样式的报告。以有利于加快项目进度和方便后期管理。
4.编写HTML框架(即为页面中的文字内容和图片)。需要考虑代码结构,方便后期维护。
5.切图,插入图片,或者用CSS SPRITES整合。
6.添加CSS样式。
下面是一些规范
1.HTML标签的结构化:是指html的框架结构要合理
2.HTML标签的语义化:是指通过html标签的含义合理使用标签,如
标题用h1-h6。段落用p。div 是无语义的标签。
3.HTML命名的语义化:html命名要按区域功能(同时要考虑命名的继承)
4.命名使用class,少使用id
实际工作中,前台制作时使用class,后台添加id,避免发生冲突,提高工作效率。
5.css书写顺序一般是
显示属性(display,list-style,position,float,clear等)
自身属性(width,height,margin,padding,border,background等)
文本属性(color,font,text-decoration,text-align,vertical-align)
1.看效果图,首先要了解页面,然后出现问题即时与设计人员沟通。
2.做好HTML框架的规划,搭建HTML框架(要求结构化和标签语义化),添加语义化的命名。
3.根据上一步的框架,写HTML框架和CSS样式的报告。以有利于加快项目进度和方便后期管理。
4.编写HTML框架(即为页面中的文字内容和图片)。需要考虑代码结构,方便后期维护。
5.切图,插入图片,或者用CSS SPRITES整合。
6.添加CSS样式。
下面是一些规范
1.HTML标签的结构化:是指html的框架结构要合理
2.HTML标签的语义化:是指通过html标签的含义合理使用标签,如
标题用h1-h6。段落用p。div 是无语义的标签。
3.HTML命名的语义化:html命名要按区域功能(同时要考虑命名的继承)
4.命名使用class,少使用id
实际工作中,前台制作时使用class,后台添加id,避免发生冲突,提高工作效率。
5.css书写顺序一般是
显示属性(display,list-style,position,float,clear等)
自身属性(width,height,margin,padding,border,background等)
文本属性(color,font,text-decoration,text-align,vertical-align)