Quiz sobre Desenvolvimento Web
50 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

Os dados enviados pelo método ______ são visíveis na barra de endereços.

GET

O método ______ é utilizado para o envio de informações sensíveis, como login.

POST

Para definir a cor de fundo da página, usamos o código ______.

background-color

Para definir uma imagem como fundo e permitir que ela se ajuste à largura da página, utilizamos ______.

<p>background-size: cover</p> Signup and view all the answers

Para colocar a imagem de fundo em um local específico, usamos a propriedade ______.

<p>background-position</p> Signup and view all the answers

Para repetir uma imagem apenas horizontalmente, usamos ______.

<p>background-repeat: repeat-x</p> Signup and view all the answers

Para definir o comprimento e altura de um objeto na página, usamos as propriedades ______ e height.

<p>width</p> Signup and view all the answers

Para definir a cor e a imagem de fundo em um local específico, usamos a propriedade ______.

<p>background</p> Signup and view all the answers

O ______ refere-se à estética do Website.

<p>Web Design</p> Signup and view all the answers

A experiência do utilizador é representada por ______.

<p>UX</p> Signup and view all the answers

A parte da aplicação web com a qual os utilizadores interagem diretamente é chamada de ______.

<p>Front-end</p> Signup and view all the answers

______ é uma linguagem de marcação padrão utilizada para criar e estruturar conteúdos na Web.

<p>HTML</p> Signup and view all the answers

A linguagem de regras de estilo para aplicar CSS ao conteúdo HTML é conhecida como ______.

<p>Cascading Style Sheets</p> Signup and view all the answers

O ______ refere-se à parte das aplicações que lida com a lógica de negócio e base de dados.

<p>Back-end</p> Signup and view all the answers

O ______ é responsável por permitir que o conteúdo se atualize dinamicamente e interaja com o usuário.

<p>JavaScript</p> Signup and view all the answers

É importante considerar a ______ e a fácil navegação ao projetar um site.

<p>simplicidade</p> Signup and view all the answers

O tipo de display que permite que um elemento ocupe espaço em linha é chamado de ______.

<p>inline</p> Signup and view all the answers

O posicionamento ______ é o valor padrão e posiciona os elementos de acordo com o fluxo normal do documento.

<p>static</p> Signup and view all the answers

Para posicionar elementos relativamente à janela do browser é utilizado o posicionamento ______.

<p>fixed</p> Signup and view all the answers

Se um elemento é posicionado relativamente ao seu elemento pai, este utiliza o posicionamento ______.

<p>relative</p> Signup and view all the answers

O posicionamento ______ coloca um elemento em relação ao primeiro elemento pai não-static.

<p>absolute</p> Signup and view all the answers

Para centrar um elemento horizontalmente na página, deve-se usar margens ______.

<p>automáticas</p> Signup and view all the answers

Para alinhar um elemento à ______, deve-se definir a propriedade right como 0px.

<p>direita</p> Signup and view all the answers

O ______ permite a adição de funcionalidades dinâmicas como pop-ups, galerias de fotos, etc.

<p>JavaScript</p> Signup and view all the answers

O valor ______ do z-index permite que um elemento fique atrás de outro.

<p>-1</p> Signup and view all the answers

Para evitar que elementos flutuantes afetem o layout subsequente, utiliza-se a regra ______.

<p>clear: both</p> Signup and view all the answers

A tag ______ é usada para conter informações relacionadas ao documento que não são mostradas.

<p>Head</p> Signup and view all the answers

As ______ definem o espaço ao redor de um elemento em CSS.

<p>margens</p> Signup and view all the answers

A tag ______ contém o conteúdo principal do documento HTML.

<p>Body</p> Signup and view all the answers

A tag ______ define o título da página exibido na aba do Browser.

<p>Title</p> Signup and view all the answers

O elemento ______ é utilizado para incorporar código JavaScript numa página HTML.

<p>Script</p> Signup and view all the answers

A tag ______ define um URL base para todos os URL da página.

<p>Base</p> Signup and view all the answers

A tag ______ indica uma seção de navegação com links para outras partes do site.

<p>Nav</p> Signup and view all the answers

As ______ semânticas em HTML são elementos que fornecem significado claro ao conteúdo.

<p>tags</p> Signup and view all the answers

Para definir a cor do texto, usamos a propriedade ______.

<p>color</p> Signup and view all the answers

Para alinhar o texto à direita, utilizamos ______: right;

<p>text-align</p> Signup and view all the answers

A propriedade ______ define o tipo de letra a ser usado.

<p>font-family</p> Signup and view all the answers

A propriedade para ajustar o tamanho da fonte é ______.

<p>font-size</p> Signup and view all the answers

Para aplicar um estilo em itálico, usamos ______: italic;

<p>font-style</p> Signup and view all the answers

A propriedade que gera sombra no texto é ______.

<p>text-shadow</p> Signup and view all the answers

Para definir a cor de um parágrafo ao passar o rato, usamos ______: hover.

<p>p:hover</p> Signup and view all the answers

A estrutura ______ no HTML é usada para criar tabelas.

<p>table</p> Signup and view all the answers

A propriedade ______ refere-se à margem que o elemento tem entre os outros elementos.

<p>margin</p> Signup and view all the answers

O espaço criado à volta do elemento é chamado de ______.

<p>padding</p> Signup and view all the answers

As propriedades de ______ são usadas para gerar um espaço em torno do conteúdo de um elemento.

<p>padding</p> Signup and view all the answers

O conceito do box model define como os elementos HTML são representados e ______ na tela.

<p>posicionados</p> Signup and view all the answers

Um elemento HTML é estruturado no Box Model do CSS por meio dos componentes: content, ______, border e margin.

<p>padding</p> Signup and view all the answers

A propriedade ______ especifica a largura da área de conteúdo do elemento.

<p>width</p> Signup and view all the answers

Bootstrap é uma biblioteca gratuita para um desenvolvimento web mais ______ e fácil.

<p>rápido</p> Signup and view all the answers

Os valores do padding podem incluir length, %, e ______.

<p>inherit</p> Signup and view all the answers

Study Notes

Web Design vs Web Development

  • Web Design focuses on the aesthetic aspects of a website.
  • Web Development is responsible for the construction, creation, and maintenance of websites.

UI vs UX

  • UI (User Interface) refers to the visual interface of a website or application.
  • UI includes visual elements such as buttons, images, and toggles.
  • UX (User Experience) encompasses the user's overall experience.

Aspects to Consider in Website Design

  • Define clear objectives.
  • Prioritize simplicity.
  • Maintain consistency.
  • Choose a cohesive color scheme.
  • Ensure responsive design.
  • Optimize loading speed.
  • Facilitate easy navigation.
  • Implement secure communication methods.
  • Regularly back up data and content.
  • Establish a comprehensive privacy policy.

Client-Server Structure

  • A network architecture model.
  • Servers provide services/resources.
  • Clients request services/resources and receive responses.

Web Programming (Front-end and Back-end)

  • Front-end (Client-side): The part users directly interact with, including design, structure, and visible behavior of the website or application. (HTML, CSS, and JS).
  • Back-end (Server-side): Handles business logic, databases, and user requests (PHP, Python, Node.js, Ruby, Java, etc.).

HTML, CSS, and JS

  • HTML (HyperText Markup Language): A standard markup language for creating and structuring content on the World Wide Web.
  • CSS (Cascading Style Sheets): A style sheet language used to add visual styles to HTML content, controlling layout, colors, backgrounds, spacing, and animations.
  • JavaScript: A programming language to create dynamic content that updates automatically, controls multimedia, images, interactivity, and handles mouse clicks and movements (dynamic elements).

HTML and Body Tags.

  • <head>: contains non-visible, metadata like title, meta-descriptions for the site.
  • <body>: contains the visible content like text, image, and videos of the website.

Semantic HTML Tags

  • <header>, <footer>, <section>, <article>, <aside>, <nav>, <form>, and : Used for structuring web pages semantically, improving understanding and accessibility.

    HTML Attributes and Image

    • Attributes: Provide additional information about elements in HTML like img src which define the path to an image.
    • <img>: Insert images into the webpage.

    Other HTML Tags and Styling

    • <title> (in the <head>): defines the title of the page shown in the browser tab.
    • <meta> (in the <head>): provides meta-data like description or author for indexing and searching.
    • <link> (in the <head>): links the page to other external resources like CSS (style sheets).
    • <style> (in the <head>): provides inline CSS styling for the webpage.
    • <script> (in the <head> or <body>): embeds JavaScript code to add interactive functionality.
    • <base> (in the <head>): establishes the base URL for all relative URLs on the page.

    Display and Positioning

    • Display: Determines whether content is presented inline or as block elements.
    • Positioning: Allows controlling the layout and placement of elements (static, fixed, relative, and absolute).

    Colors, Text Formatting, and Styling

    • Colors: setting text and background colors.
    • Text Formatting: Controlling text alignment, justification, and font styles.
    • Styling: Implementing general appearance aspects of the design.

    Lists

    • Ordered Lists (ol): Numbered lists.
    • Unordered Lists (ul): Bulleted lists.
    • Description Lists (dl): Used for defining terms and descriptions.

    Tables

    • Tables (table): Used to organize data in rows and columns.

    Padding and Margin

    • Padding: Specifies the space within an element's border.
    • Margin: Specifies the space outside an element's border.

    Bootstrap and Responsiveness

    • Bootstrap: A front-end framework facilitating quicker development.
    • Responsiveness: Adapting the layout to different screen sizes and devices.

    JavaScript Fundamentals

    • DOM (Document Object Model): A programming interface that allows JavaScript to access and manipulate HTML elements.
    • Events: Actions performed by the user like clicks.
    • Functions: Reusable blocks of code for executing specific tasks. Methods to add, manipulate, and delete HTML elements.
    • HTML elements manipulation and styling.

    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_PT PDF

    Description

    Teste seus conhecimentos sobre conceitos fundamentais do desenvolvimento web, incluindo HTML e CSS. Este quiz aborda métodos de envio de dados, propriedades de estilo e aspectos da experiência do usuário. Aprenda mais sobre como construir páginas web eficazes.

    More Like This

    HTML and CSS Basics
    12 questions

    HTML and CSS Basics

    BalancedCliché avatar
    BalancedCliché
    HTML/CSS Basics Study Quiz
    8 questions

    HTML/CSS Basics Study Quiz

    BrotherlyJasper8297 avatar
    BrotherlyJasper8297
    Web Development Basics Quiz
    13 questions

    Web Development Basics Quiz

    AmbitiousHarmonica6473 avatar
    AmbitiousHarmonica6473
    Web Development Basics Quiz
    48 questions
    Use Quizgecko on...
    Browser
    Browser