在网站生成器 Site Builder 中设计网站

  • A+
所属分类:Uncategorized

在网站生成器中设计网站

创建和设计新网站可能是一项艰巨的任务。不要担心,Site Builder是一个很好的工具,可以帮助您克服在网络上创建自己的存在的困难。为了让您开始,您首先需要了解如何使用Site Builder的基本知识。此列表可以帮助您解决任何问题。

  • 添加一个新页面
  • 选择布局
  • 改变样式
  • 更改布局选项
  • 添加文本
    • 文本编辑工具栏
    • 文本小工具
  • 个性化您的网站
    • 自定义您的横幅
      • 编辑横幅大小
      • 上传横幅图像
      • 在不同的页面上使用不同的横幅
      • 使用默认横幅
    • 改变页面背景
    • 更改页面背景颜色
    • 上传背景图片
    • 使用默认背景
    • 添加一个标志
  • 导航
    • 导航字体颜色
    • 导航排版
  • 图片
    • 图片小工具
    • 编辑图片
    • 图片库小部件
    • 从计算机上传图片
    • 添加已上传的图片
    • 一次上传多张照片
  • 创建子页面

添加一个新页面

你会注意到,当你第一次创建你的网站时,它只有一到两页让你开始。您可以通过转到主菜单中的页面选项卡来开始添加页面。点击绿色的“+”按钮并命名您的新页面。点击“确定”,该页面将被添加到您网站的菜单中。

选择布局

我们已经为您的网站预先填充了布局和一些我们认为适合您要构建的网站的小部件。请记住这些建议可以帮助您入门,并且都可以轻松更改!

在网站生成器 Site Builder 中设计网站

您可以通过点击页面上已有的小部件来添加文本或其他内容,从而开始填充您的网站。除此之外,Widget菜单还是您可以找到所有工具的地方,以便将内容添加到您的网站。从YouTube,到图片库和社交媒体小工具 - 有很多选择!

改变样式

您的网站已经有一个默认选择的样式,但有多种样式可供选择。要改变你的风格,点击风格菜单,然后浏览我们完整的选择高级风格。改变你的风格很容易,所以不要担心,如果你不确定使用哪一个。

在网站生成器 Site Builder 中设计网站

更改布局选项

如果您不喜欢我们选择的样式布局,您可以选择九种布局中的一种。点击页面布局查看选项。您可以从一个空白页面开始,或者使用具有放置区域的预设布局来更好地控制您的内容。垂直或水平拖放小部件以轻松实现最佳外观和感觉。您可以对整个网站使用相同的布局,也可以对每个网页使用不同的布局。您还可以在很多样式上更改横幅图像,背景颜色和背景图片。

添加文本

将文本控件拖放到页面上(位于“控件”菜单的“热门”选项卡中)。点击刚刚添加到页面的文本小部件,开始添加文本。只需输入几段简短的段落,或者,如果您愿意,可以复制并粘贴一些您想添加到页面的文字。

在网站生成器 Site Builder 中设计网站

但是,请记住不要直接从MS Word或任何其他外部源进行粘贴!

直接从诸如MS Word,电子邮件或其他网页的程序复制和粘贴是在您的网站中创建错误的最简单方法之一。从这些源直接复制和粘贴时,文本中会隐藏格式,导致页面中断。以下是由于直接粘贴文本而可能在您的网站上发生的一些事情:

  • 您的页面不会在Sitebuilder中加载。这可能最初不会发生,但是您的页面可能会在某个时候中断。
  • 页面上的内容可能不可编辑。
  • 您的文字在不同浏览器中的外观不一致。
  • 文字和图像显得“混乱”,不会显示出你摆放的方式。
  • 无法根据需要设置文字的格式。
  • 该样式的其他元素可能会中断,例如菜单链接。
  • 您可能无法访问各种Sitebuilder功能,例如保存或发布。

在编辑文本时,您会注意到文本编辑工具栏在页面顶部打开。它看起来与您可能使用的其他文字处理软件上的工具栏非常相似。

文本编辑工具栏

在网站生成器 Site Builder 中设计网站

您可以使用文本编辑工具栏来更改文本的格式,您将可以对文本块进行任何操作。

  • 使文本粗体,加下划线或斜体
  • 更改文字的格式。
  • 更改文字的对齐方式。
  • 点击右侧的调色板访问样式设计器,以格式化您的字体,颜色,大小等。
  • 创建一个项目符号列表
  • 创建缩进
  • 添加一个链接到另一个网站
  • 添加图片
  • 犯了一个错误?别担心,撤销左箭头图标会撤消最近的更改。

请记住经常保存您的页面以避免丢失工作。我们会在关键时刻提醒您保存您的工作,以确保您不会忘记。但是,在每次重大变更之后,您仍应该保存。

文本小工具

使用文本小工具可让您在同一文本框中插入多个图片。您可以添加尽可能多的图片作为您选择的样式将支持。为了获得最佳效果,请将每幅图片分开一个或两个空格。要使用这个,你会想要去Widgets - > Popular。然后将文本小部件拖放到您的页面上。此时,您可以使用ext编辑工具栏上的“添加图像”按钮。

在网站生成器 Site Builder 中设计网站

进入文件管理器后,选择您选择的图像。您可以通过点击刚刚添加的图片,然后点击文本编辑工具栏上的各种文字环绕按钮,将文字和图片包裹在文本小工具中。

个性化您的网站

您可以通过更改横幅图像,页面背景,添加徽标等来个性化您网站的外观。另外,我们的样式设计器允许您调整网站上的特定元素,例如导航,标题文本和段落文本。使用这些定制工具将帮助您创建适合您需求的表单。

自定义您的横幅

如果您选择的样式支持自定义横幅,则您可以直接点击它,样式设计器将在页面的左侧打开。您可以使用此功能以多种不同方式自定义您的横幅广告。

编辑横幅大小

每个横幅都有默认设置的建议大小,但您可以选择更改此大小。您可以在用鼠标悬停在横幅区域上时显示横幅区域顶部的横幅尺寸。

上传横幅图像

如果您想使用自定义图片作为横幅,您可以轻松完成!

  • 点击您的横幅区域打开样式设计器。
  • 在“颜色”下找到“横幅图像”,然后点击右侧的方块。
  • 横幅编辑器对话框将在此处打开,点击“编辑” - >选择图像。
  • 您现在可以将计算机上的图像上传到您的网站。

一旦你选择了你想使用的图像,你可以添加背景颜色或前景色。您还可以选择不透明度,并将横幅放在横幅区域内。您可以重复显示横幅内的图片。有几个选项:

  • 自动 - 保持原始图像的大小
  • 封面 - 在横幅区域范围内延伸图像
  • 包含 - 拉伸您的图像以适合比例适合横幅区域

在不同的页面上使用不同的横幅

您可以设置您的网站在每个单独的页面上放置不同的横幅。当您最初在样式设计器中设置横幅时,系统会提示您确认所做的更改,另外还会询问您是否要将更改应用到所有页面。

使用默认横幅

如果您犯了一个错误,或者您只是不喜欢您创建的横幅,则可以轻松回到默认设置。只需在横幅内点击并在样式设计器中找到“横幅图像”即可。点击右侧的方块,横幅编辑器对话框将打开。选择“默认”选项将带回相同样式的原始横幅图像供您使用。

改变页面背景

如果您选择的样式支持自定义背景,我们可以选择更改样式的背景颜色或上传自己的背景图像,或两者都选择!

更改页面背景颜色

为了改变页面背景颜色,点击'样式' - >'样式设置' - >'背景'。此时,Style Designer将打开。在“颜色”下,您将能够编辑“背景图像”并单击右侧的方块。然后会显示对话框,点击'编辑' - >'无图像'。然后,您将能够点击“背景颜色”旁边的方块。这是您可以选择背景颜色的地方。选择后,只需点击“确定”即可。

在网站生成器 Site Builder 中设计网站

上传背景图片

您也可以上传自己的自定义背景图片。您可以通过点击'样式' - >'样式设置' - >'背景'来完成。此时,Style Designer将打开。在“颜色”下,找到“背景图片”并点击右侧的方块。将显示“背景编辑器”对话框。点击'编辑' - >'选择图像'。此时,您可以从计算机上传图像以用作背景。

您可以在上传后编辑此图像。您可以重新定位,更改尺寸,重复或将其“附加”到屏幕上。(这只是表示它不会随其他内容一起滚动,并会保留在屏幕上的相同位置。)

使用默认背景

如果您犯了一个错误,或者只是不喜欢您对背景所做的更改,则可以轻松地返回到默认设置。如果您希望将网站上的背景更改回样式的默认背景,请转至“样式” - >“样式设置” - >“样式设计器”。在“颜色”下,找到“背景图片”并点击右侧的方块。在打开的背景编辑器对话框中,单击“默认”。

添加一个标志

徽标是品牌业务的好方法。并会让你的网站感觉独一无二。样式设计器允许您轻松地将徽标添加到您的网站。点击'Style' - >'Settings' - >'Style Designer'。在“颜色”下,您需要找到“徽标”,然后点击右侧的广场。此时将打开徽标编辑器对话框,单击“编辑” - >“选择图像”。然后,您可以将计算机上的徽标上传到新网站。

添加徽标后,您可以编辑徽标的对齐和宽度。不过,请注意,并非所有款式都支持“徽标”选项,因此如果您想使用徽标,则可能需要使用不同的样式。

导航

人们在进入您的网站时首先要注意的一点是导航。这就是用户将如何移动到整个网站,这对于您的网站流程至关重要。使用样式设计器,您可以更改字体颜色,字体系列,对齐方式等等。

导航字体颜色

通过转到'样式' - >'设置' - >'样式设计器',可以轻松更改导航栏的字体颜色。在“颜色”下,您会看到几个导航选项。

在网站生成器 Site Builder 中设计网站

  • 导航背景 - 这将允许您更改导航的背景颜色。
  • 导航 - 这是导航链接显示的默认颜色。
  • 导航(选定) - 这是访客在此页面上时显示的链接的颜色。
  • 导航(悬停) - 这将改变导航链接的颜色,同时用鼠标悬停在导航链接上。

如果您单击要编辑的元素右侧的正方形,则可以使用您选择的颜色选择,然后单击“确定”

导航排版

您可以通过转到'样式' - >'设置' - >'样式设计器'来更改字体系列,字体大小,对齐方式以及更多选项。然后在'字体'下找到'导航'并点击右侧的方块。此时导航编辑器对话框将打开。您将可以编辑以下内容:

  • 字体家族 - 这是用于文字的字体。
  • 字体重量 - 这是你想要的文本是多么厚或薄。
  • 字体大小 - 这只是文字的大小。
  • 文本装饰 - 这是当你添加一行到你的文本。
  • 字母间距 - 这是每个字母之间的空间量。
  • 线条高度 - 这是在文字上方和下方添加的空间量。
  • 文本转换 - 控制文本的大写方式。
  • 文本对齐 - 这改变了导航的水平位置。

图片是一个好网站的基石。他们吸引了眼球,并指导您的网站流量。由于这是任何网站的重要组成部分,因此您可以通过多种方式添加和编辑图像。

图片小工具

图片小工具是在您的网站上放置图像的好方法。你会想要去'小工具' - >'流行'。然后将一个Picture Widget拖放到您的页面上。从这里你可以选择一个图像。您可以从计算机上传新图像,也可以使用之前上传的现有图像。

在网站生成器 Site Builder 中设计网站

编辑图片

Picture Widget将允许您向客户展示图片的外观,为图片创建替代文字(如果该图片因某种原因未显示),并设置链接。

图片库小部件

Picture Gallery Widget为用户提供创建专业画廊的机会,无需单独上传和调整图片大小。有了这个画廊,网站访问者将能够浏览有吸引力的,可点击的缩略图 - 它非常适合任何网站的投资组合!

在网站生成器 Site Builder 中设计网站

要滚动浏览您的图库,网站访问者只需点击图片,然后点击右上角的“下一步”标签。要回滚到上一张图片,请点击左上角的“上一页”。添加一个画廊到您的网站很容易。转到'小工具' - >'流行'。将图片库小部件拖到您的页面上。

从计算机上传图片

为了上传新图片,您只需点击“上传新图片”即可浏览您的计算机以选择要上传的文件。选择你想要的图像,然后“打开”,它会自动加载到你的画廊。

添加已上传的图片

为了将图片添加到您的图库中,您已经上传到您的网站,您只需要点击“浏览上传的图像”,然后从文件管理器中选择您想要包含的图像。

一次上传多张照片

如果您有大量图片,尝试一次上传一张图片可能会令人沮丧。因此,您可以按照上传单个文件的相同流程一次上传多个图像。除了你想要选择你想上传的每张图片。您可以通过按住'CTRL'键(对于PC)或'CMD'键(对于MAC)来完成此操作,同时单击您想要上传的图像。

在网站生成器 Site Builder 中设计网站

创建子页面

如果您的网站有很多页面,则并非所有页面都需要出现在主导航菜单上。因此,您可能希望让访问者在查找其他相关内容之前浏览其他页面。所以你可以使用页面管理器来组织你的页面。你可以通过转到‘Page’ -> ‘Page Properties’ -> Navigation来找到它。页面管理器对话框将显示您可以在哪里使用您要在子页面中创建的页面旁边的绿色缩进箭头。然后将页面垂直拖放到顶层页面下方。然后点击“确定”。

在网站生成器 Site Builder 中设计网站

您可以通过导航到My Products > My Add-Ons > Site Builder或单击此处并填写订购向导来添加站点构建器产品!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: