Construção de Software para Web Flashcards
Quais são as vantagens e desvantagens do JPEG?
JPEG (Joint Photographic Expert Group):
Vantagem: opção popular para imagens fotográficas, suporta uma ampla gama de
cores, permite uma alta taxa de compressão sem perda de qualidade, Pode muito ser
comprimidas sem perda de qualidade, boa para reduzir tamanho de arquivos, bom
tempo de carregamento da página.
Desvantagens: não suporta transparência e pode apresentar pixels artificiais em áreas
com cores uniformes ou gradientes suaves, Além disso, a compressão excessiva pode
resultar em perda de qualidade da imagem.
Quais são as vantagens e desvantagens do PNG?
PNG (Portable Network Graphics):
Vantagem: O formato PNG é uma opção popular para imagens que exigem transparência, como ícones e gráfico, suporta transparência sem fundo, capaz de armazenar múltiplas camadas de informações, suporta compressão sem perda de qualidade, reduzindo o
tamanho de bits do arquivo, criado em 1986, pela W3C.
Desvantagens: o PNG pode ter um tamanho de arquivo maior do que outros formatos de
imagem, como JPEG, o que pode afetar negativamente o tempo de carregamento da
página
Quais são as vantagens e desvantagens do GIF?
Vantagem: é um formato de gráfico vetorial baseado em XML, ele é escalável sem perda
de qualidade, podem ser redimensionados sem perda de qualidade. pode ser animado e
estilizado com CSS, oportunizando criação de gráficos interativos.
Desvantagens: SVG pode ser mais complexo de criar e editar, alguns navegadores antigos
podem ter dificuldades para exibir imagens SVG corretamente.
Quais são os sites de imagens com domínio público?
Existem vários sites que oferecem imagens de domínio público para serem usados em seus projetos. Algumas imagens deixam você usar a arte apenas se o artista for creditado em um texto localizado, outras imagens precisam ser de domínio público. Alguns site de imagens com domínio público são:
* UnSplash
* Pexels
* FreePik
* Rawpixel
* Pixabay
* Libreshot
* Wikimedia Common
Como colocar ícone no cabeçario?
link favicon
Um favicon é um pequeno ícone de 16×16 pixels que serve como marca para o seu site. Seu principal objetivo é ajudar os
visitantes a localizar sua página com mais facilidade quando eles têm várias guias abertas. Devido ao seu tamanho minúsculo, os favicons funcionam melhor como imagens simples ou com um a três caracteres de texto.
Como colocar imagem no HTML?
<img></img>
o atributo alt fornece uma descrição da imagem para usuários com deficiência visual ou para navegadores que não conseguem exibir a imagem
Figuras e Legendas: são uma maneira eficaz de apresentar imagens de forma clara e organizada em uma página web, nelas fornecemos informações adicionais sobre a imagem e torná-la mais significativa
para o usuário
Como colocar figuras e legendas nas imagens no HTML?
Figuras e Legendas: são uma maneira eficaz de apresentar imagens de forma clara e organizada em uma página web, nelas fornecemos informações adicionais sobre a imagem e torná-la mais significativa
para o usuário.
<figure>
<img></img>
<figcaption>Alunos do primário.</figcaption>
</figure>
Como fazer a alteração da imagem dependendo do tamanho da tela?
<picture>
<source></source>
<source></source>
<img></img>
</picture>
Telas pequenas: Definir a imagen srcset=”imagem-pequena.png” e o atributo media=”(max-width: 767px)”,
será usado em telas com largura máxima de 767 pixels.
Telas grandes: Definir a igema srcset=”imagem-grande.png” e o atributo media=”(min-width: 768px)”, será
usado em telas com largura mínima de 768 pixels.
Como colocar emoji no HTML pelo Unicode?
Copiar o código e colocar “&#x” antes.
ex.: 👽
Quais são os tipos de comandos de texto para fazer hierarquia no HTML?
h1, h2,h3,h4,h5,h6
Como escrever um texto em itálico nas versões forma e semântica no HTML?
Forma: <i>
Semântica: <em></em></i>
Como escrever um texto em negrito nas versões forma e semântica no HTML?
Forma: <b>
Semântica: <strong></strong></b>
Como escrever um texto Grande nas versões forma e semântica no HTML?
Forma: <big>
Semântica: Usar no CSS</big>
Como escrever um texto pequeno nas versões forma e semântica no HTML?
Forma: <small>
Semântica: <small></small></small>
Como escrever um texto deletado nas versões forma e semântica no HTML?
Forma: <striker>
Semântica: <dell></dell></striker>
Como escrever um texto inserido nas versões forma e semântica no HTML?
Forma: <u>
Semântica: <ins></ins></u>
Como escrever um texto sobrescrito nas versões forma e semântica no HTML?
Forma:
Semântica:
Como escrever um texto subscrito nas versões forma e semântica no HTML?
Forma:
Semântica:
Como escrever um trecho de código nas versões forma e semântica no HTML?
Forma: <pre> <code>
Semântica: <pre> <code></code></code>
Como fazer uma lista não ordenada no HTML?
No html devemos utilizar a tag
<ul> unOrder List para cada item
devem ser utilizado a tag <li> list
item.
para personalizar, colocar "type" na tag: Cycle, square, 1, I...
</li></ul>
Como fazer uma lista definição no HTML?
Quando preciso fazer um dicionário, lista com sigla e descrição abrir a tag<dl>
dt (Definition Term) e o <dd> (Descrition)
Ex:
<dl>
<dt>HTML</dt>
<dd>Linguagem de marcação para criação do conteúdo de um site</dd>
<dt>Javascript</dt>
<dd>Linguagem de programação para a
criação interativa de um site</dd>
<\dl>
</dl>
Como fazer uma tabela no HTML?
Abrir a tag <table border="1"> - Criar uma borda
<thead> - cabeçario
<tr> Qualquer linha
<th> - Texto do cabeçario
<tbody - Corpo da tabela
<td> Texto da tbody e do tfoot
<tfoot> rodapé
</tfoot></td></th></tr></thead>
O que significa rowspan e colspan no HTML?
Utilizado para mesclar linhas ou colunas (agrupamento)
Isso é feito com os atributos rowspan (vertical) e colspan (horizontal) dos elementos <th> e <td>
Como fazer um link externo?
<a> algo </a>