https://github.com/ffernandes2021/aplicacoes-para-internet-t2

AULA: Desenvolvimento de uma webpage responsiva, semântica e validada pela W3C, utilizando as tecnologias HTML, CSS, Bootstrap e Font-Awesome.
https://github.com/ffernandes2021/aplicacoes-para-internet-t2

bootstrap3 css3 font-awesome-5 html5

Last synced: about 2 months ago
JSON representation

AULA: Desenvolvimento de uma webpage responsiva, semântica e validada pela W3C, utilizando as tecnologias HTML, CSS, Bootstrap e Font-Awesome.

• Host: GitHub
• URL: https://github.com/ffernandes2021/aplicacoes-para-internet-t2
• Owner: ffernandes2021
• License: mit
• Created: 2021-04-14T00:04:04.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-22T20:21:24.000Z (almost 3 years ago)
• Last Synced: 2025-03-23T18:52:03.836Z (2 months ago)
• Topics: bootstrap3, css3, font-awesome-5, html5
• Language: HTML
• Homepage: https://ffernandes2021.github.io/aplicacoes-para-internet-t2/aplicacoes-para-internet-t2/index.html
• Size: 8.88 MB
• Stars: 11
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# aplicacoes-para-internet-t2

Olá, aluno(a),

Você foi contratado para desenvolver um portal de notícias baseado no layout abaixo.

![layout!](aplicacoes-para-internet-t2/assets/img/readme.jpg)

Neste projeto, deves atentar-se às seguintes condições:

1. No site deves utilizar **Semantic Elements** do HTML5 em sua estrutura;

2. O site deve ser **responsivo**. Para isto você poderá utilizar alguma das técnicas:

    - CSS float property: [**link**](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats) 

    - CSS grid: [**link**](https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Grid_Layout)

    - CSS flexbox: [**link**](https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout)

3. Podes utilizar (caso prefira) um CSS framework, como [**Bootstrap**](https://getbootstrap.com/), [**W3.CSS**](https://www.w3schools.com/w3css/defaulT.asp), ou outro que lhe for familiar, seguindo neste caso sua própria notação para tags, classes, entre outros elementos.

4. Todas as páginas .html e .css devem estar corretas de acordo com os validadores da **W3C**, isto é, o [**Markup Validation Service**](https://validator.w3.org/) e o [**CSS Validation Service**](https://jigsaw.w3.org/css-validator/).

5. O tipo de notícia e o esquema de cores é livre.

6. Zipem os arquivos .html e .css e enviem. Nossa ideia aqui é compartilhar o conhecimento obtido com os outros alunos. Nomeiem o arquivo no formato rgm.zip.

Para ajudá-los nesta empreitada deixo os seguintes links:

- **MDN Web Docs:**

  - Semantics: [**link**](https://developer.mozilla.org/en-US/docs/Glossary/Semantics)

  - HTML elements reference: [**link**](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)

  - CSS layout: [**link**](https://developer.mozilla.org/pt-BR/docs/Learn/CSS/CSS_layout)

- **W3Schools:**

  - HTML Layout: [**link**](https://www.w3schools.com/html/html_layout.asp)

  - HTML Responsive: [**link**](https://www.w3schools.com/html/html_responsive.asp)

  - HTML Semantics: [**link**](https://www.w3schools.com/html/html5_semantic_elements.asp)

  - Bootstrap: [**link**](https://www.w3schools.com/bootstrap/bootstrap_ver.asp)

  - W3.css: [**link**](https://www.w3schools.com/w3css/defaulT.asp)

Lembrem-se que esta atividade não é pontuada, no entanto, muito importante para o desenvolvimento do conhecimento sobre o assunto.

Este fórum estará aberto, entre os dias: DD/MM à DD/MM.

Vamos lá!