Web Design e Desenvolvimento
16 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Qual a função principal do CSS na web?

  • Controlar a navegação nas páginas
  • Criar animações complexas
  • Aplicar estilo ao conteúdo HTML (correct)
  • Adicionar interatividade ao conteúdo

    • Qual tag HTML é utilizada para definir a programação de funções com scripts?

  • <link>
  • <style>
  • <script> (correct)
  • <meta>

    • Qual é a diferença principal entre a tag e a tag ?

  • <head> contém conteúdo visual, enquanto <body> contém informações técnicas.
  • <head> é onde as informações sobre o documento são armazenadas, <body> contém o conteúdo visível. (correct)
  • <head> não é necessária para o funcionamento, <body> sempre deve estar presente.
  • <head> é usada para formatação, <body> é apenas para texto.

    • Qual elemento é utilizado para vincular recursos externos, como folhas de estilo CSS?

    <link> Signup and view all the answers

    Qual tag é usada para definir um título exibido na aba do browser?

    &lt;title> Signup and view all the answers

    Qual tag HTML é usada para definir formatação em CSS interno?

    &lt;style> Signup and view all the answers

    Qual tag HTML deve ser usada para fornecer informações sobre o documento, como codificação e autor?

    <meta> Signup and view all the answers

    Qual é a diferença entre as tags e ?

    <p><strong> indica ênfase, enquanto <b> é só visual.</p> Signup and view all the answers

    Qual é a principal diferença entre Web Design e Web Development?

    <p>Web Design se concentra na estética, enquanto Web Development abrange a construção e manutenção de Websites.</p> Signup and view all the answers

    O que representa o termo UI em um website?

    <p>É a interface visual de um website, incluindo botões e imagens.</p> Signup and view all the answers

    Qual aspecto não é considerado na criação de um website?

    <p>Utilização de uma única cor dominante.</p> Signup and view all the answers

    Qual das seguintes opções descreve corretamente a estrutura Cliente – Servidor?

    <p>Os clientes enviam requisitas aos servidores e os servidores respondem com serviços.</p> Signup and view all the answers

    Quais linguagens são utilizadas no front-end para desenvolvimento web?

    <p>HTML, CSS e JavaScript.</p> Signup and view all the answers

    Qual é a função primária do HTML na criação de Websites?

    <p>Criar e estruturar conteúdos na web.</p> Signup and view all the answers

    O que o HTML5 melhorou em relação ao HTML anterior?

    <p>Suporte nativo para conectividade avançada.</p> Signup and view all the answers

    Qual dessas linguagens é predominantemente utilizada no back-end?

    <p>Python.</p> Signup and view all the answers

    Study Notes

    Tipo de Perguntas no Teste

    • Descrição dos passos principais para o design e desenvolvimento de um website (HTML, CSS, JS)
    • Trechos de código para comentar
    • Perguntas verdadeiro/falso
    • Perguntas com espaços em branco para preenchimento

    Conteúdos para Estudo

    • Web Design vs. Web Development: Web Design é a estética do website; Web Development é a construção, criação e manutenção.

    • UI (User Interface) vs. UX (User Experience): UI refere-se aos elementos visuais (botões, imagens); UX refere-se à experiência do utilizador.

    • Aspetos a considerar no projeto de um website: objetivos, simplicidade, consistência, grupo de cores, responsividade, carregamento rápido, navegação fácil, comunicação, backups e política de privacidade.

    • Estrutura Cliente-Servidor: Modelo de arquitetura de rede onde servidores fornecem recursos e clientes os solicitam.

    • Programação Web:

      • Cliente (Browser) - Front-end: Interação do utilizador (HTML, CSS, JS)
      • Servidor (Servidor Web) - Back-end: Lógica do negócio, base de dados (PHP, Python, Node.js, Ruby, Java).

    • HTML: Linguagem de marcação para criar e estruturar conteúdo na web. Fornece tags e atributos para definir a estrutura e apresentação.

    • CSS: Linguagem de estilo para aplicar estilo ao conteúdo HTML (background, cores, layout, espaçamento, animações).

    • JavaScript: Linguagem de programação para criar conteúdo dinâmico, controlar multimídias, imagens animadas, navegação interativa, ações de clique, etc.

    Detalhes Adicionais sobre HTML

    • Tag <html>: Inicia a estrutura do código HTML.
    • Tag <head>: Contém informações sobre o documento (título, metadados, links para folhas de estilo).
    • Tag <body>: Contém o conteúdo principal do site (texto, imagens, etc.).
    • Tag <title>: Define o título da janela do navegador.
    • Tag <meta>: Fornece informações sobre o documento (codificação, autor, descrição, etc).
    • Tag <link>: Vincula recursos externos (folhas de estilo CSS).
    • Tag <style>: Define formatação CSS interna.
    • Tag <script>: Incorpora código JavaScript.
    • Tag <base>: Define um URL base para URLs relativos em uma página.
    • Tag <strong> (ênfase semântico) vs. <b> (ênfase visual)
    • Tag <source>: Define opções alternativas para vídeos e áudios.
    • Tag <i> (itálico visual, semântico).
    • Tag <iframe>: Incorpora conteúdo HTML de outros sites.
    • Tag <time>: Marca hora e data de forma significativa para máquinas.
    • Tags semânticas: <header>, <footer>, <section>, <article>, <aside>, <nav>, <form>, .

      Detalhes Adicionais sobre HTML (Continuação)

      • Tag <header>: Define a secção de cabeçalho.
      • Tag <footer>: Define a secção de rodapé.
      • Tag <section>: Define uma secção do documento.
      • Tag <article>: Define um conteúdo independente.
      • Tag <aside>: Define conteúdo relacionado.
      • Tag <nav>: Define uma secção de navegação.
      • Tag <img>: Insere uma imagem.
      • Tag <span>: Usada para estilizar partes específicas de texto.
      • Tag <img src="imagem.png">: Insere uma imagem.
      • IDs vs. classes: IDs são únicos, Classes podem ser múltiplas para um item.
      • Cores do texto
      • Alinhamento do texto
      • Formatação da letra (tipo, tamanho, estilo, etc.)
      • Sombra de texto
      • Hiperligações
      • Formatação de tabelas, como criar e definir uma tabela (Linhas, colunas, células, títulos).

      Formatação de Texto

      • Definir cor de texto (Ex: color: red;)
      • Alinhamento do texto (text-align: center;)
      • Tipo, tamanho e estilo de fonte;
      • Sombra de texto;
      • Hiperligações

      Javascript, Manipulação de Elementos

      • Funções Javascript para manipulação de elementos da página
      • O método push, unshift, pop e shift, para manipulação de elementos em arrays, etc.
      • Eventos, formulários e validações
      • Seleção de elementos no DOM (Document Object Model)
      • Manipulação de conteúdo com innerHTML
      • Estrutura de decisão (if...else)
      • Adicionar e remover elementos

      Studying That Suits You

      Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

      Quiz Team

      Related Documents

      Revisões Teóricas - Isla - 2024/2025 PDF

      Description

      Teste seus conhecimentos sobre design e desenvolvimento de websites. Este quiz abrange conceitos de web design, programação e a diferença entre UI e UX. Responda a perguntas de verdadeiro/falso, preencha os espaços em branco e comente trechos de código.

      More Like This

      Use Quizgecko on...
      Browser
      Open
      Browser
      Browser