HTML e CSS
Exercício Teórico:
1. O que são tags semânticas? Por que devemos utilizá-las? Dê exemplos de tags
semânticas.
2. O que são elementos inline? Dê exemplos.
3. O que são elementos block level? Dê exemplos.
4. Descreva a utilização do atributo ‘alt’ em imagens no HTML e por que é importante
utilizar esse atributo.
5. Explique o conceito de herança em CSS. Dê exemplo utilizando a propriedade
‘color’.
6. Explique o que é BEM (Block Element Modifier)
7. Explique e dê exemplos a diferença entre medidas absolutas e relativas
8. Explique o que é a unidade de medida Vw (viewport width) e Vh (viewport height) e a
diferença entre elas.
Exercício Criação de Landing Page
Objetivo: Desenvolver uma página web seguindo o layout fornecido no mockup
abaixo.
Instruções:
● Conteúdo: Sinta-se livre para definir o conteúdo textual e as imagens da página. O
conteúdo deve ser apropriado e relevante ao tema que você escolher.
● Estilização: Personalize o design da página ao seu gosto, utilizando CSS para
estilizar cores, fontes e espaçamento. A estilização deve ser consistente e
esteticamente agradável.
Git e GitHub
Objetivo: Organizar e subir exercícios de HTML e CSS para um repositório no GitHub.
Passo a Passo:
1. Criação de Conta no GitHub:
● Caso ainda não tenha, crie uma conta no GitHub
2. Criação de Repositório:
● Crie um novo repositório público chamado Codifica-Mais.
3. Configuração Local:
● Crie uma pasta no seu computador chamada Codifica-Mais e inicialize um
repositório Git local.
● Associe este repositório local ao repositório Codifica-Mais no GitHub.
4. Estrutura de Diretórios e Branch:
● Dentro da pasta Codifica-Mais, crie uma subpasta chamada HTML-CSS.
● Dentro de HTML-CSS, crie duas pastas: Exercicios-Teoricos e Landing-Page.
● Crie uma branch no seu repositório Git local chamada exercicios-html-css.
5. Organização dos Exercícios:
● Coloque os exercícios teóricos de HTML e CSS na pasta Exercicios-Teoricos.
● Coloque o exercício 09 de HTML e CSS na pasta Landing-Page.
6. Publicação no GitHub:
● Adicione todos os arquivos modificados ao seu repositório Git local.
● Faça o commit das alterações.
● Suba as alterações para a branch exercicios-html-css no repositório GitHub.
● Faça o merge do da branch no Main
Considerações Finais:
● Subir os exercícios teóricos no formato .txt