Redes e M. Comp.




Qualificação em Informática – Redes e Manutenção de Computadores.  

ATIVIDADES – LABORATÓRIO.


30/10 – EXERCÍCIO ESTUDO

1. Qual a estrutura básica de uma página HTML?

2.    Descreva a função dos comandos:

a) <H1> … </H1>:

b)    <BR>:

c)    <HEAD></HEAD>:

d)    <TITLE></TITLE>:

e) <BODY> </BODY>:

f)   <FONT> </FONT>:

g) <A HREF=> </A>:

3.    Explique os seguintes atributos da tag BODY:

a) BGCOLOR:

b)    BACKGROUND:

4.               Explique os seguintes atributos da tag FONT:

a) COLOR:

b)    SIZE:

5. Quais valores o atributo ALIGN da tag P pode receber?

6. Em relação à Listas, qual a função da tag <ol> e da tag <ul>:

7. O que faz a tag IMG? Explique os atributos:

a) WIDTH:

a)    HEIGHT:


30/10 – EXERCÍCIO CRIAÇÃO HTML – PARTE 1

Como vimos, a estrutura básica de uma página HTML é a seguinte:

<HTML>

<HEAD> <TITLE> Primeiro documento HTML </TITLE> </HEAD>

<BODY>

… textos, imagens, etc …

</BODY>

</HTML>

Dentro desta estrutura inserimos uma série de comandos (tags) para personalizar o conteúdo das páginas que vamos criando. Seguindo esta premissa desenvolva o seguinte Exercício:

  1. Crie a seguinte página abaixo e utilizando a linguagem HTML e salve com o nome epsanova1.html
  2. O Título que irá aparecer no corpo da página (entre o BODY) deve conter o texto “Escola Profissionalizante Santo Agostinho”, deve ter tamanho grande e ficar centralizado.
  3. Após o título incluir uma linha horizontal utilizando o comando <HR>.
  4. Logo abaixo coloque o texto “Histórico”, tamanho 3 e cor “a seu critério”.
  5. Em seguida adicione o texto abaixo e formate com alinhamento de parágrafo justificado (tag <p>), tamanho de letra 2:

“A Escola Profissionalizante Santo Agostinho foi instituída em fevereiro de 2000, assumindo a administração, até então, da Ação Operária Cristo Redentor – ASOCRE que atuava na região do Barreiro desde 1992. O projeto surgiu da necessidade de modernização administrativa e tecnológica da escola, tornando-a apta a dar respostas satisfatórias aos tempos atuais.

Com a finalidade de promover a formação e qualificação profissional de adolescentes e adultos carentes, bem como ser referência pela qualidade dos serviços prestados, a Escola Profissionalizante Santo Agostinho é uma entidade inscrita no Conselho Municipal de Assistência Social e mantida pela Sociedade Inteligência e Coração; sociedade civil, sem fins lucrativos, de caráter beneficente, educativo, cultural, de assistência social e de promoção humana.”

  1. Logo abaixo insira uma figura que represente a Escola Profissionalizante Santo Agostinho no seu Inicio.
  2. O fundo da página pode ser a sua critério, desde que não atrapalhe o conteúdo a ser lido.
  3. Você também pode usar de outros recursos para deixar a página mais criativa.

EXERCÍCIO CRIAÇÃO HTML – PARTE 2

  1. Crie a seguinte página abaixo utilizando a linguagem HTML e salve com o nome epsanova2.html
  2. O Título que irá aparecer no corpo da página deve conter o texto “Escola Profissionalizante Santo Agostinho”, deve ter tamanho 3 e ficar centralizado.
  3. Após o título incluir uma linha horizontal utilizando o comando <HR>.
  4. Logo abaixo coloque o texto “Os Frei Agostinianos”, tamanho 3 e cor “a critério.
  5. Em seguida adicione o texto abaixo e formate com alinhamento de parágrafo justificado (tag <p>), tamanho de letra 2:

“Somos um grupo de religiosos da Ordem de Santo Agostinho (Agostinianos) que, comprometidos com o anúncio do Evangelho e com o ser presença como Igreja em nossa sociedade, trabalhamos e vivemos em comunidade nos campos da educação, da promoção social, da pastoral paroquial e de movimentos eclesiais e sociais. Buscamos transformar a realidade social, injusta e desigual, na realidade nova do Reino de Deus: fraternidade, igualdade, justiça e promoção da paz.

Seguimos o ideal de Santo Agostinho e aqui, no Brasil, formamos o Vicariato Nossa Senhora da Consolação do Brasil.”

  1. Logo abaixo coloque o texto “Santo Agostinho”, tamanho 3 e cor “a critério”.
  2. Em seguida adicione o texto abaixo e formate com alinhamento de parágrafo justificado (tag <p>), tamanho de letra 2:

Santo Agostinho nasceu em Tagaste, norte da África, no dia 13 de novembro do ano 354. Filho de Patrício, pagão e voltado para o materialismo da época, e de Mônica, profundamente cristã, que depois se tornaria santa. A influência dos pais foi muito grande, primeiro a de Patrício, depois a de Santa Mônica.

Aos 17 anos vai a Cartago, onde Romaniano, amigo do pai, o ajuda e se torna seu protetor; durante três anos se dedica ao estudo e à leitura de livros, entre os quais destaca-se o “Hortênsio” de Cícero, que o impressiona profundamente. Aos 20 anos volta a Tagaste como professor, com uma mulher e um filho, Adeodato, retornando pouco depois para Cartago também como professor. Depois torna-se professor em Roma e, a seguir, vai para Milão, onde ganha a cátedra de retórica da casa imperial e desenvolver também a atividade de professor de retórica. Agostinho sentia, apesar de tudo, seu coração vazio, inquieto. Não era feliz. Procurou a felicidade em muitos lugares, mas não a encontrava. Seu coração inquieto não achava a verdade e a paz que desejava. Sua mãe encontra-o em Milão e anima-o a freqüentar as pregações de Santo Ambrósio.

Foi uma longa caminhada e luta para transformar seu coração, mas no mês de agosto de 386, meditando no jardim, ouve uma voz de criança que diz “Tolle et lege” (Toma e lê) e tomando as Cartas de São Paulo lê: “Não é nos prazeres da vida, mas em seguir a Cristo que se encontra a felicidade”. As dúvidas se dissipam e é neste momento que culmina todo o processo de sua conversão. Encontrando Deus no seu coração achou a felicidade, a paz e a verdade que procurava. No ano seguinte, na Vigília da Páscoa é batizado.

  1. Logo abaixo insira uma figura que represente Santo Agostinho.
  2. O fundo da página pode ser a sua critério, desde que não atrapalhe o conteúdo a ser lido.
  3. Você também pode usar de outros recursos para deixar a página mais criativa.

EXERCÍCIO CRIAÇÃO HTML – PARTE 3

  1. Crie a seguinte página abaixo e utilizando a linguagem HTML e salve com o nome epsanova3.html
  2. O Título que irá aparecer no corpo da página deve conter o texto “Escola Profissionalizante Santo Agostinho”, deve ter tamanho <h2> e ficar centralizado.
  3. Após o título incluir uma linha horizontal utilizando o comando <HR>.
  4. Logo abaixo coloque o texto “Cursos Gratuitos”, tamanho 3 e cor azul.
  5. Crie uma lista com marcadores (tag UL) contendo o seguinte texto:
  • Cursos Técnicos
  • Cursos Profissionalizantes
  • Educação de Jovens e Adultos
  • Ensino Médio

6. Logo abaixo insira o texto “Os Cursos mais procurados são:” em itálico, tamanho 3 e cor vermelha.

  • Logo abaixo crie uma lista com os seguintes cursos usando a tag OL:
  • Qualificação em Redes e Manutenção de Computadores
  • Informática para Iniciantes
  • Mecânica de autos
  • Eletricista industrial
  • Corte e costura
  • Modelagem e costura industrial
  • Tornearia
  • EJA
  • Técnico em Informática
  • Eletricista e injeção eletrônica de autos
  • Técnico em Manutenção Automotiva
  • Ensino Médio
  1. Insira abaixo da lista uma figura que represente a Escola Profissionalizante Santo Agostinho ou os cursos oferecidos.
  2. O fundo da página pode ser a seu critério, desde de que não atrapalhe o conteúdo a ser lido.
  3. Você também pode usar de outros recursos para deixar a página mais criativa.
  4. Guarde tudo corretamente dentro da sua pasta na rede.

EXERCÍCIO HTML – PARTE 4

  1. O Título que irá aparecer no corpo da página deve conter o texto “Escola Profissionalizante Santo Agostinho”, deve ter tamanho h4 e ficar centralizado, em negrito.
  2. O fundo da página pode ser a sua critério, desde que não atrapalhe o conteúdo a ser lido.
  3. Você também pode usar de outros recursos para deixar a página mais criativa.
  4. Crie a seguinte página abaixo e utilizando a linguagem HTML e salve com o nome epsainicio.htm
  5. O Título que irá aparecer na página deve conter o texto “Escola Profissionalizante Santo Agostinho”, deve ter tamanho h4 e ficar centralizado, em negrito.
  6. O fundo da página pode ser a sua critério, desde que não atrapalhe o conteúdo a ser lido.
  7. Utilize o comando <HR> para traçar uma linha após o título.
  8. Crie um subtítulo na página, este deve conter o texto “Links”, deve ter tamanho h4 e ficar centralizado, em negrito.

5.Crie links para cada uma das páginas que você criou colocando o nome intuitivo. Exemplo:

  1. Um link chamado HISTÓRICO para a página epsanova1.html
  2. Um link chamado AGOSTINIANOS para a página epsanova2.html
  3. Um link chamado CURSOS para a página epsanova3.html
  4. O fundo da página pode ser a sua critério, desde que não atrapalhe o conteúdo a ser lido.
  5. Você também pode usar de outros recursos para deixar a página mais criativa.

 

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *