Curso de Padrões WEB 2.0 com XHTML e CSS

Neste curso voce verá os padrões que definem como a informação da página web deve se apresentar no navegador de Internet, de forma estruturada e organizada. Conhecerá o CSS que é o responsável pela apresentação visual das páginas web, que possui uma série de recursos específicos e avançados, que ampliam muito o potencial da XHTML.

Com o uso dos chamados estilos de formatação de conteúdo, o desenvolvedor usuário de linhuagens, PHP, JAVA, .NET, Rails entre outras, terá grande flexibilidade para melhor ajustar suas páginas da web no que se refere a apresentação no navegador. Rica em recursos, contribui significativamente para tornar as páginas mais limpas e rápidas, otimizando muito o tempo de resposta de navegação; componente chave na elaboração de layouts ricos, dentro do contexto tableless, utilizando estilos aplicados a camadas em documentos da web.

Objetivos

- Conhecer o funcionamento do protocolo HTTP
- Reconhecer as tags e o funcionamento da tecnologia XHTML
- Elaborar páginas da web, visando contemplar a adoção dos padrões de desenvolvimento
- Implementar a sistemática de hiperdocumentos(navegação entre páginas)
- Dominar o uso de elementos tabulares(tabelas)em documentos web
- Compreender e criar formularios na web
- identificar e criar recursos de interface visual com o uso de camadas
- Apresentar a tecnologia CSS como um padrão de desenvolvimento
- Desenvolver documentos da web com as distintas formas de vinculação com as folhas de estilos
- Formatar conteúdo textual de maneira mais rica e completa
- Aplicar os recursos avançados para controle e posicionamento de camadas
- criar ricos layouts tableless padronizados

Pré-requisitos

- Experiência com a utilização de interfaces gráficas para usuário (Windows ou Linux)
- Familiaridade com conceitos e técnicas de processamento de dados
- Noções de Informática

Público alvo

- Administradores de Dados
- Administradores de Banco de Dados
- Administradores de Sistema Operacional e Redes
- Analistas de Sistemas
- Arquitetos de Sistemas e Projetistas
- Designers
- Diretores de Informática
- Gerentes de Informática
- Gerentes de Suporte
- Programadores
- Profissionais do Suporte Técnico
- Web Designers
- Web Developers
- Web Managers

Conteúdo

1. A Internet e o Desenvolvedor Web
- Fundamentos em Internet
- O funcionamento de um servidor web

2. O padrão XHTML
- Conceito
- XHTML essencial
- O bloco essencial de dados
- Nomenclatura e extensão de arquivos
- Edição de arquivos
- Como validar documentos

3. Formatação de texto em XHTML
- Introdução
- Formatação de texto

4. Listas
- Conceito
- Listas não ordenadas
- Listas ordenadas
- Listas de definição
- Combinando listagens

5. Hiperdocumentos e Hiperlinks
- Apresentado hiperdocumentos
- Tratando de hiperlinks
- Implementando hiperlinks

6. Tabelas
- O uso de Tabelas
- Inserindo cabeçalho e rodapé

7. Formulários
- A comunicação com o usuário
- Implementação

8. Introdução ao CSS
- Cascading Style Sheets
- Utilização
- Princípios de designer com CSS
- Conseitos básicos
- Rule-Set
- Atributos HTML
- Blocos

9. Sintaxe Básica: identificação dos Elementos e codificação padronizada
- Formas de utilizar CSS em documentos
- Exemplo de código XML
- Pseudiclasses
- Pseudo-elementos
- Unidades de Medida
- Controle de cores
- At-Rules
- Comentários

10. Estilos para conteúdo textual
- Propriedades para controle de caracteres
- Propriedades para controle de texto

11. Otimizando a Apresentação visual de elementos
- Propriedades para controle de fundos
- Propriedades para controle de margens
- Propriedades para controle de espaçamento
- Propriedades para controle de borda

12. Explorando o Potencial das Listas
- Explorando listas
- Menu horizontal
- Menu vertical
- Listas aninhadas

13. Posicionamento de Camadas
- Posicionamento

14. Elaboração de Interfaces Tableless
- Elaboração de ricos (e limpos) layouts de páginas da web
- Como definir a estrutura básica de um layout
- Elementos para elaboração de layouts
- Exemplo 1: Implementação
- Gerando o código-base
- Exemplo 2: Implementação
- Horizonte

15. Hacks de CSS e Comentários Condicionais
- O que são Hacks de CSS?
- O bug do Box Model no IE
- O que são comentários condicionais?
- Por que não usar hacks de CSS e também não usar comentários condicionais?