Escolar Documentos
Profissional Documentos
Cultura Documentos
HTML ou Hypertext Markup Language, uma linguagem de marcao em que as pginas web se baseiam. O HTML realiza uma srie de tarefas atravs das pginas, incluindo descrever a estrutura de informao baseada em texto para ser exibida dentro da pgina e fazer requisies dos outros elementos (css, linguagens de programao, imagens ...), proporcionando um meio para que o usurio interaja com o site ou aplicativo.
Quando uma pgina HTML fornecida para o navegador do usurio atravs da Internet, o navegador ir "traduzir" o cdigo HTML para o formato que ser exibido.
HTML escrito na forma de etiquetas, conhecidas como tags. Cada tag inclui uma tag "aberta" e uma tag "fechada", e o contedo contido dentro das tags. Por exemplo, um ttulo pode ser mostrado em negrito usando o par de tags: <b>Ttulo</ b>.
Linguagem de estilizao e formatao Funciona em conjunto com uma linguagem de marcao (HTML) Separa contedo de layout e estilo Ajuda a melhorar acessibilidade Ajuda a melhorar manuteno
Agregao de declaraes
#id
Selector adequado para definio de estilo NICO.
.class
Selector adequado para definio de estilo REPETVEL.
Herana e especificidade
Uma regra herda propriedades da anterior com o mesmo nome pela ordem em que surge no CSS.
h1 {font-weight:bold; font-family:Arial;} h1 {font-size:36px;background-color:red;} =
Herana e especificidade
Em caso de conflito, ganha a regra mais abaixo no CSS h1 {color: green;} h1 {color:red;}
= h1 {color:red;}
Herana e especificidade
Cada tipo de selector tem um nvel de especificidade diferente.
tag class Id
Herana e especificidade
.texto {color:yellow;} p {color:red;} <p class=texto>Ol</p>
Apesar da regra que define que os pargrafos so vermelhos vir mais tarde na CSS, a classe .texto tem uma especificidade maior, sobrepondo-se.
Propriedades de bordas
border-style: Estilo da borda em CSS. border-width: Largura da borda em CSS. border-color: Cor da borda em CSS.
TCH!
Acorda.
O design sempre sofreu influncia dos meios de produo. J se perguntou o motivo por ter uma cadeira de Produo Grfica no curso? Conhecer formas de impresso, formatos de folha, retculas, cores Pensou? O Desenhista Industrial PRECISA conhecer a forma como os produtos sero feitos. Mesmo que no seja ele mesmo o responsvel por isso.
Ingls avanado Viso alm do alcance Perfil investigativo Perseverana e pacincia Madrugadas longas Organizao Humildade e colaborativismo Perseverana e pacincia
Como voc pode suspeitar, h uma oferta infinita de tutoriais e materiais de instruo para aprender sobre HTML na internet. Tutoriais completos, tutoriais especficos sobre algum problema que voc esteja enfrentando, estudos de caso...
http://www.w3schools.com/css/css_examples.asp http://www.htmldog.com/ http://www.cssnolanche.com.br/ http://www.google.com/webfonts http://endtwist.github.com/kerning.js/
Voc pode comear a entender a estrutura HTML + CSS olhando o cdigo-fonte das pginas. Outra forma de "aprender" HTML + CSS simplesmente criar um site.
Voc no precisa se tornar um especialista em HTML/CSS para construir websites. Muitos dos softwares mais populares para a construo de websites incluem funcionalidades poderosas (Dreamweaver, Fireworks, Muse, etc). Mas ter as noes bsicas fundamental para fazer ajustes nos cdigos que estes softwares criarem.
Contando que o HTML, que serve como a espinha dorsal de um site, basicamente texto, qualquer editor de texto (incluindo o Bloco de Notas do Windows) pode ser usado para criar um website. Escrever cdigo diretamente em um editor de texto pode ajud-lo a entender melhor o que est acontecendo "nos bastidores. Comear com softwares rudimentares pode ser fundamental para o seu treinamento para se tornar um Ninja HTML/CSS. Recomendo usar o Notepad++