
English: 
Hi guys. Welcome to the page for our
video tutorial series.
In today's video, you'll learn how to
structure your page with the Layout element
on PageFly.
The layout element includes
section, rows and columns
which are at the very core of how PageFly 
 structures pages.
You can use the Layout element to create
your initial structure in sections, rows and columns
before filling it with
other elements on PageFly.
The Layout element helps you to position
text, images and all other page elements
to have the best visual impact.
The Layout element is the first element
you'll see when you come to your PageFly page
and in the top left corner, click on Add element.
You'll see here that under Layout, there's 10 pre-built column layouts for you
to start with
and you can easily add more containers if you want.
So I'm just going to start up here with
a Full Section, I'm going to drag and
drop that onto my page.

Chinese: 
大家好，欢迎来到
我们的视频教程系列
今天，您将了解到
如何利用布局元素构建
PageFly页面。
布局元素包括有
部件，行和列
这些都是构建PgeFly页面的
核心元素。
您可以利用布局元素创建
有部件，行和列的初始结构
用来以后由
PageFly的其他元素填充。
布局元素帮助您确定元素位置，
文本，图片和其他元素等
以获得最佳视觉效果。
布局元素是您进入PageFly页面时会看到的第一个元素
然后在左上角，点击Add元素。
您会在这里看到，Layout下有10种预建的列布局供您选择
拿来开始
您可以添加喜欢的更多容器。
现在我用这里的
Full Section，拖放到
我的页面。

Portuguese: 
Olá pessoal. Bem-vindos à página, para a nossa
série de tutoriais em vídeo.
No vídeo de hoje, vão aprender como
estruturar a vossa página com o elemento Layout
na PageFly.
O elemento Layout inclui
secção, linhas e colunas
que são a base de como a PageFly
estrutura páginas.
Podem utilizar o elemento Layout para criar
a vossa estrutura inicial em secções, linhas e colunas
antes de a preencherem com
outros elementos da PageFly.
O elemento Layout ajuda-vos a posicionar
texto, imagens e todos os outros elementos de página
para que tenham o melhor impacto visual possível.
O elemento Layout é o primeiro elemento
que irão ver quando entrarem na página da PageFly
e no canto superior esquerdo, cliquem em Add element.
Aqui vão ver que em Layout, existem 10 layouts pré-definidos de colunas
com que podem começar
e podem facilmente adicionar mais conteúdo, se quiserem.
Então, vou começar aqui com
a Full Section, vou arrastá-la
e largá-la na minha página.

Chinese: 
部件包含页面的内容。
PageFly按部件排列内容
以便使一切井井有条。
提示，如果想要添加另一个部件，
不能添加到相同的部件中，
你只能在上方或下方添加之。
一个部件可以包含一个或多个行
可以帮助组织以后的内容。
您可以在部件里添加更多的按钮
在部件的General选项卡里
点击Add Row按钮。
您可以点击在行的第一个图标复制
一行，就像这样
或者点击下一个图标删除一行。
您可以把行拖放到您想要的位置，
重新排列这些行的位置。
还可以利用Set Fixed Width 选项
定制部件的宽度。
禁用了，这个部件的内容
会伸展到整个部件的宽度。
然后，在部件的Styling选项卡里，
可以调整参数，比如
内容颜色，间距
内间距和外间距，

Portuguese: 
Uma secção é onde se encontra o conteúdo da vossa página.
A PageFly organiza o conteúdo por secções,
para manter tudo organizado.
Notem que se tentarem adicionar uma outra secção,
não a podem adicionar à mesma secção.
Apenas podem adicioná-la acima ou abaixo.
Uma secção inclui uma ou mais linhas
que ajudam a estruturar melhor o vosso conteúdo.
Podem adicionar mais linhas à vossa
secção ao virem ao separador General da
vossa secção
e clicando em Add Row.
Depois podem clicar no primeiro ícone da linha, para
duplicá-la, assim
ou clicar no ícone ao lado dele, para apagarem a linha.
Podem também reordenar as linhas na
secção, ao arrastar
a linha para onde querem colocá-la.
Podem também personalizar a largura da secção
com a opção Set Fixed Width.
Quando está desativada, o conteúdo nesta secção
irá expandir até à largura da secção inteira.
Depois, se forem ao separador Styling da vossa secção,
podem ajustar parâmetros como a
cor do conteúdo, o espaçamento,
o preenchimento, as margens,

English: 
So a section holds the content of your page.
PageFly arranges content by section
so to keep everything organized.
Note that if you try and add another section,
you cannot add it to the same section.
You can only add it above or below.
A section includes one or more rows
which helps structure your content further.
You can add more rows inside your
section by coming to the General tab of
your section
and simply clicking on Add Row.
You can then click the first icon in the row to duplicate
the row like this
or click the icon next to it to delete one.
You can also reorder the rows in the
section by dragging
the row where you want to put it.
You can also customize the width of the section
with the Set Fixed Width option.
When disabled, the content in this section
will expand to the full section's width.
And then if you go to the Styling tab of your section,
you can adjust parameters like the
Content Color, the Spacing
with the padding and the margin,

English: 
all the Typography of the section
and the Background.
So there are three options for background style here
standard, video and parallax.
We have a separate video
about how to use the parallax option
and there's a URL link to that in the
description of this video.
Okay so now we'll move on to rows.
So just as a section includes one or more rows,
a row includes one or more columns.
Similarly you can add columns to a row
via the General tab
if you click on the row, come to its General tab
and at the top you can add column.
Again you can duplicate columns the same
way as you can with rows by clicking on
this button
and you can delete them the same way by
clicking on this one.
You can also add more columns by
clicking on a column in the row
and clicking on the plus button here.
If you come to the row in the breadcrumb menu here
You have options in the General tab
for your columns.
Right now I have five columns in my row
and all of their widths are unequal.

Chinese: 
部件的所有排版
还有背景
这里有3个背景样式
标准，视频和视差。
我会在别的视频中
讲解如何使用视差选项
这是这个视频的URL
好，继续讲解行元素。
就像一个部件可以包含一个或多个行一样，
一行可以包含一个或多个列。
跟刚才类似，用General选项卡把列添加到行中。
点击行，到General选项卡
在上面，可以添加列。
跟行的操作一样，点击这个图标
复制一个列，
或者点击这个图标，删除它。
您可以点击加号按钮
添加更多的列到一行中。
在面包屑导航中，选择行
在General选项卡中
对列进行设置。
现在，这个行有5个列，
然而，这些列的宽度都不相等。

Portuguese: 
toda a tipografia da secção
e o fundo.
Aqui temos três opções para estilos de fundo
standard, video and paralaxe.
Temos um outro vídeo
sobre como usar a opção Paralaxe
e temos esse link URL 
na descrição deste vídeo.
Okay, agora passemos para as linhas.
Tal como uma secção inclui uma ou mais linhas,
uma linha inclui uma ou mais colunas.
Do mesmo modo, podem adicionar colunas a uma linha
através do separador General 
Se clicarem na linha, vêm ao separador General
e aqui no topo podem adicionar uma coluna.
Aqui podem também duplicar colunas do mesmo modo
que podem duplicar linhas, ao clicarem
neste botão
e podem apagá-las da mesma maneira,
clicando neste botão.
Podem também adicionar mais colunas ao
clicarem numa coluna de uma linha
e clicando no botão + aqui.
Se vierem à linha neste menu de caminho
Têm opções no separador General
para as vossas colunas.
Neste momento, tenho cinco colunas na minha linha
e todas as respetivas larguras são diferentes.

English: 
So if I turn on the Enable Equal Width option just here
all of my columns will have equal width.
You can also set how many columns you want per line
with this slider option down here which
you can drag
between one and the amount of columns you have.
So if we come down here to column spacing
we can change the spacing between the
columns with this slider
Again we have another more detailed
video about this and the link for that
is in the description of this video.
Again if you want to change anything to
do with the styling of the row,
we simply come to the Styling tab and choose
anything in the parameters here.
Okay so finally I'm going to show you
how a column works.
So if we want to put any elements onto our page we have to do it through a column
So first of all I'm going to put a heading
in my middle column here
then I'm going to put an image in this column
and I'll put another image in this column
If you want to add any elements
like these onto your page directly then

Portuguese: 
Por isso, ativando a opção Enable Equal Width aqui,
todas as minhas colunas terão a mesma largura.
Também podem definir quantas colunas por linha querem ver
com esta opção aqui em baixo
podem arrastar
entre uma e o número de colunas que querem ver.
Se viermos aqui abaixo a column spacing
podemos alterar o espaçamento entre
colunas com este cursor
Temos também um vídeo mais detalhado
sobre isto, e o link dele
está na descrição deste vídeo.
Novamente, se quiserem alterar algo que tenha
a ver com o estilo da linha,
apenas vimos ao separador Styling e definimos
nestes parâmetros aqui.
Okay, finalmente vou mostrar-vos
como uma coluna funciona.
Se quisermos colocar quaisquer elementos na nossa página, temos que fazê-lo através de uma coluna
Então primeiramente vou colocar um título
na minha coluna do meio
e depois vou colocar uma imagem nesta coluna
e outra imagem nesta coluna
Se quiserem adicionar elementos
como estes diretamente na vossa página,

Chinese: 
如果，在这里启用等宽选项
所有的列都有相同的宽度。
还可以设置每一行显示的列数
这里，拖动滚动条
从1到列的总数，选择数量。
往下，这里可以设置列间距
利用这个滚动条，更改列之间的间距。
对此，我们有更详细的视频，而这个链接
就是该视频。
如果您还想对
行样式进行其他操作，
在Styling选项卡中，选择
适当的参数，修改它。
最后，我想展示
列是如何工作的。
如果在页面想要添加其他元素的话，必须得通过列。
所以，我把标题元素
放到中间这个列中。
然后，把图片元素放到这个列中
还把另一个图片放到这个列
如果您想直接在页面中添加其他元素，

Chinese: 
到Add element，然后拖放这些元素即可。
那么这些元素自动嵌入到列
行和部件里面
想要查看页面结构的大纲
往下，点击Show Page Outline即可。
这会显示在您页面中的所有部件。
您还可以添加遇见的列布局元素
这样可以节省时间。
这里，就看看几个不同的布局。
好，现在切换到手机视图
可以看到，在台式机从左到右的元素结构，
在手机视图里，变成从上到下的结构。
今天的视频教程，到此结束。
如果您觉得这个视频对您有用的话，
请点赞关注我们的频道，获得更多精彩的内容。
别忘了，在评论区
留言您遇到的任何问题
或者通过24/7 实时聊天跟我们联系。

English: 
you simply come to Add element
and you can drag and drop
And that element will be automatically contained
within a column
a row and a section.
If you want to see
the overall page structure of your page
simply come down here
and click on Show Page Outline.
This will show you the sections that you already
have on your page.
You can also add any of these pre-built
column layouts onto your page
to save you time.
So i'll just show you a few different ones here
Okay and if I head to mobile view
you'll see that the element structure
from left to right on desktop view are
structured from top to bottom
on mobile view.
Okay so that's the end of the tutorial
if you found this video helpful, please
like and subscribe to our channel for
more helpful future content.
Don't forget to leave us any questions
in the comment section below or reach us
via our 24/7 in-app Live Chat for
further assistance.

Portuguese: 
apenas têm que vir a Add element
e podem arrastar e largar
e esse elemento vai ser automaticamente colocado
dentro de uma coluna,
uma linha e uma secção.
Se quiserem ver
a estrutura geral da vossa página,
apenas venham aqui abaixo
e cliquem em Show Page Outline.
Isto vai mostrar-vos as secções que já
têm na vossa página.
Podem também adicionar um destes layouts de colunas
pré-definidos à vossa página
para poupar tempo.
Vou mostrar-vos apenas alguns.
Okay, e se eu for a Mobile View
vão ver que os elementos estruturados
da esquerda para a direita na vista desktop
ficam estruturados de cima para baixo
na vista mobile.
Okay este é o fim do tutorial
Se acharam este vídeo útil, por favor
deixem um Gosto e subscrevam o nosso canal
para mais conteúdo útil no futuro.
Não se esqueçam de nos deixar quaisquer questões
na secção de comentários abaixo ou nos contactarem
através do nosso Live Chat disponível 24/7
para mais assistência.

English: 
To learn more about pageFly, check out
our other video tutorials and visit our
Help Center.
Thanks for watching. See you next time.

Portuguese: 
Para aprender mais sobre a PageFly, vejam
os nossos outros tutoriais em vídeo e visitem o nosso
Centro de Ajuda.
Obrigado por assistirem. Até à próxima.

Chinese: 
想要了解PageFly的更多信息，
请参阅我们的其他视频教程，
或访问我们的帮助中心。
感谢您的收看，下次再见。
