https://github.com/monicaquintal/agenda14_dsi_forum
Resolução da atividade proposta no Fórum da Agenda 14 (disciplina DSI) da ETEC, utilizando W3.CSS.
https://github.com/monicaquintal/agenda14_dsi_forum
css etec html w3css
Last synced: 6 days ago
JSON representation
Resolução da atividade proposta no Fórum da Agenda 14 (disciplina DSI) da ETEC, utilizando W3.CSS.
- Host: GitHub
- URL: https://github.com/monicaquintal/agenda14_dsi_forum
- Owner: monicaquintal
- Created: 2022-11-06T15:50:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-06T15:50:22.000Z (over 2 years ago)
- Last Synced: 2025-02-24T07:13:14.630Z (4 months ago)
- Topics: css, etec, html, w3css
- Language: HTML
- Homepage: https://monicaquintal.github.io/agenda14_dsi_forum/
- Size: 167 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Agenda 14: FRAMEWORK W3.CSS
Disciplina Desenvolvimento de Sistemas I
EaDTEC - Centro Paula Souza
## 💬 Enunciado:
"Olá pessoal! Tudo maravilha!
Na agenda desta semana você conheceu o FRAMEWORK W3.CSS e deve ter percebido sua versatilidade. Com ele podemos desenvolver páginas web bastante expressivas que garantiram uma excelente visibilidade na Internet. Que tal aprimorar a página do seu currículo, sugerida semanas atrás, utilizando esse FRAMEWORK???
Segue o [link](https://www.youtube.com/watch?v=ZMCemNmB_v0) da primeira aula sobre o W3.CSS para lhe ajudar nessa tarefa.
Compartilhe conosco como ficou seu projeto utilizando o CSS.
Bons estudos!"
## 📚 Estudando sobre o assunto:
### A) O que são frameworks?
- Oferecem um modelo com diversas funções prontas e otimizadas, evitando gasto de tempo desenvolvendo funções em projetos, uma vez que estão
disponíveis no framework;
- O W3.CSS é um framework moderno, com capacidade de resposta integrada e promete diversos benefícios:
- menor, mais rápido e mais fácil de aprender;
- melhor compatibilidade entre navegadores;
- usa apenas CSS (não utiliza jQuery ou JavaScript);
- design responsivo (mobile-first);
- ferramentas de desenvolvimento para todos os dispositivos (desktop, notebook, tablet, celular);
- acelera e simplifica o desenvolvimento web.
### B) W3.CSS:
- Existem duas formas de utilizar o framework W3CSS:
1. adicionar uma tag ao link da página com o atributo href com o valor: "https://www.w3schools.com/w3css/4/w3.css".
2. fazer o download do arquivo CSS, colocá-lo na mesma pasta da sua página e fazer o link . Baixar [neste link](https://www.w3schools.com/w3css/4/w3.css).
- classes:
- "w3-container": cria o container; "w3-center" centraliza os conteúdos;
- w3-panel: define a div como painel;
- w3-red: cor de fundo da div;
- w3-round-xxlarge: cantos fortemente arredondados (small, large, xlarge, xxlarge, podendo aplicar em imagens também);
- hover na tag img: w3-hover-grayscale (escala de cinza), "w3-hover-opacity" e "w3-hover-sepia".
- acessar [W3.CSS Reference](https://www.w3schools.com/w3css/w3css_references.asp#display) para mais classes e informações!