Programação Web

Prévia do material em texto

Questão ​1 
Completo 
Marcar questão 
Texto da questão 
Questão A: 
A base para a programação de uma página web é a 
linguagem de marcação HTML, porém, se utilizarmos 
apenas as ​tags​ do HTML, a página não fica agradável 
para o usuário. Para melhorar o design das páginas web 
utilizamos folhas de estilo ou CSS (​Cascading Style 
Sheets​ – Folha de estilo em cascata). Escreva um texto 
(entre 10 e 15 linhas) sobre o CSS. Destacar os 
seletores e as formas de utilização do CSS3. Além 
disso, apresente um exemplo de utilização do CSS 
inline ​. 
Questão B: 
Um amigo seu está com dificuldade em manter suas 
contas equilibradas, está gastando mais do que recebe. 
Para ajudá-lo a manter suas contas no “azul” você deve 
criar um sistema de controle de gastos. Nesse sistema 
seu amigo deverá registrar todas as entradas de dinheiro 
(receitas) e todas as saídas (despesas). Para facilitar a 
visualização de como estão as contas, deve apresentar 
também uma página de resumo, na qual devem constar 
a soma de todas as entradas, a somas de todas as 
saídas dos últimos 30 dias e a diferença entre as 
entradas e as saídas. 
Dica: revise o estudo de caso do Capítulo 9 do livro da 
disciplina. Pode disponibilizar os arquivos via link 
(público) por meio das plataformas Azure, Google Drive, 
OneDrive, Dropbox, etc. e colocar o link na caixa de 
resposta da avaliação. 
Observação: devem ser entregues todos os códigos 
fonte, inclusive o script de criação do banco de dados. 
 
Clique aqui​ e acesse o Tutorial - como salvar um 
arquivo em nuvem e como postar a URL desse arquivo 
no espaço de avaliação discursiva no portal 
Questão A: 
A base para a programação de uma página web é a linguagem 
de marcação HTML, porém, se utilizarmos apenas as ​tags​ do 
HTML, a página não fica agradável para o usuário. Para 
melhorar o design das páginas web utilizamos folhas de estilo ou 
CSS ( ​Cascading Style Sheets​ – Folha de estilo em cascata). 
Escreva um texto (entre 10 e 15 linhas) sobre o CSS. Destacar 
os seletores e as formas de utilização do CSS3. Além disso, 
apresente um exemplo de utilização do CSS ​inline​. 
 
 
O Cascading Style Sheets (CSS) é uma "folha de estilo" 
composta por “camadas” e utilizada para definir a aparência em 
páginas da internet que adotam para o seu desenvolvimento 
linguagens de marcação (como XML, HTML e XHTML). O CSS 
define como serão exibidos os elementos contidos no código de 
uma página da internet e sua maior vantagem é efetuar a 
separação entre o formato e o conteúdo de um documento. 
Os seletores permitem identificar elementos com base em seus 
atributos, posição em que aparecem no “elemento pai”, estado 
(habilitado/desabilitado), entre outros. 
 
Chamado de seletor adjacente, serve para selecionar o elemento 
imediatamente depois do primeiro elemento. 
 
O seletor descendente serve para editar todos os filhos diretos 
do primeiro elemento, não modificando os elementos mais 
internos. 
 
Seletor por tag 
Este seletor básico escolhe todos os elementos que 
correspondem ao nome fornecido. 
Sintaxe: nome-da-tag 
Exemplo: input corresponderá a qualquer elemento <input>. 
Seletor por classe 
Este seletor básico escolhe elementos baseados no valor de seu 
atributo classe. Sintaxe:.nome-da-classe 
Examplo: .index irá corresponder a qualquer elemento que tenha 
o índice de classe (provavelmente definido por um atributo 
class="index", ou similar). 
Seletor por ID 
Este seletor básico escolhe nós baseados no valor do atributo id. 
Deve existir apenas um elemento com o mesmo ID no mesmo 
documento. 
Sintaxe: #nome-do-id 
Exemplo: #toc irá corresponder ao elemento que possuir o id=toc 
(definido por um atributo id="toc", ou similar). 
Seletores universais 
Este seletor básico irá escolher todos os nós. Ele também existe 
em um namespace único e em uma variante de todo o 
namespace também. 
Sintaxe: * ns|* *|* 
Exemplo: * irá corresponder a todos os elementos do 
documento. 
 
 
 
 
Questão ​2 
Correto 
Marcar questão 
Texto da questão 
Criada por Brendan Eich, o JavaScript é uma linguagem 
interpretada, orientada a objetos e multiplataforma. Foi 
desenvolvida com uma sintaxe bem simples, com o 
objetivo de adicionar interatividade em páginas Web. 
Assinale (V) para Verdadeiro e (F) para Falso a respeito 
das características do Java Script: 
( ) Facilidade de implementação: Simplesmente 
adicionar o código ao documento HTML, informando no 
cabeçalho que será usado JavaScript. 
( ) Disponível somente quando o computador se 
encontrar on-line. 
( ) É suportado por um número restrito de navegadores. 
( ) Permite criação de interfaces responsivas com 
funcionalidades dinâmicas que proporcionam uma 
melhor experiência ao usuário. #V, F, F, V} 
Escolha uma: 
a. F, F, V, V 
b. V, F, F, V​V, F, F, V 
c. F, F, F, F 
d. V, V, F, F 
e. V, V, V, V 
Feedback 
A resposta correta é: V, F, F, V. 
Questão ​3 
Correto 
Marcar questão 
Texto da questão 
O desenvolvimento em camadas possibilita que cada 
camada seja independente uma da outra. O 
desenvolvimento Web está baseado em três camadas: 
Relacione a seguir os conceitos com suas definições: 
1. Informação 
2. Formatação 
3. Comportamento 
Relacione cada camada com o papel correto que 
desempenha: 
a) Controla os valores definidos pelo CSS e manipula as 
propriedades dos elementos visuais. 
b) Controla como a informação será apresentada 
visualmente para o usuário. 
c) Estrutura a informação dando significado a mesma. 
Escolha uma: 
a. 1-c, 2-a, 3-b 
b. 1-c, 2-b, 3-a​1-c, 2-b, 3-a 
c. 1-a, 2-c, 3-b 
d. 1-a, 2-b, 3-c 
e. 1-b, 2-a, 3-c 
Feedback 
A resposta correta é: 1-c, 2-b, 3-a. 
Questão ​4 
Correto 
Marcar questão 
Texto da questão 
O CSS (Cascading Style Sheets – Folha de Estilo em 
Cascata) é o responsável por controlar o visual das 
páginas, ou seja, como será exibido o conteúdo criado 
pelo HTML. Sobre o CSS é correto afirmar: 
I. Controla desde como um texto irá ser impresso, como 
será exibido em uma TV e até mesmo, a forma como o 
som será transmitido pelas caixas de som. 
II. Faz com que a informação seja apresentada da forma 
mais adequada para cada tipo de dispositivo. 
III. As formatações são executadas em cascata. 
Estão corretas as alternativas: 
Escolha uma: 
a. somente I e II. 
b. I, II, e III.​I, II e III. 
c. somente II e III. 
d. somente I. 
e. somente I e III. 
Feedback 
A resposta correta é: I, II, e III.. 
Questão ​5 
Correto 
Marcar questão 
Texto da questão 
O CSS (Cascading Style Sheets – Folha de Estilo em 
Cascata) é o responsável por controlar o visual das 
páginas, ou seja, como será exibido o conteúdo criado 
pelo HTML. É possível, em elementos textuais, se definir 
a fonte (tipo de letra) que será utilizada. Ao se definir 
uma fonte, existe a possibilidade de se definir fontes 
semelhantes, ao invés de forçar uma fonte específica. O 
atributo que define um grupo de fontes semelhantes é: 
Escolha uma: 
a. font-size 
b. font-name 
c. font-group 
d. font-family​font-family 
e. font-style 
Feedback 
A resposta correta é: font-family. 
Questão ​6 
Correto 
Marcar questão 
Texto da questão 
O CSS (Cascading Style Sheets – Folha de Estilo em 
Cascata) é o responsável por controlar o visual das 
páginas, ou seja, como será exibido o conteúdo criado 
pelo HTML. A propriedade LIST permite a manipulação 
das listas ordenadas e não ordenadas do HTML. Através 
dessa propriedade é possível: 
I. Definir marcadores de itens de lista diferentes para 
listas ordenadas. 
II. Definir marcadores de itens de lista diferentes para 
listas não ordenadas.III. Definir uma imagem como marcador de item de lista. 
IV. Adicionar cores de fundo a listas e itens de lista. 
Estão corretas as alternativas: 
Escolha uma: 
a. somente I, II e IV. 
b. somente II e III. 
c. somente I. 
d. somente I e II. 
e. I, II, III e IV. ​I, II, III e IV. 
Feedback 
A resposta correta é: I, II, III e IV..