易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...
QQ在线咨询

完整的网站制作的19个步骤

来源:网站建设行业资讯网         添加时间:2021-11-26

在今天,以一个数码产品网站为例子,详细地讲解如何创建网站。当中使用到的软件有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网站



网站建设计最新案例赏析:


深圳华璨文化传播网站制作首页设计效果图
深圳华璨文化传播
乐清乐鸟电气网站制作首页设计效果图
乐清乐鸟电气
广东童年之家实业网站制作首页设计效果图
广东童年之家实业
深圳大狮影业摄影广告网站制作首页设计效果图
深圳大狮影业摄影广告
深圳捷益达电子网站制作首页设计效果图
深圳捷益达电子
东莞禾聚精密电子科技网站制作首页设计效果图
东莞禾聚精密电子科技
陕西松峰实验设备网站制作首页设计效果图
陕西松峰实验设备
天津高美测仪科技网站制作首页设计效果图
天津高美测仪科技
东莞五源企业形象设计网站制作首页设计效果图
东莞五源企业形象设计
东莞鼎力环保科技网站制作首页设计效果图
东莞鼎力环保科技
 

网站建设行业资讯推荐阅读:


企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有