10.02.2013 Views

Fundamentos de Web Design e Formatação de Imagem

Fundamentos de Web Design e Formatação de Imagem

Fundamentos de Web Design e Formatação de Imagem

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Aula 2 – Edição e publicação <strong>de</strong> sites<br />

Objetivos<br />

Conhecer conceitos básicos sobre as linguagens <strong>de</strong> marcação e<br />

formatação <strong>de</strong> páginas web.<br />

Apren<strong>de</strong>r o processo <strong>de</strong> publicação <strong>de</strong> páginas web.<br />

2.1 Um esqueleto chamado HTML<br />

HTML significa (Hyper Text Markup Language) – Linguagem <strong>de</strong> Marcação <strong>de</strong><br />

Hipertexto). Segundo Wikipédia (2012) Tim Berners-Lee criou o HTML original (e<br />

outros protocolos associados como o HTTP) em uma estação NeXTcube usando<br />

o ambiente <strong>de</strong> <strong>de</strong>senvolvimento NeXTSTEP. Na época a linguagem não era uma<br />

especificação, mas uma coleção <strong>de</strong> ferramentas para resolver um problema <strong>de</strong><br />

Tim: a comunicação e disseminação das pesquisas entre ele e seu grupo <strong>de</strong> colegas.<br />

Sua solução, combinada com a então emergente internet pública (que se<br />

tornaria a internet como a conhecemos) ganhou atenção mundial.<br />

Todo documento HTML apresenta etiquetas (ou TAG), elementos entre parênteses<br />

angulares (chevron - < e >); que são os comandos <strong>de</strong> formatação da<br />

linguagem. A maioria das etiquetas tem sua correspon<strong>de</strong>nte <strong>de</strong> fechamento:<br />

Isso é necessário porque as etiquetas servem para <strong>de</strong>finir a formatação <strong>de</strong><br />

uma porção do documento, e assim marcamos on<strong>de</strong> começa e termina o<br />

texto com a formatação especificada por ela. Uma etiqueta é formada por<br />

comandos, atributos e valores. Os atributos modificam os resultados padrões<br />

dos comandos e os valores <strong>de</strong>finem características <strong>de</strong>ssa mudança. Exemplo:<br />

Aula 2 – Edição e publicação <strong>de</strong> sites 27<br />

e-Tec Brasil

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!