https://github.com/emanoelcampos/html-css-2
Atividades e exercícios desenvolvidos no segundo curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education
https://github.com/emanoelcampos/html-css-2
aluno-one alura css css3 html html5 javascript oracle programa-one programa-one-oracle-next-education web web3 website
Last synced: 3 months ago
JSON representation
Atividades e exercícios desenvolvidos no segundo curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education
- Host: GitHub
- URL: https://github.com/emanoelcampos/html-css-2
- Owner: emanoelcampos
- Created: 2023-04-22T02:13:27.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-07T13:07:45.000Z (about 2 years ago)
- Last Synced: 2024-12-27T12:11:51.266Z (5 months ago)
- Topics: aluno-one, alura, css, css3, html, html5, javascript, oracle, programa-one, programa-one-oracle-next-education, web, web3, website
- Language: HTML
- Homepage: https://cursos.alura.com.br/user/emanoelcampos
- Size: 403 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML5 e CSS3 parte 2: posicionamento, listas e navegação
Este repositório contém o material do segundo curso de HTML e CSS para iniciantes em desenvolvimento web, oferecido pela Alura em colaboração com o programa One da Oracle. O curso tem como objetivo proporcionar uma introdução às linguagens essenciais para o desenvolvimento web. Durante o curso, foram revisados conceitos fundamentais para criação de páginas web estáticas e estilização com CSS, com exercícios e atividades práticas para reforçar o aprendizado
## Aprendizagem baseada em projetos
O projeto desenvolvido durante o curso consistiu na criação de uma página web estática utilizando HTML e CSS. Além de reforçar os conceitos aprendidos no curso anterior, novos conceitos foram introduzidos e aplicados no projeto, como o posicionamento de elementos. Você pode conferir como o projeto ficou clicando [aqui](https://emanoelcampos.github.io/html-css-2/).
## Assuntos abordados no curso:
- Revisão da estrutura HTML: Tag `meta`, `title` e `links`
- Introdução ao conceito de `reset.css`
- Revisão do header, como criar uma divisão dentro do `header`, como colocar uma imagem principal no título
- Criação de um menu de navegação com links entre páginas usando a tag `nav`
- Criação do conteúdo principal da página usando a tag `main`
- Utilização de lista com itens complexos que são compostos por títulos, imagens e textos
- Criação do rodapé com a tag `footer`, usando uma imagem de fundo
- Reforço do uso de `padding` e `margin` e o entendimento fundamental do box-model
- Aprendizado de como centralizar um conteúdo usando a propriedade `margin` `auto`
- Aprendizado de como posicionar um elemento com o `position` `relative` e `absolute`
- Transformação de textos usando `uppercase`
- Estilização de links na tag `a`
- Uso de porcentagem para manipular elementos
- Manipulação de elementos usando a propriedade `border`
- Manipulação do comportamento de elementos usando `:hover` e `:active`
## Minha jornada:
Este repositório é um registro de todo o meu avanço no segundo curso de HTML e CSS, que se deu pela continuação do projeto do site que foi iniciado no primeiro curso. Além de reforçar os conceitos aprendidos anteriormente, novos conceitos foram introduzidos e colocados em prática. Durante o curso, pude aplicar esses conceitos através de exercícios e atividades práticas. Todos eles estão organizados por módulo e podem ser encontrados em suas respectivas pastas. Desenvolvi uma página web estática utilizando HTML e CSS para consolidar o conhecimento adquirido e aplicar os novos conceitos aprendidos.
## Consolidando conhecimentos:
Este curso me ajudou a consolidar meus conhecimentos em HTML e CSS e desenvolver habilidades para criar páginas web estáticas mais avançadas. Sinto-me preparado para continuar minha jornada de aprendizado na área e aplicar esses conhecimentos em projetos futuros. Gostaria de agradecer à Alura e ao programa One da Oracle por disponibilizarem essa excelente oportunidade de aprendizado. Sem a ajuda deles, não seria possível alcançar meu objetivo de aprender HTML e CSS e desenvolver habilidades para criar páginas web estáticas.