Voltar para o site...

DEW - Design para Web

Projeção das aulas:

Exercícios/alunos - CTW noite - XHTML

Exercícios/alunos - CTW noite - CSS

Tags do XHTML - Tutorial na versão beta

Encontro 1 - Aula inaugural

O objetivo deste módulo é familiarizar o aluno com a disciplina, apresentar o docente, o material didático e fontes de pesquisa. Fixar regras de conduta em sala, ilustrar a profissão do Web design (a história do galo) e apresentar a ementa. Ilustrar a evolução do Webdesigner com o histórico do portal UOL.

Acompanha o slide do primeiro encontro

Encontro 2 - Introdução ao Web standards, acessibilidade e usabilidade.

O objetivo deste módulo é desenvolver o interesse dos alunos pelo desenvolvimento padrão em websites - Web standards. Contextualizar também a importância da acessibilidade e da usabilidade.

Acompanha o slide do segundo encontro (parte 2)

Encontro 3 - Introdução ao XHTML - as 6 regras básicas

O objetivo deste módulo é apresentar a linguagem XHTML, fixar as 6 regras básicas no desenvolvimento padrão, apresentar o processo de validação e exercitar

Acompanha o slide do terceiro encontro

Encontro 4 - XHTML - estrturação de páginas, regras de organização e as primeiras tags

O objetivo deste módulo é apresentar a estrutura do XHTML, apresentar os elementos obrigatórios dos códigos xhtml, ensinar técnicas de organização de código, contextualizar renderização, apresentar as primeiras tags xhtml e exercitar

Acompanha o slide do quarto encontro

Encontro 5 - XHTML - apresentando outras tags

O objetivo deste módulo é apresentar outras tags xhtml e exercitar

Acompanha o slide do quinto encontro

Encontro 6 - XHTML - apresentando outras tags

O objetivo deste módulo é apresentar outras tags xhtml e exercitar

Acompanha o slide do sexto encontro

Encontro 7 - XHTML - apresentando outras tags

O objetivo deste módulo é apresentar outras tags xhtml e exercitar

Acompanha o slide do sétimo encontro

Encontro 8 - XHTML - revisando todas as tags XHTML

O objetivo deste módulo é fixar o aprendizado revisando todo o conteúdo que já foi passado, dando ênfase na prática de desenvolver códigos XHTML.

Acompanha o tutorial "TAGS XHTML"

Encontro 9 - XHTML - avaliando os alunos

O objetivo deste módulo é avaliar o conhecimento dos alunos por meio de uma prova teórica e uma prática. Será levantado todo o conteúdo visto até o momento.

Encontro 10 - XHTML - correção de provas. Browsers. Ferramentas de auxílio ao Web design. Iniciação das CSS.

O objetivo deste módulo é fixar o conteúdo já apresentando, fazendo a correção da prova e respondendo alguns questionários on-line sobre o tema. Será introduzido nesta aula também, a necessidade de desenvolver páginas para todos os navegadores, conhecer ferramentas que ajudaram a produtividade e gerar interesses dos alunos por CSS.

Acompanha o slide do 10 encontro - Browsers

Acompanha o slide do 10 encontro - Ferramentas

Acompanha o QUIZ do XHTML

Encontro 11 - Introdução as CSS - os tipos de declaração

O objetivo deste módulo é iniciar o estudo ás CSS criando o interesse dos alunos por esta linguagem de formatação.

Acompanha o slide do 11 encontro

Encontro 12 - Introdução as CSS - os tipos de seletores

O objetivo deste módulo é dar continuidade ao estudo das CSS criando o interesse dos alunos por esta linguagem de formatação.

Acompanha o slide do 12 encontro

Encontro 13 - CSS - propriedades de texto e de fonte

O objetivo deste módulo é dar continuidade ao estudo das CSS. Estudar e aplicar a primeiras propriedades. Propriedade de texto e de fonte.

Acompanha o slide do 13 encontro

Encontro 14 - CSS - propriedades de margem, espaçamento e bordas

O objetivo deste módulo é dar continuidade ao estudo das CSS. Estudar e aplicar as propriedades de margem, espaçamento e bordas.

Acompanha o slide do 14 encontro

Encontro 15 - CSS - propriedades de background e listas

O objetivo deste módulo é dar continuidade ao estudo das CSS. Estudar e aplicar as propriedades de background e os estilos referentes às listas ordenadas ou nao ordenadas.

Acompanha o slide do 15 encontro

Encontro 16 - CSS - propriedades de dimensão, display e posição

O objetivo deste módulo é dar continuidade ao estudo das CSS. Estudar e aplicar as propriedades de display, dimensão e posição. Transpor o primeiro design do Photoshop para o html.

Acompanha o slide do 16 encontro e o PSD do 1° design a ser montado

Encontro 17 - CSS - Uso dos estilos na prática

O objetivo deste módulo é dar continuidade ao estudo das CSS. Estudar e aplicar as propriedades de display, dimensão e posição. Transpor o primeiro design do Photoshop para o html.

Acompanha o PSD do 2° e 3º design a serem montados

Encontro 18 - CSS - Uso dos estilos na prática

O objetivo deste módulo é dar continuidade ao estudo das CSS. Transpor o primeiro design do Photoshop para o html.

Acompanha o PSD do 4º design