Avisos
Recomendo que cada aluno traga seu pendrive para salvar trabalhos e
códigos feitos em aula. Não é garantido que os arquivos que você deixou em
um computador em um dado dia estejam lá depois! Portanto, você deve ser
responsável por ter uma cópia de segurança dos arquivos que considerar importantes.
Para proteger os pendrives dos vírus mais comuns de pendrive, siga o tutorial do TechTudo (link) em uma máquina que
não esteja infectada.
Trabalho deve ser entregue pelo formulário até 23h59 do dia 20 de setembro (6ª feira).
O trabalho vale até 1,5 ponto e tem a oportunidade de meio ponto extra na média.
A data que vale é a postada em todos os lugares, 20/9. No PDF ainda está dia 13 pois não editei.
Clique para ler o enunciado e os critérios de avaliação
Formulário - Envie o trabalho aqui
Planilha de temas
Devido a uma atualização nos critérios de pontuação do Colégio no ano de 2024, os cadernos da semana foram reorganizados da seguinte maneira:
Cadernos 1 ao 5 serão os "cadernos 1.0", sobre HTML. Os 5 valerão 1 ponto no total da média (0,2 cada)
Os cadernos de CSS (cadernos 2.0 ou cadernos B) contarão separadamente como outro ponto na média da 1ª certificação (conferir aba).
O primeiro caderno novo será passado na aula do dia 16/9 (para entregar na semana do dia 23) e também estará no site.
Lembro que o caderno deve ser feito à mão, e que quem entrega todos os cadernos acumula 1,0 ponto na média. O caderno é uma atividade que faz parte do seu processo de avaliação, servindo também como material de consulta para os testes, além de ser um material de estudo para auxiliar na sua preparação para a prova.
Caderno 5 - entrega: 09/09 e 11/09
IMPORTANTE Dia 18/09 será o último dia em que o caderno 5 será aceito
Responder questões da lista 3 (listas) e da lista 5 (formulários), sendo elas:
- Lista 3: questões 5, 6, 8 e 9
- Lista 5: questões 7 até 10
Caderno B1 - entrega: 23/09 e 25/09
Resumo do que foi visto sobre CSS até o dia 18/9.
Aulas & Materiais
Semana 1 - 08/07 e 10/07
Slides HTML - Aula 1 (Introdução)
Lista de exercícios 1 - Alguns dos conceitos serão trabalhados no material da aula seguinte, não se preocupe se ainda não souber responder.
Slides HTML - Aula 2 (Cabeçalhos, imagens e âncoras + referência)
Download Arquivo zipado com os materiais da prática
Códigos das aulas - Semana 1
Para ver o código-fonte dos arquivos feitos em aula, utilize o atalho de teclado ctrl + U.
Semana 2 - 31/07
Lista 2 (resolvida em sala de aula)
Semana 3 - 05/08 e 07/08
Slides HTML - Listas
Slides HTML - Tabelas
Códigos das aulas - Semana 3
Semana 4 - 12/08 e 14/08
Slides HTML - Formulários
Códigos das aulas - Semana 4
Semana 5 - 19/08 e 21/08
Slides Complemento HTML
Foto do quadro (21/08)
Árvore de arquivos da aula (ampliada) - é a mesma árvore feita no quadro, mas reescrevi para facilitar a leitura
Semana 6 - 26/08 e 28/08
Lista Lista 4 - Tabelas
Não se assuste, a lista 3 (listas) não está faltando. Ela será postada no site após o teste do dia 28.
Teste no dia 28 de agosto (4ª feira). Com consulta a material que esteja em papel.
Foto do quadro (26/8) - DS114
Foto do quadro (26/8) - DS112
Semana 7 - 02/09 e 04/09
Revisão para o teste de 09/09: Listas e Formulários
Lista Lista 3 - Listas
Lista Lista 5 - Formulários
Fotos do quadro
DS112:
02/09 Quadro 1 -
02/09 Quadro 2 -
02/09 Quadro 3 -
04/09 Quadro 1 -
04/09 Quadro 2 -
04/09 Quadro 3
DS114:
02/09 Quadro 1 -
02/09 Quadro 2 -
02/09 Quadro 3 -
04/09 Quadro 1 -
04/09 Quadro 2 -
04/09 Quadro 3
Semana 8 - 09/09 e 11/09
09/09: Teste 2 HTML (Listas + Formulários)
11/09: Matéria nova: CSS
Slides CSS parte 1
Códigos das aulas - Semana 8
- DS112 HTML base - Arquivo CSS - Arquivo TXT
- DS114 HTML base - Arquivo CSS - Arquivo TXT
- Diagrama - partes do CSS (regra, seletor etc)
Semana 9 - 16/09 e 18/09
Slides CSS parte 2 (seletores)
Links úteis
- Tutorial VSCode
- Tutorial para hospedar o site gratuitamente no Neocities
- Neocities - Hospedagem gratuita de sites
- Documentação do HTML
- W3Schools (Tutoriais e percursos de várias linguagens)
- Validador HTML
- Tabela de cores
- Can I Use - verificar quais navegadores suportam uma determinada feature
- I Love IMG - para comprimir imagens muito grandes
- Tutorial para dezipar/extrair arquivos .zip
- Como acessar o Moodle do colégio - tutorial