Nas próximas aulas iremos trabalhar com desenvolvimento de layouts XHTML + CSS passo a passo. É muito importante que todos participem pois essa é a base para o desenvolvimento de páginas e aplicações web em conformidade com a metodologia Web Standards.
No site do Maujor, referência nacional sobre CSS, há um tutorial super interessante de como montar um layout css passo a passo.
Depois de um final de semana bem agitado, nada que uma ótima segunda-feira para continuarmos com o nosso aprendizado sobre as tecnologias da web. E claro, aproveitar para iniciar com a correção da prova para eliminar todas as dúvidas da matéria anterior.
Vimos até agora em sala de aula a metodologia Web Standards, definições de HTML, XHTML, CSS e vimos também sobre o W3C e qual é sua missão em relação a Web.
Agora já temos uma base para começarmos a construir páginas web. Não deixem de estudar estes conceitos iniciais, pois são de suma importância para continuarmos o nosso aprendizado sobre o desenvolvimento web.
Listas são muito úteis quando trabalhamos com estruturação de menus, lista de nomes, lista de artigos e listas em geral. Para praticarmos o uso de listas em XHTML, façam o download do arquivo texto Leis de Murphy.
O elemento âncora (tag <a></a>) juntamento com o atributo href têm a função de marcar hiperlinks, ou simplesmente links, em um documento. É exatamente tal elemento que confere toda a força à web, pois é ele que fornece o mecanismo para conectar documentos entre si.
Em sala trabalharemos com links na prática. Até lá.
CSS é a abreviação para os termos em inglês Cascading Style Sheets, traduzindo para o português como folhas de estilo em cascata.
Cabem às CSS todas as funções de apresentação de um documento web tais como: fontes, cores e espaçamento.
Para um estudo mais aprofundado sobre CSS visitem o site do Maujor. Este site é considerado por muitos e inclusive por mim, como uma referência nacional sobre às CSS. Vale a pena visitar inúmeras vezes.
No post anterior vimos sobre a linguagem HTML, neste post veremos sobre XHTML e suas principais diferenças sobre o HTML.
A XHTML é um reformulação da linguagem HTML baseada na XML (Extensible Markup Language). HTML e XHTML são linguagens bastante parecidas. Um documento XHTML é quase idêntico a um documento HTML, visto que ambas as linguagens utilizam o mesmo o mesmo conjunto de elementos. No entanto, um documento XHTML possui alguns componentes adicionais, que veremos no decorrer das aulas.
Dúvidas, reclamações ou sugestões deixe seu comentário. Abraços a todos.
A linguagem HTML (Hypertext Markup Language) foi desenvolvida por Tim Berners-Lee e desde a explosão da Internet, durante os anos 90, ela tem se firmado como linguagem universal para ligar informações a partir de computadores de todo o mundo.
Uma página HTML é um simples arquivo texto com a extensão (.htm) ou (.html). Isso torna o desenvolvimento de páginas relativamente simples, já que você só precisa de um editor de texto como o notepad e um browser para a visualização.
A HTML é constituída de elementos e atributos. Os nomes dos elementos HTML foram escolhidos levando em conta a destinação do elemento. Assim, um elemento HTML destinado a marcar um cabeçalho recebeu o nome heading que, em inglês, significa cabeçalho ou título. O elemento destinado a marcar parágrafos foi denominado paragraph, cujo significado é parágrafo, e assim por diante.
Veja uma lista completa dos elementos HTML no blog do Maujor.
No próximo post veremos a definição de XHTML e quais as diferenças em relação a HTML.
Vimos na última aula realizada no dia 27/02/2008 as inúmeras vantagens que garantimos no desenvolvimento web com o foco na metodologia Web Standards.
Também vimos a mágica do CSS transformando o XHTML. Eu particularmente adoro muito tudo isso.
Nosso curso abordará inicialmente XHTML e CSS, podendo estender até JavaScript, garantindo assim o tripé do desenvolvimento web. É interessante lembrar que essas três tecnologias são independentes de qualquer linguagem que usada do lado servidor, pois a saída sempre será em XHTML + CSS e/ou JavaScript.
Até a nossa próxima aula que iniciaremos com XHTML.
