Fazendo uma Página no Dreamweaver

É muito fácil fazer o HTML da sua página no programa Dreamweaver da Macromedia!
Para começar, abra o programa. Eu uso a versão 8, mas não deve ser muito diferente para as outras. Quando o programa carregar, vai aparecer uma janela. Procure por Create New ( vai estar +- no meio ), HTML.


Agora, procure uma parte da página em branco, fora da figura. Clique com o botão direito e clique na última opção do menu ( Page Properties / Propriedades da página ). Na janela que vai carregar, você pode escolher a fonte da página, a cor e o tamanho dela, o fundo e muito mais!

Em Page Font você pode escolhe a fonte da sua página, no B e no I do lado, você escolhe se quer ou não que todo o texto da sua página fique em negrito ou itálico. Em size você muda o tamanho da fonte, em Text color a cor dela, em Background color a cor do fundo e em Background image você coloca a imagem que você quer que repita no fundo da página. Se você não tiver nenhum,a deixe em branco.
Deixe o Repeat como ele está, e em Left Margin, Top Margin, Right Margin e Bottom Margin coloque o valor 0 ( para a imagem ficar grudada no topo e na esquerda da página! ).

Agora, procure por Category / Categoria do lado de la <- da janelinha e clique em Links. Agora é basicamente a mesma coisa, escolher a fonte, se quer ela em negrito ou itálico, o tamanho e as cores do link nos diversos estados ( link: link normal / visited: visitado / rollover: mouse em cima / active: quando você clica ) e o Estado o underline, se quer sempre com ele, só quando passar em cima, etc.

Em Headings você pode editar as tags<h1>,<h2>, etc.

Em Title Encondings você apaga o "Untitled Document" e põe o título da sua página!

Agora é só clicar em OK e sua página vai estar pronta!

Agora, para colocar a parte do blog onde você coloca o texto dentro, vá em View -> Code ( Visualizar -> código (?) ), ou clique no botão Code.


Agora, no código, procure pela tag sa imagem:

<img src="lalala" width="800" height="600" />

Pule uma linha desse código e cole isso:

<div style="width:100; height:50; top:14; left:0; position:absolute">DIV DIV DIV DIV </div>

Esse é o código de uma div! Agora, volte para o modo de Desing ( view / design )que vai aparecer um retângulo, e dentro dele vai estar escrito "DIV DIV DIV DIV". Agora, é só ir mexendo a div até que ela fique no lugar dos seus posts! Copie e cole o código de novo e coloque no lugar do perfil! Sobre a altura dela, não importa o tamanho que você deixar que ela não vai criar uma barra de rolagem! Se você quiser uma div com barra de rolagem, cole esse código:

<div style="width:100; height:50; top:396px; left:568px; position:absolute; overflow:auto">DIV DIV DIV DIV</div>

E faça o mesmo processo da outra div para colocá-la no lugar! Pronto, agora é só colocar o conteúdo da sua pagina dentro da respectiva div!

Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?