Revisão AP1 Construção de Páginas Web - CEDERJ

829 visualizações

Publicada em

Breve revisão da AP1 de construção de páginas Web

Publicada em: Internet
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
829
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
21
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Revisão AP1 Construção de Páginas Web - CEDERJ

  1. 1. REVISÃO AP1 - CPW CEDERJ.EDU.BR sábado, 6 de setembro de 2014
  2. 2. 1 - Qual a forma correta de definir a imagem de fundo de um documento usando um atributo? (a) <html backgroundImage="fundo.gif"> (b) <body bgimg="fundo.gif"> (c) <background>fundo.gif</background> (d) <body background="fundo.gif"> (e) <html img="fundo.gif"> sábado, 6 de setembro de 2014
  3. 3. 2 - Qual a forma correta de definir a imagem de fundo de um documento usando folha de estilos? (a) background { image: "fundo.gif" } (b) body { background-image: url("fundo.gif") } (c) body.background { url = "fundo.gif" } (d) background { img: url("fundo.gif") } (e) body { background = src("fundo.gif") } sábado, 6 de setembro de 2014
  4. 4. DOCUMENTO = HTML FOLHA DE ESTILO = CSS sábado, 6 de setembro de 2014
  5. 5. ATRIBUTO HTML atributo <body bgcolor=”#fadada”> chave valor sábado, 6 de setembro de 2014
  6. 6. FOLHA DE ESTILO (CSS) seletor #cederj { text-align:center; font-size:20px; } atributos Padrão: chave; dois pontos; valor; ponto e vírgula. sábado, 6 de setembro de 2014
  7. 7. 3 - Qual das opções abaixo contém apenas tags usadas na criação de uma tabela? (a) <table> <tr> <colspan> <rowspan> (b) <tr> <td> <tt> <table> (c) <dt> <dd> <table> <cell> (d) <tframe> <tr> <span> <td> (e) <table> <tr> <th> <caption> sábado, 6 de setembro de 2014
  8. 8. Seqüência de tags OBRIGATÓRIAS padrões na TABLE <table> <tr> <td> (...) <table> <tr> <th> (...) as únicas tags opcionais que podem entrar entre o <table> e o <tr> são <thead><tbody> fora essas tags nenhuma outra tag pode entrar entre o <table> e <tr> ou <tr> e <td> sábado, 6 de setembro de 2014
  9. 9. 4 - Qual dos trechos de código abaixo permite criar uma tabela exatamente como está sendo mostrada na figura ao lado: (a) <table cellpadding="9"> <tr><th colspan>A</th></tr> <tr><th rowspan>B</th> <th>C</th><th>D</th></tr> <tr><th colspan>E</th></tr> </table> (b) <table border cellpadding="9"> <tr><th>A</th></tr> <tr><th>B</th> <tr><th>C</th><th>D</th></tr> <tr><th>E</th></tr></tr> </table> (c) <table border cellpadding="9"> <tr><th colspan="3">A</th></tr> <tr><th rowspan="2">B</th> <th>C</th><th>D</th></tr> <tr><th colspan="2">E</th></tr> </table> sábado, 6 de setembro de 2014
  10. 10. 5 - Como deve ser escrito o código HTML para criar as listas com a aparência mostrada na figura ao lado? (a) <number>Infantil <list> <square>6 a 10 anos</square> <circle>Ballet</circle> </list> </number> (b) <ul type="number">Infantil <ol> <li type="square">6 a 10 anos</li> <li>Ballet</li> </ol> </ul> (c) <ol> <li>Infantil <ul type="circle"> <li type="square">6 a 10 anos</li> <li>Ballet</li> </ul> </li> </ol> sábado, 6 de setembro de 2014
  11. 11. Seqüência de tags OBRIGATÓRIAS padrões na UL <ul> <li>(...) <ol> <li>(...) sábado, 6 de setembro de 2014
  12. 12. Uma lista dentro de outra lista <ol> <li>Cursos do Cederj <ul> <li>Computação</li> <li>Biologia</li> </ul> </li> </ol> Resultado: 1.Cursos do cederj •Computação •Biologia sábado, 6 de setembro de 2014
  13. 13. 6 - Diversos novos elementos de formulários foram incluídos na definição do HTML5, a maioria deles através de novos valores para o atributo type. Qual das opções abaixo NÃO é um destes novos valores possíveis para o atributo type? (a) date (b) ip (c) color (d) email (e) tel sábado, 6 de setembro de 2014
  14. 14. 7 - Baseado na folha de estilos do código mostrado abaixo, qual das opções representa a forma CORRETA de aplicação destes estilos? .enfase { font-weight: bold; color: red; } #fundoClaro { Background-color: #CCFFCC; } td.numerico { text-align: right; } (a) <table class="fundoClaro"> (b) <tr><td id="numerico">15</td></tr> (c) <span class="enfase">correta</span>! (d) <p style="enfase">Não grite!</p> (e) <table style="fundoClaro"> sábado, 6 de setembro de 2014
  15. 15. SELETORES CSS #nome { (...) } O caractere “#” referencia ao atributo ID <h1 id=”nome”>Fulano de Tal</h1> .subtitulo { (...) } O caractere “.” referencia ao atributo CLASS <p class=”subtitulo”>Aluno do cederj</p> sábado, 6 de setembro de 2014
  16. 16. SELETORES CSS p#destaque { (...) } O caractere “#” antecipado de uma tag HTML faz referência a uma tag com um ID, ou seja nenhum outro elemento que não seja desta tag o css não é aplicado. <p id=”destaque”>Computação CEDERJ</p> span.padrao { (...) } O caractere “.” antecipado de uma tag HTML faz referência a uma tag com um CLASS, ou seja nenhum outro elemento que não seja desta tag o css não é aplicado. <span class=”destaque”>Computação CEDERJ</p> sábado, 6 de setembro de 2014
  17. 17. SELETORES CSS h1 { (...) } O seletor com nomeado com uma tag html, sem “#” e sem “.” o estilo será aplicado a todas as tags do documento HTML. <H1>Computação CEDERJ</H1> sábado, 6 de setembro de 2014
  18. 18. 8 - Como deve ser escrito o código HTML para criar o elemento de formulário com a aparência mostrada na figura ao lado? (a) <select name="festival"> <option value="I">Inverno</option> <option value="V">Verão</option> </select> (b) <input type="select" name="festival"> <option value="I">Inverno</option> <option value="V">Verão</option> </input> (c) <input type="select" name="festival" value="I" text="Inverno" /> <input type="select" name="festival"value="V" text="Verão" /> sábado, 6 de setembro de 2014
  19. 19. Seqüência de tags OBRIGATÓRIAS padrões no SELECT <select> <option>(...) sábado, 6 de setembro de 2014
  20. 20. Principais elementos formulário <input type=”text” (...)> <input type=”radio” (...)> <select> <option>(...) <textarea>(...) <input type=”submit” (...)> sábado, 6 de setembro de 2014
  21. 21. 9 - Dada as seguintes utilizações da tag <a>, qual das afirmativas é INCORRETA: i) <a href=”../../html/tag_table.html”>Table</a> ii) <a href=”http://www.boadica.com.br/mem_cpu.asp”>CPU</a> iii) <a href=”css/css_ref.html#font”>Font</a> iv) <a href="mailto:pSherman@wetmail.com">Contato</a> (a) Na opção (i) esta sendo referenciado um documento em outro diretório (pasta). (b) A opção (ii) não é uma referência absoluta. (c) A opção (iii) está referenciando à âncora “font” em outro documento. (d) A opção (iv) permite enviar um email para o endereço especificado no href (e) As opções (i) e (iii) são referências relativas. sábado, 6 de setembro de 2014
  22. 22. Referencias LINK ABSOLUTO - Caminho inteiro <a href=”http://google.com.br”>Google</a> <a href=”c:/arquivos/pagina.html”>pagina</a> RELATIVO <a href=”../pagina.html”>pagina</a> sábado, 6 de setembro de 2014
  23. 23. 10 - Se tivermos alguns botões de rádio, de que forma o navegador pode saber que eles estão agrupados (permitindo que apenas um esteja selecionado por vez)? (a) Todos os botões de rádio dentro de uma tag <fieldset> estão agrupados indicando que apenas um pode estar marcado por vez. (b) Quando um botão de rádio é imediatamente seguido de outro, sem nenhum elemento de formulário entre os dois, eles estão agrupados. (c) Todos os botões de rádio dentro de uma tag <optgroup> estão agrupados indicando que apenas um pode estar marcado por vez.Este é o comportamento natural. Para começar um novo grupo de botões deve-se incluir o atributo start no primeiro botão do grupo. (d) Botões de rádio estão agrupados quando tem o mesmo valor para o atributo name, o que indica que apenas um deles pode estar selecionado por vez. sábado, 6 de setembro de 2014
  24. 24. reference http://www.devmedia.com.br/ http://tableless.com.br/ Tutor Deyvid Nascimento - CEDERJ Pólo Itaocara slideshare.com/deyvin sábado, 6 de setembro de 2014

×