Welcome back to the series, ‘How to Build and Deploy a Dynamic Portfolio Website with Webflow.’

欢迎回到“ 如何使用Webflow构建和部署动态投资组合网站 ”系列。

To follow along with this part of the series, you’ll need to have a Webflow account set up. If you don’t have a Webflow account already, you can create a free account here (affiliate link).

要遵循本系列的这一部分，您需要设置一个Webflow帐户。 如果您还没有Webflow帐户，则可以在此处创建一个免费帐户(会员链接)。

In the previous part of the series, I showed you how to add the content for the hero section of the website. If you missed that part, you can find it here.

在本系列的前一部分中，我向您展示了如何添加网站英雄部分的内容。 如果您错过了这一部分，可以在这里找到。

In this part, I’ll show you how to add the content for the services section of the website.

在这一部分，我将向您展示如何添加网站服务部分的内容。

Once again, we’ll focus purely on the content for now and apply styles in a later part of the series.

再一次，我们现在将仅专注于内容，并在本系列的后续部分中应用样式。

添加内容 (Add the Content)

添加部分 (Add a Section)

Add a Section element to the canvas by dragging it from the Add Elements panel and dropping it below the hero section.

通过从“添加元素”面板中将其拖放到英雄部分下方，将其添加到画布中。

添加一个容器 (Add a Container)

Drag and drop a Container from the Add Elements panel and place it inside the section.

从“添加元素”面板中拖放一个容器，并将其放置在该部分中。

添加标题 (Add a Heading)

Add a Heading element to the Container that you have just placed on the canvas. Use the popup context menu to specify that this is an h2 heading.

将Heading元素添加到刚放在画布上的Container中。 使用弹出上下文菜单指定这是h2标题。

Change the text of the Heading to ‘What I do’ and add the required classes to the Heading. The base class is ‘Section Heading’ and we need a modifier class called ‘Services Heading’.

将标题的文本更改为“我做什么”，然后将所需的类添加到标题中。 基类是“部分标题”，我们需要一个称为“服务标题”的修饰符类。

添加列 (Add Columns)

Drag a Columns element from the Add Elements panel and drop it underneath the Heading.

从“添加元素”面板中将“列”元素拖放到“标题”下方。

In the pop-up context menu, configure the Columns element to contain three columns of equal size.

在弹出的上下文菜单中，将Columns元素配置为包含三个大小相等的列。

添加列内容 (Add the Column Content)

In each column, add a Heading element and a Paragraph element. The Heading elements are h3s.

在每一列中，添加一个Heading元素和一个Paragraph元素。 标题元素是h3s。

Update the content of each column as follows:

更新每列的内容，如下所示：

Design + Development

设计与开发

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor刚坐下，擅长奉献精英，seu do eiusmod tempor incididunt ut Labore et dolore magna aliqua。 尽量不要抽烟，不要因抽烟而锻炼。

E-Commerce

电子商务

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor刚坐下，擅长奉献精英，seu do eiusmod tempor incididunt ut Labore et dolore magna aliqua。 尽量不要抽烟，不要因抽烟而锻炼。

Webflow

网络流

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor刚坐下，擅长奉献精英，seu do eiusmod tempor incididunt ut Labore et dolore magna aliqua。 尽量不要抽烟，不要因抽烟而锻炼。

添加链接 (Add a Link)

Drag a Text Link element from the Add Elements panel and drop it underneath the Columns.

将文本链接元素从“添加元素”面板拖放到“列”下方。

Add the class ‘Button’ to the Text Link element. Update the text to ‘see my work’.

将“按钮”类添加到“文本链接”元素中。 更新文字以“查看我的工作”。

更新导航 (Update the Navigation)

Select the services section (1) and open the Settings panel in the right-hand pane (2).

选择服务部分(1)，然后打开右侧窗格中的“设置”面板(2)。

Assign the ID ‘Services’ to this section (3). With an ID assigned, we can link to this section using Link and Link Block elements.

将ID“服务”分配给此部分(3)。 分配了ID后，我们可以使用链接和链接块元素链接到此部分。

Open the Navigation Menu using the Navbar’s Element Settings.

使用导航栏的元素设置打开导航菜单。

In the Navigation Menu, select the ‘Services’ link (1) and open the Element Settings for the element (2). In the Link Setting section, choose to link to a Page Section (3) and select the Services section from the dropdown (4).

在导航菜单中，选择“服务”链接(1)，然后打开元素的元素设置(2)。 在“链接设置”部分中，选择链接到“页面”部分(3)，然后从下拉菜单(4)中选择“服务”部分。

Now the Services button in the Navigation Menu links to the services section of our portfolio site.

现在，导航菜单中的服务按钮链接到我们投资组合网站的服务部分。

下一步是什么？ (What’s Next?)

In the next part of the series, I’ll show you how to build the about me section of the website;

在本系列的下一部分中，我将向您展示如何构建网站的“关于我”部分。

That part is available here.

这部分在这里可用。

If you want to be notified when the next part of the series is published, you can sign up to the mailing list here.

如果您希望在该系列的下一部分出版时得到通知，则可以在此处注册邮件列表。