| Data | Referência - UC Web Design | Link para download |
|---|---|---|
| 13/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, temos: a)nossas atividades síncronas ocorrerão todas as segundas-feiras, a partir das 14h00min; b)haverá um complemento de atividade, durante a semana, nas quinta-feiras pela manhã. Formato de videoaulas assíncronas. |
||
|
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 | |
| 16/12/2021 |
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. |
Baixar videoaula |
| 20/12/2021 |
ATIVIDADE 3:
Videoaula da interação síncrona tratando dos seguintes tópicos: a)Linguagens de marcação; b)Fundamentos da linguagem HTML5; c)Noções de elementos marcadores, atributos e regras básica de uso de tags HTML. |
Baixar videoaula |
| 23/12/2021 |
ATIVIDADE 4:
Videoaula da interação síncrona tratando dos seguintes tópicos: a)Linguagens de marcação; b)Fundamentos da linguagem HTML5; c)Estrutura básica de um documento web; d)Internacionalização de conteúdo. |
Baixar videoaula |
| 24/12/2021 |
ATIVIDADE 5:
Videoaula da interação assíncrona tratando dos seguintes tópicos: a)Estrutura básica de um documento web; b)Utilização de caracteres não imprimíveis; c)A tabela UTF-8. |
Baixar videoaula |
| 31/01/2022 | Listas com HTML5 | listas.pdf |
|
ATIVIDADE 6:
Videoaula da interação síncrona abordando os fundamentos de Web Design relacionados à linguagem de marcação HTML5, com os seguintes tópicos: a)Elementos para marcação de texto em HTML5; b)Validação de documentos web, sob o ponto de vista das normas do HTML5; c)Utilização de listas em HTML5. |
Baixar videoaula | |
| 02/02/2022 |
ATIVIDADE 7:
Videoaula da interação assíncrona abordando os fundamentos de Web Design relacionados à linguagem de marcação HTML5, com os seguintes tópicos: a)Validação de documentos web, sob o ponto de vista das normas do HTML5; b)Utilização de listas em HTML5. |
Baixar videoaula |
| 05/02/2022 |
ATIVIDADE 8 - correspondente ao sábado letivo:
Videoaula da interação assíncrona abordando os fundamentos de Web Design relacionados à linguagem de marcação HTML5, com os seguintes tópicos: a)Validação de documentos web, sob o ponto de vista das normas do HTML5; b)Utilização de listas complexas em HTML5, com vários subníveis de informação. |
Baixar videoaula |
| 07/02/2022 | Links com HTML5 | links.pdf |
| Imagens com HTML5 | imagens.pdf | |
| Lista de exercícios L1 - fundamentos da linguagem HTML - marcação de texto e listas em documentos web | ListaL1 | |
| ATENÇÃO: ATIVIDADE 9 - exercício avaliativo: Entregar, até as 23h59min do dia 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 da linguagem HTML5, especialmente no que se refere à marcação de texto e de listas. Enviar o arquivo em anexo por e-mail. |
||
|
ATIVIDADE 10:
Videoaula da interação síncrona abordando os fundamentos de Web Design relacionados à marcação de imagens em um documento web. |
Baixar videoaula | |
| 10/02/2022 |
ATIVIDADE 11:
Videoaula da interação assíncrona abordando os fundamentos de Web Design relacionados à marcação de links em um documento web. Tipos de links; atributos importantes; uso de imagens como links. |
Baixar videoaula |
| 14/02/2022 | Marcação de tabelas com HTML5 | tabelas.pdf |
|
ATIVIDADE 12:
Videoaula da interação síncrona, abordando os seguintes tópicos: elementos fundamentais de marcação de tabelas em HTML5; principais atributos; exemplo prático. |
Baixar videoaula | |
| 17/02/2022 |
ATIVIDADE 13:
Videoaula da interação assíncrona, abordando os seguintes tópicos: marcação de tabelas complexas com HTML5; junção de células; os atributos colspan e rowspan; exemplo prático. |
Baixar videoaula |
| 21/02/2022 | Elementos de formulários com HTML5 | Acessar página inicial do WWW Consortium sobre formulários |
| Lista de exercícios L2 - fundamentos de formulários na linguagem HTML | ListaL2 | |
|
ATIVIDADE 14:
Videoaula da interação síncrona abordando os principais elementos da linguagem HTML5 utilizados para a criação de formulários. Parte prática: resolução da primeira questão da lista de exercícios ListaL2. |
Baixar videoaula | |
| 24/02/2022 |
ATIVIDADE 15:
Videoaula da interação assíncrona abordando os principais elementos da linguagem HTML5 utilizados para a criação de formulários. Parte prática: continuação da resolução da primeira questão da lista de exercícios ListaL2. |
Baixar videoaula |
| 03/03/2022 | Fundamentos das folhas de estilo em cascata (CSS) | Acessar página inicial do WWW Consortium sobre formatação com CSS |
|
ATIVIDADE 16:
Videoaula da interação assíncrona abordando os fundamentos do CSS: o que é; para que serve; tipos de CSS; propriedades; regras; folhas de estilo; formatação de fonte. Aplicação destes conceitos na prática, para a formatação do formulário desenvolvido na resolução da primeira questão da lista de exercícios ListaL2. |
Baixar videoaula | |
| 07/03/2022 | Lista de exercícios L3 - prática com elementos de formulário em HTML5 (sem CSS) | ListaL3 |
| ATENÇÃO: ATIVIDADE 17 - exercício avaliativo: Entregar, até as 23h59min do dia 14/03/2022, via e-mail, o exercício referente à questão1 da lista de exercícios ListaL3. 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 da linguagem HTML5, especialmente no que se refere à construção de interfaces gráficas de uma aplicação web, por meio de elementos de formulário. Lembrar que o resgistro da presença do aluno na UC está condicionado à entrega das atividades avaliativas solicitadas. |
||
|
ATIVIDADE 18:
Videoaula da interação síncrona abordando as principais técnicas do CSS na estilização de elementos deo formulário: formatação de fontes; importação de fonte; formatação de texto; utilização do modelo de caixa do CSS; utilização de cores em CSS; alteração de posicionamento de elementos na página web com CSS. |
Baixar videoaula | |
| 10/03/2022 |
ATIVIDADE 19:
Videoaula da interação assíncrona abordando as principais técnicas do CSS na estilização de elementos deo formulário: utilização do modelo de caixa do CSS; utilização de cores em CSS; alteração de posicionamento de elementos na página web com CSS. |
Baixar videoaula |
| 14/03/2022 |
ATIVIDADE 20:
Videoaula da interação síncrona abordando as principais técnicas do CSS na estilização de elementos deo formulário: utilização do modelo de caixa do CSS; utilização de cores em CSS; alteração de posicionamento de elementos na página web com CSS. Finalização do exercício-exemplo sobre formatação de elementos de formulário com CSS. |
Baixar videoaula |
| Códigos de nossas aulas práticas atualizados e desenvolvidos até a data de hoje. | Baixar códigos | |