Podcast
Questions and Answers
Os dados enviados pelo método ______ são visíveis na barra de endereços.
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.
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 ______.
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 ______.
Para definir uma imagem como fundo e permitir que ela se ajuste à largura da página, utilizamos ______.
Signup and view all the answers
Para colocar a imagem de fundo em um local específico, usamos a propriedade ______.
Para colocar a imagem de fundo em um local específico, usamos a propriedade ______.
Signup and view all the answers
Para repetir uma imagem apenas horizontalmente, usamos ______.
Para repetir uma imagem apenas horizontalmente, usamos ______.
Signup and view all the answers
Para definir o comprimento e altura de um objeto na página, usamos as propriedades ______ e height.
Para definir o comprimento e altura de um objeto na página, usamos as propriedades ______ e height.
Signup and view all the answers
Para definir a cor e a imagem de fundo em um local específico, usamos a propriedade ______.
Para definir a cor e a imagem de fundo em um local específico, usamos a propriedade ______.
Signup and view all the answers
O ______ refere-se à estética do Website.
O ______ refere-se à estética do Website.
Signup and view all the answers
A experiência do utilizador é representada por ______.
A experiência do utilizador é representada por ______.
Signup and view all the answers
A parte da aplicação web com a qual os utilizadores interagem diretamente é chamada de ______.
A parte da aplicação web com a qual os utilizadores interagem diretamente é chamada de ______.
Signup and view all the answers
______ é uma linguagem de marcação padrão utilizada para criar e estruturar conteúdos na Web.
______ é uma linguagem de marcação padrão utilizada para criar e estruturar conteúdos na Web.
Signup and view all the answers
A linguagem de regras de estilo para aplicar CSS ao conteúdo HTML é conhecida como ______.
A linguagem de regras de estilo para aplicar CSS ao conteúdo HTML é conhecida como ______.
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.
O ______ refere-se à parte das aplicações que lida com a lógica de negócio e base de dados.
Signup and view all the answers
O ______ é responsável por permitir que o conteúdo se atualize dinamicamente e interaja com o usuário.
O ______ é responsável por permitir que o conteúdo se atualize dinamicamente e interaja com o usuário.
Signup and view all the answers
É importante considerar a ______ e a fácil navegação ao projetar um site.
É importante considerar a ______ e a fácil navegação ao projetar um site.
Signup and view all the answers
O tipo de display que permite que um elemento ocupe espaço em linha é chamado de ______.
O tipo de display que permite que um elemento ocupe espaço em linha é chamado de ______.
Signup and view all the answers
O posicionamento ______ é o valor padrão e posiciona os elementos de acordo com o fluxo normal do documento.
O posicionamento ______ é o valor padrão e posiciona os elementos de acordo com o fluxo normal do documento.
Signup and view all the answers
Para posicionar elementos relativamente à janela do browser é utilizado o posicionamento ______.
Para posicionar elementos relativamente à janela do browser é utilizado o posicionamento ______.
Signup and view all the answers
Se um elemento é posicionado relativamente ao seu elemento pai, este utiliza o posicionamento ______.
Se um elemento é posicionado relativamente ao seu elemento pai, este utiliza o posicionamento ______.
Signup and view all the answers
O posicionamento ______ coloca um elemento em relação ao primeiro elemento pai não-static.
O posicionamento ______ coloca um elemento em relação ao primeiro elemento pai não-static.
Signup and view all the answers
Para centrar um elemento horizontalmente na página, deve-se usar margens ______.
Para centrar um elemento horizontalmente na página, deve-se usar margens ______.
Signup and view all the answers
Para alinhar um elemento à ______, deve-se definir a propriedade right como 0px.
Para alinhar um elemento à ______, deve-se definir a propriedade right como 0px.
Signup and view all the answers
O ______ permite a adição de funcionalidades dinâmicas como pop-ups, galerias de fotos, etc.
O ______ permite a adição de funcionalidades dinâmicas como pop-ups, galerias de fotos, etc.
Signup and view all the answers
O valor ______ do z-index permite que um elemento fique atrás de outro.
O valor ______ do z-index permite que um elemento fique atrás de outro.
Signup and view all the answers
Para evitar que elementos flutuantes afetem o layout subsequente, utiliza-se a regra ______.
Para evitar que elementos flutuantes afetem o layout subsequente, utiliza-se a regra ______.
Signup and view all the answers
A tag ______ é usada para conter informações relacionadas ao documento que não são mostradas.
A tag ______ é usada para conter informações relacionadas ao documento que não são mostradas.
Signup and view all the answers
As ______ definem o espaço ao redor de um elemento em CSS.
As ______ definem o espaço ao redor de um elemento em CSS.
Signup and view all the answers
A tag ______ contém o conteúdo principal do documento HTML.
A tag ______ contém o conteúdo principal do documento HTML.
Signup and view all the answers
A tag ______ define o título da página exibido na aba do Browser.
A tag ______ define o título da página exibido na aba do Browser.
Signup and view all the answers
O elemento ______ é utilizado para incorporar código JavaScript numa página HTML.
O elemento ______ é utilizado para incorporar código JavaScript numa página HTML.
Signup and view all the answers
A tag ______ define um URL base para todos os URL da página.
A tag ______ define um URL base para todos os URL da página.
Signup and view all the answers
A tag ______ indica uma seção de navegação com links para outras partes do site.
A tag ______ indica uma seção de navegação com links para outras partes do site.
Signup and view all the answers
As ______ semânticas em HTML são elementos que fornecem significado claro ao conteúdo.
As ______ semânticas em HTML são elementos que fornecem significado claro ao conteúdo.
Signup and view all the answers
Para definir a cor do texto, usamos a propriedade ______.
Para definir a cor do texto, usamos a propriedade ______.
Signup and view all the answers
Para alinhar o texto à direita, utilizamos ______: right;
Para alinhar o texto à direita, utilizamos ______: right;
Signup and view all the answers
A propriedade ______ define o tipo de letra a ser usado.
A propriedade ______ define o tipo de letra a ser usado.
Signup and view all the answers
A propriedade para ajustar o tamanho da fonte é ______.
A propriedade para ajustar o tamanho da fonte é ______.
Signup and view all the answers
Para aplicar um estilo em itálico, usamos ______: italic;
Para aplicar um estilo em itálico, usamos ______: italic;
Signup and view all the answers
A propriedade que gera sombra no texto é ______.
A propriedade que gera sombra no texto é ______.
Signup and view all the answers
Para definir a cor de um parágrafo ao passar o rato, usamos ______: hover.
Para definir a cor de um parágrafo ao passar o rato, usamos ______: hover.
Signup and view all the answers
A estrutura ______ no HTML é usada para criar tabelas.
A estrutura ______ no HTML é usada para criar tabelas.
Signup and view all the answers
A propriedade ______ refere-se à margem que o elemento tem entre os outros elementos.
A propriedade ______ refere-se à margem que o elemento tem entre os outros elementos.
Signup and view all the answers
O espaço criado à volta do elemento é chamado de ______.
O espaço criado à volta do elemento é chamado de ______.
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.
As propriedades de ______ são usadas para gerar um espaço em torno do conteúdo de um elemento.
Signup and view all the answers
O conceito do box model define como os elementos HTML são representados e ______ na tela.
O conceito do box model define como os elementos HTML são representados e ______ na tela.
Signup and view all the answers
Um elemento HTML é estruturado no Box Model do CSS por meio dos componentes: content, ______, border e margin.
Um elemento HTML é estruturado no Box Model do CSS por meio dos componentes: content, ______, border e margin.
Signup and view all the answers
A propriedade ______ especifica a largura da área de conteúdo do elemento.
A propriedade ______ especifica a largura da área de conteúdo do elemento.
Signup and view all the answers
Bootstrap é uma biblioteca gratuita para um desenvolvimento web mais ______ e fácil.
Bootstrap é uma biblioteca gratuita para um desenvolvimento web mais ______ e fácil.
Signup and view all the answers
Os valores do padding podem incluir length, %, e ______.
Os valores do padding podem incluir length, %, e ______.
Signup and view all the answers
Flashcards
Web Design
Web Design
Refere-se à estética visual de um website, incluindo elementos como cores, imagens, fontes e layouts.
Web Development
Web Development
É o processo de construção, desenvolvimento e manutenção de websites. Envolve a codificação e a funcionalidade do site.
UI (User Interface)
UI (User Interface)
Refere-se à interface visual de um website ou aplicação. Engloba todos os elementos visuais com os quais o usuário interage.
UX (User Experience)
UX (User Experience)
Signup and view all the flashcards
Estrutura Cliente-Servidor
Estrutura Cliente-Servidor
Signup and view all the flashcards
Back-end
Back-end
Signup and view all the flashcards
Front-end
Front-end
Signup and view all the flashcards
HTML
HTML
Signup and view all the flashcards
Tag
Tag
Signup and view all the flashcards
Tag
Tag
Signup and view all the flashcards
Tag
Tag
Signup and view all the flashcards
Tag
Tag
Signup and view all the flashcards
Tag <style>
Tag <style>
Signup and view all the flashcards
Tag <script>
Tag <script>
Signup and view all the flashcards
Tag
Tag
Signup and view all the flashcards
Tag
Tag
Signup and view all the flashcards
background-color
background-color
Signup and view all the flashcards
background-image
background-image
Signup and view all the flashcards
width & height
width & height
Signup and view all the flashcards
background-position
background-position
Signup and view all the flashcards
background-repeat
background-repeat
Signup and view all the flashcards
background-size
background-size
Signup and view all the flashcards
background-repeat-x
background-repeat-x
Signup and view all the flashcards
background-repeat-y
background-repeat-y
Signup and view all the flashcards
Cor do Texto
Cor do Texto
Signup and view all the flashcards
Alinhamento do Texto
Alinhamento do Texto
Signup and view all the flashcards
Tipo de Letra
Tipo de Letra
Signup and view all the flashcards
Tamanho da Letra
Tamanho da Letra
Signup and view all the flashcards
Estilo da Letra
Estilo da Letra
Signup and view all the flashcards
Sombra do Texto
Sombra do Texto
Signup and view all the flashcards
Hiperligações (Href)
Hiperligações (Href)
Signup and view all the flashcards
Estilos de Classe
Estilos de Classe
Signup and view all the flashcards
Display
Display
Signup and view all the flashcards
Posicionamento
Posicionamento
Signup and view all the flashcards
Static
Static
Signup and view all the flashcards
Fixed
Fixed
Signup and view all the flashcards
Relative
Relative
Signup and view all the flashcards
Absolute
Absolute
Signup and view all the flashcards
Z-index
Z-index
Signup and view all the flashcards
Centrar um elemento
Centrar um elemento
Signup and view all the flashcards
Margens
Margens
Signup and view all the flashcards
Float
Float
Signup and view all the flashcards
Padding e Margin
Padding e Margin
Signup and view all the flashcards
Configurar Padding e Margin Individualmente
Configurar Padding e Margin Individualmente
Signup and view all the flashcards
Padding e seu Uso
Padding e seu Uso
Signup and view all the flashcards
Largura do Elemento e Padding
Largura do Elemento e Padding
Signup and view all the flashcards
O Box Model no CSS
O Box Model no CSS
Signup and view all the flashcards
Bootstrap
Bootstrap
Signup and view all the flashcards
Visibilidade de Elementos
Visibilidade de Elementos
Signup and view all the flashcards
O que é
?
O que é
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.
Related Documents
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