O que é o Web Standards?
Web Standards é algo que vem sendo muito discutido atualmente, mas nem todos sabem o que realmente isso significa ou para que foi criado e qual sua verdadeira finalidade.
Podemos definir "Web Standards" como padrões criados por convenções internacionais para desenvolver um site semanticamente correto, possibilitando que seu conteúdo fique acessível a todo o tipo de pessoas, independente de suas necessidades ou equipamentos utilizados. O Site criado em Standards deve se adaptar integralmente a todos os Browsers existentes, pois cada um possui um padrão de comportamento diferente e, como não sabemos qual browser o usuário estará utilizando no momento em que estiver acessando nossa página da web, devemos projetar nossa página "padrão" a todos eles.
Para quem se destina:
É recomendado para todos os Web Designers ou pessoas com conhecimentos
afins.
Por que estudar no ADV Informática?
Porque aqui, nossas aulas são individuais, onde o professor pode dar explicações personalizadas para cada aluno de forma a facilitar o aprendizado. Você aprenderá todas as técnicas do processo de criação de um site totalmente em Standards, utilizando CSS e a Metodologia Tableless. Com laboratórios equipados com todo o material necessário para você se tornar um verdadeiro profissional no assunto. Você exercitará técnicas que irão mostrar-lhe como separar a Estrutura (HTML) da Forma (CSS), criando um código Semanticamente Correto, implementará o JavaScript para suprir as necessidades básicas de uma página estática, tornando-a dinâmica (DHTML), aprenderá sobre a importância da acessibilidade, a Definição do Layout a página através do CSS, o uso do Style Switcher, que faz com que a Folha de Estilos seja trocada em tempo de execução (momento em que o usuário visualiza a página no Browser). Aprenderá também as diferenças entre os principais Browsers utilizados hoje em dia, os tipos de Media mais utilizados, como por exemplo, screen e handheld. Aprenderá a construir páginas que poderão ser perfeitamente visualizadas em dispositivos portáteis como Palm-Tops e Telefones Celulares (mobile devices) e muito mais.
A Equipe do Curso ADV Informática tem o maior prazer em estar passando o máximo de informações, a fim de auxiliar na sua formação profissional.
Pré-requisito:
Ter conhecimento em HTML.
Carga Horária:
24 horas
Para mais informações ligue para um destes números: (21) 2262-6887 / (21) 2210-1180 / (21) 2240-4378
Programa do Curso Web Standards, CSS, Tableless e Acessibilidade
- Introdução aos Web Standards
- O que é o W3C
- O que são as Standards do W3C
- HTML 4.0 - Linguagem de Marcação para Hipertexto
- XML 1.0 - Linguagem Extensível de Marcação
- XHTML 1.0 - Linguagem Extensível de Marcação para Hipertexto
- DTD's do XHTML 1.0
- Strict
- Transitional
- Frameset
- Declaração DOCTYPE
- Fechamento de Tags Solitárias (Exemplo <br />)
- Todas as Tags devem ser devidamente Fechadas
- Validação de DTD's
- Validação de Páginas no W3C
- Código Semanticamente Correto
- Tipos de Documentos
- Conjunto de Caracteres (Charset ISO-8859-1)
- Regras de Acentuação e Inserção de Caracteres Especiais
- Identando o documento
- Separando a Estrutura da Forma
- Browsers (Navegadores) Comportamentos e Diferenças
- Visualizando a página no Internet Explorer
- Visualizando a página no Firefox
- Visualizando a página no Opera
- Visualizando a página no Mozilla
- Visualizando a página no Netscape
- DOM - Document Object Model e ECMA Standards
- O que é DOM
- Possibilidades do DOM ao script na página
- Compatibilidades do DOM
- O que é ECMA
- O que faz a ECMA
- O que é ECMA Script
- Manipulação de Objetos através de ECMA
- Acessibilidade
- O que é Acessibilidade
- O principal uso da acessibilidade
- Recomendações do W3C
- CSS - Cascading Style Sheet (Folhas de Estilo em Cascata)
- Gerações de CSS
- Métodos de Associação de Folhas de Estilo
- Linking
- Embedding
- Importing
- InLine
- Seletores Simples e Pseudo-Classes
- O que são seletores Simples
- O que são seletores Pseudo-Classes
- O que são propriedades
- Configurando Seletores Simples
- Configurando Seletores Pseudo-Classes
- Configurando Propriedades e Valores de Seletores
- Seletores Classes e ID's
- O que são seletores Classes
- O que são seletores ID's
- Configurando Seletores Classes
- Configurando Seletores ID's
- Configurando Propriedades e Valores de Seletores
- Seletores Múltiplos e Contextuais
- O que são seletores Múltiplos
- O que são seletores Contextuais
- Configurando Seletores Múltiplos
- Configurando Seletores Contextuais
- Configurando Propriedades e Valores de Seletores
- CSS Importing e CSS Linking
- Diferenças entre CSS Importing e CSS Linking
- Construindo Folhas de Estilo Externas
- Importando Folhas de Estilo Externas
- Linkando Folhas de Estilo Externas
- Entendendo o uso da Tag Link
- Style Switcher e JavaScript
- O que é Style Switcher
- Associando um Arquivo JavaScript a página
- Entendendo o uso da Tag Script
- Trocando Folhas de Estilo Dinamicamente
- O que é Event Handler
- Trocando as Cores da Página através do Style Switcher
- Utilizando recursos de Acessibilidade
- Modificando o tamanho dos caracteres da página com Style Switcher
- Metodologia Tableless
- O que é Tableless
- Box Model
- O que é Box Model
- Trabalhando com Margens
- Definindo atributos top, right, bottom e left
- Trabalhando com Padding
- Definindo atributos top, right, bottom e left
- Trabalhando com Bordas
- Definindo atributos top, right, bottom e left
- Definindo cor, tipo e espessura da borda
- Trabalhando com Width e Height
- Float e Clear
- O que é Float
- Trabalhando com Divisões de Página (Tag <div>)
- Aplicando Flutuação a imagem na página
- Definindo a propriedade Float
- Testando a Configuração nos Browsers
- O que é Clear
- Aplicando Clear nas Tags <br /> da página
- Definindo a propriedade Clear
- Testando a Configuração nos Browsers
- Positioning
- O que é CSS-P ou Positioning
- Trabalhando com Posicionamento e Empilhamento
- Posicionamento Estético
- Posicionamento Absoluto
- Posicionamento Relativo
- Definindo propriedades de posicionamento
- Definindo a propriedade z-index
- Aplicando empilhamento de camadas
- Criando efeito de sombra com posicionamento de Camadas
- Manipulando Listas
- Criando uma Lista de Opções
- Criando um Menu a partir da Lista de Opções
- Aplicando a propriedade display:block
- O que é List-Style
- Aplicando a propriedade list-style
- Aplicando a propriedade float
- Listas Encadeadas (Sub-Menus)
- O que é Lista Encadeada
- Criando uma Lista de Opções
- Criando Sub-Opções de Lista
- Criando um Menu de Opções a partir da Lista Criada
- Ocultando Sub-Opções da Lista
- Definindo Configuração de Exibição de Sub-Menu
- Aplicando a Exibição do Menu no Evento onMouseOver
- Entendendo o porque da não visualização do sub-menu no IE
- Linkando um Arquivo JavaScript a Página
- Definindo uma Classe específica para o IE
- Executando a Classe no Evento onMouseOver através do JavaScript
- Visualizando o Sub-Menu no IE com JavaScript
- CSS Media Types
- O que são Media Types
- Conhecendo os tipos de Medias disponíveis
- Configurando Media Types em uma página HTML
- Trabalhando com o Media all
- Configurando Seletores da Media all
- Trabalhando com a Media screen
- Configurando Seletores da Media screen
- O que é HandHeld
- Trabalhando com a Media HandHeld
- Configurando Seletores da Media handheld
- Exibindo a página em modo HandHeld utilizando o Browser Opera
- Trabalhando com a Media Print
- Configurando Seletores da Media print
- CSS Hacks
- O que são CSS Hacks
- Porque utilizar Hacks
- Hacks válidos e Inválidos
- Configurando Hacks do IE
- Configurando Hacks dos demais Browsers
- Exibindo páginas com CSS Hacks
- PROJETO FINAL
- Reunião de todos os conhecimentos adquiridos durante todo o curso.
- Criação de um site totalmente em Standards em XHTML 1.1 (Strict)
- Inserção de arquivos SWF (Flash) como o uso do Javascript, evitando que o browser (Internet Exporer) apresente erro de ActiveX.
- Hacks exclusivos (Opera, Firefox e Internet Explorer).
- Validação do código XHTML no W3C.
Ir para o topo da página
