O que é XHTML?
O XHTML, ou eXtensible Hypertext Markup Language, é uma reformulação da linguagem de marcação HTML,
baseada em XML. Combina as tags de marcação HTML com regras da XML. Este processo de padronização tem em vista a exibição de páginas Web em diversos dispositivos (televisão, palm, celular, etc). Sua intenção é melhorar a acessibilidade.
O que é CSS?
CSS é a sigla para Cascading Style Sheets que em português foi traduzido para folhas
de estilo em cascata e nada mais é, que um documento onde são definidas regras de fomatação ou de estilos, a serem aplicadas aos elementos da marcação de um documento HTML.
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.
Padrões WEB 2.0 com XHTML e CSS
Duração: 20hs
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?
|