Tutorial Dreamweaver

novembro 8, 2007

Para a prática de construção de páginas utilizando o Dreamweaver, utilizaremos os seguintes arquivos:

topo.jpg

Para o topo da página.

E como ilustração:

logo-1.jpg

O arquivo tutorial.css é :

.Corpo_texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
margin: 20px;
vertical-align: top;
line-height: 130%;
}
.Título {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0066CC;
}
rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 10em;
text-align: center;
}
.Lista {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

inks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

O loren ipsum :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque vel lorem in ipsum cursus aliquam. Mauris et mi. Nullam vehicula est eget mauris. Cras tincidunt. Nunc dignissim. Nam congue semper sapien. Praesent ut mauris. Nullam metus justo, varius eu, ultricies vel, porttitor vel, justo. Etiam fringilla posuere libero. Curabitur rutrum pellentesque nibh. Vivamus vel felis. Ut neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce non nunc.

Donec eget pede sed mi semper dictum. Morbi nec ligula. Pellentesque auctor felis ut elit. Donec sit amet sapien. Donec venenatis metus quis libero. Donec egestas ante a arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi non neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque tincidunt. Cras vitae sapien. Sed tortor justo, ornare nec, malesuada eu, vehicula ac, mi.

Aenean porttitor, nulla nec aliquam malesuada, lorem massa malesuada sem, quis mollis orci pede vitae neque. Vivamus gravida. Nam ultrices sagittis nulla. Praesent dolor. Fusce pretium mollis urna. Donec dictum. Phasellus quis nunc. Maecenas libero. Phasellus tincidunt turpis id augue. Curabitur est justo, bibendum ut, placerat non, interdum ut, ligula. Aenean sagittis nibh ac magna.

Vivamus porttitor eros ac tellus. Vivamus mollis enim a odio. Nam velit velit, dignissim at, cursus a, porttitor id, leo. Duis a turpis a turpis viverra tincidunt. Nulla cursus pulvinar risus. Pellentesque leo. Proin euismod justo id felis. Nulla tellus. Cras tincidunt. Fusce blandit magna vel dolor. Ut nisl leo, viverra non, pretium at, ornare quis, lorem. Morbi at neque egestas tellus dignissim varius.

Segunda coluna:

Proin porta. Curabitur libero. Nam vitae nunc. Duis posuere. Nulla fermentum sapien nec ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris aliquam dolor at justo. Donec dignissim, lorem et sodales malesuada, mi odio feugiat eros, id iaculis nibh diam vitae dui. Pellentesque enim nisi, accumsan at, molestie eget, ultrices cursus, eros. Phasellus lacus ante, interdum sit amet, pharetra vel, molestie vitae, metus. Phasellus massa dui, hendrerit in, aliquet eu, volutpat quis, est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tellus. Morbi faucibus metus sed arcu. Morbi libero purus, mollis et, volutpat nec, facilisis vitae, ante. Maecenas dapibus, mi sed tempus interdum, nibh enim dapibus diam, eu varius enim mauris eget diam. Mauris diam.

tutorial.jpg Eis como deve ficar o resultado.

E o site publicado.

É claro que vocês podem exercer a criatividade de vocês e criar as suas próprias páginas.

Bom trabalho!

Uma resposta to “Tutorial Dreamweaver”

  1. junior Says:

    vaz um tutorial aii do Dreamweaver em portugues pow…..

    da mais futuroo


Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: