Utilização do PHOTOSHOP 6 como editor para construção da página HTML.
Resumo do processo de criação:
- Criação da página base :
File -> New -> 800x600 pixels resolução 72 inch/polegadas cor: RGB (ideal para publicações html)
- Integração da imagem:
Open -> (Selecção do ficheiro jpeg a inserir na página) -> (depois da imagem aberta) -> Image-> Image Size -> 225x300 pixels (Ao mudar um dos valores a proporção mantém-se)
- Adição de texto e atribuição de uma ligação a esse texto:
Na ferramenta T, procedemos à adição de texto;
Para alteração do aspecto ou cor do texto: Clicar em cima do layer respectivo 2 vezes e selecionar a opção LAYER STYLE e fazer as alterações pretendidas.
Para atribuir uma ligação a esse texto: Ferramenta SLICE TOOL -> selecção do espaço/texto sobre o qual se pretende atribuir uma hiperligação.
Esta ferramenta irá criar umas linhas guia e atribuir vários números de corte, entre os quais devemos carregar em cima da ÁREA AZUL de cada corte individualmente e onde irá surgir a opção SLICE OPTIONS.
Na caixa de diálogo que aparece, no campo URL devemos colocar o endereço de HTML que corresponde ao texto seleccionado -> OK.
Após este processo estar concluido para todas as hiperligações pretendidas fazer SAVE FOR WEB e SAVE do mesmo documento.
- Publicação da página:
-> Abrir o servidor (no meu caso FilleZilla) -> abrir a pasta correspondente à página inicial (public_...) -> transportar os ficheiros criados, incluindo a pasta com as imagens (criado por defeito).
OBSERVAÇÕES:
Para que a pág. web fique com a mesma cor de fundo que a pág. criada no Photoshop, devemos colocar o código décimal da cor pretendida, código este que pode ser verificado na ferramenta COLOR PICKER do Photoshop e alterada no código html da nossa página, substituindo a cor de defeito #FFFF pela pretendida.
