Desenvolvimento em Ambiente Web - ..: kusumoto :.. · Prof. André Y....

Prof. André Y. Kusumoto

[email protected]

Desenvolvimento em Ambiente Web

Prof. André Y. Kusumoto – [email protected]

Prof. André Yoshimi Kusumoto

[email protected]

http://www.kusumoto.com.br

Desenvolvimento em Ambiente WebCarga horária mensal: 60 horas-aula

Carga horária semanal: 3 horas-aula

Apresentação

2/17


ObjetivosConhecer as linguagens XHTML e CSS visando seu uso na construção de aplicações Web.

Conteúdo ProgramáticoMÓDULO 1: Introdução● Introdução

● A web e a HTML

● Definições

● Histórico

● HTML

● XHTML

● Definição

● Versão

● Diferenças entre XHTML e HTML

● Documento estruturado

● Marcação semântica

● Web Standards


3/17


MÓDULO 2: Folhas de estilos em cascata

● CSS – Folhas de estilo em cascata

● Definição

● Finalidade

● Histórico

● Sintaxe CSS

● Unidades CSS para medidas lineares

● Unidades de medida absolutas

● Unidades de medida relativas

● Porcentagens

● Vinculando folhas de estilo aos documentos

● Estilos inline

● Estilos incorporados

● Estilos externos


4/17


MÓDULO 3: O modelo CSS

● Efeito cascata

● Ordem da cascata

● Especificidade de um seletor

● Modelo de formatação visual dos boxes

● Container

● Elementos nível de bloco e boxes bloco

● Elementos inline e boxes inline

● Box Model

● Propriedades CSS para o Box Model

● Propriedade margin

● Propriedade padding

● Propriedade border


5/17


MÓDULO 4: SELETORES

● Definições

● Seletor simples

● Seletor composto

● Pseudoclasse e pseudo-elemento

● Suporte para os seletores CSS 2.1

MÓDULO 5: ESTILIZAÇÃO DE TEXTOS

● Tipografia

● Termos tipográficos

● Fontes seguras e fontes genéricas

● Espaçamentos e alinhamentos de textos

● Propriedades letter-spacing, word-spacing e line-height

● Propriedade vertical-align

● Propriedade text-align

● Propriedade text-indent


6/17


● Efeitos em textos

● Propriedade text-decoration

● Propriedade text-transform

● Estilizando fontes

● Propriedade font-family

● Propriedade font-style

● Propriedade font-variant

● Propriedade font-weight

● Propriedade font-size

● Propriedade font


7/17


MÓDULO 6: CORES E BACKGROUND

● Definindo cores

● Cor hexadecimal

● Cor RGB

● Cor por palavra-chave

● Cor retirada do sistema operacional

● Definindo fundos

● Propriedade background-color

● Propriedade background-image

● Propriedade background-repeat

● Propriedade background-attachment

● Propriedade background-position

● Propriedade background


8/17


MÓDULO 7: CABEÇALHOS E LINKS

● Cabeçalhos

● Efeitos em cabeçalhos

● Âncoras HTML

● Estados dos links

● Efeitos em links

● Links em imagens

MÓDULO 8: LISTAS HTML

● Listas (X)HTML

● Listas não ordenadas

● Listas ordenadas

● Listas de definição

● Listas mistas


9/17


● Estilização de listas

● Propriedade list-style-type

● Propriedade list-style-image

● Propriedade list-style-position

● Propriedade list-style

● Criação de menus

● Estilização padrão

● Rollover simples

● Rollover de imagem

● Destaque no link corrente

● Menu drop down

● Menu drop down vertical

● Menu drop down horizontal

● Acesso via teclado


10/17


MÓDULO 9: FORMULÁRIOS

● Introdução aos formulários

● Tipos de controles de formulários

● Elementos de formulários

● Elemento form

● Elemento input

● Elemento button

● Elementos select , optione optgroup

● Elemento textarea

● Elemento label

● Elementos fieldset e legend

● Foco em controles tabindex e accesskey

● Atributos disabled e readonly

● Estilização de formulários● Formulários simples

● Formulários complexos


11/17


MÓDULO 10: CRIANDO TABELAS WEB STANDARDS

● Quando usar tabelas

● Marcação de tabelas

● Elementos th, caption e atributo summary

● Elementos thead, tfoot e tbody

● Atributos id e header

● Elementos colgroup , col e atributo scope

● Dicas para marcar tabelas

● Estilização de tabelas

● Bordas

● Tipografia e posicionamentos

● Cores de fundo

● Imagens de fundo

● Exemplo prático


12/17


MÓDULO 11: POSICIONAMENTO CSS

● Esquemas de posicionamento CSS

● Esquema normal

● Esquema float

● Esquema absoluto

● Posicionamento com z-index

● Contexto para empilhamento

MÓDULO 12: LAYOUT CSS

● Tipos de layout

● Centralizando o layout

● Com uso de margens automáticas

● Com uso de posicionamento e margens negativas

● Layout com duas colunas

● Layout com três colunas


13/17


Bibliografia BásicaConstruindo sites com CSS e (X)HTML

Samy Silva, Mauricio – Editora Novatec

Xhtml - Desenvolvimento Web

Proffitt, Brian - Editora: Makron Books

Use a Cabeça! Html com Css e Xhtml

Freeman, Elisabeth; Freeman, Eric - ALTA BOOKS

Aprenda a criar páginas Web com HTML e XHTML em 21 dias

Lemary, Laura - Ed. Makron Books, 2002

Projetando Web Sites Compatíveis.

Zeldman, Jeffrey - Ed. Campus, 2003


14/17


Avaliação

Provas Bimestrais

• A correção e disponibilização das provas para os alunos serão feitas na aula seguinte à prova.

• No dia da prova, caso o aluno se atrase, ele poderá entrar, desde que nenhum aluno tenha terminado e saído da sala.

Provas Substitutivas

• Final do semestre

• Conteúdo - matéria do semestre inteiro

A Média Semestral se dará segundo a seguinte fórmula:

• Se a MS >= 7,0 (sete), o aluno estará aprovado na disciplina, naquele semestre.

• Se a MS < 7,0 (sete), o aluno será submetido a um exame.

MS = NP1 + NP2

2


15/17


Avaliação

A Média Final da Avaliação Semestral (MF) será a média aritmética simples entre a MS e o EX:

• Se a MF >= 5,0 (cinco), o aluno estará aprovado na disciplina, naquele semestre.

• Se a MF < 5,0 (cinco), o aluno estará reprovado.

• Trabalhos/Exercícios

• Previsão de um seminário no segundo bimestre em conjunto com a disciplina Tópicos em Ambiente Web - TAW

MF = MS + EX

2


16/17


Faltas / Chamadas

Frequência obrigatória em cada disciplina em 75% (setenta e cinco por cento) das aulas dadas e demais atividades programadas.

3 horas/aula semana = 60 horas/aula semestre

No. de faltas/semestre = 15 (quinze)

Não há abono de faltas. O aluno poderá dispor dos 25% (vinte e cinco por cento) restantes para se ausentar por problemas alheios.

Fonte: Manual do Aluno


17/17

Desenvolvimento em Ambiente Web - ..: kusumoto :.. · Prof. André Y....

Documents

Transcript of Desenvolvimento em Ambiente Web - ..: kusumoto :.. · Prof. André Y....