<?xml version="1.0" encoding="UTF-8"?>
<pagina><title><![CDATA[WebStandards]]></title>
<subtitle><![CDATA[Padrões de desenvolvimento Web]]></subtitle>
<description><![CDATA[A proposta do Mini-Curso é apresentar de forma rápida e objetiva as principais práticas e definições sobre o desenvolvimento web utilizando os Padrões de desenvolvimento recomendados pela W3C também chamados de Web Standards. O grande diferencial que é um dos maiores objetivos do curso é apresentar a utilização desses padrões dentro de um cenário real, tirando vatagens desses recursos e práticas propostas. Alem disso será apresentado noções básicas de programação em HTML, xHTML, CSS, JavaScript e jQuery.O Curso é dividido em V Módulos, veja abaixo os tópicos abordados

          Introdução - Visão Geral
 
 

 Introdução-  O que é Web Standarts ?-  O que é o W3C ?-  O que é Table-Less?-  Marcação / Formatação / Comportamento-  O que é XHTML ?-  O que é CSS ?-  O que é JavaScript ?-  O que é JQuery?

 

 Organizando o Projeto-  Estrutura de Diretórios-  Tipos de Arquivos

 

 Ambiente de Desenvolvimento-  Netbeans-  XAMPP-  Firefox        WebDevelopper Tolls        Ehea

 

 XHTML Estrutura básica-  DOCTYPE        transicional        strict-  Charset        UTF-8        ISO 8859-1-  Html, head, title, Body...

 

Tudo Junto-  Incluindo arquivos CSS        Link        Import        Qual a Diferença?        A tag < style >

-  Incluindo arquivos JS        A Tag < script >
-  Como funciona as estrutura de diretórios        /        ./        ../        http://

 Finalizando o primeiro exemplo prático



          Conhecendo XHTML (marcação)
 
 

 Conhecendo mais HTML -  XML -  DOM

 

 Parâmetros Chave -  Quais São?         id         class

-  Quando e porque usar?
 

 < table > -  Principais Tags         < thead >         < tbody >         < tfoot >         < td >         < tr >         < th >

-  Para que Servem -  Quando e onde usar
 

 headers -  O que são? -  Quais são         < h1 >         < h2 >         < h3 >         < h4 >...

-  Quando Usar? -  Porque Usar?
 

 Listas -  O que São ? -  Principais Tags         ol, ul, li...

-  Para que serve? -  Quando Usar?
 

 Hyperlinks -  O que são? -  Links x Âncoras -  Target? -  Acessibilidade         Parâmetros importantes

 

 Imagens -  O que é? -  Quando e como usar?

 

 Containers -  span -  div -  Porque são tão importantes? -  Qual a diferença entre eles? -  Quando e onde usar? -  Boas práticas



Conhecendo CSS (formatação)
 
 

 Conhecendo mais Sobre o CSS-   Cascading Style Sheets-   Cascata?-   Hierarquia?-   Um código inteligente-   Serve apenas para HTML ?-   Sobre CSS3

 

 Sintaxe

 

 Seletores-   Selecionando o DOM        Acessando tags HTML

-   Classes        .        Quando Usar ?        Boas Práticas
-   ID        #        Quando Usar?        Boas Práticas
 

 Seletores Especiais-   Acessando Elementos Filhos-   Acessando Todos os Elementos Filhos-   Herança        Sintaxe        Quando Usar        Como usar

-   Aplicando estilo à vários elementos
 

 Aplicando Estilo-   Fontes-   Textos e Parágrafos        Alinhamento        Tabulação

-   Cores        RGB        HEXADECIMAL
-   Background        Color        Image              Repeat              Position              Display
-   Tamanhos        Width, height        Min-Width        Min-Height        Tamanhos Relativos        Tamanhos Exatos        Medidas              Pixels              %
-   Exibição        Display        Float        Position
-   Posicionamento        Margin        Padding        Left        Top        Z-Index
-   Outros Estilos


XHTML + CSS
 
 

 Revisão sobre XHTML

 

 Revisão sobre CSS

 

 Projetando uma Interface-   Porque planejar uma interface?-   O que deve ser Levado em consideração?-   Como Planejar a interface?-   Protótipos reais

 

 Organizando os Arquivos-   Diretórios-   Nomenclatura

 

 Projetando o Exemplo prático

 

 Codificação do Exemplo Prático


          jQuery (Comportamento)
 
 

 Apresentação sobre JavaScript-   O que é ?-   Como Usar?-   Quando Usar?-   Exemplos simples

 

 jQuery-   O que é?-   Para que serve?-   Porque foi Criado ?-   Quem usa?-   Vantagens-   Desvantagens

 

 Aprendendo jQuery-   A Biblioteca        Onde Baixar?        Como incluir no projeto?

-   Sintaxe Básica        Tudo Pronto?  ready()        $
-   Seletores        CSS3        Seletores já aprendemos!
-   Principais Métodos        addClass()        attr()        val()        css()        html()        outros métodos
-   Ações do usuário        click()        mouseOver()        mouseOut()        Outras ações
 

 HTML + CSS + jQuery-   Modificando o Exemplo Prático-   Incluindo todos os arquivos-   Tudo Pronto

 

 Encerramento-   O que mais devo saber?-   Onde procurar mais informações informações-   Aprenda um pouco de PHP e pronto
]]></description>
<images>
 <image><![CDATA[http://samus.com.br/web/img-/home/rs28559/public_html/web/files/foto_pagina/ebstandards_0911181807062.jpg-400-300]]></image>
</images>
<tags><![CDATA[treinamento]]></tags>
</pagina>
