APOSTILA DE

NIVELAMENTO DO

CURSO DE

INFORMÁTICA

Nov/2013

1

Sumário

IPD – 1° SEMANAINTRODUÇÃO AO PROCESSAMENTO DE DADOS – IPD.....................................................................................7

USUÁRIOS E PROFISSIONAIS.........................................................................................................................7

Os Componentes Básicos do Sistema de Computação.................................................................................8

CPU, PERIFÉRICOS E MEMÓRIA................................................................................................................8

OUTROS PERIFÉRICOS...................................................................................................................................9

CONCEITOS BÁSICOS..................................................................................................................................10

O QUE É BIT E BYTE?.......................................................................................................................................11

APRESENTAÇÃO DOS COMPUTADORES - HISTÓRICO: EVOLUÇÃO NO TEMPO..............................................12

A PRIMEIRA GERAÇÃO (1943-1955)...........................................................................................................13

A SEGUNDA GERAÇÃO (1955-1964)...........................................................................................................13

A TERCEIRA GERAÇÃO (1964-1975)............................................................................................................14

A QUARTA GERAÇÃO (APÓS 1975).............................................................................................................14

TIPOS DE COMPUTADORES QUANTO AO PORTE E AO USO.......................................................................16

MICROCOMPUTADOR (OU COMPUTADOR PESSOAL)................................................................................16

ESTAÇÕES DE TRABALHO............................................................................................................................17

SUPERCOMPUTADOR.................................................................................................................................17

MAINFRAMES.............................................................................................................................................17

EXERCÍCIOS.....................................................................................................................................................18

WINDOWS – 2° SEMANAINTRODUÇÃO.................................................................................................................................................20

SISTEMA OPERACIONAL.............................................................................................................................20

MULTITAREFAS PREEMPTIVA.....................................................................................................................20

INICIALIZAÇÃO DO WINDOWS....................................................................................................................20

EXPLORANDO A ÁREA DE TRABALHO DO WINDOWS XP............................................................................21

O MENU INICIAR.........................................................................................................................................23

TRABALHANDO COM O WINDOWS................................................................................................................25

TECLAS DE ATALHO (ÁREA DE TRABALHO).....................................................................................................26

Teclas de atalho..........................................................................................................................................26

ACESSÓRIOS...............................................................................................................................................26

BLOCO DE NOTAS.......................................................................................................................................26

2

CALCULADORA............................................................................................................................................27

PAINT..........................................................................................................................................................27

TRABALHANDO COM O PAINT....................................................................................................................28

WORDPAD..................................................................................................................................................29

Abrindo um arquivo previamente gravado.............................................................................................30

ENTRETENIMENTO.....................................................................................................................................30

CONTROLE DE VOLUME..............................................................................................................................31

WINDOWS MEDIA PLAYER..........................................................................................................................31

EXPLORANDO ARQUIVOS E PASTAS...............................................................................................................32

CONFIGURAÇÕES............................................................................................................................................32

PAINEL DE CONTROLE....................................................................................................................................33

PROPRIEDADES DE VÍDEO...............................................................................................................................34

ÁREA DE TRABALHO ou PLANO DE FUNDO....................................................................................................34

PROTEÇÃO DE TELA........................................................................................................................................35

DATA/HORA....................................................................................................................................................36

MOUSE...........................................................................................................................................................37

O MENU FLUTUANTE......................................................................................................................................37

LOCALIZAR......................................................................................................................................................37

GERENCIANDO ARQUIVOS E PASTAS..............................................................................................................39

SELECIONANDO MAIS DE UM DOCUMENTO..................................................................................................39

CRIANDO PASTA.............................................................................................................................................40

MOVENDO ARQUIVOS E/OU PASTAS.........................................................................................................40

COPIANDO ARQUIVOS E/OU PASTAS.........................................................................................................40

EXCLUINDO ARQUIVOS OU PASTAS............................................................................................................41

UM BLOCO DE ARQUIVOS:.............................................................................................................................42

ARQUIVOS ALTERNADOS:...........................................................................................................................42

ENVIANDO ARQUIVOS PARA O DISQUETE..................................................................................................42

ORGANIZAR ÍCONES.......................................................................................................................................42

CRIANDO ATALHO..........................................................................................................................................43

ADICIONANDO ATALHO AO MENU INICIAR................................................................................................45

EXPLORANDO A LIXEIRA.................................................................................................................................47

INTERNET – 1° DiaInternet..........................................................................................................................................................49

Histórico.....................................................................................................................................................49

3

O que é a Internet?.....................................................................................................................................49

Conceitos básicos da Internet.....................................................................................................................51

O Navegador (browser)..................................................................................................................................52

Barra de Navegação....................................................................................................................................53

Elementos da página Web..........................................................................................................................54

Pesquisa na Internet.......................................................................................................................................55

Download.......................................................................................................................................................56

Upload............................................................................................................................................................57

E-mail..............................................................................................................................................................57

Criando uma conta de e-mail.....................................................................................................................58

Acessando uma conta de e-mail.................................................................................................................59

Lendo e-mails.............................................................................................................................................60

Escrevendo um e-mail................................................................................................................................61

Ferramentas da Internet................................................................................................................................62

Internet e segurança......................................................................................................................................63

A filosofia do Software Livre...........................................................................................................................64

Bibliografia.....................................................................................................................................................65

HTML – 4° SEMANAINTRODUÇÃO.................................................................................................................................................67

PARTE I...........................................................................................................................................................68

INTERNET – INTRODUÇÃO..............................................................................................................................68

HISTÓRICO..................................................................................................................................................68

A WORD WIDE WEB....................................................................................................................................69

CONECTANDO –SE À INTERNET..................................................................................................................69

EQUIPAMENTOS NECESSÁRIOS..............................................................................................................70

TIPOS DE CONEXÕES...................................................................................................................................70

INICIO DO CURSO DE HTML 4.0......................................................................................................................71

HIERARQUIA DE ELEMENTOS.....................................................................................................................71

EXERCÍCIO 1- Vamos praticar?...................................................................................................................72

Exercício 2 – Vamos aprender mais um pouco?.........................................................................................74

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO...........................................................................................76

Exercício 3 – TAGS DE ALINHAMENTO........................................................................................................76

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO.......................................................................................78

Exercício 4 – FORMATAÇÃO DE ESTILOS.....................................................................................................78

4

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO.......................................................................................79

TABELA DE CORES...........................................................................................................................................80

Exercício 5 – LISTAS NUMERADAS E MARCADAS........................................................................................80

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO.......................................................................................86

Exercício 7 – IMAGENS...............................................................................................................................86

Exercício 8 – TABELAS.....................................................................................................................................89

Alinhamentos.............................................................................................................................................91

Cor de Fundo..............................................................................................................................................92

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO.......................................................................................93

Exercício 9 – LINKS..........................................................................................................................................93

5

Modulo Básico

Introdução ao

Processamento de

Dados – IPD

6

INTRODUÇÃO AO PROCESSAMENTO DE DADOS – IPDA Informática está no nosso dia a dia: No supermercado, no banco, no escritório,

na escola. Não dá mais para viver sem ela. Na vida profissional, o conhecimento da

Informática está ficando tão importante que podemos falar em um novo tipo de

analfabetismo, o Digital.

INFORMÁTICA - É Ciência que estuda o tratamento automático da informação.

COMPUTADOR – Equipamento Eletrônico capaz de ordenar, calcular, testar,

pesquisar e editar informações de acordo com instruções estabelecidas.

PROCESSAMENTO E ARMAZENAMENTO DE DADOS

- Processamento – É a transformação de Dados de Entrada em dados de Saída.

- Armazenamento de Dados – É quando você inclui qualquer informação

USUÁRIOS E PROFISSIONAISUma das primeiras coisas que você precisa entender é a diferença entre usuário

e profissional de Informática. O usuário é aquele que usa o computador como uma

ferramenta para ser mais produtivo no trabalho, nos estudos, ou no seu dia a dia.

Profissionais são o mais avançados.

7

PC é composto pelos componentes básicos: processador, memória, HD, placa-

mãe e placa de vídeo. A partir daí você pode adicionar placas de rede, modems, placas

de som e outros periféricos.

Os Componentes Básicos do Sistema de Computação

CPU, PERIFÉRICOS E MEMÓRIAO computador é composto apenas pela CPU, enquanto o monitor, o teclado e o

mouse são chamados de periféricos. Todos componentes que não estão dentro do

gabinete são chamados de periféricos.

CPU (Unidade Central de Processamento) é o cérebro do

computador, É a CPU que comanda todas as funções do

computador.

PERIFÉRICOS – São aparelhos ou

placas que enviam ou recebem

informações do Computador.

Periféricos de Entrada - Teclado,

mouse, drive de CD / DVD-ROM, scanner

(de mão, de Mesa, de Página), microfone,

joystick, câmera filmadora, câmera digital,

tela sensível ao toque, mesa gráfica e

caneta ótica.

Periféricos de Saída - Monitor de

vídeo, drive de CD-ROM, caixa de som,

impressora, sensores (movimento,

temperatura etc) e óculos (para realidade virtual).

8

Periféricos de Entrada e Saída - Modem, drive de disquete, gravador de CD /

DVD e disco rígido.

MEMÓRIAS:

As memórias são as responsáveis pelo armazenamento de dados e instruções

em forma de sinais digitais em computadores. Para que o processador possa executar

suas tarefas, ele busca na memória todas as informações necessárias ao

processamento. Existem 2 tipos de memória, ROM e RAM, cujas características serão

mostradas a seguir:

ROM e RAM

ROM É sigla para ReadOnlyMemory (memória somente

de leitura). Já pelo nome, é possível perceber que esse tipo de

memória só permite leitura, ou seja, suas informações são

gravadas pelo fabricante. O CD-ROM é memória RAM.

RAM É a sigla para Random Access Memory (memória

de acesso aleatório). Este tipo de memória permite tanto a

leitura como a gravação e regravação de dados.

Disco rígido - Os dados são armazenados no disco rígido, também chamado de

hard disk (o termo em Inglês), HD ou até mesmo de "disco duro".

OUTROS PERIFÉRICOS Placa de Vídeo –também chamada de adaptador de

vídeo ou aceleradora gráfica, é um componente de

um computador que envia sinais deste para o monitor, de forma

que possam ser apresentadas imagens ao utilizador.

Normalmente possui memória própria.

9

Placa-mãe – É o componente mais importante do micro,

pois é ela a responsável pela comunicação entre todos os

componentes.

CONCEITOS BÁSICOS

Hardware – Se refere à parte física do computador. Tudo o que se pode tocar é

chamado de hardware, por exemplo o monitor, o mouse, o

teclado, etc.

Software – Refere à parte lógica do computador,

compreende os programas que fazem o computador funcionar,

no popular hardware é o que você chuta, software é o que você

xinga.

Peopleware – É um complexo envolvendo as pessoas da

organização e os diversos elementos estruturais intimamente

ligados a elas.

10

O QUE É BIT E BYTE?Os computadores "entendem" impulsos elétricos, positivos ou negativos, que são

representados por 1 e 0, respectivamente. A cada impulso elétrico, damos o nome de Bit

(BInarydigiT). Um conjunto de 8 bits reunidos como uma única unidade forma um Byte.

Para os computadores, representar 256 números binários é suficiente. Por isso, os bytes

possuem 8 bits. Basta fazer os cálculos. Como um bit representa 2 valores (1 ou 0) e um

byte representa 8 bits, basta fazer 2 (do bit) elevado a 8 (do byte) que é igual a 256.

Para que isto aconteça, os computadores utilizam uma tabela que combina

números binários com símbolos: a tabela ASCII (American Standard Code for

InformationInterchange).

Bit –A menor Unidade de informação - Abreviatura de BInaryDigiT.

Byte – Conjunto de oito bits.

1 Byte = 8 bits

1 Kilobyte ou Kbyte ou KB = 1024 bytes

1 Megabyte ou Mbyte ou MB = 1024 Kilobytes

1 Gigabyte ou Gbyte ou GB = 1024 Megabytes

1 Terabyte ou Tbyte ou TB = 1024 Gigabytes

É também através dos bytes que se determina o comprimento da palavra de um

computador, ou seja, a quantidade de bits que ele utiliza na composição das instruções

internas, como por exemplo:

8 bits - palavra de 1 byte

16 bits - palavra de 2 bytes

32 bits - palavra de 4 bytes

11

1 Kilobit ou Kb = 1024 bits

1 Megabit ou Mb = 1024 Kilobits

1 Gigabit ou Gb = 1024 Megabits

Como cada bit pode ter dois valores (0 ou 1), esse conjunto de 8 bits pode

armazenar 256 valores diferentes, de 0 até 255. Ou seja: 28 = 256.

KB (kilobyte ou kbyte) – Conjunto de 1024 bytes. Essa unidade costuma ser

utilizada para medir o tamanho de arquivos pequenos.

MB (megabyte) – Conjunto de 1.048.576 bytes (ou 1.024 kbytes) arquivos

maiores.

GB (gigabyte) – Conjunto de 1024 MB, ou aproximadamente um bilhão de bytes.

Essa unidade é utilizada para medir o tamanho de HDs.

Exemplos:

DISCO FLEXIVEL (A) – CAPACIDADE 1.457.664

Bytes = 1,38 MB

DISCO RIGIDO OU HD (C) – CAPACIDADE

20.974.428.160 Bytes = 19,5 MB

APRESENTAÇÃO DOS COMPUTADORES - HISTÓRICO: EVOLUÇÃO NO TEMPOA palavra computar significa calcular. Portanto, de alguma forma computadores já

existem há bastante tempo. O primeiro dispositivo de cálculo de que se tem notícia é o

ábaco, cuja invenção data de 3000 a.C.

Em 1642, o matemático, físico e filósofo francês Blaire Pascal inventou a primeira

calculadora mecânica. Era basicamente um conjunto de rodas dentadas que realizava

adições e subtrações automaticamente.

12

Em 1671, o filósofo e matemático alemão GottfriedLiebniz construiu um

calculador mecânico que realizava as quatro operações básicas da aritmética (adição,

subtração, multiplicação e divisão).

Em 1822 Charles Babbage criou o modelo de uma máquina capaz de fazer

cálculos paraelaborar uma tabela de logaritmos.

No começo do século 20, as calculadoras mecânicas e elétricas se tornaram

comuns. Até mais ou menos a década de 30, as elétricas eram fabricadas utilizando um

pequeno dispositivo elétrico chamado relé.

Em meados da década de 30 surgiram os computadores com válvulas. As

válvulas eletrônicas eram semelhantes a relés. A vantagem é que eram muito mais

rápidas e a desvantagem é que duravam pouco tempo.

A PRIMEIRA GERAÇÃO (1943-1955)Em 1946 ficou pronto o que se costuma chamar de “o primeiro computador”. A

data do início de sua construção (1943) foi estabelecida como um marco da

computação. Batizado de Eniac(ElectronicNumericIntegratorandCalculator), era um

computador composto por 18.000 válvulas, que podia fazer aproximadamente 5000

cálculos por segundo.

Figura 1Coputador ENIAC

A SEGUNDA GERAÇÃO (1955-1964)Ainda na década de 50 surgiram os transistores, componentes eletrônicos que

substituíram as válvulas e possuíam várias vantagens. Primeiro, eram bem menores.

Computadores que antes ocupavam uma sala agora ficavam do tamanho de uma

estante. Além disso, consumiam menos corrente elétricas e duravam bem mais. Os

transistores possibilitaram a produção de computadores menores, mais rápidos, mais

13

confiáveis e mais baratos.

Consequentemente, passaram a ser

fabricados em série.

A Figura 2 mostra o minicomputador

PDP-8, considerado o primeiro computador

com preço “acessível”. Foi nesse tipo de

computador que o sistema operacional

UNIX começou a ser desenvolvido por Ken

Thompson e Dennis Ritchie.

A TERCEIRA GERAÇÃO (1964-1975)Na década de 60, o mundo estava em plena corrida espacial. Com isso, surgiu a

necessidade de construir computadores leves e poderosos, que pudessem ser

embarcados nos foguetes. A NASA gastou bilhões de dólares com seu programa

espacial na contratação de empresas fabricantes de transistores para que realizassem

uma miniaturização ainda maior. Assim foram criados os primeiros circuitos integrados,

também chamados de chips. Basicamente, um

chip é um componente eletrônico composto por

centenas ou milhares de transistores.

Em 1975 começaram as vendas do “kit”

do primeiro microcomputador, chamado de Altair

88001, que utilizava o chip 8080 da Intel.

A QUARTA GERAÇÃO (APÓS 1975)Nas últimas décadas, os chips só evoluíram em número de transistores. Os chips

dos anos 60 tinham em seu interior centenas ou milhares de transistores. Enquanto isso,

na década de 90, o chip do processador Pentium possuía 3.500.000 transistores.

Por volta da década de 80 os computadores sofreram um novo tipo de evolução.

Enquanto os computadores anteriores só processavam 8 bits ao mesmo tempo, o IBM

PC conseguia processar 16 bits.

14

O processador utilizado era o 8088. Pouco tempo depois, a IBM lançou o PC XT

(Extended Technology), que possuía mais memória RAM e espaço em disco.

Os computadores prosseguiram evoluindo, se tornando cada vez mais rápidos e

com capacidade cada vez maior de armazenamento.

15

O Tempo de processamento de uma aplicação que manipula música digital. Com

processadores Pentium III, demorava-se mais de 4 minutos para realizar uma certa

tarefa, enquanto com os mais novos processadores Pentium IV, demora-se menos de

meio minuto.

E afinal, o que é Mhz? MegaHertz é a velocidade na qual o processador opera.

Mega é a notação internacional para milhões e Hertz é a notação da física para ciclos

por segundo. Ou seja, um processador que executa a 300Mhz executa 300.000.000 de

ciclos por segundo.

TIPOS DE COMPUTADORES QUANTO AO PORTE E AO USOExistem diversas terminologias para classificar computadores. A seguir

descrevemos o significado de termos comuns.

MICROCOMPUTADOR (OU COMPUTADOR PESSOAL)O termo microcomputador se refere ao porte do computador, indicando aqueles

que normalmente utilizamos em casa, no trabalho, nas universidades, etc. São também

chamados de computadores pessoais devido ao termo PC (Personal Computer), criado

pela IBM para nomear uma família de computadores.

Os computadores portáteis estão incluídos nesta categoria. Inicialmente foram

chamados de laptops, devido à palavra lap (colo), já que, devido ao seu tamanho,

poderiam ser colocados no colo de seus usuários. Os laptops são tão funcionais quanto

16

computadores de mesa. Outro tipo de computadores portáteis são os notebooks, ainda

menores, do tamanho de um caderno (daí a palavra notebook, que em inglês significa

caderno). Hoje, os termos são utilizados praticamente sem distinção, para identificar

computadores portáteis. Existe ainda outro tipo de computador portátil: os chamados

PDAs (PersonalDigital Assistants). São também chamados de palmtops, por caberem

na palma da mão. No entanto, não são tão funcionais quanto os outros computadores,

sendo utilizados para fins específicos, como uma agendaavançada. Alguns possuem

canetas eletrônicas, que permitem que seus usuários “escrevam”ou apontem para

algum ponto diretamente na tela.

ESTAÇÕES DE TRABALHOAs chamadas estações de trabalho são computadores semelhantes aos

computadores pessoais. No entanto, utilizam uma arquitetura interna diferente dos

computadores pessoais, que resulta em um processamento mais rápido. São também

mais caros e, portanto, geralmente utilizados em universidades ou centros de pesquisa.

Outra característica é que, em geral, utilizam algum sistema operacional Unix ou uma

variação dele.

SUPERCOMPUTADOREsse termo é utilizado apenas para designar os computadores mais potentes de

uma determinada época. São extremamente caros e consomem muita energia, sendo

utilizados para modelar ou simular processos extremamente complexos, tais como a

fissão nuclear.

MAINFRAMESO termo mainframe designa computadores de grande porte, em relação ao seu

tamanho. Esses computadores têm a capacidade de manipular quantidades imensas de

informações.

17

EXERCÍCIOS OBS – Pesquise na internet as perguntas.

1. Defina Hardware e Software. Cite exemplos de cada um.

2. O que é um cooler?

3. Gabinete e CPU definem o mesmo equipamento? Explique.

4. O que são baias?

5. Porque o tipo de conexão USB foi criado?

6. Cite 2 exemplos de cada tipo de periférico (entrada, saída e entrada e

saída).

7. Quais as funções das seguintes teclas?

- CTRL + C

- CTRL + V

- CTRL + Z

- CTRL + X

8. Qual é a capacidade de um disquete de 3,5?

9. O que é um RW?

10. Qual a principal diferença entre memória RAM e memória ROM?

11. Quantos bits têm 2 bytes?

12. Defina o tipo de arquivo em função das extensões abaixo:

- exe

- html

- doc

- ppt

- gif

- zip

18

Modulo Básico

Sistema Operacional

Microsoft Windows

19

INTRODUÇÃOO Microsoft Windows XP é um sistema operacional de interface gráfica

multifunções, isso significa que podemos trabalhar com vários programas de forma

simultânea. Por ex: poderíamos escutar um CD colocado no CD-ROM enquanto

escrevemos um documento, imprimimos outro e recebemos um fax, todos ao mesmo

tempo. O Windows XP possui alta performance em 32 bits, segurança, suporte a rede

local, sistema plugand play, multimídia avançada, facilidade de comunicação,

impressão, etc.

SISTEMA OPERACIONALO sistema operacional coordena o funcionamento do computador, presta

importantes serviços aos aplicativos e oferece ao usuário uma forma fácil de executar

suas tarefas diárias.

Não é exagero afirmar que é o sistema operacional o programa mais importante

do computador, sem ele seu equipamento não funciona. Logo que o computador é

ligado, o sistema operacional entra em funcionamento.

Quando qualquer outro programa está sendo usado, o sistema operacional está

trabalhando, prestando serviços essenciais ao computador, aos programas e ao usuário.

MULTITAREFAS PREEMPTIVAO Windows XP apresenta uma característica interessante, que é a multitarefa

preemptiva. Esta é a capacidade do computador executar vários programas ao mesmo

tempo.

A multitarefa preemptiva ou o próprio Sistema Operacional é quem gerencia os

recursos utilizados por cada um.

Se o programa em uso mostrar o sinal de espera (a ampulheta) o usuário pode

utilizar outro programa, bastando mover-se para outra janela.

INICIALIZAÇÃO DO WINDOWSO Windows XP é inicializado automaticamente a partir do momento em que se

liga o computador.

20

Seu computador consiste em duas partes principais: hardware e software.

As instruções que dizem a seu computador o que fazer é chamado de software.

Seu software principal, chamado sistema operacional, controla e gerencia o

computador traduzindo suas instruções para uma linguagem que seu hardware possa

entender.

EXPLORANDO A ÁREA DE TRABALHO DO WINDOWS XP

21

Esta é a área de trabalho do Windows. É o espaço de trabalho em sua tela no

qual aparecem os ícones, os componentes da área de trabalho, as janelas de aplicativos

e as caixas de diálogo.

A barra de tarefas é um elemento da área de trabalho do Windows. A barra de

tarefas é uma barra retangular azul, localizada como padrão, ao longo da parte inferior

da área de trabalho do Windows.

A barra de tarefas inclui o botão Iniciar, um botão para cada

programa que esteja aberto e o relógio do sistema.

Um dos itens mais úteis da barra de tarefas é o botão Iniciar.

A partir dele, você pode iniciar rapidamente um programa,

localizar ou abrir um documento, alterar as configurações de seu

computador, desligar o computador e muito mais.

Na área de trabalho do Windows contém várias figuras

pequenas. Elas são chamadas ícones.

Os ícones são atalhos que torna fácil de abrir os programas ou documentos que

você utiliza diariamente.

Como você aprendeu, a tela básica do Microsoft Windows é chamada de área de

trabalho.

O próximo tópico enfoca o local para onde você normalmente vai iniciar qualquer

atividade: o menu Iniciar.

22

O MENU INICIARQuando você clica no botão Iniciar, o Microsoft Windows mostra o menu Iniciar.

23

Um menu é uma lista de software aplicativo, documentos e outras opções

disponíveis em seu computador.

O menu Iniciar é dividido em três seções. A seção inferior contém tarefas ou

comandos operacionais básicos, como Desligar.

A seção intermediária é um modo de abrir aplicativos e personalizar opções.

A seção superior é personalizada com funções que podem ser adicionadas ao

menu Iniciar.

À direita de alguns dos itens do menu Iniciar há uma seta triangular preta

apontando para a margem direita indicando um sub-menu.

A partir do menu Iniciar é possível abrir rapidamente software aplicativo,

documentos e funções que você utiliza com freqüência.

Na próxima lição, Trabalhando com o Windows, você aprenderá a trabalhar com

os programas abertos a partir de o menu Iniciar.

A seguir você verá como abrir um programa a partir do menu Iniciar.

Clique no botão Iniciar para visualizar o menu Iniciar. Aponte para Programas e

aparecerá o menu em cascata Programas.

24

No menu Programas, aponte para Acessórios e aparecerá outro menu em

cascata. Clique em WordPad, na parte inferior da lista, e o aplicativo será aberto.

A partir do menu Iniciar é possível abrir rapidamente software aplicativo,

documentos e funções que você utiliza com freqüência.

Na próxima lição, Trabalhando com o Windows, você aprenderá a trabalhar com

os programas abertos a partir do menu Iniciar.

TRABALHANDO COM O WINDOWS

Quando você inicia um programa ou um aplicativo, uma área de trabalho definida

aparece na tela. Esta área de trabalho definida é chamada de janela.

Uma janela é uma área deslocável e redimensionável na qual são exibidas

informações e coma qual você pode interagir.

A barra de título aparece na parte superior de cada janela. Ela exibe o nome do

aplicativo ou software aberto.

Uma janela pode ser movida de um local para outro apontando para a barra de

título e arrastando a janela para outro local.

A barra de rolagem é uma barra que pode aparecer na margem inferior ou na

margem direita de uma janela.

Barras de rolagem são utilizadas quando a quantidade de informações é maior do

que a que pode caber confortavelmente em uma única janela.

25

Como uma janela é um objeto flexível (redimensionável), você pode facilmente

alterar seu tamanho.

Na extrema direita da barra de título há três botões importantes: Minimizar,

Maximizar e Fechar. Você pode utilizar esses botões de uma janela para:

Você pode mover-se com facilidade por e entre janelas utilizando a barra de

título, clicando nos botões Minimizar, Maximizar e Fechar.

Na próxima lição, Obtendo ajuda, você irá aprender a utilizar um valioso recurso

do Windows.

TECLAS DE ATALHO (ÁREA DE TRABALHO)A partir da área de trabalho você pode acessar funções importantes do sistema

Windows.

Utilizando teclas combinadas, podemos acessar rapidamente os aplicativos ou

desligar o Windows.

Teclas de atalho

Atenção: A tecla Winkey é semelhante ao logotipo do Windows.

ACESSÓRIOSTrabalhando com Windows, você pode utilizar acessório como Paint – aplicativo

destinado para desenhos, Bloco de notas – editor de texto simples, WordPad –

26

programa com comandos básicos para criação de documentos, tais como: currículos,

cartas, etc.

BLOCO DE NOTAS

O Bloco de notas que acompanha o Microsoft Windows é um editor de texto

simples que permite escrever texto básico, sem recursos de formatação que os

processadores de texto mais completos como Word possuem.

27

CALCULADORA A calculadora apresenta no monitor uma calculadora com dois modos. Modo

Padrão e Científico. O uso desse acessório pode ser feito de duas maneiras.

Usando o mouse e clicando sobre os botões.

Usando o teclado numérico.

PAINT

Você pode usar o Paint para criar, editar e exibir desenhos em diversos formatos

entre eles os formatos GIF e JPEG, formatos utilizados para ilustrar as páginas da

Internet.

O Paint também pode ser usado para exibir e editar fotografias.28

Principais elementos de uma janela.

Mantenha posicionado a seta do mouse sobre uma ferramenta por 3 segundos

que exibirá o nome da mesma. Para desenhar basta selecionar a ferramenta desejada e

manter pressionado o botão do mouse e arrastar. Obs.: com exceção de algumas

ferramentas enquanto mantemos pressionado o botão do mouse podemos ampliar e

dimensionar o desenho caso tenhamos soltado o botão e não gostado temos que

apagar com a ferramenta borracha. Ou clicar na opção desfazer do menu Editar.

TRABALHANDO COM O PAINTVamos salvar a figura abaixo:

Após terminar seu desenho clique na opção salvar do menu arquivo. Ex. abaixo:

Abrirá uma caixa de diálogo, nela siga os seguintes passos:

29

WORDPAD

O Acessório WordPad é utilizado no Windows XP, principalmente para o usuário

se familiarizar com os menus dos programas Microsoft Office, entre eles o Word.

O WordPad não permite criar tabelas, rodapé e cabeçalho e mala direta. Portanto

é um programa criado para um primeiro contato com os produtos para escritório da

Microsoft.

Entre suas funcionalidades o WordPad lhe permitirá inserir texto e imagens,

trabalhar com texto formatado com opções de negrito, itálico, sublinhado com suporte a

várias fontes e seus tamanhos, formatação do parágrafo à direita, à esquerda e

centralizado, etc.

30

Abrindo um arquivo previamente gravadoHá duas formas de abrir um documento no WordPad. Se o documento a ser

aberto foi um dos quatro últimos trabalhados por você, seu nome constará nomenu

Arquivo juntamente com os outros três últimos, ou no menu Documentos, (acessados

através do botão iniciar), só que neste menu serão mostrados os últimos 15 trabalhos

abertos recente.

Abrindo um documento a partir do menu arquivo:

Após siga os passos da caixa de diálogo abaixo:

ENTRETENIMENTOO Windows XP se destaca dos demais sistemas operacionais existentes no

mercado pela sua facilidade de uso. Podemos executar CD-ROM, com a mesma

facilidade de um aparelho de som. A tecnologia empregada no sistema nos permite

trabalhar e assistir TV pelo PC ou ouvir música através do CD-ROM.

31

CONTROLE DE VOLUMEAtravés do Controle de volume do sistema operacional Windows, você poderá

configurar as opções de volume da saída da placa de som. Para isso é necessário que

uma placa de som esteja instalada em seu PC. Você poderá regular o áudio do CD para

que não seja necessário aumentar muito o volume da caixa de som.

WINDOWS MEDIA PLAYERO Windows Media Player permite executar filmes e clipes nos diversos formatos.

Podemos através do Windows Media Player visualizar trechos de filmes, vídeo clipes,

exibições viaWeb (Web Events), roda cenas de filmes em CD-ROM, etc.

A tela do aplicativo nos permite configurar opções de retrocesso, avanço da

imagem, bem como pausar o filme ou escolher determinado trecho do filme para ser

exibido.

32

EXPLORANDO ARQUIVOS E PASTASNesta lição, você aprenderá a visualizar pastas e os arquivos armazenados em

seu computador. Além disso, você aprenderá a utilizar o Windows para gerenciar seus

arquivos e pastas.

Clique no botão Avançar, acima, para continuar. Utilizando Meu computador,

aprenda a criar e organizar arquivos e pastas. Clique duas vezes no ícone Meu

computador em sua área de trabalho.

A janela Meu computador mostra o conteúdo de seu computador.

Clique duas vezes em (C:\), na janela Meu computador para visualizar o conteúdo

de seu disco rígido.

Clique duas vezes na pasta Documentos compartilhado para abrir e visualizar

todos os arquivos ou sub-pastas que ela possa conter.

CONFIGURAÇÕESA partir do menu configurações você encontrará os sub-menus Painel de controle,

Conexões de rede, Impressoras e aparelho de faz, Barra de tarefas e menu iniciar.

33

PAINEL DE CONTROLEAtravés da janela Painel do controle temos acesso a área de configuração do

computador onde podemos configurar um teclado, modem, mouse, sons, data/hora,

vídeo entre outros.

Modo de exibição clássica

Modo de exibição categoria

OBS: Tome cuidado quando acessar esta área, pois ela é totalmente configurada

quando é instalado o Sistema Operacional, qualquer alteração que seja feita sem

conhecimento pode provocar o mau funcionamento do item alterado ou programas

deixarão de funcionar corretamente.

Itens que poderão ser alterados sem problemas:

34

PROPRIEDADES DE VÍDEO

No Windows XP, as propriedades do vídeo podem ser acessadas e alteradas

através do ícone Vídeo, disponível no Painel de Controle. Um duplo clique sobre esse

ícone abre a janela Propriedades de Vídeo, que tem seis guias. Ou clicando com o

botão direito do mouse na área de trabalho e na opção propriedades.

Veja um pouco mais sobre essas guias.

ÁREA DE TRABALHO ou PLANO DE FUNDOAltera a aparência do fundo que é exibido quando as janelas abertas não ocupam

toda a tela.

Selecione na lista de imagens um plano de fundo ou papel de parede para definir

na sua área de trabalho.

35

PROTEÇÃO DE TELAClique na seta drop-down para escolher uma das opções veja abaixo o texto 3D.

Você pode determinar o tempo de espera como desejar.

Com base na lista da figura acima selecione a opção letreiro digital com ela

podemos digitar mensagens nomes como desejarmos.

Após clicar em letreiro digital, clique em configurações, selecione o texto digitado

e digite o seu nome, por exemplo. Ver figura abaixo.

36

Clique pra alterar a formatação de texto

Para alterar a fonte, ou seja, a letra clique no botão formatar texto e escolha as

opções desejadas.

DATA/HORAPara abrir o data/hora basta pressionar um clique duplo sobre o ícone no painel

de controle

Esta opção permite alterar a data e a hora do sistema, veja:

37

MOUSECom esta opção você poderá alterar a configuração do botão e a velocidade do

clique duplo

O MENU FLUTUANTEQuando clicamos com o botão direito do mouse sempre aparecerá um menu

flutuante do objeto selecionado. Exemplo foi clicado na área de trabalho do Windows e

obtemos o seguinte menu:

Agora você sabe como utilizar o Windows para gerenciar seus arquivos e pastas.

LOCALIZARSe você não conseguir lembrar onde gravou um documento, o Windows torna

fácil localizar um arquivo ou uma pasta.

Para localizar um arquivo ou uma pasta, proceda da seguinte maneira.

Clique no botão Iniciar movimente o ponteiro do mouse até Localizar. Clique em

Arquivos ou pastas ou pressione a tecla F3.

38

A caixa de diálogo Localizar se abrirá. No espaço reservado ao nome do arquivo

digite o nome do arquivo a ser localizado. Se não lembrar o nome do arquivo digite *. E

a extensão do arquivo (Exemplo: *.doc).

Extensões de alguns aplicativos e/ou programas

Clique na seta para baixo em Examinar em e selecione o diretório (C:), para

localizar oarquivo no diretório C:\, ou escolha as unidades A:\ ou D:\.

Clique no botão pesquisar ou (tecle Enter) para procurar o arquivo.

Ao digitar apenas a extensão do arquivo será apresentado no lado direito da

janela “Pesquisar”, todos os arquivos encontrados com a extensão digitada.

39

GERENCIANDO ARQUIVOS E PASTASClique no botão Iniciar da barra de tarefas do Windows aponte para Programas e

clique em Windows Explorer. A janela do Windows Explorer é aberta.

SELECIONANDO MAIS DE UM DOCUMENTO

40

Arquivos selecionados pressionando a tecla Ctrl e clicando nos arquivos

desejados

Convém observar que ao clicarmos na pasta, o desenho abrirá mostrando seu

conteúdo. O sinal de [+] indica que há outras pastas dentro da mesma (sub-pasta),

clique no sinal que será exibido a estrutura de sub-pasta. Quando o sinal for [-] indica

que já está exibindo, e, se clicarmos nele a árvore ocultará as sub-pastas.

CRIANDO PASTACrie uma nova pasta clicando no menu Arquivo na janela Windows Explorer,

apontando para Novo e clicando em Pasta. A sua direita aparecerá uma nova pasta, dê

o seu nome.

Sua pasta recém-criada, agora está na janela Windows Explorer.

Agora que você aprendeu a criar pastas, aprenderá a organizar seus trabalhos

colocando-os em pastas adequadamente.

MOVENDO ARQUIVOS E/OU PASTASClique e mantenha pressionado o botão esquerdo do mouse sobre o ícone do

arquivo ou pasta desejado (a), mova o ponteiro para o ícone da Pasta recém-criada e

solte o botão do mouse.

Esse procedimento é chamado arrastar.

Seu arquivo agora está dentro de sua pasta.

Clique em sua Pasta recém-criada para visualizar o seu conteúdo, ou seja, o que

está dentro dela.

COPIANDO ARQUIVOS E/OU PASTAS

Para copiar um arquivo ou pasta clique no arquivo ou pasta desejado com o

botão direito e arraste para a pasta ou unidade de disco desejada. Na lista que

aparecerá clique em “copiar aqui”.

41

Também podemos copiar arquivos clicando e arrastando-os com o botão

esquerdo do mouse e mantendo a tecla CTRL pressionada. Mas cuidado, você deve

soltar primeiro o clique caso contrário o arquivo ou pasta será movido e não copiado.

EXCLUINDO ARQUIVOS OU PASTAS

Clique no arquivo ou pasta que deseja excluir e pressione a tecla DELETE do

teclado mas atenção para a mensagem:

Quando você seleciona um arquivo, caso selecione mais de um ele não dá o

nome e sim o número de arquivos selecionados atenção para próxima mensagem: caso

tenha selecionado uma pasta.

Selecionando mais de um documento.

Quase sempre se faz necessário um selecionamento múltiplo de arquivos e pode-

se realizar de duas maneiras:

42

UM BLOCO DE ARQUIVOS:

Para selecionar um bloco contínuo de arquivos utilize a tecla SHIFT, clique no

primeiro arquivo e mantendo a tecla SHIF T pressionada dê um clique no último arquivo

do bloco que deseja selecionar. Isto também vale para os ícones em qualquer janela.

ARQUIVOS ALTERNADOS:

Para selecionar arquivos alternados basta clicar com a tecla CTRL pressionada

nos arquivos desejados.

ENVIANDO ARQUIVOS PARA O DISQUETE

Selecione o arquivo desejado clicando com o botão direito, no menu flutuante

posicione na opção Enviar para, desloque o ponteiro do mouse até o nome disquete e

clique. Lembre-se de colocar o disquete no driver antes. Veja exemplo abaixo.

ORGANIZAR ÍCONESOs ícones que sempre necessitam ser organizados dentro da janela. Para fazer

isto, basta um clique com o botão direito do mouse na área onde está a lista dos

arquivos e escolher ORGANIZAR ÍCONES, em seguida escolher a opção.

43

CRIANDO ATALHOClique com o botão direito do mouse na área de trabalho posicione o ponteiro na

opção

NOVO e clique no sub-menu ATALHO.

Digite a linha de comendo ou clique em procurar

44

Caso tenha que procurar não se preocupe é a mesma coisa de procurar um

arquivo basta selecionar a unidade principal [C:\] e as pastas e sub-pastas adequadas.

Se o programa assinalado, não possuir ícone padrão aparecerá:

Alguns jogos principalmente do MS-DOS não possuem figura ilustrativa (ícones),

portanto selecione o ícone que desejar como mostra a figura acima. Você também pode

criar ou personalizar seu ícone com sua fotografia, basta dimensionar a área de trabalho

do Paint ecolar sua foto do scanner, mas, na hora de salvar digite o nome e adicione

(.ico).

45

ADICIONANDO ATALHO AO MENU INICIARCaso queira adicionar grupo de programas ao menu iniciar use os seguintes

passos:

46

A partir daqui será realizado o mesmo procedimento de criar atalhos

Isto significa que o jogo “dave” está dentro da sub-pasta Game que está dentro

do Disco Local.

47

Clique em avançar e siga o assistente serão os mesmos passos para criar atalho

descrito anteriormente.

EXPLORANDO A LIXEIRA

Aplique um clique duplo no ícone LIXEIRA

E clique em restaurar os itens selecionados. Desta forma os arquivos

selecionados voltarão para o local de origem, ou seja, para a pasta que estava antes de

você os excluiu.

Bem, estes são os procedimentos mais usados no dia-dia. Por não serem usados

freqüentemente não foi adicionado a este módulo recurso avançados.

Veja alguns tópicos que você terá no módulo avançado:

Configurar Teclado

Adicionar Novos Hardwares

Adicionar ou remover Programas

Adicionar conexão de rede dia-lup

Adicionar novos Usuários

48

Modulo Básico de

Utilização da

Internet

49

Internet

Histórico A internet foi idealizada na década de 60 com o objetivo de trocas e

compartilhamento de informações, voltadas para a pesquisa e fins militares. A partir da II

Guerra Mundial, o interesse de vários países no desenvolvimento e aprimoramento de

computadores, aumentou enormemente, visto o grande potencial estratégico destas

máquinas. Além disso, buscava-se uma forma rápida e segura de compartilhamento de

informações. Aliado a este interesse militar, as grandes universidades americanas

começaram a se interessar também pelo assunto, visto que, uma vez implementada, a

internet seria extremamente útil para pesquisas e para colaboração com pesquisadores

de outros locais.

Em 1969 a ARPANET (o nome que se dava naquela época à internet) foi

colocada em funcionamento. Ela interligava algumas grandes universidades

americanas. Com o passar do tempo, e com o sucesso que a rede foi tendo, o número

de adesões foi crescendo continuamente. Como nesta época, o computador era

extremamente difícil de lidar, somente algumas instituições possuíam internet.

No entanto, com a elaboração de softwares e interfaces cada vez mais fáceis de

manipular, as pessoas foram se encorajando a participar da rede. O grande atrativo da

internet era a possibilidade de se trocar e compartilhar idéias, estudos e informações

com outras pessoas que, muitas vezes nem se conhecia pessoalmente.

Atualmente, passados pouco mais do que 30 anos desde a implementação da

primeira rede internet (a ARPANET), o mundo está bem diferente, e a internet já faz

parte da vida de muita gente. Isto aconteceu, sobretudo por causa do advento dos

navegadores (tipo o Netscape e o Internet Explorer) e da rede mundial de

computadores, a WWW (World Wide Web).

O que é a Internet? ".A Internet é uma rede mundial de computadores interligados através de linhas

de telefone, linhas de comunicação privadas, cabos submarinos, canais de satélite, etc...

A Internet funciona como uma rodovia pela qual a informação contida em textos,

som e imagem pode trafegar em alta velocidade entre qualquer computador conectado a

50

essa rede. E por essa razão que a Internet é muitas vezes chamada da "super rodovia

da informação

Como funciona?

No núcleo da internet, as informações trafegam entre os computadores numa

velocidade extremamente alta. Para que os computadores por onde trafegam essas

informações possam suportar essa velocidade, eles devem ser muito poderosos e

possuírem equipamentos de alta-tecnologia. Tais equipamentos são muito caros,

impossibilitando assim que o usuário comum possa tê-los. Desta forma, organizações

montam uma estrutura de acesso à internet de alta-velocidade e provêem a diversos

usuários domésticos um acesso numa velocidade menor, ou seja, com baixo custo. Tais

organizações são denominadas provedores de acesso. Um provedor de acesso, em

outras palavras, é uma empresa, uma universidade ou organização qualquer que

fornece acesso à Internet a pessoas ou outras empresas. Estar ligado direto com a

lnternet é bastante caro. O provedor de acesso então assume o custo de uma conexão

permanente e vende o acesso a essa conexão para seus clientes, os usuários. Desta

forma o custo alto é dividido entre todos os participantes.

Dentre os provedores de acesso mais conhecidos temos:

UOL – www.uol.com.br (pago)

Terra – www.terra.com.br (pago)

iG– www.ig.com.br (gratuito)

IBEST – www.ibest.com.br (gratuito)

51

Conceitos básicos da Internet Servidor – servidor é um computador que fornece serviços a uma rede de

computadores. Esses serviços podem ser, por exemplo, servidor de documentos,

servidor de correio eletrônico ou servidor de páginas web.

URL – (Universal ResourceLocator) é o endereço de um documento ou pasta

disponível na Internet. Uma URL tem a seguinte estrutura:

protocolo://máquina/caminho/recurso. O protocolo poderá ser http, ftp, entre outros. A

máquina designa o servidor que disponibiliza o documento ou recurso. O caminho

especifica o local onde se encontra o documento dentro do servidor. No exemplo:

http://www.oi.com.br/loja/celulares.html, o protocolo é o http, a máquina é designada por

www.oi.com.br e o recurso (neste caso um documento HTML) encontra-se em

loja/celulares.html.

Site – é uma coleção de páginas web, isto é, de documentos acessíveis através

da web, na internet.

Páginas Web – é um arquivo geralmente em formato HTML (as extensões são

em geral *.htm ou *.html) e com ligações de hipertexto que permitem a navegação de

uma página para outra. As páginas web usam com freqüência figuras associados para

fins de ilustração.

World Wide Web – é uma rede de computadores na Internet que fornece

informação em forma de hipertexto. Para ver a informação, pode-se usar um software

chamado navegador para descarregar informações (chamadas "documentos" ou

"páginas") de servidores de internet (ou "sites") e mostrá-los na tela do usuário. O

usuário pode então seguir os links na página para outros documentos ou mesmo enviar

informações de volta para o servidor para interagir com ele. O ato de seguir links é

comumente chamado de "surfar" na web.

Domínio – todo site tem no final de seu endereço uma palavra que definimos

como domínio. O domínio serve, entre outras coisas, para identificar a natureza dos

sites. Por exemplo, o site www.globo.com.br tem dois domínios: COM e BR. Já o site

www.abusar.org tem somente um domínio ORG. Os principais domínios são:

BR indica que o site é do Brasil

(www.ig.com.br - site do provedor

iG)

COM indica que o site é

52

comercial (www.submarino.com -

site de compras)

GOV sites do governo

(www.caixa.gov.br - site da caixa

econômica)

EDU sites de conteúdo

educacional (www.puc-

campinas.edu.br - site da

Universidade de Campinas)

MIL sites militares

(www.mar.mil.br - site da Marinha

do Brasil)

ORG site de organizações não

governamentais (www.abusar.org -

site dos usuários de ADSL)

O Navegador (browser) Para acessar um site você precisa de um programa chamado browser, que é um

vasculhador, ou Navegador. Esses programas vasculham a rede à procura do endereço

que você quer ir. Exemplos: Internet Explorer, Mozilla, Netscape, etc.

DICA: Para executar o Navegador Internet Explorer, clique duas vezes no ícone

que está na Área de Trabalho. O símbolo é a letra ‘e’ azul.

53

Barra de endereço

O usuário deve digitar o endereço ao qual deseja ir e em seguida clicar no botão

Ir ou simplesmente apertar ENTER.

Barra de Navegação

Página Inicial – ao clicar este botão a página inicial de abertura do navegar será

acessada.

Atualizar Página – atualiza a página corrente.

54

Parar de Carregar a Página – interrompe o processo de abertura da página.

Avançar – vai para a página posteriormente acessada.

Voltar – volta para uma página anteriormente acessada.

Elementos da página Web Uma página de internet pode conter os seguintes elementos:

LINK – nas páginas existem Links, ou Vínculos, que quando clicamos com o

ponteiro do mouse abrem outras páginas. Esses Links são objetos ou simples palavras

ou frases sublinhadas, que quando passamos o mouse sobre eles, o ponteiro se

transforma em uma mão.

IMAGEM – são figuras para ilustrar ou adornar uma página web.

TEXTO – palavras ou frases que compõem o conteúdo da página. Pode ser

selecionado, copiado e colado num programa de edição de textos como o Word,

permitindo assim fazer trabalhos escolares, por exemplo.

FORMULÁRIO – nas páginas, assim como na vida real, existem formulários.

Os formulários servem como entrada de dados do usuário. Exemplo: formulário de

cadastro, formulário de busca, etc.

55

Pesquisa na Internet

Uma das grandes vantagens da Internet é o usuário poder fazer buscas sobre os

mais diversos assuntos. Existem inúmeros sites especializados em buscas:

Google (www.google.com.br)

Altavista (www.altavista.com.br)

Yahoo! (www.yahoo.com.br)

Cadê (www.cade.com.br)

Na figura abaixo temos a página principal do site de pesquisas Google:

No campo assunto da busca, deve-se colocar o assunto da pesquisa que se

deseja fazer e depois clicar no botão de pesquisa, no caso o botão Pesquisa Google.

Após clicar no botão, o site de busca de encarregará de exibir os resultados da

busca:

56

Os resultados da busca contêm links para as páginas onde a palavra procurada

foi encontrada.

Download É o ato de descarregar ou baixar um arquivo (textos, imagens, músicas, filmes).

Fazer o download de algo significa fazer uma cópia de um arquivo da internet pro seu

próprio computador. Por exemplo, em site que disponibilizam programas para download,

basta clicar com o segundo botão em cima do link de download e depois em Salvar

destino como... O usuário será requisitado a escolher onde deverá salvar o arquivo e

então o download se inicia.

Na figura a seguir, acessamos o site www.superdownloads.com.br e baixamos

um programa de edição de músicas:

57

Também é possível salvar imagens de página. Basta clicar com o segundo botão

em cima da figura e depois em Salvar imagem como... O usuário será requisitado a

escolher onde deverá salvar a figura e então o download se inicia.

Upload É o ato de enviar um arquivo para a internet (para um servidor, mais

especificamente). Fazer o upload de algo significa fazer uma cópia de um arquivo do

seu computador para algum servidor na internet. Por exemplo, quando se deseja anexar

um arquivo num e-mail, é preciso antes fazer o upload desse arquivo.

E-mail O e-mail é um recurso na internet que permite aos usuários receber e enviar

mensagens e textos pela internet. Há hoje centenas de milhões de pessoas usando

programas que permitem o envio e recebimento de "cartas eletrônicas" através de

computadores conectados à internet. Diariamente são enviados cerca de três bilhões de

e-mails em todo o mundo, e este número deve subir cada vez mais. Exemplo:

fernandocl@lia.ufc.br

Um e-mail é composto por um login, o símbolo de arroba (“@”) e pelo provedor de

e-mail. O login é algo que identifique o dono do e-mail. Pode ser o nome da pessoa ou

algum apelido. O provedor de e-mail indica onde seu e-mail está hospedado, ou melhor,

indica em qual site seu e-mail foi cadastrado.

Provedores de E-mail - São organizações que fornecem contas de e-mail.

Exemplo de provedores de e-mail gratuitos: www.yahoo.com.br, www.ibest.com.br,

www.ig.com.br, www.hotmail.com.

58

Criando uma conta de e-mail

Passo 1: Acesse o site de algum provedor de e-mail. Por exemplo, o Yahoo!

(www.yahoo.com.br).

Passo 2: Preencha o formulário de cadastro com seus dados pessoais, login e

senha.

Após preencher os dados, sua conta será criada e você poderá imediatamente

enviar e receber e-mails.

59

Acessando uma conta de e-mail Quando o usuário possui uma conta de e-mail ele pode acessá-la para ler ou

enviar mensagens através do site do provedor de e-mail. Existem programas que

permitem acessar as contas de e-mail para mandar e receber mensagens. Exemplo:

Microsoft Outlook, Mozilla Thunderbird, IncrediMail.

No entanto, tais programas são vítimas constantes de vírus e trojans. Desta

forma, recomenda-se que os e-mails sejam acessados diretamente do browser e não de

um programa específico.

Para acessar seu e-mail pelo navegador, basta entrar na página do provedor de

e-mail e digitar seu login e senha:

Após entrar no e-mail, você obterá uma página semelhante a essa:

Pela figura, podemos observar que a página principal do e-mail possui algumas

pastas. Um e-mail geralmente possui 4 pastas principais:

Entrada: e-mails que você recebeu

Rascunho: mensagens que você escreveu mas não enviou ainda.

60

Enviadas: mensagens que você escreveu e enviou.

Lixeira: mensagens que você recebeu e apagou.

Lendo e-mails Para ver algum e-mail que você tenha recebido, primeiro devemos acessar a

pasta Entrada, que possui os e-mails recebidos. Após isso, a página irá exibir uma lista

de e-mails que foram recebidos. Ao clicarmos em qualquer mensagem recebida, o e-

mail é aberto para leitura:

O e-mail é composto pelos campos:

Assunto – descreve resumidamente o que o texto do e-mail quer dizer.

De – quem enviou o e-mail.

Para – a quem se destina o e-mail.

Data – data de quando o e-mail foi enviado.

Além disso, a página do e-mail possui os Botões de Navegação:

61

Os principais Botões de Navegação são:

Anterior – link para um e-mail enviado antes do e-mail corrente.

Próximo – link para um e-mail enviado depois do e-mail corrente.

Apagar – apaga o e-mail da sua pasta de Entrada.

Responder – envia um e-mail de resposta para quem enviou o e-mail.

Encaminhar – envia uma cópia do e-mail corrente para outra pessoa.

Escrevendo um e-mail Toda página de e-mail permite que e-mails sejam enviados. Abaixo uma imagem

de um formulário de envio de e-mail:

Após preencher os campos, basta clicar no botão Enviar. Caso deseja-se salvar o

e-mail para futuro envio, basta clicar em Salvar rascunho.

62

Ferramentas da Internet Além dos sites e do e-mail, a internet possui um conjunto de ferramentas que

permitem ao usuário participar de discussões (ao vivo ou não), criar páginas pessoais,

fazer compras, etc. As principais ferramentas da internet são:

Listas de discussão (grupos) – na internet existem grupos que discutem

diversos assuntos. Tais grupos possuem e-mails do grupo. Quando se deseja enviar

uma mensagem para todos os membros do grupo, basta enviar a mensagem para o e-

mail do grupo e todos os que estiverem cadastrados no grupo receberão uma cópia

dessa mensagem em seus e-mails. Ou seja, a lista pode ser descrita como um e-mail tal

que para toda mensagem enviada para este e-mail, tal mensagem é redirecionada para

cada e-mail cadastrado nessa lista. Um site muito conhecido que contem diversas listas

de discussão é o Grupos (www.grupos.com.br).

Fóruns – são sites que permitem uma discussão, porém não via e-mail, mas na

própria página. No fórum, existem tópicos a serem discutidos e o usuário pode escrever,

comentar ou criticar sobre esses tópicos e sua mensagem será exibida na própria

página do fórum. O fórum geralmente funciona como um grande manual de dúvidas. O

fórum da revista Info por exemplo fala de diversos assuntos da área da informática,

tirando dúvidas e trazendo novidades (http://forum.abril.com.br/info/).

Comunidades virtuais – são sites nos quais o usuário pode criar um perfil virtual

seu. Assim, ele poderá interagir com outros usuários, fazendo amigos, criando parcerias

de trabalho, etc. A comunidade virtual de maior destaque no momento é o Orkut

(www.orkut.com).

Compras on-line – são sites que funcionam como lojas virtuais. Exemplos:

www.submarino.com.br, www.americanas.com.br.

Blog – sites que funcionam como diários pessoais. Um site que possui diversos

blogs é o Blogger (www.blogger.com.br).

Chat (Bate-Papo) – são sites os quais permitem que várias pessoas se “vejam” e

conversem ao mesmo tempo. Exemplo: batepapo.uol.com.br.

Programas de Mensagem Instantânea – são programas que funcionam

praticamente como chats. A diferença é que eles são programas que rodam fora do

Navegador, ao contrário dos chats. Outra diferença é que as pessoas podem conversar

como em um grupo ou individualmente. Os principais programas são: MSN Messenger

(messenger.msn.com.br) e ICQ (www.icq.com).

63

Skype – é um programa que permite uma conversa de voz via internet. As

pessoas que desejam se comunicar devem ter o programa instalado em suas máquinas.

O programa pode ser baixado em www.skype.org.

Internet e segurança Pouca gente sabe, mas quando você disca para seu provedor de acesso você na

verdade está se tornando um nó da Internet. Como nó da Internet, seja seu computador

um provedor de serviços ou apenas mais uma máquina para "surfar na Web", ela está

conectada a um grande meio de comunicação que permite à informação transitar em

ambas as direções. Assim como você pode transmitir dados, alguém pode recuperar ou

acessar dados do seu computador.

As ameaças mais comuns são os vírus e trojans. Vírus são programas de

computador que se instalam se serem requisitados pelo usuário. Eles podem ser

inofensivos quando somente se multiplicam e utilizam a sua máquina pra enviar suas

cópias para outros computadores, tornando a internet lenta. Mas também podem ser

extremamente perigosos quando apagam arquivos cruciais do Windows, por exemplo.

Os trojans são programas que também se instalam sem a permissão do usuário mas

tem a única função de enviar dados do seu computador para um site específico. Com

tais informações, o usuário mal-intencionado pode calcular invasões ou enviar e-mail

não solicitados (spams).

As ameaças mais comuns são os vírus e trojans. Vírus são programas de

computador que se instalam se serem requisitados pelo usuário. Eles podem ser

inofensivos quando somente se multiplicam e utilizam a sua máquina pra enviar suas

cópias para outros computadores, tornando a internet lenta. Mas também podem ser

extremamente perigosos quando apagam arquivos cruciais do Windows, por exemplo.

Os trojans são programas que também se instalam sem a permissão do usuário mas

tem a única função de enviar dados do seu computador para um site específico. Com

tais informações, o usuário mal-intencionado pode calcular invasões ou enviar e-mail

não solicitados (spams).

64

Senhas: como protegê-las?

Um dos pontos de maior ataque, obviamente, são as senhas. Através de uma

senha, qualquer usuário pode ser autenticado em sistema de segurança, de e-mail, etc.

Trocar a senha sempre que puder. Uma vez a cada dois meses é suficiente;

Utilizar senhas sem significado, ou seja, não colocar dados pessoais em

senhas, pois facilita a descoberta;

Utilize no mínimo 8 caracteres como senha;

Utilize senhas com caracteres alfanuméricos (letras e números);

Não dê a senha para ninguém;

Tenha sempre paranóia com senhas. Sempre que suspeitar de algo, mude-a

imediatamente.

A filosofia do Software Livre O termo Software Livre se refere aos softwares que são fornecidos aos seus

usuários com a liberdade de executar, estudar, modificar e repassar (com ou sem

alterações) sem que, para isso, os usuários tenham que pedir permissão ao autor do

programa. Mais precisamente, Software Livre se refere a quatro tipos de liberdade para

os usuários do software:

A liberdade de executar o programa, para qualquer propósito.

A liberdade de estudar como o programa funciona, e adaptá-lo para as suas

necessidades.

A liberdade de redistribuir cópias de modo que você possa ajudar ao seu

próximo.

A liberdade de aperfeiçoar o programa, e liberar os seus aperfeiçoamentos,

de modo que toda a comunidade se beneficie.

A liberdade de utilizar um programa significa a liberdade para qualquer tipo de

pessoa física ou jurídica utilizar o software em qualquer tipo de sistema computacional,

para qualquer tipo de trabalho ou atividade, sem que seja necessário comunicar ao

desenvolvedor ou a qualquer outra entidade em especial.

65

Bibliografia

Wikipédia – http://pt.wikipedia.org/wiki/

NIC BR Security Office – http://www.nbso.nic.br/

FórumPC – http://www.forumpcs.com.br/

66

Modulo Básico

HTML

67

INTRODUÇÃOBem vindo a este manual de guia Passo a Passo para Web Designer.

Com o avanço cada vez mais da Internet é necessário mais do que nunca você

está dentro da Rede Mundial de Computadores, a Net para os amigos íntimos. Hoje com

um custo mínimo para acessar a Internet pessoas do mundo inteiro procuram está

sempre inteirado do assunto sobre Internet e dos recursos que ela oferece, ainda

maisagora com meios de aceso gratuito através do IG, Super11 e outros...

Você sabe que a Internet é o meio fácil de se comunicar com as pessoas,

localizar informações sobre política, economia, notícias, educação, imagens, enfim

qualquer tema que precisar, até mesmo assuntos quentes. Pela Internet também eu

posso fazer amigos, divulgar meu trabalhos, fazer conferências através de programas

de bate papo como Mirc, ICQ e outros. Mais ainda, posso comprar, vender e divulgar o

meu negócio pela Internet, através de aplicativos voltados para WEB, desenvolvidos

emqualquer plataforma para atender a nós amantes da NET.

Com toda essa tecnologia é necessário hoje, não se limitar ao Uso da Internet,

somente em saber:

· O que é preciso para se conectar

· Meios de Navegação

· Correio Eletrônico

· Rede Dial Up

É necessário entender que estas informações se propagam através de página no

formato de hypertexto, ou seja HTML(HyperText Markup Language), tornando a WEB

cada vez mais dinâmica.

Por isso é necessário hoje, qualquer pessoa navegante da Internet Ter um

conhecimento mínimo sobre HTML, para que assim ela possa fazer sua própria Home

Page com tantos megabytes como diz Gilberto Gil e criar seu Web Site para que suas

informações pessoais ou comerciais possam velejar pela Internet e possa atingir seu

público.

Web Designer – Passo a Passo para Iniciantes, é um guia voltado para usuários

leigos no assunto sobre confecção de Home Pages e que ao final pretende deixá-lo

pronto para montar uma página pessoal ou comercial composta de animações, letreiros,

68

banners, imagens, tabelas e formulários postados para caixa de e-mail e ainda abordar

os conceitos sobre WWW (World Wide Web), com textos objetivos, passando por

tutorias amplamente exemplificados sobre construção de páginas em HTML e depois

trabalhando com o modo interativo através Front Page Express.

Lembrando que existem hoje muitos Editores de Páginas para WEB, limitar-se

somente ao Front Page Express, programa este que acompanha o Windows 98, é

ancorar seu barco na Net, procurar expandir seus conhecimentos em Web Designer é

realmente Ter entendido o Front Page Express e Ter evoluído, pois chegará um tempo

em que este software não atenderá a tanta imaginação ou criação que pretenda fazer.

Por hora, é uma excelente ferramenta para iniciar seus estudos sobre confecção

de Home Pages, mão obras e um bom estudo!

PARTE I

INTERNET – INTRODUÇÃO

Mais que um modismo a Internet tornou-se um fenômeno.

Conectando mais de um milhão de computadores e cerca de 40 milhões de

usuários, espalhados em noventa países, valores estes que mudam a cada dia, sem

dúvida não dar para ficar de fora desta teia.

Enfim, se formos descrever Internet, a melhor é definirmos como Comunicação.

Com ela encontramos serviços e facilidades, notícias e atualidades, ou se preferir como

é o caso de muitos pessoas, um excelente local para encontrar amigos, jogos, bate

papo e muito mais, como lojas virtuais, onde você pode comprar ou vender com toda

segurança.

HISTÓRICOA Internet deve início em 1969 sob o nome de ARPANET (USA). Composta de

quatro computadores tinha coo finalidade, demonstrar as potencialidades na construção

de redes usando computadores dispersos (espalhados) em uma grande área. A idéia foi

boa, e em 1972, 50 universidades e instituições militares já possuíam conexões. Hoje é

uma arquitetura de software e hardware que se comunicam entre si que são mantidas 69

por organizações comerciais e governamentais. Mas uma das principais características

da Internet, é que não possui dono, para organizar toda essa troca de informações,

existem associações e grupos que se dedicam para suportar, ratificar padrões e resolver

questões operacionais, visando promover os objetivos da Internet.

A WORD WIDE WEBAs pessoas costuma falar em Internet e Web, será a mesma coisa? Será apenas

uma gíria da moçada do bate papo? Ou existe realmente um conceito científico para

isto? Para resolver esta dúvida e também para começarmos a entender esta série de

definição de conceitos, vamos partir do seguinte princípio:

A Word Wide Web (teia mundial) é conhecida como WWW, uma nova estrutura

de navegação pelos diversos itens de dados em vários computadores diferentes. O

modelo WWW é tratar todos os dados da Internet como hipertexto, isto é, vinculações

entre as diferentes partes do documento para permitir que as informações sejam

exploradas interativamente e não apenas de uma forma linear.

Por isso existem programas como Microsoft Internet Explorer, que aumentaram

muito a popularidade da Internet e graças as suas potencialidades, hoje podemos ver

nas páginas da Internet, documentos formatados (cores, efeitos e etc...), escutar

música, assistir a vídeos, e muito mais.

Enfim a Web, é a interface gráfica da Internet, pois podemos acessar a Internet,

transferir arquivos( Processo a qual chamamos UpLoad), e realizar outras operações

básica sem precisar de uma interface gráfica.

Para concluir só estamos de fato usando a Web, quando estamos navegando

fazendo uso das Home Pages para acessar um site, ou seja, um endereço único que

contêm a Home Page (página inicial) e outras páginas que fazem parte deste conjunto

de páginas e todas em um único código fonte escrito em uma linguagem chamada

HTML.

CONECTANDO –SE À INTERNETEm tempos remotos somente alguns privilegiados podiam Ter acesso à Internet.

Agora, qualquer um pode obter esse acesso por um preço mínimo, ou melhor, você

poderá Ter acesso gratuito, pagando somente o pulso da linha telefônica, ou mais

gratuito ainda, o acesso e ainda o pulso da linha telefônica, ou seja, você dependendo

70

do tipo da conexão que use não precisa pagar nada, só precisa Ter o equipamento

necessário para Ter acesso a Internet.

EQUIPAMENTOS NECESSÁRIOSOs equipamentos necessários são:

HARDWARE

PC 486/DX4 100

8 MEGA DE RAM

PLACA DE FAX MODEM DE 28.800 bps

SOFTWARE

Sistema Operacional 95

Internet Explorer ou Netscape

Outlook Express ou Internet Mail

Você vai precisa ainda:

PROVEDOR DE ACESSO A INTERNET (empresa que coloca

você na Internet, logo após você discar através da Rede Dial-Up)

Linha Telefônica (Digital ou Analógica)

Vale ressaltar que esta é uma configuração mínima, quando melhor o equipamento que

usar com certeza você será mais feliz usando a Net.

TIPOS DE CONEXÕES

Existem dois tipos de conexões para acesso a Internet.

71

DEDICADA – São as conexões diretas, utilizadas pelos fornecedores de serviços que

vendem conexões de todos os tipos para pessoas e organizações. Estes tipos de

fornecedores chamamos de Provedores. Estas linhas são de alta velocidade e também

muito caras.

DISCADA - É o tipo de conexão usada por usuários comuns.

Nesse caso, você disca para o provedor através da Rede DialUp, pedindo acesso a

Internet. Bem, tendo entendido tudo isso e você feliz da vida, daremos inicio ao nosso

curso de HTML..

INICIO DO CURSO DE HTML 4.0

Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de

domínios quando adiciona a URL na barra de endereço, do seu Navegador (Browser),

você verá páginas na WEB bem dinâmicas, organizadas, animadas e com ela trazendo

informações, imagens, sons, vídeos e etc.

Então, você deve se perguntar. Como é feito? Como elas se propagam? Todas

estas páginas possuem um código fonte escrito numa linguagem chamada HTML

(Hyper Text Markup Language).

Este tutorial tem por objetivo mostrá-lo como criar e exibir páginas HTML, como

as que você ver através da WEB. Tais páginas são criadas a partir de arquivos texto

ASCII, contendo caracteres de marcação da linguagem HTML. Uma vez criados, estes

arquivos são salvos com uma extensão.html.

Então, entendido novamente mais uma etapa, vamos iniciar o curso de verdade.

A cada exemplo você deverá salvar seu arquivo com aextensão html. Certo ?

HIERARQUIA DE ELEMENTOS

Primeiramente, gostaria de lembrar-lhe como citei a linhas acima, que existem

vários editores de Home Pages, como por exemplo: o Front Page Express, Netscape

Composer, Home Site, etc. Só que na ausência destes aplicativos e você

desconhecendo a Linguagem de HyperTextos, HTML, não poderia criar suas páginas.

Daí a importância de se conhecer esta linguagem. Entendeu?

72

Muito bem, é para estudarmos HTML, usaremos o já conhecido Bloco de Notas e

um Browser (Internet Explorer ou Netscape). Para nossos exemplos usarei o Internet

Explorer. Tudo Bem? Vamos nessa!

A estrutura básicas de uma página HTML é mostrada na listagem 1.1. Observe

que a construção de páginas exigir o uso de marcadores chamados de “TAGS”. Veja

agora o uso deles na listagem 1.1

Listagem 1.1<html><head><title>COLOQUE AQUI O TÍTULO DA PÁGINA</title></head><body>DAQUI EM DIANTE Você DESENVOLVE SUA PÁGINA</body></html>

Fim da Listagem 1.1

Com certeza você observou que sempre usei os tags, fazendo demarcação, ou

seja, eles sempre estarão ANTES DE ALGUMA COISA E APÓS ALGUMA COISA.

Quer mais um exemplo para entender melhor? Tudo bem.

Exemplo: <title>EDITORA ERICA</title>

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

EXERCÍCIO 1- Vamos praticar?

Bem entendido os conceitos básicos e você mais feliz, vamos criar nossa

primeira página.

1º) Abra o Bloco de Notas – Iniciar/Programas/Acessórios/Bloco de Notas

2º) Digite o código da listagem 1.2. Após digitá-lo salve na pasta Meus

73

Documentos ou em outra se preferir com o nome exemplo1.html. Como?

Resposta:

1) Abra o Menu Arquivo e escolha Salvar

2) Na janela que aparecer como mostrar figura 1.1, faça as seguintes

tarefas:

2.1) Na opção Salvar em selecione a pasta onde deseja salvar, no caso

Meus Documentos

2.2) Na opção Nome do arquivo coloque o nome do arquivo

exemplo1.html

2.3) Finalmente clique no botão Salvar

Listagem 1.2

<html><head><title>Minha Home Page</title></head><body>Aqui neste espaço desenvolverei minha Home Page!Aguarde!!</body></html>

74

Fim da Listagem 1.2

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de

endereço digite C:\Meus documentos\exemplo1.html. Veja a figura 1.2

Exercício 2 – Vamos aprender mais um pouco?

Em alguns momentos em sua página faz necessário comentar alguns trechos do código para facilitar na leitura e manutenção da página, por isso adicionamos comentários, ou seja, palavras ou frases que não são exibidos no Navegador, apenas são visto como estamos trabalhando no código fonte.

Na listagem 1.3 faremos um novo exemplo e incrementaremos novos tags. Digite a listagem 1.3 abaixo e salve com o nome exemplo2.html na pasta Meus Documentos.

- ATENÇÃO: Salve sempre os seus exemplos na pasta Meus Documentos, o processo para salvar é igual ao do Exemplo1, troque apenas o nome do arquivo. Na dúvida veja o exemplo 1. Tudo bem?

Listagem 1.3

<!Início do Documento HTML><html><head><title>Melhorando Minha Home Page</title>

<meta name="author" content="NMBS Informática">

<meta name="keywords" content="html, homepages"></head><! Início do Corpo da Página><body><h1>Este é o título Principal</h1><h2>Este é o título Secundário</h2><h3> Estou adorando criar páginas</h3>

75

<hr><p>Este é o 1º Primeiro Paragráfo <br> Esta é 2ªLinha do 1º Paragráfo<p>Com este recurso inicio um paragráfo<br> E Comeste recurso quebro uma linha<hr><! Fim do Corpo da Página></body></html><! Fim do Documento HTML>

Fim da Listagem 1.3

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo2.html. Veja a figura 1.3

76

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

Agora, que você viu o resultado do exemplo2.html a cada vez mais feliz, por está

entendendo esta linguagem, vamos passar para o Exercício 3.

Exercício 3 – TAGS DE ALINHAMENTOAssim, como num documento comum, há necessidade de melhorar a aparência

do documento, e a primeira providência a tomar é cuidar do alinhamento do texto. O

Alinhamento padrão que vem configurado nos navegadores, é a esquerda. Para entender

isto, digite a listagem 1.4, e salve como exemplo3.html, e acompanhe o conceito de tag

que marcam o alinhamento dos títulos e paragráfos nas páginas.

Listagem 1.4

<html><head><title>Tags para Alinhamentos</title></head><body> <h4 align=center>Título Centralizado</h4> <h4 align=right>Título À Direita</h4> <h4 align=left> Título À Esquerda<h4><hr><p align=center> Parágrafo ao Centro<p align=right>Parágrafo a direita<p align=left>Paragráfo a esquerda<p align=justify>Este é um textojustificado. Na linguagem HTML temos vários tipos dealinhamentos que você poderá aplicar em sua página.Nesta parte do livro,veremos como alinhar linhas,parágrafos e cabeçalhos.<br>

77

<br><hr width=50% align=center><blockquote>Texto com maismargem</blockquote><blockquote><blockquote>Tem com mais margemainda</blockquote></blockquote></body></html>

Fim da Listagem 1.4

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo3.html. Veja a figura 1.4

Figura 1.4

]

78

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

Exercício 4 – FORMATAÇÃO DE ESTILOS

Muito bem caro estudante, perceba que a cada exemplo sua página vai melhorando ainda mais sua aparência. Neste exemplo trabalharemos com a formatação das letras bem como cor, tamanho de fonte, estilo, e etc..Bem, preparado? Vamos lá novamente para mais um estudo!

Para entender isto, digite a listagem 1.5, e salve como exemplo4.html.

Listagem 1.5

<html><head><title>Formatando Estilos</title></head><body><center>Mudando o Estilo dos Caracteres</center><p><b>Texto em Negrito</b><br><i>Texto em Itálico</i><br><u>Texto sublinhado</u><br><tt>Texto Monoespaçado</tt><br><br><font color=red>Texto em Vermelho</font><br><font size=5>Texto em Tamanho 5</font><br><font face=verdana>Texto com a letraVerdana</font><br><font face=arial black>Você pode fazercombinações</font><br><center><font color=blue face=verdana size=5><b>EditoraÉrica</b></font></center><br>Você poderá os atributos para cada tipo deletra!<br><font color=blue size=6>E</font><font color=redsize=4>ditora Érica</font><br><pre>

79

Estamos progredindono curso de HTML.Este tag permite que todos os espaçosfeitos no código fontesejam respeitados. Certo?</pre></body></html>

Fim da Listagem 1.5

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo4.html. Veja a figura 1.5

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

80

TABELA DE CORES

Você percebeu que as cores a fonte obedecem o idioma inglês, no entanto, as

cores da fonte podem ser adicionados através do nome ou de seus respectivos códigos.

Então para você ficar mais feliz, relacionei aqui algumas cores para colorir e diversificar

sua home page. Veja a figura 1.6

Figura 1.6

Exercício 5 – LISTAS NUMERADAS E MARCADAS

E lá vamos nós para um mais exercício. Desta vez trabalharemos com listas

numeradas e marcadores. Assim como em uma carta ou qualquer outro documento

comum, precisamos listar tópicos através de símbolos ou números.

Para entender isto, digite a listagem 1.6, e salve como exemplo5.html.

Listagem 1.6

<html><head><title>Listas</title></head>

81

<body><h3>Isto é uma lista</h3><! Início dos Numeradores><ol><li>Item 1<li>Item 2<li>Item 3</ol>

<! Fim dos Numeradores><hr width=50% size=5 align=left><! Início dos Marcadores><ul><li>Item 1<li>Item 2<li>Item 3</ul><! Fim dos Marcadores></body></html>

Figura 1.7

Fim da Listagem 1.6

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de

endereço digite C:\Meus documentos\exemplo5.html. Veja a figura 1.7

82

Ficou confuso? Quer mais um exemplo para entender legal? Vamos nessa! Para

entender isto, digite a listagem 1.7, e salve como exemplo6.html.

Listagem 1.7

<html><head><title>Listas</title></head><body><h3>Isto é uma listagem iniciando no número 4</h3><ol start=4><li>Item 1<li>Item 2<li>Item 3</ol><h3>Isto é uma listagem com letras</h3><ol type=A><li>Editora<li>Érica<li>Livros</ol><h3>Isto é uma listagem em algarismo romano</h3><ol type=I><li>Editora<li>Érica<li>Livros</ol><h3>Esta é uma listagem em algarismo romano a partirdo número 3</h3><ol type=I start=3><li>Editora<li>Érica<li>Livros</ol></body></html>

83

Fim da Listagem 1.7

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de

endereço digite C:\Meus documentos\exemplo6.html. Veja a figura 1.8

Figura 1.8

Vamos terminar esta lição com mais um exemplo? Desta vez, faremos uma

listagem com subníveis.

Para entender isto, digite a listagem 1.8, e salve como exemplo7.html

Listagem 1.8

<html><head><title>Listas</title></head><body><h3>Listagem e SubListagem</h3><ol><! Início do Numerador><li>Item 1<ul><! Início do Marcador dentro do Numerador><li type=disc>Item 1.1<li type=disc>Item 1.2<li type=disc>Item 1.3</ul><! Fim do Marcador dentro do Numerador><li> Item 2<ul><! Início do Marcador dentro do Numerador><li type=square>Item 2.1<ul><!Início do Marcador dentro do Marcador>

84

<li type=circle>Item 2.1.1<li type=circle>Item 2.1.2<li type=circle>Item 2.1.3</ul><!Fim do Marcador dentro do Marcador><li type=circle>Item 2.2<li type=disc>Item 2.3</ul><! Fim do Marcador dentro do Numerador><li> Item 3</ol><! Fim do Numerador></body></html>

Fim da Listagem 1.8

Ufa! Terminamos mais uma etapa! Esse código foi grande, mas valeu! Para ver o

resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\

Meus documentos\exempl7.html. Veja a figura 1.9

Observação: Você poderá adicionar a cor que desejar, tanto para o fundo quanto para

o texto. Os dois só não podem ser da mesma cor!(risos). Para escolher a cor, consulte

na Tabelade Cores (figura 1.6)

85

Como comentei linhas acima, você também pode colocar um imagem no fundo da

página. Mas, antes de fazer o exercício, observe as seguintes recomendações:

As imagens suportadas são do tipo GIF e JPG. Na dúvida sobre imagens

aconselho, consultar um livro de PhotoShop 5.0 ou outra versão.

As imagens devem estar na mesma pasta, onde estará o documento HTML, ou

numa subpasta.

Exemplo: Imagine que você tem uma pasta chamada projeto e nessa pasta você

armazena todos os documentos HTML referente a página que por hora desenvolve.

Certo até aí? Então, basta que os arquivos de imagens, também fiquem na mesma

pasta projeto, assim não terá problema na hora de visualizar no Browser.

Outro exemplo que posso citar é o seguinte. Imagine agora outra situação:

Você agora resolveu organizar ainda mais o desenvolvimento de sua página.

Criou uma pasta projeto e dentro armazenou todos os arquivos HTML. Certo?

Depois resolveu criar uma subpasta dentro da pasta projeto chamada imagens. Muito

bem garoto! Excelente atitude e nela você colocou todas as imagens. Então, tudo está

correto, mas não esqueça de na hora de especificar a imagem que deseja inserir no

fundo dentro do tag <BODY>, o caminho, ou seja, o nome da subpasta. Entendeu? Não

se preocupe você fará exemplo para as duas situações, eu prometo!

Muito bem, caro web designer, entendido tudo isso, vamos praticar.

Para entender isto, digite a listagem 1.10, e salve como exemplo9.html.

Listagem 1.10

<html><head><title>Inserindo Imagem no Fundo da Página</title></head><body background=parede.gif bgproperties=fixed><h1 align=center>Editora Érica</h1><font size=4 face=verdana><ul><li>Livros<li>Dicas<li>Volte Sempre</ul></font></body></html>

86

Fim da Listagem 1.10

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço

digite C:\Meus documentos\exemplo9.html. Veja figura 1.11

Figura 1.11

Observação: Caso a imagem estivesse em uma subpasta bastaria apontar o caminho para ela no tag. Veja o exemplo:Exemplo: <body background=/imagens/parede.gif bgproperties=fixed>

Onde:imagens= é o nome da subpastaparede.gif = o nome do arquivo.

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

Exercício 7 – IMAGENS

Muito bem, você está evoluindo a cada exercício. Neste exemplo exercitaremos

os tags que permitem a inserção de imagens em sua home page. Antes de iniciar o

87

estudo sobre imagens, quero lembrar-lhe que uma imagem só poderá ser exibida no

browser, se ela estiver na mesma pasta, ou então, você deverá apontar o caminho onde

está, conforme o exemplo de número 6. Lembra?

Outro fato é que, você poderá escolher as imagens que desejar, basta substituir o

nome da imagem que está no exemplo pela a que você escolheu. Tudo certinho agora?

Vamos em frente!

Para entender isto, digite a listagem 1.11, e salve como exemplo10.html,

Listagem 1.11

<html><head><title>Imagens</title></head><body><h1>Agora estamos trabalhando com imagens</h1><h3> Esta é sua primeira imagem. Sorria?</h3><img src=fig.jpg align=left>Veja se consegue enxergar,as seguintes imagens?<br>O rosto de um velho<br>Uma moça<br>Um cachorro<br>Um outro velho<br>Um pássaro<br>E algo mais<br></body></html>

Fim da Listagem 1.11

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo10.html. Veja figura 1.12

88

É isso aí, não se preocupe se você não conseguiu enxergar todas as imagens,

o mais importante para mim é que você tenha entendido a aula. Vamos para um

exemplo? Desta vez, trabalharemos com o alinhamento da imagem e do texto.

Para entender isto, digite a listagem 1.12, e salve como exemplo11.html

Listagem 1.12

<html><head><title>Imagens</title></head><body>Note neste exemplo que a imagem <imgsrc=fig2.jpg> está entre o texto<br><img src=fig2.jpg align=top>Imagem está àesquerda e o texto no topo<br><img src=fig2.jpg align=middle>Imagem está àesquerda e o texto no centro<br><img src=fig2.jpg align=left>Neste exemplo aimagem ficou alinhada è esquerda,permitindo que o texto ficasse todo à direita aoredor da imagem. Utilize este recurso todavez que desejar que o texto fique ao lado daimagem <br></body></html>

Fim da Listagem 1.12Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo11.html. Veja figura 1.13

89

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

Exercício 8 – TABELAS

Nesta etapa conheceremos os tags responsáveis pela construção de tabelas.

Na parte II deste estudo através do Front Page Express, utilizaremos a tabela

como recurso para a definição dos layouts de nossas páginas. Por hora, vamos aos

principais tags. Tudo Bem?

Como sempre, digite a listagem 1.13, e salve como exemplo12.html

Listagem 1.13

<html><head><title>Montando Tabelas</title></head><body><table border=2> <! Aqui começa a Tabela><tr><! Aqui Começa uma linha><td>Célula1</td><td>Célula2</td><td>Célula3</td></tr><! Aqui termina uma linha><tr><! Aqui Começa outra linha><td>Frase 1</td><td>Frase 2</td><td>Frase 3</td></tr><! Fim da outra linha></table><! Fim da Tabela></body></html>

90

Listagem 1.13

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo12.html. Veja figura 1.14

Você pode também controlar as dimensões de sua tabela. Vamos para mais uma listagem?Como sempre, digite a listagem 1.14, e salve como exemplo13.html

Listagem 1.14

<html><head><title>Montando Tabelas</title></head><body><table border=1 width=400 height=50cellpadding=5 cellspacing=5><tr><td>Item 1</td><td>Item 2</td><td>Item 3</td></tr><tr><td>Item 4</td><td>Item 5</td><td>Item 6</td></tr></table></body></html>

Fim da Listagem 1.14

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de

endereço digite C:\Meus documentos\exemplo13.html. Veja figura 1.15

91

Alinhamentos

Os elementos dentro da tabela também podem ser alinhados da mesma que um

parágrafo. Veja mais um exemplo através da listagem 1.15

Listagem 1.15

<html><head><title>Montando Tabelas</title></head><body><table border=1 width=400 height=120cellpadding=5 cellspacing=5><tr><td align=center>No Centro</td><td align=right>Para Direita</td><td align=left>Para a Esquerda</td></tr><tr><td valign=bottom>Em baixo</td><td valign=top>No Topo</td><td valign=middle>Centro na Vertical</td></tr></table></body></html>

Fim da Listagem 1.15

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de

endereço digite C:\Meus documentos\exemplo14.html. Veja figura 1.16

92

Cor de Fundo

Você pode ainda adicionar cores no fundo da tabela ou apenas de uma célula

que deseja. Lembra do atributo bgcolor, então é com este mesmo que você pode

adicionar um cor padrão para tabela ou para a célula.

Veja o exemplo:

<table bgcolor=blue>O resultado seria assim: Toda Tabela teria um preenchimento azul

Veja mais este exemplo:<table><tr><td bgcolor=beige>Bege</td><td bgcolor=red> Vermelho<td>O resultado seria assim: As células teriam cores diferentes

93

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

Observação: O atributo de alinhamento ALIGN, faz o alinhamento na horizontal.O atributo de alinhamento VALIGN, faz o alinhamento na vertical.

E assim meu caro leitor, concluímos mais uma etapa de nosso curso. Espero que te guia

esteja sendo realmente um farol em seu aprendizado.

Exercício 9 – LINKS

Como falei no início, estamos produzindo páginas de hipertextos, ou seja, textos

que podem fazer ligações com outros textos, ligando páginas entre si e a WEB. Então,

estes pontos nós chamamos de links ou hyperlinks, âncoras de hipertexto, todos com a

mesma função, de através de um único clique sobre a frase ou imagem conduzir a

algum lugar no site ou na WEB.

O Tag responsável é o <A>, onde dentro deste, através de um atributo coloco a

referência, ou seja, A URL (Uniform Resource Locator).

Para criar um link usamos a seguinte sintaxe:

SINTAXE: <A HREF=”URL”>Frase que aparece na página</a>

Onde:

<a> tag que marca o início e o fim do link

href= atributo que especifica o nome da referência

“URL” é o nome do local para onde desejar linkar (ir)

Nada de complicação, que tal um exercício para entendermos legal tudo isso?

Vamos nessa!

Como sempre, digite a listagem 1.16, e salve como exemplo15.html94

Listagem 1.16

<html><head><title>Estudando Links</title></head><body><h2>Exemplo de Links Internos</h2><h3>Seção de Exemplos</h3><a href=exemplo1.html>Exemplo1</a><a href=exemplo2.html>Exemplo2</a><hr><h2>Exemplo de Links Externos</h2><a href=http://www.erica.com.br>Conheça a EditoraÉrica</a><br><a href=http://www.apple.com>Apple Computer</a><h3>Você pode usar imagens para usar noslinks</h3><a href=exemplo10.html><img src=bola.gif></a>Imagens</body></html>

Fim da Listagem 1.16

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de

endereço digite C:\Meus documentos\exemplo15.html. Veja figura 1.17

Figura 1.17

95