Aulas
Disciplinas

Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 01 - Linguagens e Ferramentas para o Desenvolvimento Web

Atividade 05

  1. Identifique qual o sistema operacional de seu computador e qual o editor de texto que você tem disponível. Há algum dos citados anteriormente (Bloco de Notas, TextEdit ou gEdit)? Instale um editor de textos de sua preferência ou o Editor Notepad++, que está disponível no botão Downloads, abaixo de exercícios, no menu a esquerda.
  2. Você não domina algum desses editores de texto? Não se preocupe! No curso Introdução às Tecnologias da Informação você aprendeu a usar o editor de textos Writer e, certamente, usar um editor de texto simples será muito mais fácil. Abra o editor de texto que você tem disponível e “navegue” por seus menus para identificar onde se encontram as principais funções que você irá precisar, são elas: abrir arquivo, criar um arquivo novo, salvar, salvar como, procurar e substituir.
  3. Acesse a seguinte página web <http://www.w3schools.com/css/tryit.asp?filename=trycss_default>> e escreva o código a seguir no lado esquerdo da tela. Clique no link “Submit e você verá, do lado direito, a saída equivalente a esse código, tal como seria visualizado no navegador.
  4. Faça as seguintes alterações, uma a uma, no código da questão anterior e clique em Submit, observando as mudanças ocorridas no lado direito do browser.
    1. Inclua a linha <p>Aqui devo escrever o texto do segundo parágrafo. </p> abaixo da linha <p>Aqui devo escrever o texto do primeiro parágrafo. </p>.
    2. Troque a frase Minha primeira página web por seu nome completo.
    3. Inclua a linha<h2> Dados pessoais</h2>embaixo da linha <h1>...</h1>.
    4. Troque as frases entre as tags <p></p> por frases sobre você.
  5. Copie o documento HTML (do lado esquerdo da tela) e cole em um arquivo novo em seu editor de texto. Salve esse arquivo com o nome exemplo4.html. Abra o seu browser e em seguida abra o arquivo exemplo4.html que você acabou de salvar no editor de texto. Então, o que você vê é o que aparecia na página acessada nos dois exercícios anteriores? Parabéns, você começou a desenvolver uma página sobre você.

Versão 5.3 - Todos os Direitos reservados