Webstandards, Tableless, CSS e Acessibilidade

Formar alunos capazes de criar páginas utilizando formatação com CSS e tableless, capazes também de seguir estritamente os padrões oficiais da Web e de lidar com questões de acessibilidade.


Descrição

Você aprende a construir páginas dinâmicas e acessíveis em vários dispositivos, entendendo e respeitando os padrões Web.

Carga-horária: 24 horas

Público-alvo: designers e profissionais de desenvolvimento Web em geral.

Pré-requisitos: Conhecimentos de HTML, que podem obtidos no curso I200 - HTML Completo.



Conteúdo Programático
I. WEBSTANDARDS
â– Estrutura e forma
â– Separando a estrutura da forma
â– Por que "padrões"?
â– Quando falamos de "standards" para web, queremos dizer...


II. OS PADRÕES
â– O padrão HTML
â– A volta da semântica
â– O padrão XML
â– Definição de tipo de documento
â– DTDs disponíveis
â– Padrão XHTML
â– Comparação HTML x XHTML
â– XHTML no Dreamweaver
â– Convertendo HTML em XHTML


III. ACESSIBILIDADE
â– Desenho universal
â– Tecnologia assistiva
â– Recomendações do W3C
â– Roteiro para a construção de sites acessíveis


IV. O JAVASCRIPT EM AÇÃO
â– Como funciona o JavaScript
â– Objetos de um browser
â– Inserindo um JavaScript
â– A tag <script>
â– Links com JavaScript
â– Links que chamam funções
â– JavaScript externo
â– Apontando para um "js"


V. ENTENDENDO AS CSS
â– Definindo as CSS
â– Gerações de CSS
â– Métodos de especificação
â– CSS Inline
â– CSS Embedding
â– CSS linking
â– CSS Importing


VI. SINTAXE DAS CSS
â– A regra CSS e sua sintaxe
â– Tipos de seletor
â– Seletores simples
â– Seletores múltiplos
â– Seletores contextuais
â– Seletores do tipo classe
â– Pseudoclasse
â– Seletores do tipo ID
â– Propriedades e valores


VII. STYLE SWITCHERS JAVASCRIPT E CSS
â– Uma página, vários estilos
â– Folhas de estilo alternativas
â– O JavaScript do Switcher
â– Cookies
â– Colocando tudo junto


VIII. INTRODUÇÃO AO TABLELESS
â– Box Model
â– Margin e Padding
â– Float
â– Clear
â– Mudando gradativamente (Tabelas x Layers)


IX. POSITIONING
â– Posicionamento estático
â– Posicionamento absoluto
â– Posicionamento relativo
â– Empilhamento de camadas
â– Empilhamento no Dreamweaver


X. MANIPULANDO LISTAS
â– Listas como Navegadores
â– Manipulando Listas


XI. CSS HACKS
â– Exemplos de CSS Hacks