Como se faz uma Pagina em XHTML

Queridos Leitores,

Antes de mais agradeco imenco por leres este blog !

Hoje, vou partilhar convosco, imagens de um dos projectos que estou trabalhando, pretendo desenvolver uma pagina, basead em XHTML & jQuery .. Em conteudo de informacao localizada em blocos. Ate aqui nada de especial ..

Pretendo como resultado final, fazer com que os blocos de informacao contidos na pagina se movimentem reagindo aos clicks do rato..Seguindo clickes do rato, o bloco de informacao vai ascender, ou descender segundo localizacao do bloco... Este video, mostra o prencipio do projecto, e vou postando varios videos mostrando a continuacao deste projecto ...


E a images que esta a seguir e um Wireframe mostrando, como quero que a pagina, no final se pareca...

Introducao ao CSS

 

CSS - Cascading Style Sheet . E uma forma de separar o conteudo no layout de um pagina web.

Como e que Funciona ?

O Style ou Estilo é uma definição de fontes, cores, etc..
Cada Estilo tem um nome unico: o selector ou selecionador

O selector e os seus estilos soa definidos num so lugar. No teu teu markup HTML simplesmente te referes aos selectors sempre que quiseres activar ou usar o formato daquele selector.

Por Examplo;

Ao inves de definires o tamanho e cores do tipo de texto sempre que quiseres mudares o formato do teu texto simplesmente precisa te referrir aos selectors que declaraste no CSS e assim aplicares os estilo que pre-definiste no CSS.

Compare as Duas Tabela que se seguem:

HTML Classico..

Com CSS ( assumindo que o selector e aqui applicado e o formato attribuido )..

Enquanto CSS permite que você separe o layout do conteúdo, ele também permite que você defina o layout muito mais poderosa do que você poderia com o clássico HTML.

Vantagens do CSS....

Com CSS, tu podes ser capaz de;

- Definir a aparência de suas páginas em um único lugar ao invés de se repetir uma e outra vez em todo o site. (Nunca se cansa de definir cores e fontes cada vez que você começar uma nova célula em uma tabela? Esses dias acabaram com CSS!)

- Alterar facilmente a aparência de suas páginas, mesmo depois que são criados. Uma vez que os estilos são definidos em um lugar que você pode mudar o visual do site inteiro de uma vez. (Nunca se cansa de substituir tags em seu site quando você quiser alterar a aparência de um certo elemento? Esses dias acabaram com CSS!)

- Definir tamanhos de fonte e outros atributos semelhantes com a mesma precisão que você tem com um processador de texto - não se limitando apenas aos sete diferentes tamanhos de fonte definidos em HTML.

- Posicionar o conteúdo das suas páginas com precisão de pixel.

- Redefinir inteiras tags HTML. Digamos, por exemplo, se você queria que a tag bold para ser vermelho usando uma fonte especial - isso pode ser feito facilmente com CSS.

- Definir estilos personalizados para links - como se livrar do sublinhado.

- Definir camadas que podem ser posicionados em cima uns dos outros (muitas vezes utilizado para menus que aparecem)...

Continua... No proximo artigo ... Interessado em Desenvolver Solucoes Web por favor contact iTechReload Ltd 

Aulas em CSS

CSS é um excelente complemento para HTML simples.

Com HTML simples você pode definir as cores e tamanhos de textos e tabelas em todas suas páginas. Ma nao pode fazer muito em termos de estilo do conteudo de sua pagina... Se você quiser alterar os estilo dos elementos em sua pagina para alem da simples alteracoes de HTML entao, ai tera de usar CSS.
CSS - Significa "Cascading Style Sheet"

Com CSS você pode definir as cores e tamanhos em "estilos". 

Entao para construir os seus documentos com extrutura tera como ja disse em antemao de usar styling ou CSS. Portanto: se você alterar um estilo certo de que vai mudar o visual do seu site inteiro. Outra grande vantagem é que o CSS oferece muito mais detalhados do que atributos HTML simples para definir a aparência do seu site.

Finalmente, CSS pode ser escrito de modo que o usuário só precisa baixá-lo uma vez - no documento de folha de estilo externa. Ao navegar pelo resto do seu site a CSS será armazenada no computador de usuários e, portanto, acelerar o tempo de carregamento. A única razão para não usar CSS em seu design não é saber!