Podcast
Questions and Answers
Qual a função principal do CSS na web?
Qual a função principal do CSS na web?
Qual tag HTML é utilizada para definir a programação de funções com scripts?
Qual tag HTML é utilizada para definir a programação de funções com scripts?
Qual é a diferença principal entre a tag
e a tag ?
Qual é a diferença principal entre a tag
e a tag ?
Qual elemento é utilizado para vincular recursos externos, como folhas de estilo CSS?
Qual elemento é utilizado para vincular recursos externos, como folhas de estilo CSS?
Signup and view all the answers
Qual tag é usada para definir um título exibido na aba do browser?
Qual tag é usada para definir um título exibido na aba do browser?
Signup and view all the answers
Qual tag HTML é usada para definir formatação em CSS interno?
Qual tag HTML é usada para definir formatação em CSS interno?
Signup and view all the answers
Qual tag HTML deve ser usada para fornecer informações sobre o documento, como codificação e autor?
Qual tag HTML deve ser usada para fornecer informações sobre o documento, como codificação e autor?
Signup and view all the answers
Qual é a diferença entre as tags e ?
Qual é a diferença entre as tags e ?
Signup and view all the answers
Qual é a principal diferença entre Web Design e Web Development?
Qual é a principal diferença entre Web Design e Web Development?
Signup and view all the answers
O que representa o termo UI em um website?
O que representa o termo UI em um website?
Signup and view all the answers
Qual aspecto não é considerado na criação de um website?
Qual aspecto não é considerado na criação de um website?
Signup and view all the answers
Qual das seguintes opções descreve corretamente a estrutura Cliente – Servidor?
Qual das seguintes opções descreve corretamente a estrutura Cliente – Servidor?
Signup and view all the answers
Quais linguagens são utilizadas no front-end para desenvolvimento web?
Quais linguagens são utilizadas no front-end para desenvolvimento web?
Signup and view all the answers
Qual é a função primária do HTML na criação de Websites?
Qual é a função primária do HTML na criação de Websites?
Signup and view all the answers
O que o HTML5 melhorou em relação ao HTML anterior?
O que o HTML5 melhorou em relação ao HTML anterior?
Signup and view all the answers
Qual dessas linguagens é predominantemente utilizada no back-end?
Qual dessas linguagens é predominantemente utilizada no back-end?
Signup and view all the answers
Flashcards
CSS (Cascading Style Sheets)
CSS (Cascading Style Sheets)
Linguagem de estilo que define a aparência do conteúdo HTML, controlando elementos como cores, fundos, layouts e animações.
JavaScript
JavaScript
Linguagem de programação que permite criar conteúdo dinâmico, interagir com o usuário e controlar elementos como imagens, vídeos e animações.
Tag HTML ()
Tag HTML ()
Comando que inicia o código HTML, marcando o começo do documento.
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 <script>
Tag <script>
Signup and view all the flashcards
Web Design vs Web Development
Web Design vs Web Development
Signup and view all the flashcards
UI vs UX
UI vs UX
Signup and view all the flashcards
Aspetos a considerar ao projetar um site
Aspetos a considerar ao projetar um site
Signup and view all the flashcards
Estrutura Cliente-Servidor
Estrutura Cliente-Servidor
Signup and view all the flashcards
Front-end
Front-end
Signup and view all the flashcards
Back-end
Back-end
Signup and view all the flashcards
HTML
HTML
Signup and view all the flashcards
CSS
CSS
Signup and view all the flashcards
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.
Formatação de Texto, Tabelas e Links
- 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.
Related Documents
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
- Tag