Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML Links Course Pages

    Enviado por

    Francisco Xavier Oliveira Araújo 550-Informática
    22 visualizações3 páginas
    Este documento fornece instruções para criar uma estrutura básica de pastas e arquivos HTML para um site sobre eletricidade e eletrônica. As instruções incluem criar pastas e arquivos, adicionar hiperlinks e outros elementos HTML, e compactar o site para entrega.

    Descrição original:

    Título original

    TIC-M03-HTML-FT12

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Este documento fornece instruções para criar uma estrutura básica de pastas e arquivos HTML para um site sobre eletricidade e eletrônica. As instruções incluem criar pastas e arquivos, adicionar hiperlinks e outros elementos HTML, e compactar o site para entrega.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    22 visualizações3 páginas

    HTML Links Course Pages

    Enviado por

    Francisco Xavier Oliveira Araújo 550-Informática
    Este documento fornece instruções para criar uma estrutura básica de pastas e arquivos HTML para um site sobre eletricidade e eletrônica. As instruções incluem criar pastas e arquivos, adicionar hiperlinks e outros elementos HTML, e compactar o site para entrega.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 3

    Curso Profissional Técnico de Eletrónica, Automação e Computadores 2019-2020 - 10ºP1

    Tecnologia de Informação e Comunicação M03 – Criação de Páginas Web - HTML

    Ficha de Trabalho 12

    Elemento <Body>

    A etiqueta (tag) HTML <a> permite atribuir uma hiperligação a um determinado elemento da página web, como texto,
    imagem, etc
    O atributo href especifica o endereço de destino do link.
    O atributo target especifica onde abrir o documento vinculado e pode ter um dos seguintes valores:
    _blank - Abre o documento vinculado em uma nova janela ou guia
    _self - Abre o documento vinculado na mesma janela / guia em que foi clicado (isso é o padrão)
    _parent - Abre o documento vinculado no quadro pai
    _top - Abre o documento vinculado no corpo inteiro da janela

    1. Cria uma Pasta com o nome TIC-M03-HTML-FT12

    2. Dentro da pasta criada no ponto anterior cria uma pasta denominada de EE

    3. Inicia o Visual Studio Code e abre o ficheiro Ex11.html produzido na Ficha de trabalho anterior.

    4. Acrescente ao código existente a seguinte linha de código sinalizada a negrito.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title> Eletricidade e Eletrónica </title>
    </head>
    <body>
    <a href="../index.html">Voltar à página inicial</a>
    <h1 align="center"> Transístor Bipolar</h1>
    <h2 align="left"> O que é um transístor bipolar? </h2>
    <p> Um transístor bipolar é um componente semicondutor, constituído por 2
    junções PN. O princípio de funcionamento do transístor bipolar é baseado no
    movimento de dois tipos de cargas elétricas: lacunas e eletrões, daí o termo
    bipolar. </p> <h2 align="left"> Constituição do transístor bipolar</h2>

    …..
    …..
    …..

    5. Guarde o ficheiro com o nome de EE-M06.html na subpasta EE criada no ponto 2

    6. Copie para a mesma subpasta as imagens img01.jpg, img02.jpg e img03.jpg e o vídeo


    Transistor01.mp4 que fazem parte do conteúdo do ficheiro EE-M06.html.

    Francisco Xavier Oliveira Araújo | 1


    Escola Secundária de Caldas das Taipas Módulo 03
    Curso Profissional Técnico de Eletrónica, Automação e Computadores Criação de páginas web - HTML
    Tecnologia de Informação e Comunicação Ficha de Trabalho 12

    7. Utilizando o Visual Studio Code e abre o ficheiro Ficha Autonoma-01.html produzido na Ficha de
    trabalho Autónoma.

    8. Acrescente ao código existente a seguinte linha de código sinalizada a negrito.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title> Eletricidade e Eletrónica </title>
    </head>
    <body>
    <a href="../index.html">Voltar à página inicial</a>

    <h1 align="center"> Díodo semicondutor</h1>


    <h2 align="left"> O que é um díodo? </h2>

    …..
    …..
    …..

    9. Guarde o ficheiro com o nome de EE-M05.html na subpasta EE criada no ponto 2

    10. Utilizando o Visual Studio Code e abre um novo ficheiro e guarde-o com o nome EE-M01.html na
    subpasta EE criada no ponto 2

    11. Insira no ficheiro vazio as seguintes linhas de código:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title> Eletricidade e Eletrónica </title>
    </head>

    <body>
    <a href="../index.html">Voltar à página inicial</a>
    <h1 align="center">Página em contrução</h1>
    </body>
    </html>

    12. Guarda novamente o ficheiro para salvar as alterações

    13. Guarde novamente com o nome EE-M02.html na subpasta EE criada no ponto 2

    14. Guarde novamente na subpasta EE criada no ponto 2 de forma sucessiva com os nomes EE-M03.html,
    EE-M04.html, EE-M07.html, EE-M08.html , EE-M09.html e EE-M10.html.

    Francisco Xavier Oliveira Araújo | 2


    Escola Secundária de Caldas das Taipas Módulo 03
    Curso Profissional Técnico de Eletrónica, Automação e Computadores Criação de páginas web - HTML
    Tecnologia de Informação e Comunicação Ficha de Trabalho 12

    15. Utilizando o Visual Studio Code e abre um novo ficheiro e guarde-o com o nome index.html na pasta
    TIC-M03-HTML-FT12 criada no ponto 1

    16. insira no ficheiro vazio as seguintes linhas de código:

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="utf-8">
    <title> Eletricidade e Eletrónica </title>
    </head>

    <body>
    <h1>Escola Secundária de Caldas das Taipas</h1>
    <a href="http://www.esct.pt" target="_blank">www.esct.pt</a>

    <hr>

    <h3>Curso Profissional de Técnico de Eletrónica, Automação e Computadores</h3>


    <h4>Eletricidade e Eletrónica</h4>

    <ul>
    <li><a href="EE/EE-M01.html">M01-Corrente Contínua</a></li>
    <li><a href="EE/EE-M02.html">M02-Análise de circuitos em corrente contínua</a></li>
    <li><a href="EE/EE-M03.html">M03-Magnetismo e Eletromagnetismo</a></li>
    <li><a href="EE/EE-M04.html">M04-Corrente alternada</a></li>
    <li><a href="EE/EE-M05.html">M05-Semicondutores</a></li>
    <li><a href="EE/EE-M06.html">M06-Transistor Bipolar</a></li>
    <li><a href="EE/EE-M07.html">M07-Amplificadores com Transístores</a></li>
    <li><a href="EE/EE-M08.html">M08-Transistor de Efeito de Campo</a></li>
    <li><a href="EE/EE-M09.html">M09-Amplificadores Operacionais</a></li>
    <li><a href="EE/EE-M10.html">M10-Amplificadores Operacionais - Aplicações</a></li>
    </ul>

    </body>
    </html>

    17. Guarda novamente o ficheiro para salvar as alterações

    18. Visualiza o resultado, abrindo o ficheiro index.html através de um browser (Google Chrome, Firefox,
    etc) . Testa-o clicando nas respetivas hiperligações navegando no pequeno site produzido.

    19. Compacta a pasta TIC-M03-HTML-FT12 e submete o ficheiro compactado TIC-M03-HTML-FT12.zip

    Francisco Xavier Oliveira Araújo | 3

    Você também pode gostar