Conteúdo das aulas e Exercícios

Exercícios:

1ª Parte

Exercícios 01:
- Criação de um login no GitHub e suas páginas:
  uma página simples para aprender a usar o GitHub;
  uma página com principais tags e apoio do W3Schools.
Exercícios 02
Exercícios 03:
1. Defina o que é HTML e qual é sua relação com XML e SGML.
2. Sobre Marketing Digital:
  - Qual o tipo de consumidor atual e como atingi-los pela Internet?
  - Qual é a importância de apresentar sua empresa utilizando a Internet?
  - Como organizar o conteúdo do site da empresa?
3. Qual a diferença da Web 3.0 para as Web anteriores?
4. Quais as vantagens e desvantagens os padrões da Web definidos pela W3C?
5. Defina e explique de forma sucinta os seguintes itens:
  - IP;
  - HTTP;
  - Cookies (web);
6. Pesquise e crie um quadro com as principais diferenças entre HTML e HTML5.
7. O que são e como podem ser utilizados os IFrames em um HTML?
8. Sobre CSS3 (responda com exemplos):
  - O que é?
  - Como escrever um estilo para um ID?
  - Como escrever um estilo para uma classe?
  - Como escrever um estilo para uma tag dentro de uma classe?
  - Como escrever um estilo para uma tag?
  - O que é Box Model?
  - O que é Floating?
  - O que o Floating muda do desenvolvimento Web atual em relação ao modo antigo (com uso de tabelas na construção do site)?
Slides com o exercício “site de Alegre-ES”
Slides com o exercício de CSS
Tarefa:
- fazer uma cópia do “site de Alegre-ES” que vocês implementaram (tópico 4);
- melhorá-lo (visual e navegação) utilizando o CSS que vocês aprenderam (tópico 5).
Slides com o exercício de Flexbox
Exercícios HTML5

2ª Parte

Criar um portófio seguindo o exemplo: Portfolio;
Adicionar imagem e responsividade no seguinte exemplo: Media Query (exemplo) – Slides Responsividade;
Exercícios CSS3 (Menu Hamburguer);

Exercícios para reposição: HTML5

Material de estudo:

Fundamentos WEB:
- Slides
  Script em bash utilizado em aula: servidor_web_bash.sh
- Marketing Digital
- Web 3.0
- Padrões Web
HTML:
- Slides de HTML e HTML5
- Slides extras:
- HTML5 - Curso W3C Escritório Brasil (Curso HTML5)
- IFrames
CSS:
- CSS
- Slide extra CSS (tem muitos exemplos e muitos estilos explicados e/ou exemplificados).
- CSS3 - Curso W3C Escritório Brasil (Curso CSS3)
- Unidades de medida dos elementos do site:
- Dicas e truques CSS (W3) (em inglês)
- Box Model:
  - Explicação da Mozilla
  - Explicação da W3Schools
- Floating:
  - Explicação na TableLess
  - W3Schools:
    - Float,
    - Clear,
    - Exemplos de float
  - Explicação da Mozilla
  - CSS Avançado
- Slides Flexbox
- Slides Grid
- Slides Responsividade

Conteúdos adicionais para estudos: