Relatrio T2 :: Website [Wordpress] e

Fotografia Digital
Valores das fotos de estdio:

Tempo de Exposio: 1/50 seg.

Distncia Focal: 29mm
ISO: ISO-100
Equilbrio de brancos: Automtico
Abertura f/5

Tempo de Exposio: 1/60 seg.

Distncia Focal: 39mm
ISO: ISO-100
Equilbrio de brancos: Automtico
Abertura f/5

Tempo de Exposio: 1/50 seg.

Distncia Focal: 39mm
ISO: ISO-100
Equilbrio de brancos: Automtico
Abertura f/5

Tempo de Exposio: 1/50 seg.

Distncia Focal: 39mm
ISO: ISO-125
Equilbrio de brancos: Automtico
Abertura f/5

Cmara Utilizada: Canon EOS 550D Tipo de Lente: 15-55mm

Procedimentos utilizados no Photoshop (edio das fotografias):

Em todas as fotografias capturadas para a exposio no website foram utilizados os
mesmos procedimentos, de modo a melhorar a sua definio e cor: Nitidez;
Superexposio/Subexposio; Contraste/Luminosidade; Matiz/Saturao; Corte (Crop);
Efeitos (como Bevel & Emboss, Satin,).
No entanto, algumas fotografias alteraro a sua cor original, sendo que uma delas
sofreu uma transformao para preto e branco (ajustes de imagem) e outras viram elementos
individuais, devidamente selecionados (atravs da Lasso Tool), mudar de cor.

Tutorial: Website (Wordpress)

1. Depois de criada a conta e de instalados os plugins (Plugins > Adicionar Novo)
disponibilizados no blackboard, procedi criao de uma barra de menus. Para
isso foi necessrio criar as pginas a apresentar (Pginas > Nova Pgina), darlhes nome e contedo e publicar (o mesmo processo foi utilizado para todas as
pginas):

2. Para que estas ficassem visveis na barra de menus, criei um menu e adicionei
as pginas criadas anteriormente (Apresentao > Menus). Aps estruturada a
barra de menus, clicar em guardar menu:

PGINAS A pgina Vdeo foi puxada para a

direita de modo a ser um subitem da pgina
primria Sobre.

Este deve aparecer assim:

3. Na escolha de um tema para o website vamos a Apresentao > Temas >

Adicionar Novo. Podemos pr-visualizar o tema, de modo a ver como este se
adapta pgina. O tema escolhido foi o Sela:

4. O tema ao ser selecionado, no est configurado. Para isso temos de o

personalizar a nosso gosto, de maneira a que este contribua para a esttica do
website. Assim, clicar em Personalizar. Ir aparecer uma barra do lado
esquerdo e o nosso site de fundo:

A personalizao do site passa por conferir-lhe um ttulo, uma descrio e um logtipo,

definir as cores de fundo e das letras, adicionar imagens de cabealho ou de fundo,
entre outras definies.

5. Outro modo de embelezar o site e, ao mesmo tempo, torn-lo funcional

adicionando widgets. Apesar deste tema ter a opo de adicionar widgets
(como podemos ver na barra lateral esquerda), h temas que no a possuem.
No entanto, atravs do painel de criao do site, podemos adicionar essas
funes na mesma (Apresentao > Widgets):

Vo aparecer muitas opes a adicionar: arquivo,

artigos recentes, calendrio, categorias e at
mesmo uma imagem. Para o meu site escolhi o
calendrio, a seco dos artigos recentes e
informaes de contacto. Estes widgets podem
ser colocados na Main Sidebar e no website
encontram-se
na barra do
lado direito:

6. Na configurao do tema existe a opo de adicionar um logo ao website.

Depois de escolhido um logo, atravs do site www.logologo.com, e de uma
imagem que representasse o tema do site (cuja imagem fui buscar a um dos
sites disponveis do blackboard: www.pexels.com), adicionar o produto final
biblioteca de imagens. Voltar personalizao do tema, selecionar Site, Title,
Tagline, and Logo e clicar em Add Image. O resultado dever ficar assim,
com o logotipo a anteceder o ttulo do website:

Nas opes de personalizao encontra-se a introduo

de uma imagem cone, isto , um cone do site:

7. Assim como qualquer website, a pgina inicial deve

ter contedo, ou melhor, posts. Para isso, necessitamos criar texto e, se
quisermos, adicionar uma imagem. No painel, ir a Artigos, selecionar Novo
Artigo e conferir um ttulo:

8. Para adicionar uma imagem clicamos em Adicionar Multimdia e carrega a

imagem. Selecionado o separador Visual e no o HTML, introduzir a
imagem e escrever um texto auxiliar. Para que este aparea na pgina inicial,
clicar em Publicar:

Repetir o processo para todos os artigos a serem publicados no website.

NOTA: As imagens e o texto podem ser colocados disposio
de cada um, assim como a organizao dos artigos no website,
isto , por exemplo, quantas colunas de artigos colocadas na
pgina.

No meu caso, escrevi trs artigos, cuja apresentao fica assim:

9. Com ajuda do tutorial disponvel no site

https://www.onedesigns.com/tutorials/enlightenment-documentation-jetpackportfolio, constru um porteflio de imagens para apresentar no website. Assim
que criada a seco Potfolio, clicar em Adicionar Novo. Uma vez criado um
novo projecto, inserir uma imagem (atravs do procedimento descrito no
ponto n8, como se fosse um artigo) e publicar:

Adicionei cinco fotografias ao portfolio e produzi um texto auxiliar para cada uma
delas. Aps publicar todos os projetos, o resultado final foi este:

10. Por fim, adicionei um vdeo que remete para a minha infncia na pgina
Sobre. Fui ao Youtube buscar o vdeo e cliquei em Share e selecionei a
opo Embed. Copiei o link abaixo apresentado e, depois de criada a pgina
para o vdeo, colei o link no separador HTML:

O vdeo fica disponvel debaixo da pgina Sobre:

11. Assim, o meu site ficou concludo! A organizao e esttica do site subjetiva,
o nmero de artigos, pginas, imagens e a sua estrutra fica ao gosto de cada
um.