设计师之操作规范篇
1,建站之前网站主题要明确,一定要先想好布局。
所谓网站主题,就是我们需要知道自己要做什么样的网站,需要什么功能,需要什么内容等。
所谓布局即网站的整体布局,可以在PS中先做出设计稿,然后按照设计稿在平台中搭建网站。如果是设计达人,可以直接在平台上进行操作。
2,登录平台开始建站,可以先把大致框架设计好,再往具体容器中添加组件。
psd的设计稿如下:
可以在平台上搭出网站的整体框架。如图所示:(网页布局按上图所示)
3,网页名称要求采用统一的命名方法。
例如:如果都是拼音首字母命名,就统一用拼音首字母(但不建议使用),如果是英文命名,请全部用英文命名。
文件命名的原则:以最少的字母达到最容易理解的意义。
一般文件及目录命名规范:
①,每一个网站中应该包含一个默认的shtml 文件,文件名统一用index. shtml。
②,自建文章详情页面,文章详情页面名称统一用小写的英文字母、数字和下划线的组合。
多个同类型文章详情页面使用英文字母加数字命名,字母和数字之间用_分隔。例如:news_01. shtml。注意,数字位数与文件个数成正比,不够的用0补齐。例如共有200条新闻,其中第18条命名为news_018.htm。
③,尽量按单词的英语翻译为名称。
例如:feedback(信息反馈),aboutus(关于我们)
图片命名规则
①,图片的具体含义,用英文字母或者中文来表示。
例如:banner_sohu.gif banner_sina.gif 关于我们.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
有onmouse(鼠标移上、移下)效果的图片,两张分别在原有文件名后加"_on"和"_off"命名。
4,容器组件尽量用相对布局,常规组件可以用绝对布局。
容器组件。如图所示:
容器组件有四款,分别是:自由容器、通列排版、通栏排版、选项卡排版。
常规组件:(除了容器组件,其余都是常规组件)
5,细微的调整尽量用布局进行调整(这样调整的更为精确)。
网站的细节对于网站而言,是至关重要的。
因为是拖拉拽的平台当然可以进行拖动进行调整或者通过鼠标的上、下、左、右方向键进行调整,但这样操作可能调整的不是很精确。
如果想要精确的调整,就需要通过布局来进行设置行高、左右边距等值。
6,调整容器的宽度、高度尽量用百分比。
7,容器组件和常规组件布局要规整,不能显得很乱。
如果常规组件需要包含在容器组件中,其常规组件的宽度和高度不要超过容器组件的宽度和高度。
错误示范:
正确示范:
8,网页字体、按钮风格请保存一致。(特殊设计除外)
字体默认:微软雅黑,PC:字体大小14px-18px,M:12px-16px
9,网页文本必须规整。(特殊设计除外)
10,网站图片不能超过2M,在不影响图片预览的情况下,请将图片大小进行压缩上传。
11,网页内容请确保正确性。
①,页面中友情链接能够被正确打开。
②,网页内容确保没有错误字
③,文章内容确保是目标行业的,且行文流畅。
12,页面必须填写标题,为以后搜索引擎做准备。
13,素材管理,建议设计师分类上传图片和文章,便于后期的维护与管理。(一旦上传使用过的图片切勿删除)