担路网网页编辑器整体使用流程

一、相关概念的介绍

网页编辑器:网页编辑器是一款用户可以自行配置的建站工具,在使用过程中,用户可以根据所从事的行业,个人爱好以及喜欢的风格来使用网页编辑器对网站首页进行重新排版或者是创建一个独立的页面。

模块:用户在使用网页编辑器建站过程中,用来搭建页面的各个组件就称为模块,模块宽度默认为1920px,一个网页是由多个模块搭建而成的。模块按照是否调取后台列表信息可分为静态模块和动态模块。

静态模块:不能直接调取后台列表信息,模块中的内容需要手动添加的模块称为静态模块,静态模块可分为单条目模块和多条目模块。

单条目模块:由一个条目组成的模块称为单条目模块,如下图

担路网网页编辑器整体使用流程_第1张图片

多条目模块:由多个单条目组成的模块称为多条目模块,如下图

担路网网页编辑器整体使用流程_第2张图片

单条目模块与多条目模块的不同点在于多条目模块可以新增和删除条目,而单条目模块无法新增和删除条目,相同点就是单条目模块与多条目模块所包含的条目数量最少为1个

动态模块:可以直接调取列表信息的模块称为动态模块,如下图

担路网网页编辑器整体使用流程_第3张图片

静态模块与动态模块的区别在于静态模块无法直接调取列表信息,而动态模块可以直接调取后台列表信息,且动态模块有列表筛选框。

公共头部:用一个或者多个模块搭建一个所有页面共同使用的头部,公共头部只能在公共头部页面中进行编辑

公共尾部:用一个或者多个模块搭建一个所有页面共同使用的尾部,公共尾部只能在公共尾部页面中进行编辑

容器:网页主体内容显示的区域即为容器,容器宽度默认为1100px,容器的高度根据所选的模块高度而定。一个模块包含一个容器,模块与容器是父子级关系,两者在同时操作时互不影响

二、创建页面的步骤

1.用户输入账号及密码进入后台,进入后台之后在“基础管理”中添加基本资料,如公司名称,公司简介,联系方式等。

担路网网页编辑器整体使用流程_第4张图片

2.点击"PC网站“在使用模板建站和网页编辑器建站之间进行切换,或者是直接进入网页编辑器做单独的一个页面。

①模板建站页面如下:

担路网网页编辑器整体使用流程_第5张图片

②网页编辑器建站页面如下:

担路网网页编辑器整体使用流程_第6张图片

3.进入网页编辑器首页,选择页面创建方式,创建方式有两种:新建空白页面和选择样式创建页面

担路网网页编辑器整体使用流程_第7张图片

开启/关闭PC单页网站:开启PC单页网站则可以选择一个普通页面作为网站首页;关闭PC网站页面则默认为模板网站首页作为网站最终首页;

公共头部:用户创建一个公共头部之后,在网页编辑器中所创建页面的时候头部会默认为用户所创建的公共头部,方便客户操作;

公共尾部:用户创建一个公共尾部之后,在网页编辑器中所创建页面的时候尾部会默认为用户所创建的公共尾部,方便客户操作;

普通页面:即为用户所创建的页面,开启PC单页网站之后,点击普通页面右下角的菜单,可以对页面进行设置;

打开页面:在网页上打开页面;

克隆页面:复制一个和该页面一模一样的页面;

删除页面:删除该页面,则该页面不再显示,且无法恢复;

设为首页:将该页面设置为网站首页;

1)新建空白页面:用户根据自己的需要选择合适的模块创建一个页面,具体操作流程:

点击”新建空白页面“,进行页面设置。

①基本信息设置

担路网网页编辑器整体使用流程_第8张图片

②背景与字体设置

担路网网页编辑器整体使用流程_第9张图片

③图片设置

担路网网页编辑器整体使用流程_第10张图片

④自定义页首/页脚代码设置

担路网网页编辑器整体使用流程_第11张图片

⑤最后点击”保存设置“完成页面设置

2)选择样式创建页面:用户选择已有的网页样式进行创建页面,具体操作流程:

点击“选择样式创建页面”,进入样式选择页面。

担路网网页编辑器整体使用流程_第12张图片

打开:点击”打开“,则该样式将在网页打开;

使用:点击”使用“,则该样式将直接作为用户的新建页面且跳转至编辑页面;

担路网网页编辑器整体使用流程_第13张图片

三、模块的添加说明

添加模块是页面创建过程中最核心的步骤,模块分为:头部模块、静态模块、动态模块、尾部模块、组合模块、其它模块

担路网网页编辑器整体使用流程_第14张图片

各大分类的模块介绍:

①头部模块:该模块是专门设置该页面的头部的模块,头部的样式可以设置成公用的样式,新建其他页面的时候可以直接调用;

担路网网页编辑器整体使用流程_第15张图片

②静态模块:该模块可以设置单张或者多张的图片的排版方式,有单张图片图片的排列,也有多张图片的排版,也有文字加图片的混合排版方式,用户不能直接调取后台已经添加好的内容;

担路网网页编辑器整体使用流程_第16张图片

③动态模块:选用动态模块之后,用户可以直接调取后台已经添加好的内容,可以直接调用用户网站后台的产品,并且对这些产品进行排版;

担路网网页编辑器整体使用流程_第17张图片

④尾部模块:该模块是专门设置该页面的尾部的模块,尾部的样式也可以设置成公用样式,新建其他页面的时候可以直接调用;

担路网网页编辑器整体使用流程_第18张图片

⑤组合模块:该模块是专门将多个模块进行组合,常用于比较复杂的网页排版;

担路网网页编辑器整体使用流程_第19张图片

⑥其它模块:该模块包含一些特殊功能模块;比如表单、HTML5画布以及开发者模板;

担路网网页编辑器整体使用流程_第20张图片

用户在浏览模块列表时,直接点击想要添加的模块就可以成功添加该模块。

四、页面的保存与查看:

点击“保存页面”,对页面进行保存,提示“保存成功”,点击“查看页面”即可查看所创建的页面。

你可能感兴趣的:(担路网网页编辑器整体使用流程)