Este treinamento destina-se àqueles que pretendem obter as qualificações necessárias para criar páginas Web por meio da XHTML, uma linguagem que associa as tags de marcação utilizadas em HTML com as regras empregadas em XML.

Os conceitos e as técnicas apresentadas no decorrer do treinamento darão ênfase à metodologia \"tableless\", que permite a criação de layouts sem a utilização de tabelas. Isto permite, entre outros aspectos, uma maior rapidez no carregamento dos sites e na alteração de seu layout.

Para que os alunos possam aproveitar este treinamento ao máximo, é importante que eles tenham participado do treinamento de Ambiente Windows da Impacta, ou possuam conhecimentos equivalentes.

Introdução

Markup Languages; XHTML; Histórico do XHTML; Vantagens; Visualizando o código fonte; Estrutura básica de um código fonte; Interpretação e transformação do código fonte; Pré-processamento; Processamento.

Conhecendo a estrutura do código XHTML

Tags e atributos; Estrutura do código XHTML; Tipo de documento (DOCTYPE); Elemento raiz; Cabeçalho; Corpo da página; Metatags; Meta name; Palavras-chave e descrições; Meta http-equiv; Atualização; Expiração e no-cache; Visualizando o código renderizado; Codificação de caracteres.

Formatando o documento XHTML

Cores em hexadecimal; Formatando o corpo da página; Formatação de texto; Estilo de texto; Direção do texto; Quebra de linha; Parágrafo; Cabeçalhos; Pré-formatação; Recuo de texto; Fontes; Caracteres especiais; Agrupando elementos; Div; Span; Comentários; Réguas horizontais.

Trabalhando com imagens

Extensões e tamanhos de arquivos; Imagens transparentes; Inserindo imagens; Atributos adicionais; Espaçamentos e bordas; Dimensionamento de imagens; Inserindo imagens como plano de fundo; Organizando os arquivos de imagem.

Trabalhando com vínculos (links)

Definindo âncoras; Tipos de vínculos; Link absoluto; Link relativo; Link com imagem; Link para correio eletrônico; Mensagens para mais de um destinatário; Definindo o assunto da mensagem; Mensagem com cópia; Escrevendo no corpo do e-mail; Nomeando âncoras; Determinando a janela de destino; Disponibilizando arquivos para download.

Trabalhando com listas e tabelas

Listas; Listas ordenadas; Listas não-ordenadas; Listas de definição; Tabelas; Legenda da tabela; Atributos de formatação; Espaçamento entre as células; Mesclando células; Mesclando colunas; Mesclando linhas.

Trabalhando com folhas de estilo

Conceitos de camadas; Folhas de estilo (CSS); Declarando estilos; Declarando estilos internamente; Declarando estilos no cabeçalho; Declarando estilos diretamente nas tags; Declarando estilos externamente; Cascateamento; Inserindo comentários; Atributos utilizados para formatação; Declaração de cores; Formatando texto; Formatando segundo plano; Formatando bordas; Formatando espaçamento entre conteúdo e bordas; Formatando listas; Formatando links; Formatando margens; Formatando a visualização do cursor; Seletores; Seletores de classe; Seletor de id; Dimensionando elementos; Tipos de mídia.

Tableless

Dimensão real dos elementos; Configurando as margens dos elementos; Posicionando elementos; Position; Posicionamentos: estático; fixo; absoluto e relativo; Float; Definindo camadas; Definindo janelas dinâmicas; Definindo o modo de apresentação dos elementos; Construindo layout.

Mapeamento de imagens

Definindo a área de um mapa; Coordenadas aplicadas à área; Vinculando mapas com imagens; Vinculando mapas externos com imagens.

Formulários

Configurando o envio do formulário; Métodos de envio; URL de destino; Especificando um URL e o método de envio; Criando objetos no formulário; Criando um campo texto; Criando campo para senha; Criando campos ocultos; Criando botões de seleção; Criando botões de opção; Criando botões de submissão; Criando botões de redefinição; Criando botões de submissão com imagens; Caixa de texto múltiplo; Caixa de seleção; Validando documentos XHTML; Elementos depreciados.