Matérias
Autor: Amanda Tormin | Publicado: 2012-05-02T11:21:00-07:00






informática&nbsp;
INTRODUÇÃO

No fim da década de 80, nos EUA, o ciberespaço já tinha seus navegantes. As BBS (Bulletin Board System) reinavam, mas basicamente os serviços que elas ofereciam eram insuficientes, troca de mensagens e transferência de arquivos eram os principais serviços.&nbsp;Quando a Internet surgiu, o inventor da World Wide Web, Tim Berners Lee, não poderia imaginar a aceitação mundial que a Web iria exercer em nossos dias.&nbsp;Quando projetou a linguagem HTML (HyperText Markup Language), ele apenas pensou em facilitar (para a grande maioria das pessoas) os detalhes que envolvem a publicação de documentos na Internet. Ou seja, a linguagem HTML foi criada para simplificar a eleboração de textos mesclados com figuras, sons, amimações e ligações (links) entre diversos textos.&nbsp;

A Internet veio para ficar, as informações ficaram mais acessíveis e os negócios mais ágeis, podemos conversar com pessoas em qualquer parte do mundo a qualquer hora, o mundo globalizou-se, a Internet conseguiu o impossível, transformar o mundo sem fronteiras, somos todos cidadãos da Internet.

HTML

HTML (HyperText Markup Language) é uma linguagem simples, porém, detalhista. Básicamente, o HTML é a linguagem que diz aos browsers onde está colocado o texto, as imagens, os links, enfim, tudo o que compõe uma página WWW.&nbsp;Apesar dessa aparente sofisticação, as páginas Web não passam de documentos de texto simples. Podem ser produzidas em qualquer editor de texto, como o Notepad (bloco de notas) do Windows, por exemplo. O que se deve saber é que as páginas Web contém algumas marcas especiais para determinar o papel de cada elemento dentro do texto.&nbsp;Alguns elementos são marcados como títulos, outros como parágrafos. As marcações são usadas também para indicar os&nbsp;links&nbsp;que levam a outros documentos na rede. Essas marcas são chamadas de&nbsp;tags&nbsp;e estão especificadas dentro da linguagem utilizada para criar as páginas WEB, HTML.&nbsp;O primeiro conceito que deve-se ter em mente ao projetar páginas Web é que HTML não foi criada para controlar a aparência dos documentos, ao contrário dos processadores de texto e programas de layout de página. Como já foi dito anteriormente, os tags de HTML apenas informam ao navegador o que são os elementos que estão na página.&nbsp;Eles dizem, por exemplo, que um determinado trecho é o título principal do documento e o outro é o ítem da lista. A Formatação do trecho é deixada para o navegador. Cada navegador mostra a página um pouco diferente, o que dificulta o trabalho de programação visual na Web. Para complicar ainda mais, cada usuário pode modificar a configuração padrão de seu navegador para que o seu programa mostre o texto na fonte (tipo caractere) que quiser. Em compensação é muito simples criar uma página básica para colocar na internet com HTML.&nbsp;Como exemplo temos esta página, que foi totalmente construida em linguagem HTML (usei como editor o Bloco de Notas do Windows), não foi usado nenhum outro programa de processamento de texto e layouts. Aqui foi usado apenas Photoshop e algumas imagens animadas construídas no&nbsp;Microsoft Gif Animator.&nbsp;Vejamos agora o primeiro passo para a construção de uma página WEB em HTML:&nbsp;

CORPO DO TEXTO&nbsp;(estrutura básica):

&lt;HTML&gt;

&lt;HEAD&gt;

&lt;TITLE&gt;Primeiro passo&lt;/TITLE&gt;

&lt;/HEAD&gt;

&lt;BODY&gt;

&lt;H1&gt;Título&lt;/H1&gt;

Essa é a estrutura básica de como se montar uma página HTML.

&lt;/BODY&gt;

&lt;/HTML&gt;

Assim que o exemplo for salvo no editor de texto com a extensão&nbsp;.htm&nbsp;ou&nbsp;.html&nbsp;pode-se visualiza-lo em um navegador. Para abrir o arquivo, deve-se escolher o Open - Open File ou Open Local File no menu File do navegador.

TAG

Tags são comandos que a linguagem HTML lê e interpreta para executar determinada tarefa em uma página de um navegadro (browser) da Web.Normalmente os tags trabalham em conjunto, executando uma espécie de "liga" ... "desliga" ou "faça daqui" ..."até ali". Eles delimitam um texto ou determinada tarefa que o navegador deverá realizar.Na linguagem HTML, os tags são envolvidos pelos sinais "&lt;&gt;". Sendo que o "liga" ou "faça daqui" recebe os sinais "&lt;&gt;" e o "desliga" ou "até aqui" recebe os sinais "&lt;/&gt;".O caractere de divisão "/" no segundo tag indica finalização do texto ou tarefa solicitada no primeira tag.Observe um exemplo:&nbsp;&lt;TITLE&gt;Título principal&lt;/TITLE&gt;&nbsp;Ele mostra o tag&nbsp;&lt;TITLE&gt;&nbsp;trabalhando. Esse comando tem a função apenas de dar um título à página HTML.Obs.: Você pode digitar um tag tanto maiúsculo quanto minúsculo. A linguagem HTML interpreta e executa o comando que está entre os sinais "&lt;&gt;" e "&lt;/&gt;", independente da forma como ele foi digitado.




Projeto:Amigo de Fé

Conteúdos: Produções textuais, gramática(verbos), amizade e
fé.

Objetivos: Desenvolver o senso de respeito, justiça,
solidariedade e fé.

1º Semana: Filme – A Corrente do Bem.

2º Semana: Pesquisa 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“Como é a fé dos católicos, evangélicos e
espíritas ?”

3º Semana: Pesquisa e exposição por meio de cartazes de
algumas personalidades que contribuíram para a paz

“ Gadhi, Madre Teresa de Calcutá, Nelson Mandela, Chico&nbsp; Xavier ....”

4º Semana 

: Concurso de Redação 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Tema: Fé e Paz

5º Semana: Quem são Roberto e Erasmo Carlos?

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
(Canções que envolvam a Amizade e a Fé)

6º Semana: SHOW DA FÉ

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Cada grupo fará uma apresentação de acordo o
grupo religioso!

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
A premiação do concurso de Redação será
divulgado neste SHOW!

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;