Blog

Web development and tips · Arquivo · RSS

Layout #1

CSS, Tableless, XHTML

Agora que já sabemos como escrever um XHTML e temos uma referência de CSS, vamos fazer o nosso primeiro layout. Primeiro temos que analisar o que queremos, ou que teremos de, exibir na página. Se vai ter um menu horizontal ou vertical, se vai ter rodapé, quantas colunas, etc. Depois...

Ler mais →

CSS Reference #1

CSS

Primeira referência de CSS vai ser sobre: Background & Border Background background-color: define a cor de fundo (ex: hexa/rgb/nome/transparent); background-image: imagem do fundo (ex: url(img/fundo.gif) ); background-repeat: se a imagem de fundo repete ou não. (ex: repeat/repeat-x/repeat-y/no-repeat); background-attachment: define se a imagem de fundo fica fixa ou rola junto com...

Ler mais →

Escrevendo o Primeiro XHTML

CSS, Semântica, Tableless, XHTML

Mãos à obra, vamos agora escrever nosso primeiro código XHTML. Abaixo o código já pronto e comentado: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt"> <head> <title> Título </title> <meta name="Generator" content="" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <meta...

Ler mais →

Extensões Firefox

Programas

Aqui vão algumas dicas de extensões para deixar seu Firefox muito mais robusto e personalizado. Extensão e uma breve descrição. FireFTP - que tal conectar ao ftp pelo Firefox. Rápido e seguro. IE View Lite - para você poder visualizar como está ficando seu código no Internet Explorer sem sair...

Ler mais →

Editores HTML - Qual usar?

Programas

Uma coisa muito discutida por quem trabalha com Web é qual editor usar. Mas antes de ficar testando editor por editor a procura de um que mais lhe agrade é bom procurar saber mesmo o que você espera que um bom editor tenha. O primeiro editor de HTML que usei...

Ler mais →

CSS - O que é?

CSS

CSS (Cascading Style Sheet) são folhas de estilo em cascata. _Pra que servem? _ Servem para definir um estilo para o seu documento Web (HTML, XHTLM, por exemplo). Ao invez de você ter que toda hora definir dentro da tag usada os atributos desejados, basta fazer isso uma vez pelo...

Ler mais →

XHTML - O que é?

Semântica, Tableless, XHTML

XHTML (Extensible Hypertext Markup Language) é uma linguagem de marcação baseada em XML escrita para substituir o HTML. No XML podemos criar nossas próprias tags, e o XHTML já vem com as tags pré-definidas baseadas nas tags já conhecidas do HTML. Utilizando as regras do XML. Já que o XHTML...

Ler mais →

Tags - O que são?

Semântica, Tableless, XHTML

São as estruturas que formam o HTML, podem conter atributos ou não. Uma tag é constituída por um sinal de “<” no começo seguido de seu nome mais o sinal de “>”. Os atributos da tag são especificados dentro dela. exemplo: <hr align="center" width="50%"> resultado: note que todos os valores...

Ler mais →

HTML - O que é?

Semântica, Tableless, XHTML

HTML (Hyper Text Markup Language) é uma linguagem interpretada por browsers (navegadores) para exibir textos e gráficos pela Web; Formado, estruturado, por Tag’s. Para desenvolver uma página HTML não é necessário mais do que um simples Bloco de Notas, desde que salve como a extensão .html. Exemplo de página HTML:...

Ler mais →