Formato do HTML

· O que é HTML?
· Tags do HTML
· Área de influência
· Os atributos
· A aparência de um tag
· Edição do HTML
· Alguns comportamentos do HTML

Os tags básicos I

· Cabeçalho e corpo

· Inserindo conteúdo de texto

· Caracteres especiais

· Tags de heading

· Estrutura de linhas e parágrafos

· Alternativas para alinhamento de texto

· Formatando o texto

Os tags básicos II

· A fonte padrão

· Cores para o atributo "color"

· O tag <font>

· Texto pré-formatado

· Texto monoespaçado

· Comentários nas páginas

· Réguas horizontais

· Exemplo de uso do <hr>

Outros recursos e listas

· Listas

· Listas não-ordenadas

· Atributo "type" para o tag <ul>

· Listas ordenada

· Atributo "type" para o tag <ol>

· Exemplo aplicado de <ol>

· Listas de definição

· Listas encadeadas

Navegabilidade

· Um site

· URL

· Links

· Sintaxe do link

· Sintaxes de "href"

· Mapa do site

Trabalhando com imagens

· Imagens

· O tag <img>

· Atributos de <img>

· Exemplos

· Alinhamento

Cores em hexadecimal

· Cores em hexadecimal

Atributos do tag lt;bodygt;

· bgcolor

· background

· bgproperties

· text

· link

· vlink

· alink

Tags <meta>

· Atributo "description"

· Atributo "keywords"

· Atributo "http-equiv"

Estruturando a tabela

· O que são tabelas?

· Tags das tabelas

· Os atributos de <table>

· Os atributos de <tr>

· Os atributos de <td>

· Mesclagem de células

· Dicas

Frames

· Os frames

· Layout e conteúdo

· Tags do documento de layout

· Outros atributos de <frameset>

· Outros atributos de <frame>

· Browsers que não entendem frames

· Links entre frames

· O atributo "target"

Formulários

· Conceitos preliminares

· Para que servem os formulários

· O tag <form> e seus atributos

· Os elementos do formulário

· O tag <input>

· Sintaxe de <input>

· O tag <textarea>

· Os tags <select> e <option>

· Agrupando elementos

O uso do JAVASCRIPT e das CSS

· A importância do JAVASCRIPT

· A importância das CSS

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

O QUE É JAVASCRIPT?

• As características do Javascript
• Javascript X Java
• Entendendo Javascript, JSCRIPT e ECMASCRIPT.
• As versões da linguagem
• Detalhes importantes da linguagem

INSERÇÃO E SINTAXE DO JAVASCRIPT

• As 4 formas de inserir client side JavaScript
• Lidando com browsers antigos
• Constantes, variáveis e literais.
• Expressões e operadores
• Comandos e Funções da linguagem
• Event Handlers

OBJETOS DO JAVASCRIPT

• Visão panorâmica dos objetos
• O modelo de objetos
• Objetos pré-definidos: Window, Location, Document e Navigator.

JAVASCRIPT NA PRÁTICA

• Trabalhando com Formulários
• Crítica de dados
• Animação de menus
• Geração dinâmica de páginas
• Descobrindo qual é o browser
• Trabalhando com frames
• Criando um letreiro animado

FORMULÁRIOS

• Interação HTML / tecnologias Server side
• Elementos de um formulário

LÓGICA DE PROGRAMAÇÃO

• Seqüência Lógica
• Algoritmos e Programas
• Documentação e Teste
• Tipos de Dados, Variáveis e Constantes.
• Decisão e Repetição
• Funções

O MODELO 3-TIER

• Modelo de desenvolvimento em 3 camadas
• O papel de cada tecnologia
• Cliente: HTML, JAVASCRIPT.
• Servidor: PHP
• Acesso aos Dados: MYSQL

SQL

• Introdução ao SQL
• Usando o SQL no modelo 3-tier: Select, Insert, Update e outros comandos.
• Sistemas Gerenciadores de Banco de Dados
• Arquiteturas de acesso a Bancos de Dados

SERVIDORES WEB E PHP

• Como instalar e configurar um servidor web?
• Como instalar o suporte ao PHP?
• Como Configurar um servidor web para rodar scripts PHP?

COMUNICAÇÃO BROWSER-PHP

• Requisição e Resposta
• Como acessar os dados provenientes de um formulário?
• Como imprimir no browser do usuário?

VARIÁVEIS DO PHP

• Variáveis
• Arrays
• Acessando elementos em arrays
• Adicionando, apagando e trocando elementos.

STRINGS NO PHP

• Operadores de comparação
• Expressões regulares
• Validação

FLUXO NO PHP

• Os comandos IF, ELSE, FOR, WHILE, etc.
• Operadores lógicos

MANIPULANDO ARQUIVOS

• Abrindo e fechando arquivos
• Lendo e escrevendo em arquivos

ACESSO A BASES DE DADOS

• O que é MYSQL
• Por que utilizar PHP com MYSQL
• Instalação e configuração do MYSQL para Windows.