Questões de Concurso Para técnico em tecnologia da infomação e comunicação - web designer

Uma landing page é uma página que recebe os usuários para conhecer melhor sua empresa ou serviço; caso se interessem, podem se tornar clientes potenciais, ou leads. Assinale a alternativa que apresenta os termos corretos para:

1. Produto; 2 Design; 3. Título e descrição; 4. Chamada para ação; 5. Depoimentos. 

Dentro do contexto de construção de websites, mapa de fluxo refere-se a: 

De acordo com a W3C (World Wide Web Consortium), XML (eXtensible Markup Language) é uma linguagem independente de hardware e software para armazenar e transportar dados. Neste sentido, acerca do tópico XML e suas relações, assinale a alternativa incorreta.

Ao exibir uma página web, o browser organiza um modelo que contém os objetos que representam a hierarquia dos elementos da página. Sua estrutura hierárquica permite que cada elemento HTML seja representado como elementos que compartilham um conjunto de propriedades comuns. O modelo descrito é conhecido como: 

Imagine que seu software está armazenado no git e surge a necessidade de efetuar um merge normal de duas branches de sua aplicação. Qual o tipo de estratégia de mesclagem que o git irá utilizar para efetuar tal procedimento?

O Git é uma ferramenta de controle de versão que permite aos desenvolvedores de softwares estarem trabalhando juntos, de forma distribuída em um mesmo projeto, e mantendo um completo histórico dos trabalhos realizados. Considerando essa informação, assinale a alternativa que contém um código git válido.

Em um projeto de website, a atenção precisa obviamente estar voltada aos aspectos do projeto, design, fluxo de informações, usabilidade, entre outros. Um fator importante que pode diferenciar o desenvolvedor dos demais é o conhecimento em relação à indexação do website para melhor visualização em motores de busca. Considerando essas informações, SEO (Search Engine Optimization) é o processo:

Fazem parte das boas práticas no desenho de certo tipo de elemento para determinados tipos de websites as características a seguir.

I. O elemento é posto na parte superior da página.

II. A cor do elemento deveria capturar a atenção do visitante.

III. No elemento existe um botão com a denominação da ação escrita de forma concisa e clara ou uma imagem representativa da ação.

IV. A ação do elemento deve atuar em todas as páginas do site, incluindo formulários.

V. Palavras-chave entradas pelo usuário aparecem nos resultados destacadas em negrito.

VI. O elemento usa o recurso “autocomplete”.

A alternativa que apresenta corretamente o tipo de elemento ao qual essas boas práticas se referem é

Certo web designer, que estava desenvolvendo um site destinado ao público em geral, decidiu adotar alguns ícones associados a certas ações do site. Algumas das associações são ilustradas a seguir:

Essas associações estão em clara violação às recomendações de um dos princípios mais utilizadas na área de Design, que é: 

Considere as seguintes ações, comumente praticadas por designers de sites:

I. Utilização de cor diferenciada para um elemento frente aos demais;

II. Utilização de um tamanho maior para um elemento em relação aos demais;

III. Alinhamento de conteúdos;

IV. Utilização de espaços negativos de forma racional;

V. Diferenciação tipográfica para certos elementos de texto;

VI. Utilização de ícones muito conhecidos.

Tais ações são exemplos de um trabalho de design mais bem sintetizado pelo conceito de 

De acordo com a W3C, para se criar um website responsivo, usando grid-view, são utilizadas:

Na construção de um website, quanto à sua tipografia, são diretrizes comuns: a escolha de fontes decorativas é recomendável para títulos ou cartazes/avisos; fontes convencionais não serifadas são normalmente recomendadas para o corpo do texto; há, ainda, o ajuste no tamanho da fonte, nas entrelinhas, no espaçamento entre os caracteres e na postura. Essas recomendações dizem respeito à ___________________ do texto, que é a facilidade de inferir letras individualmente, e à _____________________ do texto, que se refere à fluidez e ao conforto visual.

As palavras que preenchem, correta e respectivamente, as lacunas são: 

Observe os seguintes caracteres escritos na fonte Baskerville Old Face:

É correto afirmar que essas letras apresentam as seguintes características tipográficas:

Considere as seguintes afirmações a respeito de um elemento de interface costumeiramente utilizado em websites: “Um controle gráfico que possibilita uma forma contínua de apresentar numa página textos e/ou imagens que possam ser mostrados aos poucos, normalmente, quando o seu tamanho total é superior ao disponível na tela do dispositivo, tanto no sentido horizontal como vertical.”. Essa descrição se refere a qual elemento de interface? 

O CSS é utilizado para estilizar aparência de websites com as linguagens de marcação HTML ou XHTML. Ele possui uma propriedade flex-direction que é usada para especificar a direção em que os itens flexíveis (flex) são exibidos na interface de um website. Neste sentido, quais são os valores possíveis de se utilizar com o flex-direction, segundo sua sintaxe? 

No contexto de banco de dados, existem as linguagens DML (Data Manipulation Language) e DDL (Data Definition Language). Acerca desse tema, assinale a alternativa incorreta. 

O CSS (Cascading Style Sheets) permite que o desenvolvedor adicione estilos aos componentes escritos em linguagem de marcação como o HTML. Baseado na utilização do CSS, analise o código abaixo e assinale a alternativa correta. 

No planejamento da construção de um website, um web designer, após reuniões com o cliente, analisou os possíveis caminhos e processos que os usuários empreenderiam durante sua navegação por entre as páginas, incluindo aí as barreiras para checagem de credenciais ou entrada de parâmetros que algumas páginas iriam requerer. Esse tipo de informação é mais adequadamente representado, na forma gráfica, através de qual recurso de webdesign?

Em todo projeto de website, deve-se atentar para todas as etapas, desde a concepção até a entrega final ao cliente. Na etapa de planejamento, wireframes e mapa de navegação são fundamentais, e é possível trabalhar com diversos tipos de wireframes. Estabeleça a relação entre as características dos wireframes (coluna 1) e as descrições (coluna 2). 

Coluna 1 

1) Wireframe de baixa fidelidade

2) Wireframe anotado

3) Wireframe de alta fidelidade

Coluna 2

a) Trabalha com elementos visuais mais organizados e simulação de página, incluindo descrições e legendas.

b) Trabalha geralmente com software e se mostra mais próximo da realidade, pois oferece interação com links e navegação.

c) Trabalha exclusivamente com papel, onde os links e telas podem ser alternados, utilizando, para tanto, diferentes folhas.

d) Trabalha geralmente em modo manual, não requer uso de cores nem maiores detalhes.

A relação entre a Coluna 1 e a Coluna 2 está correta em:

Podemos considerar que wireframes são como protótipos ou esqueletos de uma interface gráfica, de alta ou baixa fidelidade. Considerando essa informação, assinale a alternativa que não constitui uma ferramenta de construção de wireframes.