商业网站建设的基本流程及注意细节

如果你在乙方建站公司,最好认真看完这篇文章。

如果你在甲方公司,需要找人建站,更需要读读这篇文章。

下面资源外星人站在乙方公司的角度,来细说网站建设的基本流程及其中需要注意的一些小细节。

一. 获得需求及分析

1. 需求来源

a. 甲方公司需求

b. 熟人介绍

c. 网上接的活

2. 需求类型

a. 说明文档

比较正规的公司或者有经验的甲方公司,会把自己的需求以说明文档的形式给到乙方。

b. 图片参考或素材

甲方公司有可能会事先找好模板站或相关的素材给到乙方公司作为参考,要求作出相同或相似的网站。

c. 语言沟通

甲乙双方语言沟通合作的细节,乙方要注意:

在与对方交流的过程中,要看着对方的眼睛;

交流的过程中不要不停地看手机,手机应调为静音或震动;

带好纸笔或电脑,做好会议记录;

与对方交流时,不要打断对方的话;

少说“我认为”,多说“您觉得”,让对方来做决定;

学会总结对方的发言,以1,2,3的方式来表述,体现自己的专业性……

3. 需求分析

a. 市场及竞品分析

了解甲方公司的竞争对手网站,分析竞争对手网站的综合情况,比如:权重、关键词、排名情况等。

b. 网站建设目标及功能定位

网站的类型,是塑造品牌还是营销型网站等;

网站的内容,是以宣传公司产品还是塑造公司品牌等;

网站的功能,是线上购物还是只展示产品等。

c. 网站的技术解决方案

域名与虚拟主机/服务器或网站后台开发技术,甲方公司是否有特殊的需求。

d. 网站的设计风格

根据甲方公司的诸多的需求,来确定网站的设计风格,是简约?交互?还是炫酷等。

e. 网站的费用预算

静态网站:按照页面的数量来收费

动态网站建设:按照网站功能实现来收费

f. 网站建设周期

标准时间的1.5~3倍,为避免项目中出现问题,给甲方的网站建设周期要尽可能拉长。

g. 签订设计合同

一般的乙方公司都会有设计合同模板,只需要套用即可;如果没有,也可以在百度文库中搜索合同模板。

二. 域名与虚拟主机

1. 域名注册

常见的域名后缀:.com .cn .com.cn .cc .net等。

2. 域名选择

a. 汉语拼音:单拼、双拼、三拼、结合数字

b. 英语单词:一个单词、两个单词、结合数字

3. 虚拟主机/服务器

a. 购买时需要注意的参数

空间容量:空间容量越大,价格就越高

操作系统:Windows(支持ASP),Linux(支持PHP,一般建议购买Linux)

域名和虚拟主机最好是在同一个网站购买。

b. 网站实名备案

一般需要一个月;一个人可以备案多个网站。

三. 网站设计

1. 网格结构

a. 网格就类似是一个矩形,用来排版。

b. 网格的属性:

宽度width
高度height
边框border粗细border-width
颜色border-color
样式border-style
背景background背景颜色background-color
背景图片background-image
外边距margin
内边距padding

c. 网格的分析方法:

从上到下:分析行;

从左到右:分析列;

从外到内:分析嵌套结构。

d. 网站界面的视觉流程:

采用“Z”字形顺序,重要的内容展示在左上角。

2. 功能模块

下面以常见的企业网站为例:

上:页眉LOGO
导航
Banner
搜索
注册、登录
功能导航
中:内容重要内容模块的摘要
产品展示
公司新闻
公司简介
联系我们
下:页脚版权信息
底部导航
用户留言
联系方式

3. 尺寸规范

a. 宽度

网页内容的宽度分为固定宽度和相对宽度:

固定宽度是指网页宽度固定不变,宽度单位为像素px,多运用于大型网站;

相对宽度是指网页的宽度可以跟随窗口宽度的改变而改变,宽度单位为百分比%,多运用于小型网站、个人网站、宣传类的网站。

在网站宽度设计时要充分考虑到屏幕分辨率的宽度和浏览器垂直滚动条的宽度:

当网页内容宽度“小于”屏幕分辨率的宽度,网站内容是完整显示的,且页面两边会有留白的区域,这种情况是被允许的;

当网页内容宽度“等于”屏幕分辨率的宽度,网站内容是完整显示的,页面两边没有留白的区域,也没有水平方向滚动条,这种情况也是被允许的;

当网页内容宽度“大于”屏幕分辨率的宽度,网站内容是显示不完整,且页面会出现水平滚动条,这种情况是不被允许的;

网页安全宽度的最大值=屏幕分辨率的宽度 - 浏览器垂直滚动条的宽度(20px)

b. 高度

根据网页的内容来自动取值,高度自由伸缩。

4. 字体规范

a. 常用的字体

一般建议使用常用的字体:宋体或微软雅黑

比较复杂不常见的字体,会导致浏览者访问网站时,出现字体丢失的情况。

b. 常见的字号

12px, 14px, 16px, 18px

四. Web前端设计

1. 建立Web站点

a. 不能建立在桌面、C盘及我的文档里;

b. 可以建立在其他的盘符;

c. 文件夹命名:英文小写有意义;

d. 文件夹的目录层次最好不要超过三层。

2. 创建网站的首页

a. 首页默认文件名为index.html

b. 每一个网站都有一个首页

c. 首页在网站的根目录

3. 根据网站的导航(栏目)建立相应的二级、三级文件夹

4. 在站点的根目录根据文件的类型来建立相应的文件夹,如images, media, script等。

5. 前端代码

前端代码是指在本地计算机的浏览器中解释和执行,一般会使用到HTML语言和CSS层叠样式表。

五. Web后端开发

一般需要后端工程师,后端代码是指代码在远程的服务器端被解释和执行,分返回结果到本地浏览器。

一般小型网站使用的是ASP;中型网站使用的是PHP;大型网站使用的是JSP。后端代码是隐藏的,我们是无法看到源文件的。

六. 网站测试及上线

网站搭建完成后,可以先在本地测试看网站是否正常及一些功能是否需要再做调整,及与甲方公司沟通及确认。如果没有问题,则可以使用FTP将本地站点上传至服务器端,网站正式上线。