Git Product home page Git Product logo

2024-mat2-olamundo's Introduction

2024-Mat2-OlaMundo

Recursos

  1. Propótico de alta fidelidade;
  2. Imagem;

Rúbricas

Aula 1

  1. Utilizar a estrutura básica do html;
  2. Modificar a linguagem da página para o padrão português brasileiro (pt-br);
  3. Modificar o charset, modificar a largura da página para a largura do dispositivo;
  4. Modificar o título da página;

Aula 2

  1. Utilizar as tags semânticas: header, section, footer;
  2. Uitlizar as tags de título e parágrafo;

Aula 3

  1. Criar diretório para organizar as imagens;
  2. Fazer download do arquivo de imagem e utilizar a tag de imagem para incluí-la na página;

Aula 4

  1. Indentação do código; alt

Aula 5

  1. Criar estila para o seletor dos títulos de nível 2, cor da fonte laranja;
  2. Vincular a folha de estilo à página index.html;

Aula 6

  1. Criar estilo para o seletor do corpo da página, cor de fonte e cor da fonte;
  2. Sintáxe do CSS com seletor tag do html; Sintáxe do CSS com seletor tag do html;

Aula 7

  1. Utilizar alinhamento centralizado para o corpo da página;
  2. Utilizar borda inferior para o cabeçalho da página. Borda sólida, cor cinza;
  3. Utilizar borda superior no rodapé da página. Borda sólida, cor cinza;

Aula 8

  1. Utilizar tag span e identificador para especificar uma região do html e atribuir a elas estilo personalizado;
  2. utilizar tag span e class para especificar regiões do html e atribuir a elas estilo personalizado;
  3. Utilizar negrito e itálico para modificar o estilo das regiões acima;
  4. Utilizar seletores no css para id e class;

Aula 9

  1. Utilizar javascript para interação com o usuário da página;
  2. Utilizar javascript para pedir o nome do usuário;
  3. Motificar parágrafo do header para informar o nome do usuário na mensagem de boas-vendas;
  4. Enquanto usuário não informar nenhum nome, deve solicitar novamente; caso cancela o prompt, utilizar a palavra estudante;

Para saber mais:

  1. Mozilla Foundation
  2. W3C
  3. Cores
  4. P5

2024-mat2-olamundo's People

Contributors

pfransozi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.