Grátis: A construção de interfaces gráficas seguindo uma estratégia modular permite, entre outras coisas, a reutilização de componentes visuais ao longo de... – Questões Respondidas

Programação

Outros

A construção de interfaces gráficas seguindo uma estratégia modular permite, entre outras coisas, a reutilização de componentes visuais ao longo de todo o sistema, diminuindo o esforço de programação e design consideravelmente.
Quando utilizamos o Bootstrap em conjunto com o Thymeleaf, a modularização é proporcionada pelo uso de fragmentos. Em termos práticos, temos um template dividido em fragmentos, os quais podem ser incluídos em outros templates, de acordo com a Standard Expression Syntax, através do símbolo:
Cerquilha
Til
Asterisco
Arroba
Cifrão

Questões para Estudantes

há 2 meses

Questões para Estudantes

há 2 meses

Exercícios de HTML e Bootstrap

Exercícios de HTML e Bootstrap

ESTÁCIO

Respostas

Ed

há 2 meses

Para responder à sua pergunta sobre a utilização de fragmentos no Thymeleaf, precisamos entender como a sintaxe de expressão padrão funciona. No Thymeleaf, para incluir fragmentos de templates, utilizamos a cerquilha (#). Portanto, a opção correta que representa o símbolo usado para incluir fragmentos em outros templates é: Cerquilha.

Essa resposta te ajudou?

0

0

Experimente
o Premium! 🤩

Libere respostas sem pagar

Ajude estudantes e ganhe respostas liberadas!

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

Exercícios de HTML e Bootstrap

Exercícios de HTML e Bootstrap

ESTÁCIO

Mais perguntas desse material

Podemos utilizar formatações CSS de diferentes formas, como escrita direta no atributo da tag, de forma inline, em um trecho delimitado pela tag style, ou em um arquivo externo. O uso de arquivo externo traz os maiores benefícios, pois traz uma separação física entre a estrutura e a formatação do documento, além de promover o reuso, permitindo até mesmo a definição de temas para o site.
Qual tag deve ser utilizada na página HTML para importar as formatações definidas em um arquivo CSS?
script
link
meta
a (âncora)
object

Uma grande preocupação do Bootstrap é a garantia da responsividade, e ele traz diversas classes para a definição de colunas, como col-sm-2 e col-sm-4, dividindo o espaço da tela em doze áreas de igual espaçamento e utilizando o número de colunas indicado na classe, podendo ser 1, 2, 4, 8 ou 12.
Qual o nome desse sistema de organização fornecido pelo Bootstrap?
Sistema Colunar
Sistema de Posicionamento Global
Sistema de Grid
Sistema Tabular
Sistema de Dispersão

As tabelas já foram muito utilizadas para organizar o conteúdo da página HTML, mas a W3C desaconselha a prática, por causa da incompatibilidade de alguns navegadores, levando a outro tipo de organização, baseado em divs, segundo o padrão tableless. No entanto, as tabelas ainda são utilizadas para exibição de dados tabulares.
Qual tag define uma área de títulos na tabela?
tbody
tfoot
thead
tr
table

Ao utilizar Bootstrap, temos algumas classes para a apresentação de alertas, alinhados ao padrão de exibição da plataforma, que podem expressar mensagens informativas, avisos sobre erros ou ações perigosas, e muitos outros tipos de informação.
Supondo que queremos informar o final bem-sucedido de um download, qual seria a classe mais adequada?
alert alert-danger
alert alert-warning
alert alert-success
alert alert-light
alert alert-dark

O uso de iterações baseadas em coleções é muito comum nas mais diversas plataformas, inclusive no Java, onde temos o formato especial do for para iterar em coleções e vetores, o que não seria diferente nos templates do Thymeleaf, onde é utilizado o atributo th:each.
Qual das afirmacoes a seguir é CORRETA, no que se refere ao uso do atributo th:each?
Só permite a utilização com elementos do tipo ArrayList.
Recebe cada elemento da coleção em um objeto, permitindo acesso aos seus campos nas tags internas do trecho estabelecido.
É um recurso bastante restrito, devendo ser utilizado apenas para o preenchimento das linhas em uma tabela HTML.
Não pode ser utilizado para o preenchimento dos itens de uma lista HTML.
Ao contrário do for para coleções do Java, não individualiza os objetos da coleção.

Supondo que seja necessário formatar determinado trecho genérico único, identificado como 'aviso', com fonte amarela, fundo vermelho, itálico e sublinhado, qual seria a expressão utilizada em uma tag style?
Qual seria a expressão utilizada em uma tag style?
span, #aviso {background-color: red; font: yellow italic underline}
.aviso {color: yellow; background-color: red; text-decoration: italic underline}
#aviso {font-color: yellow; font-background: red; text-decoration: italic underline}
span, .aviso {background-color: red; font: yellow italic underline}
#aviso {color: yellow; background-color: red; text-decoration: underline; font-style: italic}

Quando criamos uma página HTML, podemos acrescentar metadados, através da tag meta, para definir características específicas, como página de código utilizada para acentuação, nome do autor, descrição do conteúdo e palavras-chave para sistemas de busca. Qual dos metadados está relacionado à responsividade, definindo a área de visualização padrão?
description
viewport
charset
author
keywords

No conjunto de componentes do Thymeleaf, temos uma classe denominada WebContext, que permite o encapsulamento de chamadas HTTP, com base na requisição, na resposta e no próprio contexto do Servlet.
Qual método de WebContext permite enviar um valor para o template?
getParameter
setAttribute
setLocale
setVariable
getAttribute

A classe navbar é utilizada para criar uma barra de navegação. A opção principal dessa barra, como por exemplo a página inicial (home), é configurada através da classe navbar-brand, que a destaca das demais opções. As outras opções de navegação podem ser organizadas em uma lista, utilizando a classe navbar-nav. Cada item dessa lista será do tipo nav-item, representando as diferentes opções de menu. Dentro de cada nav-item, deve haver uma âncora da classe nav-link, que indicará a página ativa através da opção active. Além disso, o Bootstrap permite a organização dos espaços por meio de suas classes do Grid System, como col-sm-4. A opção navbar-expand-lg, por sua vez, é utilizada para preencher todo o espaço horizontal em telas largas, comprimindo os itens em telas com espaço reduzido.
Qual das afirmativas seguintes é correta, no que se refere ao componente navbar?
De forma geral, a classe navbar-brand é aplicada na opção principal da barra de navegação.
A definição de uma barra de navegação impede a organização do espaço através de classes como col-sm-8 ou col-sm-4.
Para demonstrar visualmente qual a página ativa, devemos configurar o nav-link como used.
A classe navbar-nav é aplicada aos itens de uma lista, fazendo com que eles se apresentem como itens de menu.
A opção navbar-expand-lg é utilizada para preencher todo o espaço vertical com o conteúdo da barra de navegação.