Scribd Logo
Upload

Welcome to Scribd!

  • Ufcd0792 FT7 PDF

    Uploaded by

    ajsm
    82 views3 pages

    Original Title

    UFCD0792_FT7.pdf

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    82 views3 pages

    Ufcd0792 FT7 PDF

    Uploaded by

    ajsm

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    160945 Agrupamento de Escolas de Esgueira Direo Regional de Educao do Centro 401456 Escola Secundria Dr.

    Jaime de Magalhes Lima

    Curso de Educao e Formao de Adultos Tcnico de Informtica Sistemas - Formao Tecnolgica


    UFCD 0792 Criao de pginas Web em Hipertexto

    Ficha de Trabalho 7
    INTRODUO:

    Uma das formas de arrumar as nossas pginas web consegue-se utilizando tabelas. As tabelas em HTML no so mais do que um armrio de prateleiras onde colocamos a informao grfica para que fique arrumadinha. As tabelas so muitas vezes (quase sempre) a base de uma pgina web, a sua estrutura. A tag que a representa <table> e tem obrigatoriamente que ser fechada. As sub-tags que podem ser utilizadas dentro desta tag so as seguintes: <tr> sub-tag inserida dentro da tabela representando uma linha <th> sub-tag inserida dentro da tabela representando o cabealho de uma coluna <td> sub-tag inserida dentro da tabela representando os dados de uma coluna Os atributos suportados por estas tags so: border borda (limites) da tabela bordercolor altera a cor da borda (limites) da tabela bgcolor altera a cor do fundo de uma clula ou de uma tabela background insere uma imagem de fundo numa clula ou numa tabela align alinha horizontalmente o contedo de uma clula ou alinha toda a tabela valign alinha verticalmente o contedo de uma clula width altera a largura de uma clula ou de toda a tabela height altera a altura de uma clula ou de toda a tabela rowspan junta duas ou mais linhas numa s clula colspan junta duas ou mais colunas numa s clula

    Exemplo: () <body>

    catlogo de preos
    <table align=center border=2 > <tr> <th colspan=2> catlogo de preos <tr> <th> artigos <th> preos <tr> <td> alicate <td align=right> 10 <tr> <td> martelo <td align=right> 15 </table> </body> ()

    artigos alicate martelo

    preos 10 15

    UFCD-0792-Criao de pginas Web em Hipertexto

    Pgina 1 de 3

    Escola Secundria Dr. Jaime Magalhes Lima

    EXERCCIOS: Utilizando a aplicao Notepad ++, crie uma pgina web em que: 1. O Ttulo da Pgina seja EXERCCIO 7a TABELA SIMPLES 2. O corpo da pgina web dever conter uma tabela igual da seguinte figura: Vendas Empresa X Janeiro Fevereiro Maro 100 220 200

    3. Grave o ficheiro com o nome exerc7aHTML (em formato .htm) 4. Visualize a pgina num browser disponvel. Crie uma nova pgina web em que: 5. O Ttulo da Pgina seja EXERCCIO 7b TABELA ESTRUTURAWEB 6. O corpo da pgina web dever conter uma estrutura igual da seguinte figura:
    Logotipo do site Submenu de localizao

    Menu

    Informao

    Rodap: Assinatura@ Copyright, contactos, Informaes, etc UFCD-0792-Criao de pginas Web em Hipertexto Pgina 2 de 3

    Escola Secundria Dr. Jaime Magalhes Lima

    7. Dever ainda efetuar as seguintes configuraes: a) b) c) d) Na rea Logotipo do site dever colocar uma imagem a seu gosto Na rea Menu dever inserir uma lista no ordenada Na rea Submenu de localizao dever ter uma cor de fundo a seu gosto. Na rea Informao dever ter uma cor de fundo a seu gosto (diferente da anterior

    8. Grave o ficheiro com o nome exerc7bHTML (em formato .htm) 9. Visualize a pgina num browser disponvel. 10.Envie os ficheiros, para o local apropriado na plataforma moodle. Bom Trabalho!

    UFCD-0792-Criao de pginas Web em Hipertexto

    Pgina 3 de 3

    You might also like