Conteúdo do Curso

HTML Definitivo

1. Compreendendo o Desenvolvimento Web

Bem-vindo ao HTML e Desenvolvimento Web O Que É a Internet?Como a Internet Funciona?Compreendendo Como os Sites Funcionam Explicação Sobre Desenvolvimento Frontend e Backend

2. Tags e Atributos HTML

Compreensão das Tags HTML Trabalhando com Atributos HTML Compreensão de Tags Pareadas e Únicas em HTML Marcação e Formatação de Texto em HTML Desafio: Crie o Parágrafo da Sua Primeira Página Web Desafio: Construir uma Página Web de Apresentação Pessoal Desafio: Criar uma Página Web de Exibição de Filmes Usando Links e Botões em HTML Desafio: Criar Links para Sites Populares Validando Seu Código HTML para Melhores Práticas

3. Estrutura do Documento HTML

Os Segredos por Trás de Páginas Web Bem Estruturadas Compreensão da Estrutura do Documento HTML O Papel do Head do Documento Gerenciamento do Fluxo e Layout do Documento Desafio: Estruturar Corretamente um Documento HTML Usando Ferramentas de Desenvolvedor para Inspeção e Depuração de HTML

4. Trabalhando com Mídia e Tabelas

Adicionando Imagens em HTML Desafio: Trabalhar com Imagens Trabalhando com Imagens Clicáveis, Legendas e Otimização Compreendendo Gráficos Vetoriais e Rasterizados Incorporação de Áudio e Vídeo para Conteúdo Multimídia Avançado Desafio: Incorporar Áudio e Vídeo em HTML Criando e Estruturando Tabelas em HTML Desafio: Criar uma Tabela HTML Funcional

5. Formulários HTML e Entrada do Usuário

Introdução aos Formulários HTML Fundamentos da Criação de Formulários em HTML Usando Rótulos para Melhor Acessibilidade de Formulários Aperfeiçoando Formulários com Atributos de Entrada Explorando Diferentes Tipos de Entrada em HTML Desafio: Criar Formulário com Campos e Rótulos Trabalhando com o Elemento Textarea para Entrada Multilinha Usando o Elemento Select para Menus Suspensos Usando o Elemento Datalist para Sugestões de Entrada Predefinidas Agrupamento de Elementos de Formulário para Melhor Estrutura

Compreendendo Gráficos Vetoriais e Rasterizados

Existem dois principais tipos de formatos gráficos utilizados em mídia digital: gráficos vetoriais e gráficos rasterizados.

Gráficos Vetoriais

Gráficos vetoriais são criados utilizando equações matemáticas baseadas em linhas e formas, em vez de pixels. Isso significa que gráficos vetoriais podem ser redimensionados para mais ou para menos sem perda de qualidade, pois são independentes de resolução. Os formatos de arquivo vetorial padrão incluem SVG. Vamos executar o exemplo a seguir e verificar que não há diferença na qualidade da imagem, considerando que o tamanho é diferente.

index.html

Gráficos Rasterizados

Gráficos rasterizados, por outro lado, são criados utilizando pixels e dependem da resolução. Isso significa que, quando um gráfico rasterizado é ampliado, os pixels se tornam mais visíveis, resultando em perda de qualidade. Os formatos de arquivo raster mais comuns incluem JPEG, PNG e GIF. Veja o exemplo a seguir. Com o aumento da largura, os pixels ficam mais evidentes e a qualidade da imagem diminui.

index.html

Em resumo, gráficos vetoriais são normalmente utilizados para logotipos, ilustrações e outros projetos que exigem escalabilidade. Em contraste, gráficos rasterizados são usados para fotografias e outros projetos que exigem alto nível de detalhamento. No entanto, ambos os tipos de gráficos possuem vantagens e desvantagens.

1. Qual tipo de formato gráfico é mais adequado para logotipos e ilustrações que precisam ser redimensionados sem perder qualidade?

2. Qual tipo de formato gráfico é mais adequado para fotografias e designs que exigem alto nível de detalhamento?

3. Gráficos rasterizados podem ser redimensionados sem perder qualidade?

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 4