Data Referência Link para download
19/07/2021 Plano de ensino da unidade curricular Web Design plano-webdesign.pdf
Ferramentas para desenvolvimento de aplicações para a WEB Baixar o Notepad++
Baixar o Sublime Text 3 para Windows
Baixar o Visual Studio Code
Conceitos básicos de Web Design fundamentos-webdesign.pdf
Fundamentos da linguagem HTML5 fundamentos-html5.pdf
Modelo básico de um documento HTML5 modeloHTML5.txt
Cabeçalhos, parágrafos, div e span em HTML5 cabecalho-paragrafo-div-span.pdf
ATENÇÃO:
Conforme acordado com a turma, nossas atividades síncronas ocorrerão todas as segundas-feiras, a partir das 14h00min.
ATIVIDADE 1:
Videoaula da interação síncrona tratando dos seguintes tópicos:
a)Apresentação do professor;
b)Apresentação da Unidade Curricular Web Design;
c)Apresentação do plano de ensino;
d)Apresentação de recursos e ferramentas extras para auxílio no aprendizado da Unidade Curricular.
Baixar videoaula
ATIVIDADE 2:
Videoaula da interação assíncrona tratando dos seguintes tópicos:
a)Definição dos elementos fundamentais de Web Design;
b)Definição de aplicação web;
c)Apresentação da estrutura cliente-servidor e sua relação com código back-end e código front-end da aplicação web;
d)Importância do uso de navegadores em uma aplicação web;
e)Conceito de linguagens de marcação;
f)Apresentação das principais ferramentas de autoria web.
Baixar videoaula
26/07/2021
ATIVIDADE 3:
Videoaula da interação síncrona tratando dos seguintes tópicos:
a)Fundamentos da linguagem HTML5;
b)Elementos marcadores e seus atributos;
c)Convenções para marcação de elementos em um documento web;
d)Modelo básico de um documento web;
e)A declaração DOCTYPE.
Baixar videoaula
27/07/2021
ATIVIDADE 4:
Videoaula da interação assíncrona tratando dos seguintes tópicos:
a)Fundamentos da linguagem HTML5;
b)Elementos marcadores e seus atributos;
c)Modelo básico de um documento web;
d)Internacionalização de conteúdo;
e)Uso de símbolos especiais;
f)Validação do código.
Baixar videoaula
02/08/2021 Listas com HTML5 listas.pdf
Lista de exercícios L1 - Listas ordenadas e não ordenadas em HTML5 ListaL1
ATIVIDADE 5:
Videoaula da interação síncrona abordando os fundamentos de Web Design relacionados à linguagem de marcação HTML5, com os seguintes tópicos:
a)Representação de caracteres Unicode por meio da tabela UTF-8,e a forma apropriada de fazer isto em um documento web;
b)Validação de documentos web, sob o ponto de vista das normas do HTML5.
Baixar videoaula
03/08/2021
ATIVIDADE 6:
Videoaula da interação assíncrona abordando os fundamentos de Web Design relacionados à linguagem de marcação HTML5, com os seguintes tópicos:
a)Conceitos fundamentais de listas ordenadas e não-ordenadas;
b)Principais tags e atributos para marcação de listas;
c)Criação de listas complexas, com vários subníveis;
d)Validação da marcação de listas;
e)Resolução do exercício-modelo 1 da lista de exercícios ListaL1.
Baixar videoaula
09/08/2021 Links em HTML5 links.pdf
ATIVIDADE 7:
Videoaula da interação síncrona abordando os fundamentos de Web Design relacionados à linguagem de marcação HTML5, com os seguintes tópicos:
a)Utilização de links na marcação de conteúdo em interfaces web;
b)Tipos de links;
c)Atributos importantes na marcação de links;
d)Exemplo prático com codificação de links.
Baixar videoaula
10/08/2021 Imagens com HTML5 imagens.pdf
Lista de exercícios L2 - fundamentos da linguagem HTML5 e marcação de texto ListaL2
ATIVIDADE 8:
Gravação de aula assíncrona abordando a criação da interface gráfica de uma aplicação web por meio da utilização de imagens na linguagem HTML5.
Baixar videoaula
16/08/2021 Tabelas com HTML5 tabelas.pdf
Lista de exercícios L2 - tabelas com HTML5 ListaL3
ATIVIDADE 9:
Gravação de aula síncrona abordando a criação da interface gráfica de uma aplicação web por meio da utilização de tabelas na linguagem HTML5.
Baixar videoaula
ATENÇÃO:
ATIVIDADE 10 - exercício avaliativo:

Entregar, até as 23h59min do dia 23/08/2021, via e-mail, o exercício número 2 da ListaL1.
O objetivo desta atividade é fazer com que o aluno coloque em prática o que foi apresentado em nossas videoaulas, até a presente data, utilizando conceitos e técnicas fundamentais de Web Design e da linguagem HTML5 relacionados ao uso de listas para criação da interface gráfica de uma aplicação Web. Lembrar que o registro da presença do aluno, contando do início da unidade curricular até a data de envio desta atividade, está condicionado à entrega destes exercícios.
17/08/2021
ATIVIDADE 11:
Gravação de aula assíncrona abordando a criação da interface gráfica de uma aplicação web por meio da utilização de tabelas na linguagem HTML5. Enfoque especial na mescla de células, com os atributos colspan e rowspan. Início da resolução do exercício 1 da ListaL3.
Baixar videoaula
23/08/2021 CSS - folhas de estilo em cascata - fundamentos Fundamentos do CSS (conceito, seletores, tipos, agrupamento, classe e id)
Formatação de texto com CSS Estilizando texto com CSS
Utilização de cores com CSS Códigos de cores em CSS
Unidades de medida em CSS Unidades de medida em CSS
O modelo de caixa do CSS O modelo de caixa do CSS
Formatação de links, listas e imagens com CSS Estilos CSS aplicados a imagens, links e listas
ATIVIDADE 12:
Gravação de aula síncrona abordando a criação da interface gráfica de uma aplicação web por meio da utilização de tabelas na linguagem HTML5. Enfoque especial na introdução das Folhas de Estilo em Cascata (CSS) e sua aplicabilidade na formatação de tabelas em HTML5. Continuação da resolução do exercício 1 da ListaL3.
Baixar videoaula
24/08/2021
ATIVIDADE 13:
Aula assíncrona abordando a criação da interface gráfica de uma aplicação web por meio da utilização de tabelas na linguagem HTML5. Enfoque especial na introdução das Folhas de Estilo em Cascata (CSS) e sua aplicabilidade na formatação de tabelas em HTML5. Características especiais do CSS, tais como: representação de cores, aplicação de bordas e sombras, uso de fontes externas. Continuação da resolução do exercício 1 da ListaL3.
Baixar videoaula
30/08/2021
ATIVIDADE 14:
Aula síncrona abordando a criação da interface gráfica de uma aplicação web por meio da utilização de tabelas na linguagem HTML5. Enfoque especial na introdução das Folhas de Estilo em Cascata (CSS) e sua aplicabilidade na formatação de tabelas em HTML5. Características especiais do CSS, tais como: representação de cores, aplicação de bordas e sombras, uso de fontes externas, centralização de elementos. Finalização da resolução do exercício 1 da ListaL3.
Baixar videoaula
31/08/2021 Formulários com HTML - visão geral formularios-visao-geral.pdf
Formulários com HTML5 formularios-com-html5.pdf
Lista de exercícios L4 - formulários com HTML5 e CSS3 ListaL4.pdf
ATIVIDADE 15:
Gravação de aula assíncrona abordando a utilização de controles de formulário em HTML5 para criação da interface da aplicação web.
Baixar videoaula
13/09/2021
ATENÇÃO:
ATIVIDADE 16 - exercício avaliativo:

Entregar, até as 23h59min do dia 20/09/2021, via e-mail, o exercício número 2 da ListaL3. Aplicar CSS externo, de modo que a aparência final da tabela fique o mais próximo possível do modelo dado pela figura do exercício. Enviar, em anexo pelo e-mail, o arquivo .html e o arquivo .css.
O objetivo desta atividade é fazer com que o aluno coloque em prática o que foi apresentado em nossas videoaulas, até a presente data, utilizando conceitos e técnicas fundamentais de Web Design e da linguagem HTML5 relacionados ao uso de tabelas em documentos web, bem como sua estilização por meio de Folhas de Estilo em Cascata. Lembrar que o registro da presença do aluno, contando do início da unidade curricular até a data de envio desta atividade, está condicionado à entrega deste exercício.
ATIVIDADE 17:
Gravação de aula síncrona abordando a utilização de controles de formulário em HTML5 para criação da interface da aplicação web. Utilização das principais propriedades do CSS para formatação de formulários.
Baixar videoaula
14/09/2021
ATIVIDADE 18:
Gravação de aula assíncrona abordando a utilização de controles de formulário em HTML5 para criação da interface da aplicação web. Utilização das principais propriedades do CSS para formatação de formulários. Finalização do conteúdo da Unidade Curricular
Baixar videoaula
Códigos de nossas aulas práticas atualizados e desenvolvidos até a data de hoje. Baixar códigos