现以一个数码商品产品网站站点为例子,详细地讲解如何创立创建网站。当中使用到的软件有Dreamweaver,Photoshop,配色软件和FTP。
一、网站站点的规划
网站站点导航:店铺介绍、网上商城、客户使用者服务、帮助中心和发货查询。网站站点店铺介绍一般有sitemap地图、店铺形象image图片和卖家的承诺等信息内容。
网上商城都会有商品产品销售信息、商品产品分类、商品产品索引和商品产品介绍。商品产品分类下就是商品产品索引列表,接着就是商品产品详细介绍(商品产品的详细信息内容页)。
客户使用者服务分类栏目下的信息内容就是相当于FAQ,把用户使用者关心的问题和疑问都一一列出,让客户使用者能够从这找到答案,解决问题。发货查询系统让用户使用者能够在网上查看发货情况,方便快捷。现在大部分的网站站点都有这一模块系统。
二、颜色设计规划
1.构思
2.如何使用配色软件
访问点击左边的“蓝色”,右边会出现颜色方案。左边三角形形状的阶梯还可以调正颜色的深浅,或者光暗。
三、整体规划
使用Dreamweaver,新网站建设点,定义网站站点。
四、绘制部署布局
1.绘制部署布局单元格
2.代码标记
3.绘制导航条
4.绘制导航栏部署布局单元格
5.导航栏代码
6.绘制主广告区
7.绘制主信息区与分类信息区分布表格
8.绘制部署布局表格
9.注释代码标记
五、头部设计规划
网站站点标识通常被用作横跨整个网页页面的广告性image图片。广告客户使用者有时计算标识被访问点击的次数,或计算表标识image图片在一段时间内被下载的次数。
设计制作banner,使用Photoshop设计规划一个banner图。banner图的纯文本文字和网址修饰,设计规划一个与众不同的logo,修饰背景,再插入banner。
六、导航条和背景图像的设计制作设计制作
1.设计制作导航条
2.增加添加导航条
3.设计制作背景图像
4.增加添加背景图
七、本店承诺与主广告区设计制作
1.填充背景
2.背景设计制作
3.增加添加纯文本文字
4.image图片修饰
5.插入image图片
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.更改title标题 3.绘制部署布局表格 4.小技巧设计制作右侧上铺展现展示位
十三、店铺介绍网站页面设计制作 1.建网站页面
2.加首页链接url
3.绘制表格单元格
4.插入照片
5.加入纯文本文字
十四、网上商店网站页面设计制作 1.复制样式风格页
2.改title标题
3.加“首页”链接url
4.绘制部署布局表格
5.绘制三个单元格
6.复制表格
7.增加添加信息
8.保存、预览
十五、客户使用者服务.帮助中心网站页面设计制作 1.新建客户使用者服务网站页面 2.加入首页链接url 3.绘制客户使用者服务网站页面 4.新建帮助中心 5.汇总帮助总新网站页面 6.增加添加信息
十六、发货查询网站页面设计制作 1.新建发货查询网站页面 2.调整修改title标题 3.加入首页链接url 4.绘制发货查询网站页面 5.增加添加信息 6.保存
十七、其他链接url网站页面设计制作 创建网站页面--调整修改title标题--增加添加首页链接url--绘制网页页面--间隔线--复制表格--增加添加信息 建show2网站页面--调整修改title标题名称--加入首页链接url--绘制网站页面--增加添加信息说明--建帮助中心链接url信息页--加入首页链接url--绘制部署布局--增加添加信息
十八、增加添加网站站点链接url
增加添加导航栏链接url、分类信息、其他网站页面链接url、商铺列表网站页面链接url、购买按钮链接url和帮助中心网站页面链接url,后保存,预览。
十九、上传FTP网站站点
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有