How To Make A Website For Free Tutorial | Website World

How to Make a Website

学习如何使用我们的工具制作网站 免费网站搭建工具而且只需几个小时，而不是几周！我们提供免费的购物车和POS软件、网页设计向导以及内置的批量邮件发送工具，为您提供一站式网站服务，没有任何隐藏费用。

制作网站的五个步骤

使用我们的服务创建网站只需五个简单步骤：

  1. 注册免费试用
  2. 添加、删除和重命名页面
  3. 添加内容
  4. Design your website
  5. 直播

1. 注册即可免费试用 30 天

注册 免费试用网站 经过：


  • Selecting a web design template from our continually growing range of pre-designed templates for service and product based businesses. This template can be easily changed later. In this example, we are using the website template Minimal ContentBox (100% Wide) as a demonstration website.


  • Select the type of website you want to build, such as an online shop, a service provider, a blogger, real estate agent etc.This will let us pre-populate your website with the appropriate pages for your chosen industry. In this example, we are choosing the Shop/Retail eCommerce option which includes a built in shopping cart.

  • 输入您的网站名称和联系方式，即可开始免费网站试用。

您将收到一封电子邮件，要求您确认电子邮件地址，邮件中还包含网站登录信息以及临时密码。登录后，您将看到欢迎控制面板，您可以在这里完全控制您的新网站。


2. 添加、删除或重命名网站上的页面

Your new website will come pre-populated with pages which will vary according to the type of template you chose. It is easy to add or/and remove  or rename these pages within your website.

  • 添加新页面

To add a new page to your website, click upon the Add Page button which can be found on the left hand side of the Welcome Dashboard, or by clicking on the Web Pages button and selecting Add Page.

接下来，系统会要求您确认要添加的页面类型。在本例中，我们选择“单页（拖放）”选项。

接下来，您将输入有关该页面的信息，包括它将在其菜单按钮上显示的文本、页面标题和 SEO 文件名。

点击“立即添加新页面！”按钮后，您将被引导至新页面。该页面也会自动添加到屏幕左侧的菜单显示以及您网站的菜单栏中。

  1. 出于搜索引擎优化 (SEO) 的考虑，我们不建议直接删除网站上的页面。正确的做法是，您应该降低页面的可见性，使其无法被搜索到和查看，并将其从菜单中移除。如果您必须删除该页面，请务必将其 URL 重定向到一个可用的页面。
不过，由于您的网站目前是试用网站，因此可以随意删除页面。要删除页面，请点击“网页”按钮，这将打开一个网站地图页面，其中列出了您当前的所有页面。在本例中，我们将删除“订阅”页面。首先，点击旁边的齿轮图标（红色箭头）。

这将打开一个页面选项窗口。选择“删除此页面”按钮。此时会弹出一条警告信息。点击“立即删除页面”按钮，然后点击角落里的“X”关闭该窗口。

  • Renaming a page is also done via the web pages site map page. Click on the Web Pages button, and select the Shopping page wheel cog icon this time. The area you want to edit are the button text, page heading and SEO filename. Be aware that once your website is live, you should not change any SEO filename as to do so creates broken links on your website, and search engines believe that as it has a new filename, it is a new page. You consquently lose any SEO benefits that page had. You can change your filenames without penalties if your site is still in trial mode however.

To save the changes you have made so far on your website, please click on the green Publish button. This will not make your site live, but will instead publish the changes to your trial site, saving them.

3 - 为您的网站添加内容

您可以向网站添加两种类型的内容：文本和图形/照片。

  • 向页面添加页面标题、副标题和段落文本

要编辑页面以添加标题、副标题和段落文本，请单击屏幕左侧“网页”选项卡下的页面名称。这将打开页面进行编辑。在本例中，我们将使用 Innova Studio 的拖放编辑器编辑“关于我们”页面，如下所示。

在“关于我们”页面打开后，我们可以添加副标题和段落文本。您可以通过点击页面中间默认显示的段落文本框来添加，也可以从右侧栏选择包含所需文本类型的文本片段。

我们在现有的段落代码片段框中添加了一些文本，然后点击并拖动到其上方的二级标题代码片段框。接着，我们为该二级标题代码片段添加了一个标题，如下图所示：

您可以通过两种方式更改页面标题，即一级标题 (h1)。第一种方法是按照上一步重命名页面的说明进行操作。第二种方法是从蓝色菜单中打开 SEO 选项卡，然后选择“优化网页元标签”。

This will then open a page from where you can edit your SEO meta tags, including your page title (page heading).

  • Upload and Add an Image to a Web Page
要在现有文本块中插入图片，请将光标放在想要插入图片的位置（红色箭头），然后单击编辑栏中的“+”号（紫色箭头）。请注意，如果将光标放在任何文本旁边，文本的位置都会改变。如果想要将图片放在文本旁边，最好使用代码片段框。这将打开一个对话框，询问您要插入的内容（图片、链接或表单字段），请选择“插入图片”。要从设备上传图片，请单击“浏览”按钮打开设备上的图片文件，双击图片（建议使用 JPEG 文件），然后单击蓝色的“上传”按钮。

内容管理系统中的图像向导会打开您的图像，以便根据需要进行编辑。它会显示图像的当前实际尺寸、现有文件名以及一些选项，例如裁剪、旋转、调整大小和转换为 JPG 格式。我们将调整此图像的大小，使其适合“关于我们”页面。单击“调整大小”框的下拉箭头，然后选择“448x448 博客”选项。如有需要，请更改文件名，然后单击“保存更改”。

此时会弹出另一个窗口，您可以在其中编辑图像，包括图像的位置、边框和内边距。在本例中，我们将使用默认的边框、对齐方式和内边距，然后单击蓝色的“立即插入照片”按钮。

您还可以使用屏幕右侧的拖放控件向页面添加图片或图文组合。从可用选项中选择合适的图片类型，然后将其拖放到页面上的所需位置。将鼠标悬停在图片上，然后点击“更改图片”图标。

Use the option which suits you best to pick the image:

  • Use an existing image you have previously uploaded
  • 从您的设备中选择图像文件
  • 从您的设备中拖放图像文件。
  • 通过粘贴网站上已有图片的图片地址 URL 来导入图片。

4. 设计您的网站

使用我们的自助建站工具设计您的网站既快捷又简单。以下是如何更改字体大小、颜色和类型以及网站主色调的方法。
  • 更改字体类型和字号

您可以通过菜单中的“设计”选项（适用于整个网站）或每个页面（适用于单个页面）更改字体类型和大小。首先，我们来看整个网站的字体设置。从“设计”菜单中，选择“颜色和字体”。

Scroll down the page until you see the Fonts box options. Here you will be able to edit the: General Font, Heading Font, Font Size and Line Height. 

  • 更改特定网页的字体

选中要更改字体的文本文件，然后单击编辑工具栏中“字体系列”框旁边的下拉箭头。请注意，如果您使用除我们当前使用的 TinyMCE3510 之外的其他编辑器，则界面会有所不同（右上角会显示当前编辑器名称，并可切换到新的编辑器模式）。

选择所需的字体，选中的文本将更改为该字体，页面其余部分保持不变。要更改字号，请再次选中该文本，然后单击“字号”旁边的下拉箭头，并选择所需的字号（磅/英寸）。

  • 更改网站的整体颜色

您可以通过“设计”选项卡，然后选择“颜色和字体”选项来更改整个网站的整体颜色。进入“设计选项”页面后，您可以编辑网站上许多不同区域的颜色。

颜色会被赋予一个十六进制代码或颜色编号，这使得它们比简单地称为“深蓝色”更加具体。您可以在要更改颜色的项目旁边的框中输入十六进制代码，然后单击另一个框保存。或者，您可以单击“选择颜色”按钮，然后从“颜色向导”中手动选择颜色，最后单击“使用颜色”按钮。

以下是我们选择使用的颜色：


Save your work by clicking the Save Changes and then the Publish buttons.

  • 更改单个网页上的文本颜色

Highlight the heading and then select the drop down box next to the Text Colour icon. This will open up a pre-selected range of colours to choose from, as well as giving you and option for others by clicking on the More Colours option.

Click the Save Changes button and then the Publish button to save your work so far.

5 - 让你的网站上线

网站上线后，您可以继续添加新产品、文字内容和图片。网站就像一个生命体，需要不断变化和发展。您唯一需要注意的是不要删除产品或页面。正确的做法是，将它们保留在网站上，并将产品设置为缺货状态并隐藏起来。


要让您的网站上线，请点击“上线”按钮，将域名分配给它，并预付第一个月的网站托管费用。建议您设置每月自动付款，或者预付一年费用可享受折扣。

如果你没有 域名 不过，注册域名很简单。点击蓝色的“域名/邮箱”按钮，然后选择“搜索并注册新域名”选项。这将带您进入一个页面，您可以在该页面上输入您选择的域名，如果该域名可用，即可购买。域名将被添加到您的帐户，然后您可以将其分配给您的新网站。

Our team here at Website World are here to help! Make sure you check out our 培训和教程 想要获得创建和管理网站的免费帮助吗？记住， 我们托管的网站速度超快 也！

 


菜单 网站地图
类别