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
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