Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca Estudo dirigido para a primeira prova de Introdução à Ciência da Computação Perguntas conceituais 1) O desenvolvimento web é estruturado em três camadas. Quais são elas? Quais são as funções de cada uma delas e as linguagens empregadas em cada uma? 2) Escreva o “esqueleto” de uma página em HTML 5. O “esqueleto” da página é o conjunto de tags essenciais que toda página em HTML precisa ter, independente do seu conteúdo. 3) O que são tags em HTML? Qual é a estrutura básica de uma tag? 4) O que são atributos de tags em HTML? Onde os atributos aparecem no código? Cite pelo menos 5 exemplos de atributos vistos em seus estudos. 5) O que é referência? Quais são os tipos de referência que utilizamos em HTML e como cada uma delas é feita? 6) Um arquivo HTML possui duas seções principais: HEAD e BODY. Explique a função de cada uma dessas seções. 7) Em qual seção do arquivo HTML devemos escrever os códigos que serão visíveis na página web? Explique. 8) O que é DOCTYPE? 9) O que é um elemento-pai? E um elemento-filho? 10)Esquematize as tags HTML que estudamos até o momento: explique a sua função em uma página e, se houver, indique quais os atributos obrigatórios para cada elemento. 11) O que são class e id, e qual a diferença entre class e id? 12)Qual a diferença entre os métodos GET e POST? O que eles fazem? Em qual elemento HTML esses valores podem ser utilizados? 13)Quantos níveis de cabeçalho podem ser feitos em HTML? Quais são as tags utilizadas para criar cabeçalhos em HTML? 14)Quais são os tipos de lista que estudamos em HTML? Quais são as tags envolvidas em cada um deles? Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 15)Quais são os tipos de campo que podem ser utilizados em formulários? Qual a finalidade de cada um deles? 16)Qual é a função do atributo name em campos de formulário? 17)Qual é a função do atributo value em campos de formulário? 18)Quais são os cuidados que devemos tomar ao criar formulários com questões de múltipla escolha? 19)Qual é a diferença entre campos do tipo checkbox e radio ? E, caso existam, quais são as semelhanças entre esses tipos de campos? 20)Quais são os tipos de campos de formulários que podem ser utilizados em questões de múltipla escolha? Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca Referência relativa com âncoras e imagens De acordo com o sistema de arquivos na figura abaixo, faça o que se pede: 1) Escreva o código que, no arquivo mario.html, cria uma âncora que leva para o arquivo info.pdf, ao clicar no texto “clique aqui para mais informações” 2) Escreva o código que, no arquivo infos.html, cria uma âncora que leva para o arquivo relatorio.pdf, ao clicar no texto “clique para ver o relatório” 3) Escreva o código que, no arquivo index.html, exibe a imagem img2.jpg, com a descrição “logo da empresa” 4) Escreva o código que, no arquivo add.html, cria uma âncora que leva para o arquivo relatorio.pdf, ao clicar no texto “acesse aqui o relatório” 5) Escreva o código que, no arquivo mario.html, exibe a imagem img1.jpg, com a descrição “imagem de perfil” 6) Escreva o código que, no arquivo add.html, cria uma âncora que leva para o arquivo mario.html, ao clicar no texto “veja o perfil de Mário” 7) Escreva o código que, no arquivo index.html, cria uma âncora que leva para o arquivo add.html ao clicar no texto “adicionar novo usuário” 8) Escreva o código que, no arquivo index.html, cria uma âncora que leva para o arquivo infos.html ao clicar no texto “clique aqui para mais informações” 9) Escreva o código que, no arquivo infos.html, exibe a imagem img2.jpg, com a descrição “logo da empresa” 10)Escreva o código que, no arquivo mario.html, cria uma âncora que leva para o arquivo index.html ao clicar na imagem img2.jpg, cuja descrição é “logo da empresa” Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca Listas 1) Escreva o código que gera a lista mostrada abaixo: 2) Escreva o código que gera a lista mostrada abaixo: 3) Escreva o código que gera a lista mostrada abaixo: 4) Escreva o código que gera a lista mostrada abaixo: Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 5) Escreva o código que gera a lista mostrada abaixo: 6) Escreva o código que gera a lista mostrada abaixo: 7) Escreva o código que gera a lista mostrada abaixo: 8) Escreva o código que gera a lista mostrada abaixo: Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca Tabelas 1) Escreva o código que gera a tabela mostrada abaixo: 2) Escreva o código que gera a tabela mostrada abaixo: 3) Escreva o código que gera a tabela mostrada abaixo: 4) Escreva o código que gera a tabela mostrada abaixo: 5) Escreva o código que gera a tabela mostrada abaixo: Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 6) Escreva o código que gera a tabela mostrada abaixo: 7) Escreva o código que gera a tabela mostrada abaixo: 8) Escreva o código que gera a tabela mostrada abaixo: Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca Formulários 1) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é enviomsg.html, localizado na mesma pasta em que o arquivo que contém o formulário está. 2) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é http://vaga-online.com/confirma.html 3) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é mensagem.php, localizado na mesma pasta em que o arquivo que contém o formulário está. Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 4) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é pesquisa_info.html, localizado na mesma pasta em que o arquivo que contém o formulário está. 5) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é http://pesquisasinter.net/pesquisa.php Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 6) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é cadastro_extracurricular.html, localizado na mesma pasta em que o arquivo que contém o formulário está. As opções de série são: 1ª série, 2ª série e 3ª série. Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 7) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é http://escolapoliglota.com/interessesAluno.aspx Colégio Pedro II - Campus São Cristóvão III Introdução à Ciência da Computação - Prof. Bianca 8) Escreva o código que cria o formulário abaixo. O endereço da página de confirmação de envio é https://www.badubrindes.net/encomendas.php