完整的网站制作的19个步骤-ESG跨境

现以一个数码产品网站为例子，详细地讲解如何创建网站。当中使用到的软件有Dreamweaver，Photoshop,配色软件和FTP。

一、网站的规划

网站导航：店铺介绍、网上商城、客户服务、帮助中心和发货查询。网站店铺介绍一般有地图、店铺形象图片和卖家的承诺等内容。

网上商城都会有产品销售信息、产品分类、产品索引和产品介绍。产品分类下就是产品索引列表，接着就是产品详细介绍（产品的详细内容页）。

客户服务栏目下的内容就是相当于FAQ，把用户关心的问题和疑问都一一列出，让客户能够从这找到答案，解决问题。发货查询系统让用户能够在网上查看发货情况，方便快捷。现在大部分的网站都有这一模块系统。

二、颜色设计

1.构思

2.如何使用配色软件

点击左边的“蓝色”，右边会出现颜色方案。左边三角形形状的阶梯还可以调正颜色的深浅，或者光暗。

三、整体规划

使用Dreamweaver，新建站点，定义站点。

四、绘制布局

1.绘制布局单元格

2.代码标记

3.绘制导航条

4.绘制导航栏布局单元格

5.导航栏代码

6.绘制主广告区

7.绘制主信息区与分类信息区分布表格

8.绘制布局表格

9.注释代码标记

五、头部设计

网站标识通常被用作横跨整个网页的广告性图片。广告客户有时计算标识被点击的次数，或计算表标识图片在一段时间内被下载的次数。

制作banner，使用Photoshop设计一个banner图。banner图的文字和网址修饰，设计一个与众不同的logo,修饰背景，再插入banner。

六、导航条和背景图像的制作制作

1.制作导航条

2.添加导航条

3.制作背景图像

4.添加背景图

七、本店承诺与主广告区制作

1.填充背景

2.背景制作

3.添加文字

4.图片修饰

5.插入图片

6.主广告区

八、制作信息分类区与页脚

1.背景制作

2.插入背景

3.页脚制作

九、创建样式 1.“首选参数”设置

2.新建body样式

3.创建TD样式

4.创建BIAOTI样式

5.创建YANSE样式

6.创建列表样式

十、添加导航栏信息与分类信息 1.添加导航栏

2.引入BIAOTI样式

3.查看代码

4.添加分类列表信息

5.引起LIEBIAO样式

　十一、添加页脚及公告栏、标语栏信息 1.添加公告栏信息

2.引用YANSE样式到公告栏

3.条件标识栏信息

4.引用YANSE样式到标识栏

5.添加页脚信息

十二、制作首页 1.复制风格页面 2.更改标题 3.绘制布局表格 4.小技巧制作右侧上铺展示位

十三、店铺介绍页面制作 1.建页面

2.加首页链接

3.绘制表格单元格

4.插入照片

5.加入文字

十四、网上商店页面制作 1.复制风格页

2.改标题

3.加“首页”链接

4.绘制布局表格

5.绘制三个单元格

6.复制表格

7.添加信息

8.保存、预览

十五、客户服务.帮助中心页面制作 1.新建客户服务页面 2.加入首页链接 3.绘制客户服务页面 4.新建帮助中心 5.汇总帮助总新页面 6.添加信息

十六、发货查询页面制作 1.新建发货查询页面 2.修改标题 3.加入首页链接 4.绘制发货查询页面 5.添加信息 6.保存

十七、其他链接页面制作 创建页面--修改标题--添加首页链接--绘制网页--间隔线--复制表格--添加信息 建show2页面--修改标题名称--加入首页链接--绘制页面--添加信息说明--建帮助中心链接信息页--加入首页链接--绘制布局--添加信息

十八、添加网站链接

添加导航栏链接、分类信息、其他页面链接、商铺列表页面链接、购买按钮链接和帮助中心页面链接，后保存，预览。

十九、上传FTP网站

特别声明：以上文章内容仅代表作者本人观点，不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。