Hello there! Welcome to this video! We will see here how to put and organize text and
links with
This tutorial continues the
the full guide in the video description.
In the previous video we saw how to use Dreamweaver in general. So we can start
making the basic structure of our website. So create the necessary
for the banner, one for the central background, and as many other Div Tags
as the text columns you want to add, for example three.
Then it's important to add the right properties to each Div Tag, for example
their placement. Turn
Remember to add the Div Tags interested in the
To make all faster, click on the
We'll add some borders to highlight where the Div Tags finish.
Let's see how the
A Div Tag can be seen as a text box on its own
write in, as it is shown by default.
You can edit the text content simply clicking inside and typing normally using the
View
However, it is not as simple as it seems. If you type a sentence that is not short,
Dreamweaver will enlarge the text area by default. And
original structure.
you set the text content of a Div Tag.
Expecially in complex websites, you need to adjust the layout of the right Div Tag.
If it's ''First_box'' the Div Tag that messed up the structure, you need to adjust
margin
Moreover, it must be clear the difference between a
A paragraph, indicated through a
compact piece of text, that starts from a new line, and has a safe line in the end.
This is created when you press the
New lines are indicated through the
Any text inside the two
does start in a new line. This explains why our sentence is put even lower than
expected. Simply remove the p symbols to remove the paragraph and
consider the sentence on its own, without new lines. Remember that
command represents a new blank line.
text.
Let's suppose to
Tags through the
text and nothing else.
In
# since
The properties given to the Body Tag, will affect any text content in the project.
For example, if we put color to the Body Tag, all the text will have such color,
paragraphs and non-paragraphs. However, the Body Tag properties are
important ever
will assume this color, and
This changes the text properties between Div Tags, but not
To do this, we need to use
At the bottom of your project, there is a window called
don't find it, simply go to
main properties related to the piece of code where your pointer is. If you are
analizing the text, its properties will be shown. Here, right next
turn in
You can choose between
a subgroup of text that
from using the
paragraphs. The number simply recognizes one of the possible headings. By default,
an high number means an high font size, but they are fully customizable.
So we can point at one paragraph and choose an heading as format. This will
change its properties,
in the code through an
start from a new line, and are separated from the other pieces of text in the end.
A little above
represent different IDs. This means that you can edit them separately like you did
with the text inside different Div Tags. Mind that the properties given through the p
or the
Div Tag properties or the general
So, if we simply want to edit the heading, just point at it, and click on the plus in
Selectors
with the
So each Div Tag can have its own text style, but even its text can have different
properties, up to seven, from the paragraph to heading six.
Just when finishing with the text inside a Div Tag, you can adjust its layout.
the
and then adjust the layout between the Div Tags later.
Let's see how to make
that can be another website page, a download, or even any image or video.
The link is applied exactly like the
at the moment
to browse for the file interested. If it's a website, simply browse the
If the file is not included in the
to copy it there. So symply click on
indicated through an
However, to test this link,
a
one of your browsers to open the html page in full.
You may need to use this powerful test pretty often. Not just for the links, but
to check if the Div Tags are set in the right way. In fact,
Dreamweaver may not in a browser.
To have hints in
Even more, you can add a link of an external website. Simply copy and paste
the
This is all! Now you can write the paragraphs and the headings you need for
your website! Check the next video to know how to put
Thanks for watching.