Sejam bem vindos ao tutorial de como “Criar um site completocom sistema de notícias”.

Para você conseguir acompanhar este artigo são necessáriosos seguintes requisitos abaixo:

- Fireworks CS4

- Dreamweaver CS4

- Apache2triad

- Noções em HTML, PHP e Banco deDados MySql.

Capitulo 1

Sobre oprojeto

Primeira fase

Primeiramente o que você precisa saber é o que vai serabordado neste tutorial. A ideia deste projeto é criar um site completo desde asua estrutura, analise de necessidade até a montagem do layout.

Segunda fase

Nesta fase estarei mostrando como fatiar todo o layoutdesenvolvido com o Fireworks CS4 e depois exportar os arquivos. Com oDreamweaver CS4 importarei os arquivos fatiados e em seguida irei fazer amontagem, a diagramação do site. Isso tudo vai ser desenvolvido em Tableless.

Abaixo o Wireframe (imagem 1) do projeto que seráconstruido e o site(imagem 2)estático propriamente dito.


Praticando:

Abra o Fireworks e em seguida selecione em Create New conforme imagem 3.



Na janela seguinte informe o tamanho do Width e Height em pixels conforme imagem 4.

Crie uma pasta em um diretório de sua preferência que fiquede fácil acesso como o nome “tutorial_criando_site”dentro desta pasta crie outra pasta com o nome de “imagens” salve o arquivo com o nome “wireframe_site” dentro da pasta “imagens”.

Bom assim finalizo o primeiro capitulo deste tutorial. Nosegundo capitulo mostrarei como montar, colorir e fazer toda a estetização dolayout.

Espero que tenham gostado e até a próxima.