Desenvolvimento Web Aula 6

Prévia do material em texto

Desenvolvimento Web Aula 6
	 1a Questão (Ref.: 201603521450)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	Para acessar uma página da internet o usuário precisa ter um browser o qual é responsável por:
		
	
	Conectar ao provedor de acesso
	
	Criação da página HTML
	
	Conectar a internet
	 
	Interpretar os comandos HTML
	
	Nenhuma das opções anteriores
	
	 Gabarito Comentado
	
	
	 2a Questão (Ref.: 201603526997)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	A programação de aplicativos baseados na WEB pode ser complexa e os documentos XHTML devem ser escritos corretamente para assegurar que os navegadores os processem adequadamente. Para criar documentos escritos corretamente temos um serviço de validação fornecido online pelo:
		
	
	URL
	
	WWW
	 
	HTTP
	 
	W3C
	
	TABLELASS
	
	 Gabarito Comentado
	
	
	 3a Questão (Ref.: 201603521083)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	São exemplos de elementos META.
		
	
	< meta name="html" content="">, < meta name="language" content="">, < meta name="description" content="">, < meta name="keywords" content="">,
	
	< meta name="author" content="">, < meta name="language" content="">, < meta name="head" content="">, < meta name="keywords" content="">,
	 
	< meta name="author" content="">, < meta name="language" content="">, < meta name="description" content="">, < meta name="chaves" content="">,
	 
	< meta name="author" content="">, < meta name="language" content="">, < meta name="description" content="">, < meta name="keywords" content="">,
	
	< meta name="html" content="">, < meta name="title" content="">, < meta name="body" content="">, < meta name="css" content="">,
	
	
	
	
	 4a Questão (Ref.: 201604243822)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	O seu cliente solicitou uma tabela na pagina da empresa contendo 2 linha e 2 colunas sendo a primeira coluna o cargo do funcionário e na segunda coluna o nome de quem ocupa aquele cargo e deu como exemplo os funcionário: Advogado Paulo Secretaria Fatima Qual opção esta correta para a criação dessa tabela?
		
	
	< table> < tr> < td>Advogado< /td> < td>Paulo< /td> < /tr> < /table>
	
	< table> < tr> < td>Advogado< /td> < td>Paulo< /td> < td>Secretaria< /td> < td>Fatima< /td> < /tr> < /table>
	
	< table> < tr> < td>Advogado< /td> < td>Paulo< /td> < /tr> < tr> < td>Secretaria< /td> < td>Fatima< /td> < /tr>
	 
	< table> < tr> < td>Advogado< /td> < td>Paulo< /td> < /tr> < tr> < td>Secretaria< /td> < td>Fatima< /td> < /tr> < /table>
	
	< tabele> < tr> < td>Advogado< /td> < td>Paulo< /td> < /tr> < tr> < td>Secretaria< /td> < td>Fatima< /td> < /tr> < /tabele>
	
	 Gabarito Comentado
	
	
	 5a Questão (Ref.: 201603749645)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	Em HTML o uso de links é frequente. Marque a alternativa que indica o comando correto para chamada do site da Estacio.
		
	
	 
	
	 
	
	
	 
	
	
	 
	
	 Gabarito Comentado
	
	
	 6a Questão (Ref.: 201603526281)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	Qual das opções abaixo apresenta a tag utilizada para modificar a propriedade da barra de título do navegador Web ?
		
	
	< div >Titulo da página < /div >
	
	< bar >Titulo da página < /bar >
	 
	< title >Titulo da página < /title >
	
	< menu >Titulo da página < /menu >
	
	< body >Titulo da página < /body >
	
	 Gabarito Comentado
	
	
	 7a Questão (Ref.: 201603521736)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	Como podemos definir que um arquivo é uma página de internet?
		
	 
	Arquivos do tipo html, htm e os arquivos de linguagem de servidor, que devolvem para o cliente um arquivo html.
	
	nenhuma das respostas anteriores
	
	São páginas os arquivos que tiverem TAG (comandos) dentro da página independente do tipo.
	
	todo e qualquer arquivo.
	
	São páginas, todos os arquivos que abrem no navegador.
	
	 Gabarito Comentado
	
	
	 8a Questão (Ref.: 201604237388)
	 Fórum de Dúvidas (1)       Saiba  (1)
	
	As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz com que um determinado site tenha um aspecto mais profissional e o usuário possa navegar de forma mais eficiente, pois os objetos podem estar melhor posicionados na home-page. Nos itens abaixo quais são as tags para se fazer tabelas no html:
		
	
	CENTER, BR, TR
	
	COLS, NAME, WRAP
	 
	TABLE, TH, TD
	
	GET, HTTP, ROWS
	
	FORM, LABEL, INPUT
		1.
		Marque a opção correta sobre a tag INPUT em formulários.
	
	
	
	
	
	maxsize - Define altura e largura máximas de um campo
	
	
	size - Define o número máximo de caracteres que podem ser inseridos
	
	
	type - Define a altura do campo
	
	 
	name - Atribui um nome a um determinado campo de referência de modo que você pode, mais tarde, fazer referência a ele em um tratamento via linguagem de programação
	
	
	maxlength - Define a largura horizontal do campo. A unidade de medida é em espaços em branco
	 Gabarito Comentado
	
	
		2.
		HTML é uma das linguagens utilizadas para desenvolver páginas na internet, existem outras linguagens mais avançadas porém dificilmente você verá um site que não utilize HTML, e o mais comum é encontrar sites que utilizam somente HTML. Na linguagem HTML temos vários elementos básicos, dentre os itens abaixo qual o que representa o botão para pré-processar algum dado utilizando, por exemplo, Javascript e submetê-lo sem que o usuário intervenha:
	
	
	
	
	
	reset
	
	 
	hidden
	
	
	file
	
	
	textarea
	
	
	select
	 Gabarito Comentado
	
	
		3.
		Marque a opção correta referente à funcionalidade do atributo maxlength da tag input em um formulário.
	
	
	
	
	
	Define a largura vertical do campo. A unidade de medida é em espaços em branco.
	
	
	Determina qual o tipo de campo de entrada será
	
	
	Atribui um nome a um determinado campo de referência de modo que você pode, mais tarde, fazer referência a ele em um tratamento via linguagem de programação
	
	 
	Define o número máximo de caracteres que podem ser inseridos.
	
	
	Define a largura horizontal do campo. A unidade de medida é em espaços em branco.
	
	
	
		4.
		Formulários em HTML permitem a interação do usuário com a aplicação Web, proporcionando troca e inserção de dados com os mesmos. Com base em seus conhecimentos de HTML, observe a imagem abaixo e marque a afirmação correta:
	
	
	
	
	 
	O formulário da imagem possui 1 tag FORM, 2 tags LABEL, 2 tags INPUT (tipo TEXT e PASSWORD), 2 tags BUTTON (tipo SUBMIT e RESET, 1 tag FIELDSET e 1 tag LEGEND.
	
	
	O formulário da imagem possui 1 tag FORM, 2 tags LABEL, 4 tags INPUT (tipo TEXT, PASSWORD, SUBMIT e RESET, 1 tag FIELDSET e 1 tag LEGEND.
	
	
	O formulário da imagem possui 1 tag FORM, 2 tags LABEL, 4 tags INPUT (tipo TEXT, PASSWORD, SUBMIT e RESET, 1 tag OPTGROUP e 1 tag LEGEND.
	
	 
	O formulário da imagem possui 1 tag FORM, 3 tags LABEL, 4 tags INPUT (tipo TEXT, PASSWORD, SUBMIT e RESET e 1 tag FIELDSET.
	
	
	O formulário da imagem possui 1 tag FORM, 2 tags LABEL, 2 tags OPTION (tipo TEXT e PASSWORD), 2 tags BUTTON (tipo SUBMIT e RESET, 1 tag FIELDSET e 1 tag LEGEND.
	 Gabarito Comentado
	
	
		5.
		O HTML é uma linguagem de marcação. Estas linguagens são constituídas de códigos que delimitam conteúdos específicos, segundo uma sintaxe própria. O HTML tem códigos para criarpaginas na web. Estes códigos que definem o tipo de letra, qual o tamanho, cor, espaçamento, e vários outros aspectos do site. No início era muito complicado aprender HTML, pois eram muitos comandos para fazer algo simples. A cada nova versão, o HTML fica mais fácil de utilizar, e adquire mais funções. Atualmente qualquer pessoa pode acessar a internet a aprender a construir um site básico em questão de horas. Na linguagem HTML temos vários elementos básicos, dentre os itens abaixo qual o que representa o botão que limpa os dados adicionados pelo usuário:
	
	
	
	
	
	hidden.
	
	
	textarea.
	
	
	file.
	
	
	select.
	
	 
	reset.
	
	
	
		6.
		Quais os tipos de métodos usados em um formulário no html?
	
	
	
	
	
	Nenhuma das anteriores
	
	
	Get e Default
	
	
	Post, Get e Default
	
	 
	Get e Post
	
	
	Post e Default
	 Gabarito Comentado
	
	
		7.
		Na construção de formulários na Linguagem HTML utilizamos a tag FORM e os atributos considerados são: action, enctype, method. Marque a alternativa correta que indica a função dos atributos.
	
	
	
	
	 
	ACTION indica a localização do recurso onde o formulário será processado. METHOD indica a modalidade de envio dos conteúdos do formulário. ENCTYPE especifica a representação dos dados do formulário.
	
	
	ENCTYPE indica a localização do recurso onde o formulário será processado. ACTION indica a modalidade de envio dos conteúdos do formulário. METHOD especifica a representação dos dados do formulário.
	
	
	METHOD indica a localização do recurso onde o formulário será processado. ACTION indica a modalidade de envio dos conteúdos do formulário. ENCTYPE especifica a representação dos dados do formulário.
	
	
	ACTION indica a localização do recurso onde o formulário será processado. ENCTYPE indica a modalidade de envio dos conteúdos do formulário. METHOD especifica a representação dos dados do formulário.
	
	 
	METHOD indica a localização do recurso onde o formulário será processado. ENCTYPE indica a modalidade de envio dos conteúdos do formulário. ACTION especifica a representação dos dados do formulário.
	 Gabarito Comentado
	
	
		8.
		Uma empresa necessita que sua pagina cadastre os candidatos a uma vaga em recursos humanos. Qual a principal forma de entrada de dados fornecidos por usuários na internet ?
	
	
	
	
	 
	Formularios
	
	
	input type
	
	
	method
	
	
	TAGs
	
	
	button
	
	
		1.
		Marque o código abaixo que melhor corresponde ao design a seguir:
	
	
	
	
	 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		2.
		Marque a opção correta sobre acessibilidade.
	
	
	
	
	
	Estudo científico das relações entre homem e máquina, visando a uma segurança e eficiência ideais no modo como um e outra interagem
	
	
	É um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante
	
	
	É o espaço onde a interação entre humanos e máquinas ocorre.
	
	 
	Condição para utilização, com segurança e autonomia, total ou assistida, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos serviços de transporte e dos dispositivos, sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida
	
	
	Elemento que proporciona uma ligação física ou lógica entre dois sistemas ou partes de um sistema que não poderiam ser conectados diretamente
	 Gabarito Comentado
	
	
		3.
		Complete a sentença a seguir: Falar sobre a acessibilidade, principalmente na Internet, é falar em romper barreiras para o _________________________. Todos têm o direito de ver, de ouvir e de sentir o que está acontecendo ao redor de si mesmo. A preocupação em garantir o total acesso às informações deveria ser meta tanto nas empresas quanto em todas as esferas governamentais.
	
	
	
	
	
	acesso ao html
	
	 
	acesso às informações
	
	
	atendimento a todos
	
	
	aprendizado do EAD
	
	
	dia-a-dia da população
	
	
	
		4.
		No Brasil, o sistema criado pela equipe do Prof. Antônio Borges do Núcleo de Computação Eletrônica da UFRJ e utilizado, no mundo, por mais de 30 mil usuários, que possui uma suíte de aplicativos bastante diversificados e frequentemente atualizados que auxiliam o deficiente visual não só a navegar pela Internet como também no próprio uso que faz do computador no dia-a-dia. De qual sistema estamos falando ?
	
	
	
	
	
	DOS 5.2
	
	
	DOSBraile
	
	 
	DOSVOX
	
	 
	DOSMonet
	
	
	DOSLibras
	 Gabarito Comentado
	
	
		5.
		O Modelo de Acessibilidade de Governo Eletrônico (e-MAG) possui como referência uma Cartilha Técnica com recomendações voltadas ao desenvolvedor de sítios (sites) e profissionais relacionados. As recomendações da Cartilha Técnica:
	
	
	
	
	
	sugerem, como alternativa ao uso de cores para destacar elementos da página, o uso de elementos que piscam, já que os mesmos são mais facilmente identificados por pessoas com deficiências visuais.
	
	 
	podem ser verificadas através de um software fornecido pelo Governo Eletrônico capaz de testar um sítio (site) quanto à acessibilidade e à aderência às recomendações da Cartilha.
	
	
	cobrem apenas tópicos específicos da realidade do Brasil, que não figuram nas recomendações de acessibilidade do W3C.
	
	 
	são de observância obrigatória para todas as entidades públicas e entidades de direito privado que se relacionem com o Governo.
	
	
	sugerem que seja abolido o uso de frames HTML, pois as mesmas causam inúmeras dificuldades de navegação e são incompatíveis com softwares leitores de telas.
	
	
	
		6.
		
Para mesclar as células 1 e 2 (primeira linha da Tabela 1), para uma única linha (primeira linha da Tabela 2), devemos excluir o comando de criação da célula 2 (Tabela 1) e alterar o atributo na primeira linha da primeira célula para:
	
	
	
	
	
	mergecol="2"
	
	
	rowspan="2"
	
	
	mergerow="2"
	
	
	addcell
	
	 
	colspan="2"
	
	
	
		7.
		Marque a alternativa correta que apresenta tags de uma tabela HTML.
	
	
	
	
	
	table, script e tr
	
	
	table, div e form
	
	
	html, head e table
	
	 
	table, tr e td
	
	
	td, tr e div
	
	
	
		8.
		WCAG 2.0 tem 12 diretrizes que são organizadas em 4 princípios de Acessibilidade: 1. Perceptível 2. Operável 3. Compreensível 4. ___________
	
	
	
	
	
	Viavel
	
	
	Volatil
	
	
	Mutavel
	
	 
	Robusto
	
	
	Complexo
	
	
		1.
		É considerada uma unidade de medida que é dependente do dispositivo e sua possibilidade de exibição de páginas
	
	
	
	
	
	centímetros
	
	
	milímetros
	
	
	inches
	
	
	polegadas
	
	 
	pixels
	 Gabarito Comentado
	
	
		2.
		Nos dias de hoje, é cada vez mais comum navegarmos em páginas com formulários. Eles são fundamentais para que o administrador do site possa receber informações das pessoas que navegam em suas páginas. São informações de cadastro, informações de busca entre outras. As tags relacionadas a formulários são bastante versáteis e permitem ao Web Designer um conjunto ímpar de recursos. No caso da tag [input], são atributos EXCETO:
	
	
	
	
	
	maxlength
	
	 
	body
	
	
	type
	
	
	size
	
	
	name
	 Gabarito Comentado
	
	
		3.
		Folhas de Estilo em Cascata ou CSS, são estilos aplicadosem HTML. A linguagem HTML, na sua concepção, não foi projetada para ser utilizada na elaboração de páginas com layouts sofisticados. Como a HTML é limitada, foi necessário desenvolver uma alternativa capaz de manipular os elementos para garantir que uma página não fosse mais textos e imagens corridas ou, no máximo, contidas em tabelas. Existem 3 formas de se aplicar estilo às páginas em HTML: In-line, interna e externa. Assinale a alternativa que melhor caracteriza a forma in-line do CSS.
	
	
	
	
	
	Esta forma descreve o estilo diretamente na tag HTML correspondente. Isto facilita todo o processo.
	
	
	Não é definido direto no elemento (tag), ficando dentro do HEAD.
	
	 
	Facilita a manutenção da página, pois, ao se alterar o estilo, todos os elementos associados a ele passam a sofrer essa alteração.
	
	 
	Esta forma descreve o estilo diretamente na tag HTML correspondente. Isto, por um lado, tende a facilitar o processo, mas, por outro, dificulta a manutenção do código.
	
	
	É a maneira mais prática de se manter um portal, economiza-se na manutenção de dezenas ou centenas de páginas.
	 Gabarito Comentado
	
	
		4.
		O google Chrome é um dos mais utilizados navegador de internet da atualidade. Em sua versão 49.0.2623, o browser conta com um padrão harmônico que conquista cada vez mais os seus usuários. Isto graças a seu motor de renderização, o qual é responsável pela interpretação do código da página html. 
Sendo assim, marque a alternativa que corresponde ao motor de renderização do referido browser.
	
	
	
	
	 
	Webkit
	
	
	Presto
	
	
	Tableless
	
	
	Trident
	
	
	Greko
	
	
	
		5.
		Observe a figura a seguir. Este comando é utilizado quando você vai apresentar várias opções e apenas uma pode ser selecionada. Normal e formalmente, as pessoas devem optar por apenas uma entre as várias respostas disponíveis. Estamos falando de um:
	
	
	
	
	
	combobox
	
	
	listbox
	
	 
	radio
	
	
	button
	
	 
	checkbox
	 Gabarito Comentado
	
	
		6.
		 
 
Qual o comportamento esperado quando o usuário clicar sobre a palavra Contato?
	
	
	
	
	
	Irá enviar a página carregada no navegador para o endereço de e-mail especificado.
	
	
	Irá abrir a página Contato que possui em seu corpo a estrutura de um formulário para envio de e-mail.
	
	
	Irá acionar o campo de busca e pesquisará sobre o endereço de e-mail especificado.
	
	 
	Irá apresentar uma caixa de texto solicitando confirmação do email a ser utilizado.
	
	 
	Acionará o programa de correio eletrônico configurado no navegador do usuário para o envio de uma mensagem de e-mail para o endereço especificado.
	 Gabarito Comentado
	
	
		7.
		Em folha de estilos, o estilo _______________ é aquele utilizado na própria tag.
	
	
	
	
	
	incorporado
	
	
	off-line
	
	
	vinculado
	
	 
	in-line
	
	
	embutido
	 Gabarito Comentado
	
	
		8.
		Folha de Estilos ou "Style sheet" servem para:
	
	
	
	
	
	serve para modificar diretamente os atributos de uma tag html.
	
	
	nenhuma das respostas anteriores.
	
	
	serve para modificar a programação do Javascript.
	
	 
	Criar padrões de formatação diferentes para o código html
	
	
	criar novos e diferentes comandos para modificar o html.
	
	
		1.
		Em relacão ao uso de CSS (Cascading Style Sheet  - Folha de Estilo em Cascata), analise as sentenças abaixo e marque a que NÃO esta correta:
 
	
	
	
	
	
	As especificações do CSS podem ser obtidas no site da W3C "World Wide Web Consortium", um consórcio de diversas empresas que buscam estabelecer padrões para a Internet.
	
	
	Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.
	
	
	HTML marca e estrutura textos, cabeçalhos, parágrafos, links, botões, formulários, imagens e demais elementos da página e CSS define cores, posicionamento na tela, estilos de linhas, bordas e tudo o mais relacionado à apresentação
	
	 
	A grande vantagem do uso de CSS é a de separar a marcação HTML, da apresentação do site. Em outras palavras, vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta dasCSS toda a responsabilidade pelo visual do documento.
	
	 
	É um subtipo de SGML (acrônimo de Standard Generalized Markup Language, ou Linguagem Padronizada de Marcação Genérica) capaz de descrever diversos tipos de dados. Seu propósito principal é a facilidade de compartilhamento de informações através da Internet.
	 Gabarito Comentado
	
	
		2.
		Os estilos "Style sheet" servem para:
	
	
	
	
	
	serve para modificar a programação do Javascript.
	
	 
	Criar formatações diferentes para o código html
	
	
	nenhuma das respostas anteriores.
	
	
	criar novos e diferentes comandos para modificar o html.
	
	 
	serve para modificar diretamente os atributos de uma tag html.
	
	
	
		3.
		
Considere que os arquivos contatos,evento,galeria,index,principal,pturistico,suite e topo possuem extensão .html  e o arquivo carnaval tem extensão .jpg
A imagem acima representa uma estrutura de arquivos e diretórios. Analisando a figura acima, analise as opções abaixo e marque a opção que apresenta ERRO.
	
	
	
	
	
	Se desejo gerar um vínculo (link) da página index para a página galeria, o caminho que deverá ser inserido no link é galeria.html
	
	 
	Se desejo gerar um vínculo (link) da página index para um endereço de e-mail nome@server.net, o caminho que deverá ser inserido no link é mailto:nome@server.net
	
	
	Considere que a pagina principal esta no dentro do diretório lerape e existe uma imagem chamada logo.gifdentro do diretório galeria, para inserir a imagem logo.gif na página principal.html o caminho utilizado na tag de imagem é image\galeria\logo.gif
	
	
	Se desejo gerar um vínculo (link) da página index para a página do google, o caminho que deverá ser inserido no link é http://www.google.com
	
	 
	Se desejo gerar um vínculo (link) da página evento para a página suite, o caminho que deverá ser inserido no link é lerape\suite.html
	 Gabarito Comentado
	
	
		4.
		COMPARTILHAMENTO DE ARQUIVOS: Qual opção abaixo não faz parte desse grupo ?
	
	
	
	
	
	EDonkey
	
	
	Emule
	
	
	Ares
	
	
	Kazaa
	
	 
	K-mule
	 Gabarito Comentado
	
	
		5.
		É considerada uma unidade de medida dependente do dispositivo
	
	
	
	
	
	pontos
	
	
	milímetros
	
	
	centímetros
	
	
	polegadas
	
	 
	pixels
	 Gabarito Comentado
	
	
		6.
		Com relação ao Style Sheet podemos afirmar que:
	
	
	
	
	
	Serve para criar páginas que não se modificam dinamicamente,
	
	
	Serve para criar caixas especiais para exibição do código da página
	
	
	Serve para criar novos comando html.
	
	 
	Serve para modificar as características dos atributos dos códigos html.
	
	
	Serve para validar objeto de formulário.
	 Gabarito Comentado
	
	
		7.
		Escolha abaixo a forma correta de chamar um arquivo de CSS externo chamado teste.css que está no mesmo diretório da página XHTML.
	
	
	
	
	 
	
	
	
	
	
	
	
	
	
	
	
	
	
	 Gabarito Comentado
	
	
		8.
		Um estilo inline só se aplica a um elemento ______. Ele perde muitas das vantagens de folhas de estilo pois mistura o conteúdo com a apresentação
	
	
	
	
	
	DBF
	
	
	OCB
	
	
	CSSDBA
	
	 
	HTML