Desafios de HTML e CSS

Prévia do material em texto

...............................................................................................................................
INFORMÁTICA APLICADA - 20211F
CARLA ULIAN GARCIA - 225902021
Portfólio
Desafios dos Assuntos 1, 2 e 3
....................................................................................................................
Guarulhos
2021
CARLA ULIAN GARCIA
Portfólio
Desafios dos assuntos 1, 2 e 3
Trabalho apresentado ao Curso Análise e
Desenvolvimento de Sistemas do Centro Universitário
ENIAC para a disciplina Tecnologia WEB.
Prof. Ricardo Magalhães Silva
Guarulhos
2021
Respostas
....................................................................................................................
Desafio 1:
O seu professor de Ferramentas de Desenvolvimento Web lançou os
seguintes desafios para a turma:
1 - Qual é a função do doctype em um documento HTML?
R: O Doctype tem como função informar ao navegador qual será a versão de html
que será usada no documento HTML.
2 - Quais são os oito tipos de doctype que podem ser encontrados nos
documentos atuais e a característica de cada um?
R: Doctype HTML5 – É o mais recente e atualizado deixando bem mais simples a
declaração de doctype
Versão HTML 4 – Dentro do HTML 4 temos variantes, porém é importante
destacar que nesta versão o HTML era baseado em SGML.
HTML 4.01 STRICT - Contém todos os elementos e atributos HTML, mas não
inclui elementos de apresentação ou depreciados (como fonte). Também não é permitido
o uso de Framesets.
HTML 4.01 TRANSITIONAL - Contém todos os elementos e atributos HTML,
incluindo elementos de apresentação e reprovados (como fonte). Assim como nos Strict,
Framesets não são permitidos.
HTML 4.01 FRAMESET - Possui todas as funcionalidades do HTML 4.01
Transitional, mas permite o uso de Framesets.
XHTML 1.0 Strict - Contém todos os elementos e atributos HTML, mas não inclui
elementos de apresentação ou depreciados (como fonte). O uso de Framesets também
não é permitido. A marcação também deve ser escrita como XML bem formado.
XHTML 1.0 Transitional - Contém todos os elementos e atributos HTML, inclusive
os elementos de apresentação e depreciados (como fonte). Porém, o uso de Framesets
não é permitido. A marcação também deve ser escrita como XML bem formado.
XHTML 1.0 Frameset - É igual ao XHTML 1.0 Transitional, porém, este formato
permite o uso de Frameset.
XHTML 1.1 - É igual a XHTML 1.0 Strict, mas permite adicionar módulos.
Desafio 2:
Uma escola contratou você para ajudá-los a colocar em seu site todo o
conteúdo que é trabalhado com os alunos ao longo do ano. Uma das professoras
das séries iniciais está trabalhando as cores com a sua turma e gostaria de
organizá-las no site de forma a ficar claro que as cores se classificam em três tipos
e que, cada um desses tipos, possui cores específicas.
Levando em consideração que em documentos hipertexto, as listas servem
para relacionar itens, normalmente dispostos com marcadores, para facilitar a
visualização dos elementos que pertencem a determinados grupos, ajude a
professora criando um documento HTML que apresente uma lista não ordenada que
relacione a classificação das cores (primárias, secundárias e terciárias). Cada uma
dessas listas deve conter uma lista ordenada aninhada, que apresente as
respectivas cores de cada uma, conforme imagem a seguir:
R:
Desafio 3:
Leonardo é aluno da disciplina de Ferramentas de Desenvolvimento Web e
está fazendo uma avaliação final do semestre. A quinta e última questão traz o
seguinte contexto:
Você é um desenvolvedor de sites e precisa definir qual tipo de seletor de
CSS é usado para a formatação dos códigos HTML. Lembre-se que, na página a ser
criada, várias formatações serão iguais em vários blocos, com códigos idênticos
sendo reutilizados. Justifique o motivo da escolha da regra.
R: Visto que o ID seria mais utilizado para personalizações individuais de cada
aspecto da página WEB, eu utilizaria o seletor Class pois podemos definir um estilo para
diversos recursos dentro da página.