- ## 基础篇

- 如何开始第一个网站？
- 开始之前
- 编辑器
- 快捷键及常用操作

# 开始之前

超级网页设计器设计理念

> 大道至简，设计该软件初衷只希望设计网页不再那么难、不再是少部分专业人士的专利而以。所见即所得、拖拉控件即可实现所需要功能及排版的理念自始至终贯彻于设计之中。一些设计网页常用的、流行功能（如轮播、卡片、菜单、文件上传、选项卡、HTML元素加载动画、移动网页等）集成到控件中，你只需要简单的把控件拖到界面中即可，后面的细节你完成不需要关注。当然到目前为止，本软件还有很多待改进的地方，我们希望每一个版本的改进都能给你带来惊喜！也希望你们给我们更多的支持！

一些重要的概念

> 知道一些重要的概念，以便更好地使用超级网页设计器来设计你的网页。

名称 | 说明
--- | ---
控件、元素 | 控件是指设计阶段网页模板上的组件，元素是生成网页后对应的html元素。
容器 | 指有子控件的控件。
父容器 | 当前控件的父亲控件。
父控件 | 同父容器。
名称、id值和name值 | 名称是指设计阶段网页模板中控件的名称，id值笔name值是指生成html元素后的id和name。名称有严格的名称规则，id和name名称规则比较宽松。如名称不能用“-”，但id和name可以用。
对齐方式 | 对齐方式主要影响控件的排版，有些是设计期生效，有些是生成网页后才生效，不同的对齐方式不一样。
位置、大小->position | position位置，生成网页后生效。1.“将position设置为absolute_绝对位置”，元素的绝对位置，设计阶段看到的位置和生成网页后元素的位置相同。2.“将position设置为relative_相对前一元素底部”，元素的相对位置。同一父容器内的元素，后一元素的垂直距离相对前一元素来说。如第一个元素离顶部距离为10px，高为150px，那么第二个元素默认情况离顶距离为10+150=160px。
边距->外边距 | 对应生成网页后为margin。只有“位置、大小->position”设置为“将position设置为relative_相对前一元素底部”才起效。如前面position中举的例子，如果该元素外边距的顶边距设置为20px，那么第二个元素离顶距离应为10+150+20=180px。
边距->内边距 | 对应生成网页后为padding。控制同一容器内的元素的边距。同一容器内的元素只有“位置、大小->position”设置为“将position设置为relative_相对前一元素底部”才起效。

