[Tutorial] Como fazer uma layout page no FW

por **Tecnomm™** Ter Nov 18, 2008 8:47 am

Crie um documento em 778 x 800
desenhe sua layout page como quiser
pegue a ferramenta Slice Tool (K)
e fatie as imagens que ficaram os links cuidando para não retirar nenhuma outra img que não tenha nada haver!!
agora depois te fatiado selecione a imagem fatiada e ira aparecer este quandro como na ilustração abaixo:

e coloquem a url como mostrado e apertem enter
e ai coloque o tanto de url que desejares...
clique em file> exportar>> HTML COM IMAGENS>>> Salvar
agora abra a pagina HTML salva e clique com o botão direito e copie o codigo fonte retirando somente esta parte: Código:
Código:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">

e então hospede todas as imagens no http://www.imageshack.us/
e vai modificando o HTML ex: a pag html do meu forum ficou com os links das img's assim com este codigo sem a hospedagem da img:

Código:

Código:: <td colspan="9"><img name="LayoutPAg_r1_c1" src="layout%6_r1_c1.gif" width="778" height="461" border="0" id="LayoutPAg_r1_c1" alt="" /></td>

Código:: <td colspan="9"><img name="LayoutPAg_r1_c1" src="http://img514.imageshack.us/img514/8853/layoutpagr1c1sd2.gif" width="778" height="461" border="0" id="LayoutPAg_r1_c1" alt="" /></td>

Como centralizar a sua pagina??
Bom e facil basta add no comerço esse codigo:

Bom aqui termina o nosso Tutorial

Credito: Tecnomm

Programas usados no Tutorial: adobe - FW - Portable