PERGUNTAS PARA ESTUDO TECNOLOGIAS WEB DATA: Não entregar CAMPUS: SANTO ANDRÉ TURMA: / CÓDIGO: CCT0012 Materiais Didáticos: Os Bastidores da Internet no Brasil; PERÍODO: NOTURNO VALOR = 0,0 Ajax, Rich Internet Applications e desenvolvimento Web para programadores. PROFESSOR: CELSO CANDIDO OBS.: Estas perguntas valem para estudos em AV2 e AV3. O material de pesquisa é o seu material didático, qualquer outro material será desconsiderado. Algumas perguntas poderão fazer parte de AV2. OS BASTIDORES DA INTERNET NO BRASIL 1) A web é mais uma criação social do que técnica. Eu não a projetei como um brinquedinho. Precisamos ter certeza de que a sociedade que construímos na rede é aquela que almejamos. Tim Berners-Lee, criador da Word Wide Web. Pergunta-se: Quando nasceu a Web? Surgiu por quem? Nasceu em 1969 pelas mãos dos militares. 2) O que Cerf, juntamente com Robert Kahn, criarão para administrar o funcionamento da ARPANET? Resposta Criarão um mecanismo que permitiu a conversação entre dois computadores de mesmo idioma quando ligados em rede chamaram de Protocolo TCP/IP. 3) O inglês Tim Berners-Lee em 1990, na Suíça, no Laboratório Europeu de Partículas Físicas criou o quê? Resposta Criou a Word Wide Web, popularmente conhecida como www ou teia de alcance mundial. 4) Como podemos considerar o ano de 1995 no Brasil com relação à Internet? O ano de 1995 pode ser considerado o marco-zero da Internet comercial no Brasil. 1
Ajax, Rich Internet Applications e Desen. Web para Programa. 5) O que a Web 2.0 envolve e como é criado seu conteúdo? Envolve o usuário e arquiteturas de participação. Seu conteúdo pode ser gerado também pelo usuário e pela inteligência coletiva colaborativa. 6) O que são: Redes de conteúdo e Inteligência coletiva? Redes de conteúdo são sites web ou coleções que provém informações de várias maneiras, como artigos, wikis, blogs e outros. Inteligência coletiva é o conceito de que a colaboração pode resultar em ideias inteligentes. 7) O termo Efeitos da Rede refere-se a que? E a Lei de Metcalfe afirma o que? Efeitos da Rede refere-se ao valor agregado de uma rede à medida que seu número cresce. A Lei de Metcalfe afirma que o valor da rede é proporcional ao quadrado do número de usuários. 8) O que o termo Mídia Social se refere? Dê dois exemplos de produtos relacionados? Refere-se a qualquer mídia compartilhada on-line. Youtube, TV pela Internet, Digg, Last.fm e Podcasting. 9) O que são aplicações Rich Internet Applications (RIAs)? Dê dois exemplos dessas aplicações? São aplicações Web que oferecem a sensibilidade, recursos e funcionalidade, que se aproximam das aplicações desktops. Ajax, Dojo, Flex, JAVAFX, ASP.NET Ajax. 10) O que permite a Linguagem de Marcação Extensível (XML)? O que descreve? O que são? Permite rotular os dados baseados em seu significado. Descreve dados de uma maneira que é significativa tanto para humanos quanto computadores. São arquivos de textos com extensão.xml. 2/6
INTRODUÇÃO À XHTML Pág. 47 11) Análise a figura 2.1 e responda: a. A marcação XHTML contém que tipo texto representa o que? Resposta Contém o conteúdo de um documento e elementos para especificar sua estrutura. b. Quais são os 03 elementos mais importantes de um documento XHTML e o que cada específica? Resposta HTML Restringe a seção cabeçalho (head) e a seção corpo (body); Head A seção cabeçalho contém informações sobre o documento XHTML, com seu título, scripts e folhas de estilos (CSS); Body Contém o conteúdo de página que o navegador irá exibir na WEB. c. Como se inicia e termina uma tag parágrafo? Resposta <p> e </p> 12) O serviço de validação de XHTML do W3C possui qual finalidade? Resposta Garantir que sejam escritos corretamente garantindo que os navegadores os processem de modo adequado. 13) Uma parte do texto em um documento XHTML, às vezes precisa estar mais destacada. Quais são os elementos que produzem esse destaque e são quantos? São os elementos de cabeçalho e vão de <h1> até <h6> totalizando 06 elementos. 14) Já vimos que um dos elementos mais importantes da XHTML é o hyperlink, que estabelece o que? Resposta Estabelece uma relação ou vínculo, conhecido como link, com outros recursos documento XHTML ou imagens. 15) Explique os comandos de tags hyperlink abaixo? a. <a href= http://www.microsoft.com.br >Microsoft Brasil</a> Constrói uma ligação direta com o site da Microsoft Brasil ao ser clicado. b. <a href= mailto:microsoft@microsoft.com >Microsoft</a> Constrói uma ligação direta para contato via e-mail com a Microsoft. c. Construa uma ligação para um site qualquer e uma ligação para um contato via e-mail qualquer? 3/6
16) Faça uma leitura do capítulo 2.7 Imagens, pág. 54, e explique os comandos que estão sendo solicitados logo abaixo do exemplo de código? <img src = jhtp.jpg width = 92 height = 120 alt = Programação Java /> a. Explique o elemento img Utilizado para inserir uma imagem no documento XHTML. b. Explique os atributos width e height Especificam a largura e altura da imagem que está sendo inserida. c. Como são medidas as imagens de um documento XHRML Em pixels. d. Qual o significado do atributo src = jhtp.jpg Nome e localização da imagem. e. Qual a finalidade do atributo alt Ajudar a criar páginas Web acessíveis para usuários portadores de necessidades especiais. 17) Análise o código abaixo e explique o que está acontecendo? <a href = contact.html > <img src = butoes/contact.jpg width = 65 height = 50 alt = Contact Page /> </a> Resposta Está sendo montado um link para um botão de acesso interno através da imagem contact.jpg para a página de contato do site. 18) Análise o código abaixo e descreva o que está errado e como poderá ser corrigido? <p> se x < 10 então incremente x em 1</p> Resposta O caractere <, menor que, possivelmente será mostrado com erro na interface do navegador, precisará ser trocado por um caractere especial, pois a simbologia representa a abertura e finalização de uma tag. Precisa ser substituído pelo caractere especial &alt;, correspondente ao sinal de menor que < na matemática. 19) Descreva as funções dos elementos abaixo? a. del Texto tachado. b. sup Texto sobrescrito. c. sub Texto subscrito. d. em Conteúdo a ser enfatizado. 20) Escreva as tags que simbolizam as funções abaixo? a. Abertura e fechamento de uma lista não ordenada <ul> </ul>. b. Abertura e fechamento de um elemento de uma lista <li> </li>. c. Abertura e fechamento de uma lista ordenada <ol> </ol>. 4/6
21) Análise o código abaixo e descreva o que representa os atributos solicitados? <table border="3" width="70%" align="center"> <tr> <th align="center" valign="middle" scope="col">fruta</th> </tr> </table> a. O elemento table Específica os vários atributos de uma tabela. b. O elemento border Específica à largura de uma borda em pixels. c. O elemento tr Define uma linha de uma tabela. d. O elemento th Define as colunas de uma tabela. 22) Descreva quais campos estão sendo montados no código abaixo e para onde estão sendo enviados? <?xml version="1.0" enconding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>formulário 01</title></head> <body> <h1>campos de Formulários</h1> <h4>por favor, preencha os dados formulários para nos ajudar a melhorar o nosso site.</h4> <form method="post" action="mailto:google@google.com" enctype="text/plain"> <p> <input type="hidden" name="recipient" value="dietal@dietel.com.br"/> <input type="hidden" name="subject" value="formulario"/> <input type="hidden" name="redirect" value="main.html"/> </p> <p><label>nome:<input name="name" type="text" size="34" maxlength="30"/></label></p> <p><label>endereço:<input name="endereco" type="text" size="30" maxlength="50" /></label></p> <p><label>telefone:<input type="text" name="fone" size="30" maxlength="15" /> </label> </p> <p> <input type="submit" value="enviar"/> <input type="reset" value="limpar"/> </p> </form> </body> </html> Resposta Está sendo montado um formulário para envio de informações para Google, com os campos: Nome, Endereço e Telefone. 23) O que faz o elemento textarea e quais são suas tags de trabalho para abertura e fechamento? Insere no formulário uma caixa de texto de múltiplas linhas. Suas tags são: 5/6
o <label> </label> o <select> </select> o <option> </option> 24) O que são vinculações internas? Resposta São mecanismos que permitem ao usuário saltar entre locais de um mesmo documento. 25) Quais são os atributos importantes de um elemento meta e o que identificam? Name, que identifica o tipo de elemento meta. Content, que oferece informações aos mecanismos de busca de uma lista de palavras que descrevem a página. CASCADING, STYLE SHEETS TM (CSS) Pág. 73. 26) O que e declarado em Estilos inline? Resposta Declara o formato de um elemento individual usando o atributo style da XHTML. 27) Qual a finalidade de folhas de estilo incorporadas? Resposta Sua finalidade é permitir que se incorporasse um documento CSS inteiro na seção de tags <head> de um documento XHTML. 28) Analise o código da página 75 linha 21 da figura 3.1 e diga o que especifica? Resposta Especifica as propriedades, font-size e color, separadas por vírgula, onde a primeira especifica o tamanho da fonte e a segunda a cor da fonte. 29) Descreva o que especifica as propriedades abaixo? a. font-family Específica o nome da fonte a ser usada. b. font-weight Específica o peso da fonte a ser utilizada no texto. c. O atributo class Serve para aplicar uma classe de estilo. 6/6