商城型网站建设-公司企业网站建设详尽实例教程

2021-04-17 18:47 admin

  企业网站站长,具备或精通一定的排版设计能力,搭建网站,个性化要求高,对网站定位也明确。那么,如何让其发挥特长,并且不需代码基础就轻松搭建一个网站?


选择凡科建站的自助建站系统,直接使用现有的精美模板,简单操作,自定义编辑,助力有才华、有想法的小白站长快速搭建满足需求的网站。


搭建网站只要2步,这里以PC端网站为例:

确认网站整体设计

更改网站内容


在网站建设之前,还有挑选一个合适的网站模板哦!


1、登录凡科建站后,点击“电脑版”进入模板选择页面。

电脑网站建设

打开网站模板选择页面,站长可以根据行业来选择模板,或者是直接搜索。


2、看到喜欢的,鼠标悬停模板上方,点击“预览”(也可以直接点击“使用”直接进入网站建设)

预览网站模板

3、满意则点击预览页面的【使用模板】,进入网站设计。

使用网站模板


小编给大家附上网站模板的链接,可点击浏览:免费网站模板↙


搭建网站


点击【使用模板】后,系统复制载入模板,站长可直接进行网站制作。网站制作支持设计与内容更改同时进行,可是偌大的网站,这么多的页面,该从哪入手?


分两步走:


①先一一确认网站的整体设计,即确认每个页面的各个通栏模块的设计是否符合需求。

②再一一更换板块内容,建站更快速。


一、确认网站整体设计


确认网站整体设计可以从导航栏栏目页面入手,先确定导航栏栏目数量,再一一对导航栏栏目页面进行模块设计。首页设计是关键,一定要确保能展示企业优势与服务。


1、导航栏设计


导航栏就是网站访客的指南针,用户一般会根据栏目标题来查找信息。站长确认栏目文本、数量是否适合,适合的就点击【管理栏目】,进行添加、更改、删除操作。

网站导航栏设计


网站一般需要首页、案例、服务展示、企业介绍这几个必选栏目,因而这款模板还可增加“服务”栏目,详细介绍企业的主要服务职能,把“关于我们”和“我们的团队”合并在一起或是删掉其中一个。网站内容显得更齐全,展示效果会更好。

广告网站设计


想要导航栏悬挂在页面顶部,实时为客户导航,在【设置样式】-【高级】,勾选“固定顶部”选项即可完成设置。

网站样式设计

导航栏样式设计


2、确认首页设计


首页设计好了网站建设就成功了一半。确认首页设计流程:更改网站标题—校对每个通栏模块主题。


2.1 更改网站标题


网站模板的标题一定要改!支持纯文字标题,也支持企业LOGO+文字的标题。直接双击标题处进行网站名称输入:

网站标题设计


想要添加企业LOGO,点击【显示LOGO】按钮,进行LOGO图片上传即可。

网站logo设计


2.2 校对、设计每个通栏模块主题


①首页内容在“精”不再多,站长先浏览模板上的各个通栏模块主题,确定删除或增加板块。冗余的去除;想要增加板块的,点击时刻悬停听于左边的【模块】按钮,在【排版】中挑选5种“容器”,然后再添加其他的模块。

网站模块设计

网站制作页面设计


②决定各个通栏模块内容的“去留”后,就是对各个通栏模块进行详细的设计,如背景、字体、颜色等。以模板中任意板块为例:

网站模块设计


a、点击板块空白处,获取通栏模块编辑按钮,如下图所示:


点击“+”,可以在通栏中添加模块;点击“↑↓”,可上下移动整个通栏的位置,右边按钮的功能是“删除”通栏。


b、“编辑通栏模块”按钮,可进行张模块标题、背景以及效果的自定义设置,也可对其大小、边框进行详细的设计。

通栏模块设计

c、还可以制作视觉差效果,【在设置通栏模块】页面,点击“效果—固定,不跟随页面滚动”,设计效果如下:



也可以保持原有设计,直接进行更换文字与图片内容。


3、确认其他页面设计


其他页面设计流程可以参照2、2,其他页面的内容应该要更简单,能表达重要内容即可,通栏模块的数量也比较少。


待全部通栏模块设计确认完毕,就是可以开始更换网站内容了。


二、更换网站内容


更换网站内容,先要在【网站管理】进行内容添加,然后依次打开各个导航栏栏目页面,从上至下,一一更改模板中的文字和图片内容即可。主要分两步:


1、先到网站管理后台进行内容上传


由于更换内容需要用到较多的图片、文章、产品内容,因而,站长可以这样更换内容会更加快速。


在设计页面左上角点击【网站管理】,分别在“产品—添加产品”、“文章—添加文章”、“图册—创建图册”中进行产品信息、文章、图片添加。


2、每个栏目页面的内容更换顺序:横幅内容—通栏模块内容。


2、1横幅内容更换


每个栏目页面都有横幅,先更换横幅图片,再更换文字内容。一种比较省事的做法是,直接设计好横幅,文字+背景,然后使用自定义图片功能直接上传。


1、1更换横幅图片


鼠标点击横幅区域,点击出现的【编辑横幅】字样,在弹出的页面中,点击【添加横幅】,可以直接使用系统中自带的图库图片,也可以使用自己上传的图片。使用原创的图片更有意义。


横幅展示效果设置一定不能错过:


【切换样式】:有10种样式,自由选择。


【切换动画】:有10种切换动画可选,还可以设置展示时间和切换速度,让图片主动播放。


【横幅特效】:有7种,制造动感效果。


1、2 更换横幅文字


直接双击文本、输入即可。可以更改字体、大小、色彩,添加链接。觉得没有存在的必要也可以进行删除。


2、更换通栏内容


通栏模块更换图片和文本,鼠标悬停,就会出现操作设置:


①文本:可以编辑内容、设置链接、模块动画。


②图片:可以更改、添加模块特效、模块动画、链接。


(PS:相同通栏模块内的图文使用一样的模块动画比较好)


更改完内容,您的网站搭建就完成啦!整个步骤流程你都可以自由设置,而且操作简单,自己都可以完成,赶紧试试吧→免费注册网站

以上是关于电脑网站的搭建步骤,但是随着时代的不断推进,现在大多数的人更是手机不离身,建设手机网站也是刻不容缓的一个事情,为此小编给大家准备了手机网站的建站教程,赶紧点击查阅《新手如何制作手机网站》