Fatiando um Layout

Prévia do material em texto

Fatiando um Layout
1 º- Abra seu layout em formato JPG. Neste Tutorial eu irei trabalhar com a imagem do meu portifólio.
Esta imagem acima é o meu portifólio, iremos agora começar o fatiamento, tentando sempre obter um site leve. Epara isso poderemos eliminar partas que sejam cores estáticas, ou sem formas.
2º - Na barra de ferramentas de seu Fireworks, você irá selecionar a ferramenta Slice Tool, como indica na imagemacima.
Pronto, fiz a repartição de meu layout, veja a parte branca, eu deixei sem nada, pois quando ele exportar para ohtml, ele irá criar uma coluna com um retângulo em branco, no qual eu iria tirar a imagem em branca, e pintar tudode branco deixando meu site mais leve.
3º - Após fatiar você deverá exportar a imagem, para isso vai em File > Export . Você irá configurar como mostraabaixo.
Agora clique em Salvar e pronto, se você for até a pasta que escolheu irá ver suas imagens e o html.
Agora edite seu html usando o Dreamweaver.
Até a próxima.
[]' Eloah CristinaTutoriais Mania - O Maior Portal de Tutoriais da WEB