网站建设既要符合行业规范也要满足客户定制需求

　　网站建设要按照特定行业和客户的定制需求来做，是一项严谨的工程，我们在进行网站建设制作的时候有些规范需要了解。下面天水网站建设小士就来谈谈这方面应该注意的事项。

　　一、网页尺寸与布局

　　制作网页时，我们选用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。但是并不代表我们可以在整个画布上作图。

　　网页的布局主要有两种，左右型布局和居中型布局。布局的不一致，使得可设计的空间也不相同。

　　1、左右布局，灵活性强， UI的限制小;

　　左边通栏为导航栏，宽度没有具体的限制，可根据实际情况调整;右侧为内容版块范围，是网站内容的展示区域。

　　2、居中布局，中间的蓝色部分为有效的显示局域，用于网站内容的展示;换句话说，两边均为留白，没有实际用途，只是为了适配而存在。

　　一般网站内容显示的区域为1200px;以前国内网站大部分还是以1000个像素为界限，因超过1000像素适合在大屏幕上浏览，小屏幕会显得拥挤。目前由于用户电脑显示器分辨率的提高，现在的的界限以1200px标准，所以网站宽度在1200像素以内可以保证大部分用户舒适的浏览网页。

　　二、网页字体设置标准

　　字体设计的总原则是：可辨识性和易读性。

　　网页的文字设计是系统默认的字体：宋体、微软黑体、苹果系统黑体，英文则建议使用arial无衬线字体

　　常用的字号大小有以下几种：

　　12px是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。

　　14px 则适用于非突出性的普通正文内容。

　　16px、18px或者20px 适用于突出性的标题内容。

　　相邻两个文字的间距，其实不需要太过介意，除了特殊的需求之外，都可以使用默认数值的间距。

　　行间距，推荐以 字体大小的1.5—2倍 作为参考;段间距，推荐以 字体大小的2—2.5倍 作为参考。即，当选用14px 的字体时，行间距：21—28px;段间距：28px—35px。

　　主文字颜色，建议使用 公司品牌的VI颜色，可提高公司网站与公司VI之间的关联，增加可辨识性和记忆性。

　　正文字体颜色，保险起见，选用易读性的深灰色，建议选用 #333333到#666666 之间的颜色。

　　辅助性的，注释类的文字，则可以选用#999999之类的比较浅的颜色。

　　如果，你对颜色驾驭能力比较强，你也可以选用 偏公司VI颜色的深色，作为正文字体颜色或者辅助性文字颜色。

　　例如公司的品牌色是蓝色，那么，正文字体就可以选用偏蓝的深色。这样处理之后，文字就带有了环境色，网站整体色调将更加和谐。

　　三、响应式布局设计

　　响应式设计指的是不同设备、屏幕、分辨率、操作方式(鼠标、键盘、触摸)，保证信息在不同环境下表现一致，保证可交互可操作。

　　由于页面的宽度发生了变化，进而信息展现也改变了就是响应式设计。直到最后在手机屏幕上的显示图片信息变成了一列。

　　对页面进行响应式的设计实现，需要对相同内容进行不同宽度的布局设计，有两种方式：桌面优先(从桌面端开始向下设计);移动优先(从移动端向上设计);

　　无论基于哪种模式的设计，要兼容所有设备，布局响应时不可避免地需要对模块布局做一些变化(当页面宽度发生变化的尺寸范围就是临界点的概念。所以做响应式设计时我们需要知道每一个尺寸的宽度范围在多少时我们就可以制定出相对应清晰的一个临界点，制定了临界点之后就知道，当屏幕的宽度范围位于哪一个点的时候，我们的页面信息该如何展示。)

　　我们通过JS获取设备的屏幕宽度，来改变网页的布局，这一过程我们可以称之为布局响应屏幕。

　　另外，在不同设备上采用相似的设计,用户可以通过不同类型的设备访问你的网站，这些设备包括：电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页，确保他们具有类似的体验，这是用户体验设计中的一条重要标准。

　　四、文件命名规则与目录结构规则

　　首页面必须以“index.html、index.htm、index.php index.jsp、index.aspx等命名的文件。

　　HTML文件扩展文件名一律用 .htm或.html

　　在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个image 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

　　除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符;目录名应以英文、拼音为主。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。

　　共用的模板文件应放在根目录的Templates文件夹下(此为dreamweaver的默认路径，如用其它软件开发者也需遵守此规则)。

　　五、导航的设计要求

　　导航设计是网页可用性的基石。记住，如果用户在你的网站里找不到导航，那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因：

　　简单。每个网站都应该有尽可能简单的结构。

　　清晰。导航的每项对用户而言，都应该是清楚的。

　　一致。系统的导航页在每一页中都应该是相同的。

　　用户以最少的点击次数，最快地到达他们想要浏览的网页。这才是导航设计的目的。

　　按照以上的基本规范来建设网站是网站建设取得成功的重要保障。不管你设计什么类型的网站，企业营销型网站也好，高端品牌网站建设也好，都不能脱离以上的基本规范。同时也要照顾到客户的个性需求，使你制作的网站既符合行业规范标准，又能突出自己个性。