网站开发书写规范
说明书撰写规范
![说明书撰写规范](https://img.taocdn.com/s3/m/0d58281ac5da50e2524d7f17.png)
网站说明书(报告)撰写规范(一)正文:汉字应采用《简化汉字总表》规定的简化字,并严格执行汉字的规范。
所有文字字面清晰,不得涂改。
要求文字通顺,语言流畅,无错别字,不得使用铅笔书写。
正文内容层次序号为:1、1.1、1.1.1……。
正文内容一般为:1、网站主题内容及总体结构描述。
2、网页设计思路和过程论述3、结论和总结:对开发过程的总结和心得体会。
(二)表格说明书(报告)的表格统一编序(如:表15)。
表序必须连续,不得重复或跳跃。
表格的结构应简洁。
表格中各栏都应标注量和相应的单位。
表格内数字须上下对齐,相邻栏内的数值相同时,不能用‘同上’、‘同左’和其它类似用词,应一一重新标注。
表序和表题置于表格上方中间位置,无表题的表序置于表格的左上方或右上方(同一篇论文位置应一致)。
(三)图插图要精选。
图序连续编序(如图52),不得重复或跳跃。
仅有一图时,在图题前加‘附图’字样。
课程设计中的插图以及图中文字符号应打印,无法打印时一律用钢笔绘制和标出。
由若干个分图组成的插图,分图用a,b,c,……标出。
图序和图题置于图下方中间位置。
(四)数字用法公历世纪、年代、年、月、日、时间和各种计数、计量,均用阿拉伯数字。
年份不能简写,如1999年不能写成99年。
数值的有效数字应全部写出,如:0.50:2.00不能写作0.5:2。
(五)排版与封面要求1、排版用word排版,具体格式如下:版面要求:页边距:上2.5cm,下2.5cm,左3cm,右2.5cm;字体:正文宋体、小四,章节标题宋体、小三;行距:固定值20;页码:居中、底部。
2、封面武汉工业学院2010-2011学年第二学期《网站开发工具》课程报告网站主题:(宋体,四号,加粗)学院_______________(宋体,四号,加粗,居中)专业_______________(宋体,四号,加粗,居中)班级(宋体,四号,加粗,居中)学号_______________(宋体,四号,加粗,居中)姓名_______________(宋体,四号,加粗,居中)指导教师_______________(宋体,四号,加粗,居中)年月日(宋体,四号,加粗,居中)。
网页设计制作规范要求
![网页设计制作规范要求](https://img.taocdn.com/s3/m/6b24c026cec789eb172ded630b1c59eef8c79a60.png)
网页设计制作规范要求由于互连网的日异普及,客户对网站设计、制作的要求有了很大的提高,因此,我们要把握好每一个细节,使网页设计制作的水平更上一层楼。
以下是网页制作的一些注意事项,希望大家能引起重视。
一、网页制作中<head>〈/head>中必写信息:1、<title〉******〈/title>******为关键字——公司名称,不要超20个汉字或100个字母,这一项一般问题不大,但英文公司标题切不可每个字母都大写,这一点一定要注意,中文网站写中文,英文网站写英文,每个页面均要写。
2、语言规范英文版〈meta http-equiv="content—type”content=”text/html; charset=iso-8859—1">中文版<meta http-equiv=”Content-Type" content=”text/html;charset=gb2312”〉繁体中文〈meta http-equiv="Content-Type”content="text/html; charset=big5”>3、〈META NAME="Keywords” CONTENT=”******”〉******为关键字项,其字数中文控制在25—30单词/字内, 英文控制在3、4百个字符。
(在中文搜索引擎中,一个标点,一个阿拉伯数字,一个英文字母均算一个;在英文搜索引擎中,一个标点,一个阿拉伯数字,一个英文单词均算一个,要求是将重点关键词放在最前面;不要带有排他性描述文字,如最大,最好,第一等;也不要全部由产品简单的罗列堆砌而成;不要与Title,Description有重复描述,否则不仅降低描述质量,而且还无端浪费有限的“介绍文字”资源;故这些最好由业务员在与客户签约时,请厂家来确定,以免不必要的修改,最重要的是以后修改效果可能不太好)"4、<META NAME="Description" CONTENT=”******” >******为网站描述项,其字数中文控制在25—30单词/字内,英文控制在3、4百个字符。
网站开发书写规范
![网站开发书写规范](https://img.taocdn.com/s3/m/41e5bb3943323968011c921e.png)
网站开发书写规范web前端开发一、规范目的1.1 概述 (1)二、文件规范2.1 文件命名规则 (1)2.2 文件存放位置 (2)2.3 css 书写规范 (3)2.4 html书写规范 (7)2.5 JavaScript书写规范 (11)2.6 图片规范 (12)2.7 注释规范 (13)2.8 css 浏览器兼容 (13)一、规范目的1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.二、文件规范2.1 文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。
a. HTML的命名原则引文件统一使用index.htm index.html index.asp文件名(小写)各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。
例如:关于我们\ aboutus信息反馈\ feedback产品\ product如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示;每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm index.html index.asp;b. 图片的命名原则图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如:广告、标志、菜单、按钮等等。
放置在页面顶部的广告、装饰图案等长方形的图片取名:banner标志性的图片取名为:logo在页面上位置不固定并且带有链接的小图片我们取名为button在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu装饰用的照片我们取名:pic不带链接表示标题的图片我们取名:title范例:banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg鼠标感应效果图片命名规范为"图片名+_+on/off"。
网站制作规范
![网站制作规范](https://img.taocdn.com/s3/m/35dfcae2524de518964b7d03.png)
首页类文件 index(_xxxxxx).后缀名 [index_wealth.html]
列表类文件 list(_xxxxxx).后缀名 [list.jsp]
内容类文件 detail(_xxxxxx).后缀名 [detail.jsp]
表单类文件 post(_xxxxxx).后缀名 [post.jsp]
以下为一些常用目录的推荐英文名称:
images 放网站不同栏目的页面都要用到的公共图片
medias 放 flash、avi、quick time 等多媒体文件
commons 放 js、include 等公共文件
styles 放 css 样式文件
temps 放一些策划与设计中使用的原始资料与备份文件
图片的分类及命名规则:
广告类 banner banner_vnvbiz_500x400.swf | banner_vnvbiz_680x100.swf
标志类 logo logo.gif | logo_newyear2007.gif
按钮类 button button_01.gif | button_01bg.gif
07. a标签规范:
<a href="" title="" class=""></a>
所有a标签都应该有 title="" 的值,title的内容尽量贴近链接的内容。
除了默认的链接CSS,其它的特别链接都应该有自己的class值,以方便其它链接调用。
希望可以使用三段式的CSS设置,未点前 | 点击中 | 已点后 这三种状态,以方便用户可以清楚的知道那些是已经点过的。
怎样正确写网站title、keywords、description比较标准。
![怎样正确写网站title、keywords、description比较标准。](https://img.taocdn.com/s3/m/4fd0e2681fd9ad51f01dc281e53a580216fc50a5.png)
怎样正确写⽹站title、keywords、description⽐较标准。
⼀、title title,也就是标题,是在浏览器上⾯显⽰出来的,⽅便⽤户了解这个页⾯的内容;特别是搜索引擎判断你⽹页内容的主要根据。
搜索引擎就很⼤部分是依靠⽹站title来判断你⽹站是关于什么内容的。
现在百度和⾕歌对keywords不太重视,所以,作为站长,要重视title。
title⼀般不超过80个字符.\。
1.⾸页title写法:⾸页的title写法格式⼀般是“总标题-特别重要的关键词或者⼀句话含有特别重要关键词的描述”。
注意这⾥的“-”是英⽂,要问我为什么呢?这个因为互联⽹不是我们国内开发的,汉语不是标准,计算机只对英语敏感性较⾼,⽽对汉语敏感性不太⾼。
2.栏⽬页title写法:栏⽬页title的写法有两种,关键词名称命名写法是“栏⽬名称-总名称”,⾮关键词命名写法是:“栏⽬名称栏⽬关键词-总名称”。
3.分类列表页的title写法:⽤关键词为这个栏⽬起名,然后按照下列顺序填写便可了“分类列表页名称-栏⽬名称-总名称”。
⼆、keywords keywords,汉语就是关键词,keywords⽹友访问是看不到的,通过查看源代码可以看到。
主要作⽤是告诉搜索引擎,这个⽹站内容是什么。
因为,好多站长在keywords堆砌关键词,所以好多搜索引擎不太重视keywords了。
建议⼤家还是认真填写keywords,有的搜索引擎还是很重视的。
keywords⼀般不超过100个字符。
1.⾸页keywords写法:⾸页keywords按照选定的栏⽬名称,在⾸页的keywords中加⼊总名称、栏⽬名称和⼀两个关键词。
2.栏⽬keywords写法:栏⽬的keywords其栏⽬下所有分类列表的名称列出,加上栏⽬关键字,写法是“栏⽬名称,栏⽬关键字,栏⽬分类列表名称”。
3.分类列表页keywords写法:将你这个栏⽬中的主要关键字写⼊。
网页设计之字体设计规范
![网页设计之字体设计规范](https://img.taocdn.com/s3/m/6468a8330166f5335a8102d276a20029bd64639d.png)
网页设计之字体设计规范网页设计之字体设计规范网页字体的选择,需要按照一定的规范来进行选择,以下是店铺整理的网页设计之字体设计规范,欢迎参考阅读!网页设计常用字号最好用偶数字号1、Header导航文字12号或14号;2、Menu导航文字14—18号;3、Sidebar文字12号或14号,4、一级菜单使用14号、二级菜单使用12号或一级菜单使用12号加粗、二级菜单使用12号。
5、Footer文字12号或14号6、正文:大标题文字24—32号;标题文字16或18号;正文文字12号或14号。
7、标题文字字号,18px,20px,24px,28px,32px,尽可能使用双数。
8、按钮文字:比如登录、注册页面按钮或其他按钮,文字14—16号,可根据实际情况调整大小或加粗。
9、同一层级的字号搭配应该保持一致。
比如,同一层级的版块中标题文字和内容文字大小的一致性。
在苹果官网中,产品展示文字以64号和32号搭配,文字内容简短有力,可读性强,同时非常具有视觉冲击力,突出显示了品牌特征。
字体排版规范一、最佳易读性规范1.行宽传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。
中文在14号字体时,建议35—45个文字2.行高网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距比如12号字体,行间距是12px—18px,段落间距则是18px—24px。
另外,行高/段落之间的空白=0.754。
行间距正好是段落间距的75%是非常常见的。
3.行对齐通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐4.文字留白在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。
此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。
5、CRAP原则(carp)对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)字体选择字体:中文:宋体,微软雅黑,方正系列(无状态)字号:网页中正文/导航字号在12px-18px之间英文可以偏小一些10px-16px,再小识别性就不是特别好了,中规中矩,经典通用。
网页开发规范
![网页开发规范](https://img.taocdn.com/s3/m/f812b33b178884868762caaedd3383c4bb4cb41f.png)
网页开发规范在当今数字化时代,网页已经成为一种不可或缺的媒介,被广泛应用于各种领域。
然而,由于网页开发过程涉及众多技术,代码的质量和规范性对于网页的可用性和用户体验至关重要。
为了确保网页开发的质量和一致性,以下是一些网页开发规范的建议和指导。
1. 文件结构和命名规范一个良好的文件结构能够提高网页开发的效率和可维护性。
建议采用以下文件结构:- index.html:网页的首页文件- css/:存放所有的CSS文件- js/:存放所有的JavaScript文件- images/:存放所有的图片文件- fonts/:存放所有的字体文件- 其他相关文件夹和资源文件和文件夹的命名应该简洁明了,并且使用小写字母和短横线进行连接,例如:index.html、main.css、logo.png。
2. HTML规范HTML是网页的骨架,应该遵循以下规范:- 使用语义化标签:使用适当的HTML标签来描述网页的结构,例如<header>、<nav>、<main>和<footer>。
- 合理嵌套标签:确保标签的嵌套关系正确,避免出现不必要的嵌套和重复。
- 遵循W3C标准:始终检查HTML代码的语法错误,确保符合W3C的标准。
3. CSS规范CSS用于控制网页的样式和布局,应该遵循以下规范:- 使用外部样式表:将样式定义放在外部CSS文件中,提高代码的可维护性和重用性。
- 使用语义化类名:为HTML元素添加有意义的类名,方便理解和重用样式。
- 避免使用行内样式:尽量避免在HTML标签中直接添加样式,而是通过CSS来控制样式。
- 选择器规范:选择器名称使用小写字母和短横线进行连接,避免使用过于复杂的选择器。
4. JavaScript规范JavaScript用于实现网页的交互和动态效果,应该遵循以下规范:- 使用严格模式:在JavaScript代码中添加"use strict",强制执行严格模式,减少错误和不规范的写法。
网页设计规范书写模板
![网页设计规范书写模板](https://img.taocdn.com/s3/m/cf47b82449d7c1c708a1284ac850ad02de800734.png)
网页设计规范书写模板1. 导言本文档旨在为网页设计团队提供统一的规范书写模板,确保网页设计的质量和一致性。
遵循本规范有助于提高用户体验和网站可访问性。
2. 页面结构2.1 头部- 在头部包含网页标题和Logo。
- 如果适用,可以在头部显示网页的关键信息,如导航菜单或搜索栏。
- 头部要保持简洁,避免过多的内容和冗余信息。
2.2 内容区- 按照用户需求将页面内容布局合理并分区。
- 使用清晰的标题和段落,便于用户浏览和理解。
- 使用合适的字体、颜色和大小来区分不同的内容块。
2.3 侧边栏- 如果页面需要侧边栏,确保其在布局上与页面内容相衔接。
- 避免过多的侧边栏内容,以免分散用户的注意力。
2.4 底部- 保持底部区域整洁,避免过多的信息和混乱的布局。
3. 导航3.1 主导航- 主导航通常位于页面的顶部或侧边,提供网站的主要导航选项。
- 使用简洁、清晰的标签或图标来表示每个导航选项。
- 保持导航的一致性,确保用户在整个网站上都可以方便地浏览和导航。
3.2 子导航- 子导航用于提供与主导航相关的次要选项。
- 子导航通常在主导航下方或侧边栏显示。
- 使用合适的标签或图标表示每个子导航选项。
4. 样式和排版4.1 字体- 使用易读的字体,确保文字呈现清晰无误。
- 推荐使用常见的系统字体或网络安全字体。
- 避免使用过多的字体样式,保持一致性。
4.2 颜色- 使用统一的颜色方案,确保整体风格和视觉效果的一致性。
- 考虑色盲用户和无障碍需求,避免过于亮或暗的颜色。
- 使用颜色对比度工具来评估颜色的可读性。
4.3 图像和图标- 使用高质量的图像和图标来增强页面的视觉吸引力。
- 优化图像大小和格式,以提高页面加载速度。
- 在使用图标时,确保其与页面内容相关且易于理解。
5. 响应式设计5.1 移动设备优先- 优先考虑移动设备上的用户体验。
- 使用响应式设计技术,确保页面在不同屏幕尺寸上都能良好显示。
- 保持页面元素的自适应性和可用性。
网站内容编辑规范
![网站内容编辑规范](https://img.taocdn.com/s3/m/06ac5d2fa32d7375a41780a2.png)
网站内容编辑规范一、标题规范(一)、所有标题的字数必须在规定的范围之内,注意标题不能换行:所有终端资讯文章标题30字以内,所有频道标题80字以内。
(二)、所有标题通常须句型完整、通顺。
标题应突出资讯要点或最吸引人的内容,避免出现同样词语(标题必须原创,看完内容最后写标题)。
(三)、所有标题须明确表达文章内容,不得含糊不清。
不能因为凑字而盲目添加多余字或词。
(四)、文章的标题撰写,需要具备吸引目标网友,并且标题的内容要和内容中的关键词有关联。
保持文章内的关键词密度是针对文章的字数而言的,关键词放置在标题的前半部分,且密度在2%~8%之间。
(五)、以图片为主或图片精美的资讯,其标题后面应加(图文)。
以文字为主的文章在标题后注(图)或(附图)。
产品页标题要首先陈列关键词为品牌+产品+型号+价格,如页面宽度允许更多文字,则可以增加与内容贴近的其他标题内容。
(六)、页面标题严禁出现错别字,尤其是品牌产品型号不能错。
页面必须安装规范设置搜索引擎标题。
(七)、任何时候,不得抄袭其它网站的标题。
文章侧重原创,如需拷贝,则必须有所加工,用我们自己的语言对头尾部分进行加工,有利于SEO推广需要。
二、META规范(一)Keywords (关键字)说明:为搜索引擎提供的关键字列表用法:<Meta name="Keywords" Content="QQ 网名,QQ签名,QQ个性签名,最酷QQ名,非主流QQ 签名,繁体QQ签名">技巧:1,选择适当的关键词(可利用百度指数等工具,选出搜索量比较高的关键词,必要时可以选择复合关键词)2,不同的关键词之间,应用半角逗号隔开(关键词之间应以半角逗号(即英文状态下的逗号)隔开,如果以中文为标点,搜索引擎会误认为是文字)3,关键词不要写得太多太长(建议控制在六个词语以内,简短、明确就好,别太多或故意重复)4,大网站尽量不要每个页面都要用同样的Keywords(二)Description (网页描述)说明:Description用来告诉搜索引擎你的网站主要内容。
web开发规范
![web开发规范](https://img.taocdn.com/s3/m/e53e0b5b9a6648d7c1c708a1284ac850ac02047c.png)
web开发规范Web开发是一项繁琐且复杂的任务,开发人员需要遵守一些规范来保证代码的质量和可维护性。
下面是一些常见的web开发规范,帮助开发人员编写更好的代码。
1. 使用正确的HTML结构:确保HTML文档正确地使用各种标签和元素,并遵循语义化的HTML结构。
避免使用过时的标签和元素,并确保文档结构清晰有序。
2. 使用外部CSS和JavaScript:将CSS和JavaScript代码从HTML文档中分离出来,使用外部文件进行引用。
这样可以使代码更具可维护性,并提高页面加载速度。
3. 遵循CSS命名约定:使用有意义的命名来定义CSS类和ID,避免使用不清晰的缩写和简单的命名。
命名应该清晰明确,并且易于理解和扩展。
4. 使用CSS预编译器:使用CSS预编译器如Less或Sass来帮助组织和管理CSS代码。
预编译器可以提供更好的代码结构和可重用性。
5. 管理JavaScript代码:使用模块化的JavaScript代码来避免全局命名冲突。
可以使用工具如Webpack或Browserify来打包和管理JavaScript模块。
6. 代码缩进和格式化:使用一致的缩进和格式化风格来使代码易读和一致。
可以使用工具如ESLint或Prettier来自动格式化代码。
7. 处理错误和异常:使用try-catch语句来处理可能发生的错误和异常。
捕获错误并适当地处理它们,以避免应用程序崩溃或产生意外的结果。
8. 代码注释:在代码中加入适当的注释来解释代码的目的和功能。
注释可以帮助其他开发人员理解代码,以及在以后修改代码时的参考。
9. 版本控制:使用版本控制系统如Git来管理和追踪代码的变化。
这可以帮助团队协作,管理不同的代码版本,并恢复或合并代码变更。
10. 测试和调试:编写自动化测试来验证代码的正确性,并使用调试工具来跟踪代码的执行过程。
这可以帮助发现和修复代码中的潜在问题。
11. 优化性能:优化Web应用程序的性能是一个重要的任务。
网站开发规范
![网站开发规范](https://img.taocdn.com/s3/m/8e56dd3b376baf1ffc4fad98.png)
网站开发规范任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一、代码维护和扩展。
由于Web项目开发的分散性、独立性、整合的交互性等,所以定制一套完整的约定和规则显得尤为重要。
本文档将定制一系列约定和规则,他们分别包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。
这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制,将来开发都将严格按规则或约定开发。
每个团队开发都应有自己的一套规范,一个优良可行的规范可以使我们工作得心应手事半功倍,这些规范都不是唯一的标准不存在对与错,也许有些地方与你当前使用的习惯相驳,很多地方都有争议。
比如很多人习惯设计数据库时采用自动增长字段,而有些人(像我这样的人)就坚决反对,各自都有比较充分的理由阐述自己的观点,所以只好根据具体情况来采用相应的策略。
非常明显在Web项目开发中有前后台开发之分,前台开发主要是指非程序编程部分,主要职责是网站AI设计、界面设计、动画设计等。
而后台开发主要是编程和网站运行平台搭建,其主要职责是设计网站数据库和网站功能模板的实现。
下面的这些规范主要是从这2个方面来定制的,这些规范是我这几年学习工作中总结的一点小经验,本文档比较适合中小型网站或者Web项目的开发规范。
1.组建开发团队在接手项目后的第一件事是组建团队。
根据项目的大小团队可以有几十人,也有可以是只有几个人的小团队,在团队划分中应该含有6个角色,这6个角色是必须的,分别是项目经理,策划,美工,程序员,代码整合员,测试员。
也许你的团队还没有6个人,没有关系一个人可以有多个角色,比如项目经理还可以有策划这个角色,如程序员还可以含有代码整合和测试这2个角色,如果你的项目够大人数够多那就分为6个组,每个组分工再来细分。
下面简单介绍一下这6个角色的具体职责。
项目经理,项目总体设计,开发进度的定制和监控,定制相应的开发规范,负责各个环节的评审工作,协调各个成员(小组)之间开发。
网页字体规范
![网页字体规范](https://img.taocdn.com/s3/m/c57b5925fe00bed5b9f3f90f76c66137ee064f8e.png)
网页字体规范网页字体规范是指在网页设计和开发中,使用字体的一些准则和规定。
字体在网页设计中起着非常重要的作用,它不仅仅是传递信息的工具,更是营造网页氛围和风格的重要元素。
下面是网页字体规范的一些说明:1.选择适合的字体:在网页设计中,应根据网页的主题和目的选择合适的字体。
例如,对于正式、商务类的网页,适合使用传统的衬线字体,如宋体、黑体等;而对于轻松、活泼的网页,可以选择一些无衬线字体,如Arial、Helvetica等。
2.字体大小的一致性:在同一个网页中,应保持字体大小的一致,以确保读者能够轻松阅读网页内容。
通常,标题的字体大小要大于正文内容,副标题的字体大小要小于标题,但大于正文内容。
3.行高的设置:在网页设计中,行高的设置也非常重要。
适当的行高可以增加文字的可读性,使读者更容易理解网页内容。
一般来说,行高应该略大于字体的大小,这样可以避免文字之间过于拥挤,同时也能够增加行与行之间的空白感。
4.颜色的搭配:在选择字体颜色时,应遵循视觉上的原则,以确保字体与背景色的对比度适合。
通常,字体颜色应与背景色形成鲜明的对比,以便读者轻松辨认文字。
例如,黑色字体在白色背景上非常清晰可辨;而白色字体在深色背景上也能够很好地突出文字。
5.字体的兼容性:在选择字体时,还需考虑字体在不同浏览器和操作系统下的兼容性。
有些特殊的字体可能在某些浏览器或操作系统中无法正确显示,这会影响到网页的整体效果。
因此,在选择字体时,应选择那些被广泛支持的字体,以保证网页在不同平台上的可用性。
6.字体的层次感:在网页设计中,还可以通过优化字体的排列和设置,营造出一种层次感。
例如,可以使用不同的字体大小、粗细或样式,来突出标题、副标题或重要的内容。
这样做可以使网页内容更易读,也能够提高网页的视觉吸引力。
7.字体的专业性:在一些特定的网页设计中,如专业领域的网页,字体的选择需要更加谨慎。
应选择那些适合特定专业领域的字体,以增加网页的专业性和可信度。
网站开发范本规定网站开发条件和交付要求
![网站开发范本规定网站开发条件和交付要求](https://img.taocdn.com/s3/m/63756742f02d2af90242a8956bec0975f465a489.png)
网站开发范本规定网站开发条件和交付要求网站开发范本:规定网站开发条件和交付要求为了确保网站开发的顺利进行并满足客户需求,特制定了本网站开发范本,明确了网站开发的条件和交付要求。
一、开发条件1. 项目需求分析:在正式开展网站开发前,必须进行充分的项目需求分析。
开发团队应与客户深入沟通,明确客户对网站的功能、设计和交互等需求,为开发提供准确的信息。
2. 技术要求:网站开发团队应拥有丰富的网站开发经验和熟练掌握相关技术。
开发人员应具备HTML、CSS、JavaScript、数据库管理等技术能力,并熟悉当前流行的开发框架和工具。
3. 设计要求:网站设计应美观、易用且符合客户品牌形象。
设计团队应充分理解客户的品牌定位,并通过合适的配色、排版和图像等元素,为客户提供高质量的设计方案。
二、交付要求1. 网站功能:开发团队应按照客户的需求,在规定的开发周期内完成网站基本功能的开发。
包括但不限于页面设计、用户注册、信息发布、数据查询、在线支付等功能,确保网站的正常运行。
2. 响应式设计:网站应支持多平台和多终端的访问,具备良好的响应式设计。
不同设备的用户都能够获得良好的浏览体验,包括电脑、平板和手机等终端设备。
3. 合规要求:网站开发应符合法律法规和行业规范的要求,保证网站内容不违反相关法律法规,遵守个人隐私保护等原则。
同时,还应具备数据备份及系统安全防护等保障措施,确保网站运行的安全稳定。
4. SEO优化:开发团队应在网站开发过程中,对网站进行基本的SEO(搜索引擎优化)工作。
包括对网站结构进行优化、生成规范的网页代码、合理使用关键词、提供友好的URL结构等,以提高搜索引擎的收录和排名。
5. 文档交付:开发团队应及时提供项目相关的文档和报告,并按照协议要求进行归档和备份,以备后续的维护和升级。
三、验收标准在网站开发完成后,进行验收工作以确保交付的网站符合客户要求和约定。
1. 内容完整:所有页面和功能都必须按照约定完整实现,并保证良好的用户交互体验。
网页设计字体规范
![网页设计字体规范](https://img.taocdn.com/s3/m/61772699f424ccbff121dd36a32d7375a417c6ff.png)
网页设计字体规范在网页设计中,字体的选择和应用是非常重要的,它直接影响到网页的整体风格和用户体验。
下面是一些网页设计字体规范的建议,帮助您选择和运用合适的字体。
1. 简洁明了:选择简洁清晰的字体,使得网页内容易于阅读和理解。
避免使用过于花哨或复杂的字体,以免造成视觉混乱或干扰用户阅读。
2. 多样性:在网页设计中,可以使用两种字体,一种用于标题和重要信息,一种用于正文和辅助信息。
这样可以增加整体设计的层次感和美观度。
3. 字体大小:字体的大小和行间距需要根据不同的内容和字体类型进行合理的设置。
标题和重要信息一般要比正文大一些,行间距也可以适当加宽,提高可读性。
4. 字体颜色:字体颜色需要与背景颜色形成对比,以便用户快速辨识文字内容。
一般来说,黑色的字体在白色背景上最为清晰,但也可以根据整体设计的需要使用其他颜色。
5. 避免使用纯色:在网页设计中,可以使用色彩渐变、阴影或半透明效果来提升文字的效果和吸引力。
但请注意,不要过度使用这些效果,以免影响阅读和用户体验。
6. 考虑可用性和无障碍性:在选择字体时,考虑到不同用户的需求和偏好。
避免使用过小或过大的字体,确保文字对所有用户都是可访问和可读的。
7. 适当使用特殊字体:有时,特殊字体(如手写体或装饰性字体)可以用于一些突出的标题或设计元素中,增加网页的独特性和吸引力。
但要注意,不要在整个网页中大量使用特殊字体,以免造成视觉混乱。
8. Web安全字体:为了保证网页在不同的浏览器和操作系统下都能正常显示,建议使用Web安全字体,如Arial、Helvetica、Verdana等。
这些字体在不同的设备和平台上都有很好的兼容性。
9. 字体的加载速度:对于字体文件较大或较多的网页,需要考虑到字体的加载速度。
可以通过压缩字体文件、优化网页代码或使用浏览器缓存等方式来提高网页的加载速度。
10.测试和反馈:在完成网页设计后,及时测试字体的可读性和效果。
如果用户反馈字体有问题,及时做出调整和改进。
前端开发知识:前端的代码风格和书写规范
![前端开发知识:前端的代码风格和书写规范](https://img.taocdn.com/s3/m/b79f725724c52cc58bd63186bceb19e8b9f6ec70.png)
前端开发知识:前端的代码风格和书写规范作为前端开发者,写好的代码风格和规范能够提高代码的可读性和可维护性,在大型项目中尤为重要。
本文将讨论前端开发的代码风格和书写规范,以帮助开发者写出更好的代码。
一、命名规范1.变量命名变量命名应该直观、简洁、易于理解。
变量名应该使用小写字母,多个单词之间应该使用驼峰命名法(如,firstName)。
2.函数命名函数命名应该清晰明了,能够体现函数的具体功能。
函数名也应该使用驼峰命名法,并应该以动词开头(如,getUserInfo)。
此外,函数名应该避免使用缩写和简写。
3.常量命名常量命名应该使用大写字母,多个单词之间用下划线连接(如,MAX_NUMBER)。
二、代码格式规范1.缩进缩进是代码格式的重要一环,一般使用四个空格进行缩进。
可以使用代码编辑器的缩进功能自动进行缩进,确保代码缩进一致。
2.空白行和注释代码中适当运用空白行和注释可以使代码更加清晰易读。
建议在代码块之间留出空白行,注释可以用来解释代码的作用、参数和返回值等。
3.代码排版代码应该按照逻辑顺序排版,易于阅读和理解。
例如,在写HTML 代码时应该按照标签的逻辑结构排版,避免混乱。
三、代码风格规范1.语句结尾每条语句应该以分号结尾,避免出现语法错误。
即使在Javascript中可以省略语句结尾,也应该加上分号。
2.使用单引号和双引号Javascript中使用单引号和双引号都可以表示字符串。
建议在代码中统一使用单引号或双引号,避免混淆。
3.变量声明变量应该在使用前进行声明,避免全局污染和命名冲突。
同时,对于不需要更改的变量可以使用const进行声明。
4.避免使用全局变量全局变量的使用可以污染全局作用域,导致代码的复杂性增加。
建议使用模块化的方式进行变量和函数的封装,避免使用全局变量。
四、其他注意事项1.代码注释代码注释是代码风格中非常重要的一环,可以帮助其他开发人员快速理解代码的作用和逻辑。
每个函数和代码块都应该包含注释,特别是代码的关键部分。
WEB前端开发规范文档
![WEB前端开发规范文档](https://img.taocdn.com/s3/m/1c2f29514531b90d6c85ec3a87c24028915f8527.png)
WEB前端开发规范文档一、命名规范1. 文件和文件夹名使用小写字母和短横线命名,例如:index.html2. CSS类名使用小写字母和短横线命名,例如:header-section3. JavaScript变量使用驼峰命名法,例如:userName4. 函数名使用驼峰命名法,例如:getUserInfo5.常量名全部大写,并使用下划线分隔,例如:MAX_COUNT6. HTML id和name属性使用小写字母和短横线命名,例如:user-name二、代码风格1.缩进使用四个空格2. CSS、JavaScript代码使用分号结尾3.避免使用全局变量,尽量使用局部变量4.函数和条件语句使用花括号包裹5.注释注明代码的功能和注意事项,方便他人阅读代码6.使用合适的空格和换行符,增强代码的可读性三、HTML规范2. 为所有的图片和链接添加alt属性,以提高可访问性3.避免使用行内样式,使用CSS样式表来管理样式4. 使用语义化的class和id名称,以增强代码可读性和可维护性四、CSS规范1.避免使用行内样式2. 在选择器中不要使用ID选择器,尽量使用class选择器3. 使用属性值缩写来减少代码量,例如:margin: 10px 5px;4. 避免使用!important,除非必要5. 建议使用CSS预处理器,如Sass或Less6. 使用CSS reset或normalize来统一各个浏览器的样式差异7. 书写顺序:布局属性 > 自身属性 > 文本属性 > 其他属性,例如:display, width, height, margin, padding, font-size, color五、JavaScript规范1. 使用严格模式,即在脚本文件的开头添加"use strict"2. 使用let和const关键字来声明变量和常量,避免使用var3. 使用单引号来定义字符串,例如:'Hello'4.避免使用全局变量,尽量使用模块化的方式组织代码5. 避免使用eval、with等容易引起安全问题的功能6. 使用ESLint来检查代码风格和潜在错误六、版本控制规范1. 使用git来管理代码,建议使用分支开发,不要直接在主分支上进行开发2.提交代码时必须编写有意义的提交信息,并按照规定的提交流程进行提交3.定期合并主分支的更新到自己的分支,保持代码的同步和整洁4.不要提交包含有敏感信息或测试用的临时代码的提交5.多人合作时,及时进行代码审核和讨论,确保代码质量和可维护性以上是一个WEB前端开发规范文档的示例。
web前端开发规范
![web前端开发规范](https://img.taocdn.com/s3/m/6db2c2f859f5f61fb7360b4c2e3f5727a5e924c6.png)
web前端开发规范Web前端开发规范是指在前端开发过程中,对代码编写、命名、代码组织、样式书写、性能优化等方面进行规范化约束的一系列规则和标准。
遵循前端开发规范可以提高代码的可读性和可维护性,加快开发效率,并减少潜在的错误和bug。
一、HTML编写规范1. 使用语义化的标签,清晰地表示页面结构,并方便搜索引擎索引;2. 严格遵循HTML语法规范,使用闭合标签和正确的层次结构;3. 在标签属性中使用双引号,属性名使用小写字母,用中划线分隔,如:class="container";4. 避免使用行内样式,尽量使用外部CSS样式表。
二、CSS编写规范1. 选择器名使用小写字母,用中划线分隔,如:.container;2. 使用CSS预处理器编写CSS代码,如Sass或Less,提高代码的可复用性和维护性;3. 采用“模块化CSS”思想,将样式按模块分离,方便团队合作和代码管理;4. 避免使用通配符选择器和ID选择器,优先使用class选择器;5. 属性书写顺序一致性,可以使用“命名空间”的方式来分组属性,增加可读性;6. 避免使用浮动布局,尽量使用flexbox或grid布局。
三、JavaScript编写规范1. 代码缩进统一使用4个空格,并严格遵循语句块的花括号对齐规则;2. 函数和变量名使用驼峰命名法,类名首字母大写,常量全部大写;3. 使用严格模式("use strict")编写JavaScript代码,减少错误和不必要的行为;4. 避免使用全局变量,使用模块化或命名空间的方式避免命名冲突;5. 避免使用eval函数和with语句,减少安全风险;6. 使用ESLint等代码规范检查工具,保证代码质量和一致性。
四、性能优化规范1. 减少HTTP请求次数,合并并压缩CSS和JavaScript文件,并使用CDN加速;2. 使用图片懒加载和CSS Sprites技术,减少页面加载时间;3. 合理使用缓存,静态资源设置长期缓存,动态资源设置短期缓存;4. 减少DOM操作,使用事件委托和批量操作DOM;5. 在适当的位置添加异步加载脚本,提高页面加载速度;6. 使用CSS动画和过渡效果,而不是使用JavaScript实现动画效果。
网站页面编写规范
![网站页面编写规范](https://img.taocdn.com/s3/m/3c059dadd0d233d4b14e69b3.png)
网站页面整体规范1、页面整体信息页面中必须要有title 一般为客户方面提供,如果客户未提供,我们可以使用welcome to 某某某公司来作为title,每做一个网站都必须做好2个附带的问题,site-map.xml和robots.txt这2个文件。
关键字以及简洁信息一般由客户提供,如果客户没有提供的话,那么关键字我们一般用客户的公司名称加网站名称以及公司地址主营行业等信息,其他信息写上空标签,以便之后网站添加信息。
2、页头部分页头部分一般为2个部分组成,公司LOGO和导航栏有些时候会在网站的页头部分加入一些地址Email之类的文字信息。
公司LOGO的命名需要与网站名或公司名相同,并且带有网站首页的链接,并且带有alter属性,值一般为公司名称或网站名称。
如果页头中存在Email就必须做好mailto链接,关联到客户的Email,带链接的文字须用颜色突出表明链接,仅页头部分。
导航栏根据设计文档制作,于设计稿保持一致。
3、页尾部分页尾部分一般由2-3部分组成,分别是地址,公司名称和友情链接以及网站制作公司信息。
如果有地址严格按照地址规范进行。
底部文字一般为©Copyright加上制作年份加上公司的注册信息,然后加上网站制作公司LOGO之后加入制作公司名称,并且在名称中加入链接,加上alter属性作为介绍。
其他的如果设计文档中有需求则严格按照设计文档中的设计进行制作。
4、页面主体部分每个二级页面都必须要有二级小标题标题颜色样式,根据设计稿的设计来制作,如果设计稿中没有这样的文字,那么二级标题一般使用22-24号字,字体颜色参照整个网站的色调来进行搭配,网站色调一般是根据网站的logo颜色来设计的,所以可以在logo上面适当的取一些合适的颜色来制作二级小标题。
页面主体必须要有二级导航,形式大致是,并且加入相应的链接,方便用户体验。
所有页面的文字必须统一大小,字体,颜色,并且统一样式管理。
文字大小一般为12号字,颜色及字体参照设计稿中的文字进行定义。
网站开发技术规范要求
![网站开发技术规范要求](https://img.taocdn.com/s3/m/c6b628c584868762cbaed518.png)
前台和后台页面技术规范:1、尺寸规范前台页面采用宽屏设计,和现有网站首页的宽度一致。
2、技术规范前台页面采用DIV+CSS技术3、前台页面源代码符合W3C的规范4、文件名和目录名规范以最少的字母达到最容易理解的意义;文件放入相应的目录,例如图片放在images目录、CSS文件放在CSS目录、js文件放在js目录等;多个同类型文件使用英文字母加数字命名,字母和数字之间用_分隔,例如:news_01.htm。
5、图片的命名规范名称分为头尾两两部分,用下划线隔开。
头部分表示此图片的大类性质。
例如:放置在页面顶部的广告、装饰图案等长方形的图片取名:banner ;标志性的图片取名为:logo ;在页面上位置不固定并且带有链接的图片取名为button ;在页面上某一个位置连续出现,性质相同的链接栏目的图片取名:menu ;装饰用的照片取名:pic ;不带链接表示标题的图片取名:title 依照此原则类推。
尾部分用来表示图片的具体含义,用英文字母表示。
例如:banner_sohu.gif menu_aboutus.gif有onmouse效果的图片,两张分别在原有文件名后加"_on"和"_off"命名。
6、其它文件命名规范js的命名原则以功能的英语单词为名。
例如:广告条的js文件名为:ad.js。
7、页面代码规范Head区、Bottom区、Menu区均要生成独立的代码文件,例如js/head.js,并单独设计CSS样式,例如,head.css,不会和其他css冲突。
8、CSS书写规范所有的CSS的尽量采用外部调用,符合w3C规范,兼容IE6、IE7、FireFox等浏览器。
数据字典:三、信息表四、信息评论表五、会员短消息表六、帮助中心分类表七、帮助中心信息表开发环境:1、技术框架:W2k3 + IIS + ASP + MsSQL2K + SHTML2、Web2.0的框架:jQuery + dojo + Ajax。
Web开发规范
![Web开发规范](https://img.taocdn.com/s3/m/7e99f13a960590c69fc3763e.png)
Page 101源自思考1:常用图片的格式有哪些?
图片使用规范
Page 12
总体设计原则 保证图片清晰的前提下,图片越小越
好。因为这样可以减少带宽占用,加快网 页打开速度
常用图片格式 .jpg, .gif, .png
何时选择gif格式?何时选择jpg格式?
8
2020/4/13
字体颜色与可读性分析
常用字体颜色
• 在界面中的文字分为三个层级,主文、副文、提示 文案等。
• 在白色的背景下,字体的颜色层次其实就是黑、深 灰、灰色。
• 常用的色值是#333333;#666666;#999999
• 在界面中还经常会用到背景色#eeeeee,边框线 #cccccc
Web开发规范-视觉设计
2018.10
1. 字体使用规范
中文字体通常采用微软雅黑,字号通常12px或14px(无状态) 大号字体用微软雅黑或微软雅黑加粗,字号通常是18px、20px、26px、30px 广告字体可采用特殊字体 一般使用双数字号,单数的字体在显示的时候会有毛边
字体安装路径: C:\windows\font,扩展名为.ttf
<head>..</head>标签中间 • <meta>:元标签,单标签
charset=utf-8,16位的国际编码 charset=GB2312,8位的简体中文编码 • <body>...</body>,主体标签,修饰的内容显示浏览器的文档窗口中
2
思考2:
网站的主要类型
问
THANKS 谢谢聆听
明度,色相,饱和度
(1)明度:就是明暗程度,也有叫亮度的,计算机把明度分成256级色阶, 黑得伸手不见五指就是0级,白茫茫的一片什么都看不见就是255级。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网站开发书写规范web前端开发一、规范目的1.1 概述 (1)二、文件规范2.1 文件命名规则 (1)2.2 文件存放位置 (2)2.3 css 书写规范 (3)2.4 html书写规范 (7)2.5 JavaScript书写规范 (11)2.6 图片规范 (12)2.7 注释规范 (13)2.8 css 浏览器兼容 (13)一、规范目的1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.二、文件规范2.1 文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。
a. HTML的命名原则引文件统一使用index.htm index.html index.asp文件名(小写)各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。
例如:关于我们\ aboutus信息反馈\ feedback产品\ product如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示;每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm index.html index.asp;b. 图片的命名原则图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如:广告、标志、菜单、按钮等等。
放置在页面顶部的广告、装饰图案等长方形的图片取名:banner标志性的图片取名为:logo在页面上位置不固定并且带有链接的小图片我们取名为button在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu装饰用的照片我们取名:pic不带链接表示标题的图片我们取名:title范例:banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如:menu1_on.gif menu1_off.gifc. javascript的命名原则例如:广告条的javascript文件名为ad.js 弹出窗口的javascript文件名为pop.jsd. 动态语言文件命名原则以性质_描述,描述可以有多个单词,用“_”隔开,性质一般是该页面得概要。
范例:register_form.asp register_post.asp topic_lock.asp2.2 文件存放位置规范_Rootcn 存放中文HTML文件en 存放英文HTML文件flash 存放Flash文件images 存放图片文件imagestudio 存放PSD源文件flashstudio 存放flash源文件inc 存放include文件library 存放DW库文件media 存放多媒体文件project 存放工程项目资料temp 存放客户原始资料js 存放JavaScript脚本css 存放CSS文件2.3 CSS 书写规范基本原则:CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。
1. 样式为设计师自定义的新CSS 样式,影响被使用本样式的区域,用于完成网页中局部的样式设定。
样式名“.”+“相应样式效果描述的单词或缩写”例:“.shadow”文字样式样式名“.no”+“字号”+“行距”+“颜色缩写”例:“.no12”、“.no12-24”2. 义HTML样式为设计师重新定义已有的HTML标签样式,影响全部的被设定标签样式,用于统一网页中某一标签的样式定义。
样式名“HTML标签”例:hr { border: 1px dotted #333333 }3. 态样式为设计师对链接不同状态设定特殊样式,影响被使用本样式区域中的链接。
该样式写法有2种:a.nav:link nav.a:link 第一种只能修饰<a>标签中;第二种可以修饰所有包含有<a>标签的其他标签。
页面内的样式加载必须用链接方式<link rel="stylesheet" type="text/css" href="style/style.css">注意细则:1. 协作开发及分工: i会根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件, 分配给前端人员实现内部结构&表现&行为; 共用css文件base.css由i书写, 协作开发过程中, 每个页面请务必都要引入, 此文件包含reset及头部底部样式, 此文件不可随意修改;2. class与id的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id原则上都是由我分发框架文件时命名的, 为JavaScript预留钩子的除外;3. 为JavaScript预留钩子的命名, 请以js_ 起始, 比如: js_hide, js_show;4. class与id命名: 大的框架命名比如header/footer/wrapper/left/right之类的在2中由i统一命名.其他样式名称由小写英文& 数字& _ 来组合命名, 如i_comment, fontred, width200; 避免使用中文拼音, 尽量使用简易的单词组合; 总之, 命名要语义化, 简明化.5. 规避class与id命名(此条重要, 若有不明白请及时与i沟通):a, 通过从属写法规避, 示例见d;b, 取父级元素id/class命名部分命名, 示例见d;c, 重复使用率高的命名, 请以自己代号加下划线起始, 比如i_clear;d, a,b两条, 适用于在2中已建好框架的页面, 如, 要在2中已建好框架的页面代码<div id="mainnav"></div>中加入新的div元素,按a命名法则: <div id="mainnav"><div class="firstnav">...</div></div>,样式写法: #mainnav .firstnav{.......}按b命名法则: <div id="mainnav"><div class="main_firstnav">...</div></div>,样式写法: .main_firstnav{.......}6. css属性书写顺序, 建议遵循布局定位属性-->自身属性-->文本属性-->其他属性. 此条可根据自身习惯书写, 但尽量保证同类属性写在一起. 属性列举: 布局定位属性主要包括: margin、padding、float(包括clear)、position(相应的top,right,bottom,left)、display、visibility、overflow等;自身属性主要包括: width& height & background & border; 文本属性主要包括:font、color、text-align、text-decoration、text-indent 等;其他属性包括: list-style(列表样式)、vertical-vlign、cursor、z-index(层叠顺序) 、zoom等.我所列出的这些属性只是最常用到的, 并不代表全部;7. 书写代码前, 考虑并提高样式重复使用率;8. 充分利用html自身属性及样式继承原理减少代码量, 比如:<ul class="list"><li>这儿是标题列表<span>2010-09-15</span></ul>定义ul.list li{position:relative} ul.list li span{position:absolute; right:0}即可实现日期居右显示9. 样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码;10. 背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作;11. 使用table标签时(尽量避免使用table标签), 请不要用width/ height/cellspacing/cellpadding等table 属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现, 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} , base.css文件中我会初始化表格样式)12. 杜绝使用<meta http-equiv="X-UA-Compatible" content="IE=7" /> 兼容ie8;13. 用png图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=’img/bg.png’);14. 避免兼容性属性的使用, 比如text-shadow || css3的相关属性;15. 减少使用影响性能的属性, 比如position:absolute || float ;16. 必须为大区块样式添加注释, 小区块适量注释;17. 代码缩进与格式: 建议单行书写, 可根据自身习惯, 后期优化i会统一处理;命名规则:头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title加入:joinus指南:guild服务:service注册:regsiter状态:status投票:vote合作伙伴:partner(二)注释的写法:/* Footer */内容区/* End Footer */(三)id的命名:(1)页面结构容器: container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper 左右中:left right center(2)导航导航:nav主导航:mainbav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:submenu标题: title摘要: summary(3)功能标志:logo广告:banner登陆:login登录条:loginbar注册:regsiter搜索:search功能区:shop标题:title加入:joinus状态:status按钮:btn滚动:scroll标签页:tab文章列表:list提示信息:msg当前的: current小技巧:tips图标: icon注释:note指南:guild服务:service热点:hot新闻:news下载:download投票:vote合作伙伴:partner友情链接:link版权:copyright\基本样式:/* CSS Document */body {margin:0; padding:0; font:12px "\5B8B\4F53",san-serif;background:#fff;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0;margin:0;}table,td,tr,th{font-size:12px;}li{list-style-type:none;}img{vertical-align:top;border:0;}ol,ul {list-style:none;}h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}address,cite,code,em,th {font-weight:normal; font-style:normal;}.fB{font-weight:bold;}.f12px{font-size:12px;}.f14px{font-size:14px;}.left{float:left;}.right{float:right;}a {color:#2b2b2b; text-decoration:none;}a:visited {text-decoration:none;}a:hover {color:#ba2636;text-decoration:underline;}a:active {color:#ba2636;}重定义的最先,伪类其次,自定义最后,便于自己和他人阅读!不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt 和11pt,px一般使用中文宋体12px 和14.7px 这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt 和14.7px 的字号比较合适。