Вы находитесь на странице: 1из 98

APOSTILA DE

NIVELAMENTO DO
CURSO DE
INFORMTICA
Nov/2013

Sumrio

IPD 1 SEMANA
INTRODUO AO PROCESSAMENTO DE DADOS IPD....................................................7
USURIOS E PROFISSIONAIS....................................................................................... 7
Os Componentes Bsicos do Sistema de Computao................................................8
CPU, PERIFRICOS E MEMRIA.................................................................................8
OUTROS PERIFRICOS................................................................................................. 9
CONCEITOS BSICOS................................................................................................ 10
O QUE BIT E BYTE?.................................................................................................... 11
APRESENTAO DOS COMPUTADORES - HISTRICO: EVOLUO NO TEMPO...............12
A PRIMEIRA GERAO (1943-1955)...........................................................................13
A SEGUNDA GERAO (1955-1964)..........................................................................13
A TERCEIRA GERAO (1964-1975)...........................................................................14
A QUARTA GERAO (APS 1975)............................................................................. 14
TIPOS DE COMPUTADORES QUANTO AO PORTE E AO USO........................................16
MICROCOMPUTADOR (OU COMPUTADOR PESSOAL)..................................................16
ESTAES DE TRABALHO.......................................................................................... 17
SUPERCOMPUTADOR................................................................................................. 17
MAINFRAMES............................................................................................................. 17
EXERCCIOS.................................................................................................................. 18

WINDOWS 2 SEMANA
INTRODUO................................................................................................................ 20
SISTEMA OPERACIONAL............................................................................................. 20
MULTITAREFAS PREEMPTIVA...................................................................................... 20
INICIALIZAO 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
ACESSRIOS.............................................................................................................. 26
BLOCO DE NOTAS...................................................................................................... 26
CALCULADORA.......................................................................................................... 27
2

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
CONFIGURAES.......................................................................................................... 32
PAINEL DE CONTROLE.................................................................................................. 33
PROPRIEDADES DE VDEO............................................................................................ 34
REA DE TRABALHO ou PLANO DE FUNDO...................................................................34
PROTEO 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 Dia
Internet......................................................................................................................... 49
Histrico.................................................................................................................... 49
O que a Internet?.................................................................................................... 49
Conceitos bsicos da Internet................................................................................... 51
O Navegador (browser)................................................................................................ 52
3

Barra de Navegao.................................................................................................. 53
Elementos da pgina 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 segurana.................................................................................................... 63
A filosofia do Software Livre......................................................................................... 64
Bibliografia................................................................................................................... 65

HTML 4 SEMANA
INTRODUO................................................................................................................ 67
PARTE I......................................................................................................................... 68
INTERNET INTRODUO............................................................................................. 68
HISTRICO................................................................................................................ 68
A WORD WIDE WEB................................................................................................... 69
CONECTANDO SE INTERNET.................................................................................69
EQUIPAMENTOS NECESSRIOS............................................................................... 70
TIPOS DE CONEXES................................................................................................. 70
INICIO DO CURSO DE HTML 4.0.................................................................................... 71
HIERARQUIA DE ELEMENTOS..................................................................................... 71
EXERCCIO 1- Vamos praticar?.................................................................................. 72
Exerccio 2 Vamos aprender mais um pouco?.........................................................74
CONCEITO DOS TAGS USADOS NESTE EXERCCIO........................................................76
Exerccio 3 TAGS DE ALINHAMENTO........................................................................76
CONCEITO DOS TAGS USADOS NESTE EXERCCIO.....................................................78
Exerccio 4 FORMATAO DE ESTILOS....................................................................78
CONCEITO DOS TAGS USADOS NESTE EXERCCIO.....................................................79
TABELA DE CORES........................................................................................................ 80
Exerccio 5 LISTAS NUMERADAS E MARCADAS........................................................80
CONCEITO DOS TAGS USADOS NESTE EXERCCIO.....................................................86
Exerccio 7 IMAGENS............................................................................................... 86
4

Exerccio 8 TABELAS................................................................................................... 89
Alinhamentos............................................................................................................ 91
Cor de Fundo............................................................................................................. 92
CONCEITO DOS TAGS USADOS NESTE EXERCCIO.....................................................93
Exerccio 9 LINKS....................................................................................................... 93

Modulo Bsico
Introduo ao
Processamento de
Dados IPD

INTRODUO AO PROCESSAMENTO DE DADOS IPD


A Informtica est no nosso dia a dia: No supermercado, no banco, no escritrio,
na escola. No d mais para viver sem ela. Na vida profissional, o conhecimento da
Informtica est ficando to importante que podemos falar em um novo tipo de
analfabetismo, o Digital.
INFORMTICA - Cincia que estuda o tratamento automtico da informao.
COMPUTADOR Equipamento Eletrnico capaz de ordenar, calcular, testar,
pesquisar e editar informaes de acordo com instrues estabelecidas.

PROCESSAMENTO E ARMAZENAMENTO DE DADOS


- Processamento a transformao de Dados de Entrada em dados de Sada.
- Armazenamento de Dados quando voc inclui qualquer informao

USURIOS E PROFISSIONAIS
Uma das primeiras coisas que voc precisa entender a diferena entre usurio
e profissional de Informtica. O usurio aquele que usa o computador como uma
ferramenta para ser mais produtivo no trabalho, nos estudos, ou no seu dia a dia.
Profissionais so o mais avanados.

PC composto pelos componentes bsicos: processador, memria, HD, placame e placa de vdeo. A partir da voc pode adicionar placas de rede, modems, placas
de som e outros perifricos.

Os Componentes Bsicos do Sistema de Computao


CPU, PERIFRICOS E MEMRIA

O computador composto apenas pela CPU, enquanto o monitor, o teclado e o


mouse so chamados de perifricos. Todos componentes que no esto dentro do
gabinete so chamados de perifricos.
CPU (Unidade Central de Processamento) o crebro do
computador, a CPU que comanda todas as funes do
computador.

PERIFRICOS So aparelhos ou
placas que enviam ou recebem informaes
do Computador.
Perifricos de Entrada - Teclado,
mouse, drive de CD / DVD-ROM, scanner
(de mo, de Mesa, de Pgina), microfone,
joystick, cmera filmadora, cmera digital,
tela sensvel ao toque, mesa grfica e
caneta tica.
Perifricos de Sada - Monitor de
vdeo, drive de CD-ROM, caixa de som,
impressora,

sensores

(movimento,

temperatura etc) e culos (para realidade virtual).

Perifricos de Entrada e Sada - Modem, drive de disquete, gravador de CD /


DVD e disco rgido.

MEMRIAS:
As memrias so as responsveis pelo armazenamento de dados e instrues
em forma de sinais digitais em computadores. Para que o processador possa executar
suas tarefas, ele busca na memria todas as informaes necessrias ao
processamento. Existem 2 tipos de memria, ROM e RAM, cujas caractersticas sero
mostradas a seguir:
ROM e RAM
ROM sigla para ReadOnlyMemory (memria somente de
leitura). J pelo nome, possvel perceber que esse tipo de
memria s permite leitura, ou seja, suas informaes so
gravadas pelo fabricante. O CD-ROM memria RAM.

RAM a sigla para Random Access Memory (memria de


acesso aleatrio). Este tipo de memria permite tanto a leitura
como a gravao e regravao de dados.

Disco rgido - Os dados so armazenados no disco rgido, tambm chamado de


hard disk (o termo em Ingls), HD ou at mesmo de "disco duro".

OUTROS PERIFRICOS
Placa de Vdeo tambm chamada de adaptador de
vdeo ou aceleradora

grfica,

um

componente

de

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


que possam ser apresentadas imagens ao utilizador. Normalmente
possui memria prpria.

Placa-me o componente mais importante do micro,


pois ela a responsvel pela comunicao entre todos os
componentes.

CONCEITOS BSICOS
Hardware Se refere parte fsica do computador. Tudo o que se pode tocar
chamado de hardware, por exemplo o monitor, o mouse, o teclado, etc.

Software

Refere

parte

lgica

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


organizao e os diversos elementos estruturais intimamente ligados a elas.

10

11

O QUE BIT E BYTE?


Os computadores "entendem" impulsos eltricos, positivos ou negativos, que so

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


(BInarydigiT). Um conjunto de 8 bits reunidos como uma nica unidade forma um Byte.
Para os computadores, representar 256 nmeros binrios suficiente. Por isso, os bytes
possuem 8 bits. Basta fazer os clculos. 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 acontea, os computadores utilizam uma tabela que combina
nmeros binrios com smbolos: a tabela ASCII (American Standard Code for
InformationInterchange).

Bit A menor Unidade de informao - 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
tambm atravs dos bytes que se determina o comprimento da palavra de um
computador, ou seja, a quantidade de bits que ele utiliza na composio das instrues
internas, como por exemplo:
8 bits - palavra de 1 byte
16 bits - palavra de 2 bytes
32 bits - palavra de 4 bytes
1 Kilobit ou Kb = 1024 bits
12

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 bilho 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

APRESENTAO DOS COMPUTADORES HISTRICO: EVOLUO NO TEMPO


A palavra computar significa calcular. Portanto, de alguma forma computadores j
existem h bastante tempo. O primeiro dispositivo de clculo de que se tem notcia o
baco, cuja inveno data de 3000 a.C.
Em 1642, o matemtico, fsico e filsofo francs Blaire Pascal inventou a primeira
calculadora mecnica. Era basicamente um conjunto de rodas dentadas que realizava
adies e subtraes automaticamente.

13

Em 1671, o filsofo e matemtico alemo GottfriedLiebniz construiu um


calculador mecnico que realizava as quatro operaes bsicas da aritmtica (adio,
subtrao, multiplicao e diviso).
Em 1822 Charles Babbage criou o modelo de uma mquina capaz de fazer
clculos paraelaborar uma tabela de logaritmos.
No comeo do sculo 20, as calculadoras mecnicas e eltricas se tornaram
comuns. At mais ou menos a dcada de 30, as eltricas eram fabricadas utilizando um
pequeno dispositivo eltrico chamado rel.
Em meados da dcada de 30 surgiram os computadores com vlvulas. As
vlvulas eletrnicas eram semelhantes a rels. A vantagem que eram muito mais
rpidas e a desvantagem que duravam pouco tempo.

A PRIMEIRA GERAO (1943-1955)


Em 1946 ficou pronto o que se costuma chamar de o primeiro computador. A
data do incio de sua construo (1943) foi estabelecida como um marco da
computao. Batizado de Eniac(ElectronicNumericIntegratorandCalculator), era um
computador composto por 18.000 vlvulas, que podia fazer aproximadamente 5000
clculos por segundo.
Figura 1Coputador ENIAC

A SEGUNDA GERAO (1955-1964)


Ainda na dcada de 50 surgiram os transistores, componentes eletrnicos que
substituram as vlvulas e possuam vrias vantagens. Primeiro, eram bem menores.
Computadores que antes ocupavam uma sala agora ficavam do tamanho de uma
estante. Alm disso, consumiam menos corrente eltricas e duravam bem mais. Os
transistores possibilitaram a produo de computadores menores, mais rpidos, mais
14

confiveis

Consequentemente,

mais

baratos.

passaram

ser

fabricados em srie.
A Figura 2 mostra o minicomputador
PDP-8, considerado o primeiro computador
com preo acessvel. Foi nesse tipo de
computador que o sistema operacional UNIX
comeou a ser desenvolvido por Ken Thompson e Dennis Ritchie.

A TERCEIRA GERAO (1964-1975)


Na dcada 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 bilhes de dlares com seu programa
espacial na contratao de empresas fabricantes de transistores para que realizassem
uma miniaturizao ainda maior. Assim foram criados os primeiros circuitos integrados,
tambm chamados de chips. Basicamente, um chip um componente eletrnico
composto

por

centenas

ou

milhares

de

transistores.
Em 1975 comearam as vendas do kit do
primeiro microcomputador, chamado de Altair
88001, que utilizava o chip 8080 da Intel.

A QUARTA GERAO (APS 1975)


Nas ltimas dcadas, os chips s evoluram em nmero de transistores. Os chips
dos anos 60 tinham em seu interior centenas ou milhares de transistores. Enquanto isso,
na dcada de 90, o chip do processador Pentium possua 3.500.000 transistores.
Por volta da dcada de 80 os computadores sofreram um novo tipo de evoluo.
Enquanto os computadores anteriores s processavam 8 bits ao mesmo tempo, o IBM
PC conseguia processar 16 bits.
O processador utilizado era o 8088. Pouco tempo depois, a IBM lanou o PC XT
(Extended Technology), que possua mais memria RAM e espao em disco.
15

Os computadores prosseguiram evoluindo, se tornando cada vez mais rpidos e


com capacidade cada vez maior de armazenamento.

16

O Tempo de processamento de uma aplicao que manipula msica 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 notao internacional para milhes e Hertz a notao da fsica 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 USO


Existem 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. So tambm
chamados de computadores pessoais devido ao termo PC (Personal Computer), criado
pela IBM para nomear uma famlia de computadores.
Os computadores portteis esto includos nesta categoria. Inicialmente foram
chamados de laptops, devido palavra lap (colo), j que, devido ao seu tamanho,
poderiam ser colocados no colo de seus usurios. Os laptops so to funcionais quanto
computadores de mesa. Outro tipo de computadores portteis so os notebooks, ainda
menores, do tamanho de um caderno (da a palavra notebook, que em ingls significa
caderno). Hoje, os termos so utilizados praticamente sem distino, para identificar
computadores portteis. Existe ainda outro tipo de computador porttil: os chamados
PDAs (PersonalDigital Assistants). So tambm chamados de palmtops, por caberem na
palma da mo. No entanto, no so to funcionais quanto os outros computadores,
sendo utilizados para fins especficos, como uma agendaavanada. Alguns possuem
canetas eletrnicas, que permitem que seus usurios escrevamou apontem para
algum ponto diretamente na tela.

17

ESTAES DE TRABALHO
As chamadas estaes de trabalho so computadores semelhantes aos
computadores pessoais. No entanto, utilizam uma arquitetura interna diferente dos
computadores pessoais, que resulta em um processamento mais rpido. So tambm
mais caros e, portanto, geralmente utilizados em universidades ou centros de pesquisa.
Outra caracterstica que, em geral, utilizam algum sistema operacional Unix ou uma
variao dele.

SUPERCOMPUTADOR
Esse termo utilizado apenas para designar os computadores mais potentes de
uma determinada poca. So extremamente caros e consomem muita energia, sendo
utilizados para modelar ou simular processos extremamente complexos, tais como a
fisso nuclear.

MAINFRAMES
O termo mainframe designa computadores de grande porte, em relao ao seu
tamanho. Esses computadores tm a capacidade de manipular quantidades imensas de
informaes.

EXERCCIOS
OBS Pesquise na internet as perguntas.
1.
2.
3.
4.
5.
6.
7.

Defina Hardware e Software. Cite exemplos de cada um.


O que um cooler?
Gabinete e CPU definem o mesmo equipamento? Explique.
O que so baias?
Porque o tipo de conexo USB foi criado?
Cite 2 exemplos de cada tipo de perifrico (entrada, sada e entrada e sada).
Quais as funes 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?
18

10. Qual a principal diferena entre memria RAM e memria ROM?


11. Quantos bits tm 2 bytes?
12. Defina o tipo de arquivo em funo das extenses abaixo:
- exe
- html
- doc
- ppt
- gif
- zip

Modulo Bsico
19

Sistema Operacional
Microsoft Windows

20

INTRODUO
O Microsoft Windows XP um sistema operacional de interface grfica
multifunes, isso significa que podemos trabalhar com vrios programas de forma
simultnea. Por ex: poderamos 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, segurana, suporte a rede
local, sistema plugand play, multimdia avanada, facilidade de comunicao,
impresso, etc.

SISTEMA OPERACIONAL
O sistema operacional coordena o funcionamento do computador, presta
importantes servios aos aplicativos e oferece ao usurio uma forma fcil de executar
suas tarefas dirias.
No exagero afirmar que o sistema operacional o programa mais importante
do computador, sem ele seu equipamento no 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 servios essenciais ao computador, aos programas e ao usurio.

MULTITAREFAS PREEMPTIVA
O Windows XP apresenta uma caracterstica interessante, que a multitarefa
preemptiva. Esta a capacidade do computador executar vrios programas ao mesmo
tempo.
A multitarefa preemptiva ou o prprio Sistema Operacional quem gerencia os
recursos utilizados por cada um.
Se o programa em uso mostrar o sinal de espera (a ampulheta) o usurio pode
utilizar outro programa, bastando mover-se para outra janela.

INICIALIZAO DO WINDOWS
O Windows XP inicializado automaticamente a partir do momento em que se
liga o computador.
21

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


As instrues que dizem a seu computador o que fazer chamado de software.
Seu software principal, chamado sistema operacional, controla e gerencia o
computador traduzindo suas instrues para uma linguagem que seu hardware possa
entender.

EXPLORANDO A REA DE TRABALHO DO WINDOWS XP

22

Esta a rea de trabalho do Windows. o espao de trabalho em sua tela no


qual aparecem os cones, os componentes da rea de trabalho, as janelas de aplicativos
e as caixas de dilogo.
A barra de tarefas um elemento da rea de trabalho do Windows. A barra de
tarefas uma barra retangular azul, localizada como padro, ao longo da parte inferior
da rea de trabalho do Windows.
A barra de tarefas inclui o boto Iniciar, um boto para cada programa que esteja
aberto e o relgio do sistema.
Um dos itens mais teis da barra de tarefas o boto Iniciar.
A partir dele, voc pode iniciar rapidamente um programa, localizar ou
abrir um documento, alterar as configuraes de seu computador,
desligar o computador e muito mais.
Na rea de trabalho do Windows contm vrias figuras pequenas. Elas
so chamadas cones.

Os cones so atalhos que torna fcil de abrir os programas ou documentos que


voc utiliza diariamente.
Como voc aprendeu, a tela bsica do Microsoft Windows chamada de rea de
trabalho.
O prximo tpico enfoca o local para onde voc normalmente vai iniciar qualquer
atividade: o menu Iniciar.

23

O MENU INICIAR
Quando voc clica no boto Iniciar, o Microsoft Windows mostra o menu Iniciar.

Um menu uma lista de software aplicativo, documentos e outras opes


disponveis em seu computador.
O menu Iniciar dividido em trs sees. A seo inferior contm tarefas ou
comandos operacionais bsicos, como Desligar.
24

A seo intermediria um modo de abrir aplicativos e personalizar opes.


A seo superior personalizada com funes 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 possvel abrir rapidamente software aplicativo,
documentos e funes que voc utiliza com freqncia.
Na prxima lio, 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 boto Iniciar para visualizar o menu Iniciar. Aponte para Programas e
aparecer o menu em cascata Programas.

No menu Programas, aponte para Acessrios e aparecer outro menu em


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

25

A partir do menu Iniciar possvel abrir rapidamente software aplicativo,


documentos e funes que voc utiliza com freqncia.
Na prxima lio, 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 deslocvel e redimensionvel na qual so exibidas
informaes e coma qual voc pode interagir.
A barra de ttulo 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
ttulo 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 so utilizadas quando a quantidade de informaes maior do
que a que pode caber confortavelmente em uma nica janela.
Como uma janela um objeto flexvel (redimensionvel), voc pode facilmente
alterar seu tamanho.

26

Na extrema direita da barra de ttulo h trs botes importantes: Minimizar,


Maximizar e Fechar. Voc pode utilizar esses botes de uma janela para:

Voc pode mover-se com facilidade por e entre janelas utilizando a barra de ttulo,
clicando nos botes Minimizar, Maximizar e Fechar.
Na prxima lio, 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 funes importantes do sistema
Windows.
Utilizando teclas combinadas, podemos acessar rapidamente os aplicativos ou
desligar o Windows.

Teclas de atalho

Ateno: A tecla Winkey semelhante ao logotipo do Windows.

ACESSRIOS
Trabalhando com Windows, voc pode utilizar acessrio como Paint aplicativo
destinado para desenhos, Bloco de notas editor de texto simples, WordPad
programa com comandos bsicos para criao de documentos, tais como: currculos,
cartas, etc.

27

BLOCO DE NOTAS

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


simples que permite escrever texto bsico, sem recursos de formatao que os
processadores de texto mais completos como Word possuem.

CALCULADORA
A calculadora apresenta no monitor uma calculadora com dois modos. Modo
Padro e Cientfico. O uso desse acessrio pode ser feito de duas maneiras.

28

Usando o mouse e clicando sobre os botes.


Usando o teclado numrico.

PAINT

29

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 pginas da
Internet.
O Paint tambm pode ser usado para exibir e editar fotografias.
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 boto do mouse e arrastar. Obs.: com exceo de algumas
ferramentas enquanto mantemos pressionado o boto do mouse podemos ampliar e
dimensionar o desenho caso tenhamos soltado o boto e no gostado temos que
apagar com a ferramenta borracha. Ou clicar na opo desfazer do menu Editar.

TRABALHANDO COM O PAINT


Vamos salvar a figura abaixo:

Aps terminar seu desenho clique na opo salvar do menu arquivo. Ex. abaixo:

30

Abrir uma caixa de dilogo, nela siga os seguintes passos:

WORDPAD

O Acessrio WordPad utilizado no Windows XP, principalmente para o usurio


se familiarizar com os menus dos programas Microsoft Office, entre eles o Word.
O WordPad no permite criar tabelas, rodap e cabealho e mala direta. Portanto
um programa criado para um primeiro contato com os produtos para escritrio da
Microsoft.
Entre suas funcionalidades o WordPad lhe permitir inserir texto e imagens,
trabalhar com texto formatado com opes de negrito, itlico, sublinhado com suporte a
31

vrias fontes e seus tamanhos, formatao do pargrafo direita, esquerda e


centralizado, etc.

Abrindo um arquivo previamente gravado

H 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 trs ltimos, ou no menu Documentos, (acessados
atravs do boto iniciar), s que neste menu sero mostrados os ltimos 15 trabalhos
abertos recente.

Abrindo um documento a partir do menu arquivo:

Aps siga os passos da caixa de dilogo abaixo:

ENTRETENIMENTO
O 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 msica atravs do CD-ROM.
32

CONTROLE DE VOLUME
Atravs do Controle de volume do sistema operacional Windows, voc poder
configurar as opes de volume da sada da placa de som. Para isso necessrio que
uma placa de som esteja instalada em seu PC. Voc poder regular o udio do CD para
que no seja necessrio aumentar muito o volume da caixa de som.

WINDOWS MEDIA PLAYER


O Windows Media Player permite executar filmes e clipes nos diversos formatos.
Podemos atravs do Windows Media Player visualizar trechos de filmes, vdeo clipes,
exibies viaWeb (Web Events), roda cenas de filmes em CD-ROM, etc.
A tela do aplicativo nos permite configurar opes de retrocesso, avano da
imagem, bem como pausar o filme ou escolher determinado trecho do filme para ser
exibido.

33

EXPLORANDO
ARQUIVOS E
PASTAS
Nesta

lio,

aprender

pastas

os

armazenados

voc
visualizar
arquivos
em

computador. Alm
voc

aprender

Windows

para

seu
disso,

utilizar

gerenciar

seus arquivos e pastas.


Clique no boto Avanar, 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 contedo de seu computador.

34

Clique duas vezes em (C:\), na janela Meu computador para visualizar o contedo
de seu disco rgido.
Clique duas vezes na pasta
Documentos compartilhado para abrir
e visualizar todos os arquivos ou subpastas que ela possa conter.

CONFIGURAES
A partir do menu configuraes
voc encontrar os sub-menus Painel de controle, Conexes de rede, Impressoras e
aparelho de faz, Barra de tarefas e menu iniciar.

PAINEL DE CONTROLE
Atravs da janela Painel do controle temos acesso a rea de configurao do
computador onde podemos configurar um teclado, modem, mouse, sons, data/hora,
vdeo entre outros.

Modo de exibio clssica

35

Modo de exibio categoria

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

instalado

Sistema

Operacional, qualquer alterao que


seja feita sem conhecimento pode
provocar o mau funcionamento do
item alterado ou programas deixaro
de funcionar corretamente.

Itens

que

podero

ser

alterados sem problemas:

PROPRIEDADES DE VDEO
No Windows XP, as propriedades do vdeo podem ser acessadas e alteradas
atravs do cone Vdeo, disponvel no Painel de Controle. Um duplo clique sobre esse
cone abre a janela Propriedades de Vdeo, que tem seis guias. Ou clicando com o
boto direito do mouse na rea de trabalho e na opo propriedades.
36

Veja um pouco mais sobre essas guias.

REA DE TRABALHO ou PLANO DE FUNDO


Altera a aparncia do fundo que exibido quando as janelas abertas no ocupam
toda a tela.
Selecione na lista de imagens um plano de fundo ou papel de parede para definir
na sua rea de trabalho.

PROTEO DE TELA
Clique na seta drop-down para escolher uma das opes veja abaixo o texto 3D.
Voc pode determinar o tempo de espera como desejar.

37

Com base na lista da figura acima selecione a opo letreiro digital com ela
podemos digitar mensagens nomes como desejarmos.

Aps clicar em letreiro digital, clique em configuraes, selecione o texto digitado


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

38

Clique pra alterar a formatao de texto


Para alterar a fonte, ou seja, a letra clique no boto formatar texto e escolha as
opes desejadas.

DATA/HORA
Para abrir o data/hora basta pressionar um clique duplo sobre o cone no painel
de controle
Esta opo permite alterar a data e a hora do sistema, veja:

39

MOUSE
Com esta opo voc poder alterar a configurao do boto e a velocidade do
clique duplo

O MENU FLUTUANTE
Quando clicamos com o boto 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.

LOCALIZAR
Se voc no conseguir lembrar onde gravou um documento, o Windows torna
fcil localizar um arquivo ou uma pasta.
Para localizar um arquivo ou uma pasta, proceda da seguinte maneira.
Clique no boto Iniciar movimente o ponteiro do mouse at Localizar. Clique em
Arquivos ou pastas ou pressione a tecla F3.

40

A caixa de dilogo Localizar se abrir. No espao reservado ao nome do arquivo


digite o nome do arquivo a ser localizado. Se no lembrar o nome do arquivo digite *. E
a extenso do arquivo (Exemplo: *.doc).
Extenses de alguns aplicativos e/ou programas

Clique na seta para baixo em Examinar em e selecione o diretrio (C:), para


localizar oarquivo no diretrio C:\, ou escolha as unidades A:\ ou D:\.
Clique no boto pesquisar ou (tecle Enter) para procurar o arquivo.
Ao digitar apenas a extenso do arquivo ser apresentado no lado direito da
janela Pesquisar, todos os arquivos encontrados com a extenso digitada.

41

GERENCIANDO ARQUIVOS E PASTAS


Clique no boto 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

42

Arquivos selecionados pressionando a tecla Ctrl e clicando nos arquivos


desejados
Convm observar que ao clicarmos na pasta, o desenho abrir mostrando seu
contedo. 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 PASTA
Crie 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 recm-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 PASTAS


Clique e mantenha pressionado o boto esquerdo do mouse sobre o cone do
arquivo ou pasta desejado (a), mova o ponteiro para o cone da Pasta recm-criada e
solte o boto do mouse.
Esse procedimento chamado arrastar.
Seu arquivo agora est dentro de sua pasta.
Clique em sua Pasta recm-criada para visualizar o seu contedo, 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
boto direito e arraste para a pasta ou unidade de disco desejada. Na lista que
aparecer clique em copiar aqui.

43

Tambm podemos copiar arquivos clicando e arrastando-os com o boto


esquerdo do mouse e mantendo a tecla CTRL pressionada. Mas cuidado, voc deve
soltar primeiro o clique caso contrrio o arquivo ou pasta ser movido e no copiado.

EXCLUINDO ARQUIVOS OU PASTAS


Clique no arquivo ou pasta que deseja excluir e pressione a tecla DELETE do
teclado mas ateno para a mensagem:

Quando voc seleciona um arquivo, caso selecione mais de um ele no d o


nome e sim o nmero de arquivos selecionados ateno para prxima mensagem: caso
tenha selecionado uma pasta.

Selecionando mais de um documento.


Quase sempre se faz necessrio um selecionamento mltiplo de arquivos e podese realizar de duas maneiras:
44

UM BLOCO DE ARQUIVOS:
Para selecionar um bloco contnuo 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 tambm 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 boto direito, no menu flutuante
posicione na opo 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 CONES
Os cones que sempre necessitam ser organizados dentro da janela. Para fazer
isto, basta um clique com o boto direito do mouse na rea onde est a lista dos
arquivos e escolher ORGANIZAR CONES, em seguida escolher a opo.

45

CRIANDO ATALHO
Clique com o boto direito do mouse na rea de trabalho posicione o ponteiro na
opo
NOVO e clique no sub-menu ATALHO.

Digite a linha de comendo ou clique em procurar

Caso tenha que procurar no se preocupe a mesma coisa de procurar um


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

46

Se o programa assinalado, no possuir cone padro aparecer:

Alguns jogos principalmente do MS-DOS no possuem figura ilustrativa (cones),


portanto selecione o cone que desejar como mostra a figura acima. Voc tambm 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).

47

ADICIONANDO ATALHO AO MENU INICIAR


Caso queira adicionar grupo de programas ao menu iniciar use os seguintes
passos:

A partir daqui ser realizado o mesmo procedimento de criar atalhos

48

Isto significa que o jogo dave est dentro da sub-pasta Game que est dentro
do Disco Local.

49

Clique em avanar e siga o assistente sero 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 voltaro para o local de origem, ou seja, para a pasta que estava antes de
voc os excluiu.

Bem, estes so os procedimentos mais usados no dia-dia. Por no serem usados


freqentemente no foi adicionado a este mdulo recurso avanados.
Veja alguns tpicos que voc ter no mdulo avanado:
Configurar Teclado
Adicionar Novos Hardwares
Adicionar ou remover Programas
Adicionar conexo de rede dia-lup
Adicionar novos Usurios

50

Modulo Bsico de
Utilizao da
Internet

51

Internet
Histrico
A internet foi idealizada na dcada de 60 com o objetivo de trocas e
compartilhamento de informaes, voltadas para a pesquisa e fins militares. A partir da II
Guerra Mundial, o interesse de vrios pases no desenvolvimento e aprimoramento de
computadores, aumentou enormemente, visto o grande potencial estratgico destas
mquinas. Alm disso, buscava-se uma forma rpida e segura de compartilhamento de
informaes. Aliado a este interesse militar, as grandes universidades americanas
comearam a se interessar tambm pelo assunto, visto que, uma vez implementada, a
internet seria extremamente til para pesquisas e para colaborao 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 nmero
de adeses foi crescendo continuamente. Como nesta poca, o computador era
extremamente difcil de lidar, somente algumas instituies possuam internet.
No entanto, com a elaborao de softwares e interfaces cada vez mais fceis de
manipular, as pessoas foram se encorajando a participar da rede. O grande atrativo da
internet era a possibilidade de se trocar e compartilhar idias, estudos e informaes
com outras pessoas que, muitas vezes nem se conhecia pessoalmente.
Atualmente, passados pouco mais do que 30 anos desde a implementao 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 atravs de linhas
de telefone, linhas de comunicao privadas, cabos submarinos, canais de satlite, etc...
A Internet funciona como uma rodovia pela qual a informao contida em textos,
som e imagem pode trafegar em alta velocidade entre qualquer computador conectado a
essa rede. E por essa razo que a Internet muitas vezes chamada da "super rodovia
da informao
52

Como funciona?

No ncleo da internet, as informaes trafegam entre os computadores numa


velocidade extremamente alta. Para que os computadores por onde trafegam essas
informaes possam suportar essa velocidade, eles devem ser muito poderosos e
possurem equipamentos de alta-tecnologia. Tais equipamentos so muito caros,
impossibilitando assim que o usurio comum possa t-los. Desta forma, organizaes
montam uma estrutura de acesso internet de alta-velocidade e provem a diversos
usurios domsticos um acesso numa velocidade menor, ou seja, com baixo custo. Tais
organizaes so denominadas provedores de acesso. Um provedor de acesso, em
outras palavras, uma empresa, uma universidade ou organizao qualquer que
fornece acesso Internet a pessoas ou outras empresas. Estar ligado direto com a
lnternet bastante caro. O provedor de acesso ento assume o custo de uma conexo
permanente e vende o acesso a essa conexo para seus clientes, os usurios. Desta
forma o custo alto dividido entre todos os participantes.

Dentre os provedores de acesso mais conhecidos temos:


1 UOL www.uol.com.br (pago)
2 Terra www.terra.com.br (pago)
3 iG www.ig.com.br (gratuito)
4 IBEST www.ibest.com.br (gratuito)

53

Conceitos bsicos da Internet


Servidor servidor um computador que fornece servios a uma rede de
computadores. Esses servios podem ser, por exemplo, servidor de documentos,
servidor de correio eletrnico ou servidor de pginas web.
URL (Universal ResourceLocator) o endereo de um documento ou pasta
disponvel

na

Internet.

Uma

URL

tem

seguinte

estrutura:

protocolo://mquina/caminho/recurso. O protocolo poder ser http, ftp, entre outros. A


mquina 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 mquina designada por
www.oi.com.br e o recurso (neste caso um documento HTML) encontra-se em
loja/celulares.html.
Site uma coleo de pginas web, isto , de documentos acessveis atravs
da web, na internet.
Pginas Web um arquivo geralmente em formato HTML (as extenses so
em geral *.htm ou *.html) e com ligaes de hipertexto que permitem a navegao de
uma pgina para outra. As pginas web usam com freqncia figuras associados para
fins de ilustrao.
World Wide Web uma rede de computadores na Internet que fornece
informao em forma de hipertexto. Para ver a informao, pode-se usar um software
chamado navegador para descarregar informaes (chamadas "documentos" ou
"pginas") de servidores de internet (ou "sites") e mostr-los na tela do usurio. O
usurio pode ento seguir os links na pgina para outros documentos ou mesmo enviar
informaes de volta para o servidor para interagir com ele. O ato de seguir links
comumente chamado de "surfar" na web.
Domnio todo site tem no final de seu endereo uma palavra que definimos
como domnio. O domnio serve, entre outras coisas, para identificar a natureza dos
sites. Por exemplo, o site www.globo.com.br tem dois domnios: COM e BR. J o site
www.abusar.org tem somente um domnio ORG. Os principais domnios so:
BR

indica que o site do Brasil


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

COM

indica

que

site

54

comercial (www.submarino.com site de compras)


GOV

sites

do

governo

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


econmica)
EDU

sites

de

contedo

educacional
campinas.edu.br

(www.puc-

site

da

Universidade de Campinas)
MIL

sites

militares

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


do Brasil)
ORG

site de organizaes no
governamentais (www.abusar.org site dos usurios 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 endereo
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 smbolo a letra e azul.

55

Barra de endereo

O usurio deve digitar o endereo ao qual deseja ir e em seguida clicar no boto


Ir ou simplesmente apertar ENTER.

Barra de Navegao

Pgina Inicial ao clicar este boto a pgina inicial de abertura do navegar ser acessada.
Atualizar Pgina atualiza a pgina corrente.
Parar de Carregar a Pgina interrompe o processo de abertura da pgina.
Avanar vai para a pgina posteriormente acessada.
Voltar volta para uma pgina anteriormente acessada.

Elementos da pgina Web


Uma pgina de internet pode conter os seguintes elementos:
1 LINK nas pginas existem Links, ou Vnculos, que quando clicamos com o ponteiro do
mouse abrem outras pginas. Esses Links so objetos ou simples palavras ou frases
56

sublinhadas, que quando passamos o mouse sobre eles, o ponteiro se transforma em


uma mo.
2 IMAGEM so figuras para ilustrar ou adornar uma pgina web.
3 TEXTO palavras ou frases que compem o contedo da pgina. Pode ser selecionado,
copiado e colado num programa de edio de textos como o Word, permitindo assim
fazer trabalhos escolares, por exemplo.
4 FORMULRIO nas pginas, assim como na vida real, existem formulrios. Os
formulrios servem como entrada de dados do usurio. Exemplo: formulrio de
cadastro, formulrio de busca, etc.

Pesquisa na Internet
Uma das grandes vantagens da Internet o usurio poder fazer buscas sobre os
mais diversos assuntos. Existem inmeros sites especializados em buscas:
1 Google (www.google.com.br)
2 Altavista (www.altavista.com.br)
3 Yahoo! (www.yahoo.com.br)
4 Cad (www.cade.com.br)
57

Na figura abaixo temos a pgina 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 boto de pesquisa, no caso o boto Pesquisa Google.
Aps clicar no boto, o site de busca de encarregar de exibir os resultados da
busca:

Os resultados da busca contm links para as pginas onde a palavra procurada


foi encontrada.

58

Download
o ato de descarregar ou baixar um arquivo (textos, imagens, msicas, filmes).
Fazer o download de algo significa fazer uma cpia de um arquivo da internet pro seu
prprio computador. Por exemplo, em site que disponibilizam programas para download,
basta clicar com o segundo boto em cima do link de download e depois em Salvar
destino como... O usurio ser requisitado a escolher onde dever salvar o arquivo e
ento o download se inicia.
Na figura a seguir, acessamos o site www.superdownloads.com.br e baixamos um
programa de edio de msicas:

Tambm possvel salvar imagens de pgina. Basta clicar com o segundo boto
em cima da figura e depois em Salvar imagem como... O usurio ser requisitado a
escolher onde dever salvar a figura e ento 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 cpia 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.

59

E-mail
O e-mail um recurso na internet que permite aos usurios receber e enviar
mensagens e textos pela internet. H hoje centenas de milhes de pessoas usando
programas que permitem o envio e recebimento de "cartas eletrnicas" atravs de
computadores conectados internet. Diariamente so enviados cerca de trs bilhes de
e-mails em todo o mundo, e este nmero deve subir cada vez mais. Exemplo:
fernandocl@lia.ufc.br

Um e-mail composto por um login, o smbolo 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 - So organizaes 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.

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).

60

Passo 2: Preencha o formulrio de cadastro com seus dados pessoais, login e


senha.

Aps preencher os dados, sua conta ser criada e voc poder imediatamente
enviar e receber e-mails.

Acessando uma conta de e-mail


Quando o usurio possui uma conta de e-mail ele pode acess-la para ler ou
enviar mensagens atravs 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.

61

No entanto, tais programas so vtimas constantes de vrus e trojans. Desta


forma, recomenda-se que os e-mails sejam acessados diretamente do browser e no de
um programa especfico.
Para acessar seu e-mail pelo navegador, basta entrar na pgina do provedor de
e-mail e digitar seu login e senha:

Aps entrar no e-mail, voc obter uma pgina semelhante a essa:

Pela figura, podemos observar que a pgina principal do e-mail possui algumas
pastas. Um e-mail geralmente possui 4 pastas principais:
1 Entrada: e-mails que voc recebeu
2 Rascunho: mensagens que voc escreveu mas no enviou ainda.
3 Enviadas: mensagens que voc escreveu e enviou.
4 Lixeira: mensagens que voc recebeu e apagou.

62

Lendo e-mails
Para ver algum e-mail que voc tenha recebido, primeiro devemos acessar a
pasta Entrada, que possui os e-mails recebidos. Aps isso, a pgina ir exibir uma lista
de e-mails que foram recebidos. Ao clicarmos em qualquer mensagem recebida, o email aberto para leitura:

O e-mail composto pelos campos:


1 Assunto descreve resumidamente o que o texto do e-mail quer dizer.
2 De quem enviou o e-mail.
3 Para a quem se destina o e-mail.
4 Data data de quando o e-mail foi enviado.

Alm disso, a pgina do e-mail possui os Botes de Navegao:

Os principais Botes de Navegao so:


1 Anterior link para um e-mail enviado antes do e-mail corrente.
2 Prximo link para um e-mail enviado depois do e-mail corrente.
63

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


4 Responder envia um e-mail de resposta para quem enviou o e-mail.
5 Encaminhar envia uma cpia do e-mail corrente para outra pessoa.

Escrevendo um e-mail
Toda pgina de e-mail permite que e-mails sejam enviados. Abaixo uma imagem
de um formulrio de envio de e-mail:

Aps preencher os campos, basta clicar no boto Enviar. Caso deseja-se salvar o
e-mail para futuro envio, basta clicar em Salvar rascunho.

64

Ferramentas da Internet
Alm dos sites e do e-mail, a internet possui um conjunto de ferramentas que
permitem ao usurio participar de discusses (ao vivo ou no), criar pginas pessoais,
fazer compras, etc. As principais ferramentas da internet so:
Listas de discusso (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 email do grupo e todos os que estiverem cadastrados no grupo recebero uma cpia
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 discusso o Grupos (www.grupos.com.br).
Fruns so sites que permitem uma discusso, porm no via e-mail, mas na
prpria pgina. No frum, existem tpicos a serem discutidos e o usurio pode escrever,
comentar ou criticar sobre esses tpicos e sua mensagem ser exibida na prpria
pgina do frum. O frum geralmente funciona como um grande manual de dvidas. O
frum da revista Info por exemplo fala de diversos assuntos da rea da informtica,
tirando dvidas e trazendo novidades (http://forum.abril.com.br/info/).
Comunidades virtuais so sites nos quais o usurio pode criar um perfil virtual
seu. Assim, ele poder interagir com outros usurios, fazendo amigos, criando parcerias
de trabalho, etc. A comunidade virtual de maior destaque no momento o Orkut
(www.orkut.com).
Compras on-line so sites que funcionam como lojas virtuais. Exemplos:
www.submarino.com.br, www.americanas.com.br.
Blog sites que funcionam como dirios pessoais. Um site que possui diversos
blogs o Blogger (www.blogger.com.br).
Chat (Bate-Papo) so sites os quais permitem que vrias pessoas se vejam e
conversem ao mesmo tempo. Exemplo: batepapo.uol.com.br.
Programas de Mensagem Instantnea so programas que funcionam
praticamente como chats. A diferena que eles so programas que rodam fora do
Navegador, ao contrrio dos chats. Outra diferena que as pessoas podem conversar
como em um grupo ou individualmente. Os principais programas so: MSN Messenger
(messenger.msn.com.br) e ICQ (www.icq.com).
65

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


pessoas que desejam se comunicar devem ter o programa instalado em suas mquinas.
O programa pode ser baixado em www.skype.org.

Internet e segurana
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 servios ou apenas mais uma mquina para "surfar na Web", ela est
conectada a um grande meio de comunicao que permite informao transitar em
ambas as direes. Assim como voc pode transmitir dados, algum pode recuperar ou
acessar dados do seu computador.
As ameaas mais comuns so os vrus e trojans. Vrus so programas de
computador que se instalam se serem requisitados pelo usurio. Eles podem ser
inofensivos quando somente se multiplicam e utilizam a sua mquina pra enviar suas
cpias para outros computadores, tornando a internet lenta. Mas tambm podem ser
extremamente perigosos quando apagam arquivos cruciais do Windows, por exemplo.
Os trojans so programas que tambm se instalam sem a permisso do usurio mas
tem a nica funo de enviar dados do seu computador para um site especfico. Com
tais informaes, o usurio mal-intencionado pode calcular invases ou enviar e-mail
no solicitados (spams).

As ameaas mais comuns so os vrus e trojans. Vrus so programas de


computador que se instalam se serem requisitados pelo usurio. Eles podem ser
inofensivos quando somente se multiplicam e utilizam a sua mquina pra enviar suas
cpias para outros computadores, tornando a internet lenta. Mas tambm podem ser
extremamente perigosos quando apagam arquivos cruciais do Windows, por exemplo.
Os trojans so programas que tambm se instalam sem a permisso do usurio mas
tem a nica funo de enviar dados do seu computador para um site especfico. Com
tais informaes, o usurio mal-intencionado pode calcular invases ou enviar e-mail
no solicitados (spams).

66

Senhas: como proteg-las?


Um dos pontos de maior ataque, obviamente, so as senhas. Atravs de uma
senha, qualquer usurio pode ser autenticado em sistema de segurana, de e-mail, etc.
1 Trocar a senha sempre que puder. Uma vez a cada dois meses suficiente;
2 Utilizar senhas sem significado, ou seja, no colocar dados pessoais em senhas, pois
facilita a descoberta;
3 Utilize no mnimo 8 caracteres como senha;
4 Utilize senhas com caracteres alfanumricos (letras e nmeros);
5 No d a senha para ningum;
6 Tenha sempre parania com senhas. Sempre que suspeitar de algo, mude-a
imediatamente.
7

A filosofia do Software Livre


O termo Software Livre se refere aos softwares que so fornecidos aos seus
usurios com a liberdade de executar, estudar, modificar e repassar (com ou sem
alteraes) sem que, para isso, os usurios tenham que pedir permisso ao autor do
programa. Mais precisamente, Software Livre se refere a quatro tipos de liberdade para
os usurios do software:
1 A liberdade de executar o programa, para qualquer propsito.
2 A liberdade de estudar como o programa funciona, e adapt-lo para as suas
necessidades.
3 A liberdade de redistribuir cpias de modo que voc possa ajudar ao seu prximo.
4 A liberdade de aperfeioar o programa, e liberar os seus aperfeioamentos, de modo que
toda a comunidade se beneficie.

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


pessoa fsica ou jurdica utilizar o software em qualquer tipo de sistema computacional,
para qualquer tipo de trabalho ou atividade, sem que seja necessrio comunicar ao
desenvolvedor ou a qualquer outra entidade em especial.

67

Bibliografia
Wikipdia http://pt.wikipedia.org/wiki/
NIC BR Security Office http://www.nbso.nic.br/
FrumPC http://www.forumpcs.com.br/

68

Modulo Bsico
HTML

69

INTRODUO
Bem vindo a este manual de guia Passo a Passo para Web Designer.
Com o avano cada vez mais da Internet necessrio mais do que nunca voc
est dentro da Rede Mundial de Computadores, a Net para os amigos ntimos. Hoje com
um custo mnimo 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 atravs do IG, Super11 e outros...
Voc sabe que a Internet o meio fcil de se comunicar com as pessoas,
localizar informaes sobre poltica, economia, notcias, educao, imagens, enfim
qualquer tema que precisar, at mesmo assuntos quentes. Pela Internet tambm eu
posso fazer amigos, divulgar meu trabalhos, fazer conferncias atravs de programas
de bate papo como Mirc, ICQ e outros. Mais ainda, posso comprar, vender e divulgar o
meu negcio pela Internet, atravs de aplicativos voltados para WEB, desenvolvidos
emqualquer plataforma para atender a ns amantes da NET.
Com toda essa tecnologia necessrio hoje, no se limitar ao Uso da Internet,
somente em saber:

O que preciso para se conectar


Meios de Navegao
Correio Eletrnico
Rede Dial Up

necessrio entender que estas informaes se propagam atravs de pgina no


formato de hypertexto, ou seja HTML(HyperText Markup Language), tornando a WEB
cada vez mais dinmica.
Por isso necessrio hoje, qualquer pessoa navegante da Internet Ter um
conhecimento mnimo sobre HTML, para que assim ela possa fazer sua prpria Home
Page com tantos megabytes como diz Gilberto Gil e criar seu Web Site para que suas
informaes pessoais ou comerciais possam velejar pela Internet e possa atingir seu
pblico.
Web Designer Passo a Passo para Iniciantes, um guia voltado para usurios
leigos no assunto sobre confeco de Home Pages e que ao final pretende deix-lo
pronto para montar uma pgina pessoal ou comercial composta de animaes, letreiros,
banners, imagens, tabelas e formulrios postados para caixa de e-mail e ainda abordar
70

os conceitos sobre WWW (World Wide Web), com textos objetivos, passando por
tutorias amplamente exemplificados sobre construo de pginas em HTML e depois
trabalhando com o modo interativo atravs Front Page Express.
Lembrando que existem hoje muitos Editores de Pginas 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 evoludo, pois chegar um tempo
em que este software no atender a tanta imaginao ou criao que pretenda fazer.
Por hora, uma excelente ferramenta para iniciar seus estudos sobre confeco
de Home Pages, mo obras e um bom estudo!

PARTE I
INTERNET INTRODUO
Mais que um modismo a Internet tornou-se um fenmeno.
Conectando mais de um milho de computadores e cerca de 40 milhes de
usurios, espalhados em noventa pases, valores estes que mudam a cada dia, sem
dvida no dar para ficar de fora desta teia.
Enfim, se formos descrever Internet, a melhor definirmos como Comunicao.
Com ela encontramos servios e facilidades, notcias 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
segurana.

HISTRICO
A Internet deve incio em 1969 sob o nome de ARPANET (USA). Composta de
quatro computadores tinha coo finalidade, demonstrar as potencialidades na construo
de redes usando computadores dispersos (espalhados) em uma grande rea. A idia foi
boa, e em 1972, 50 universidades e instituies militares j possuam conexes. Hoje
uma arquitetura de software e hardware que se comunicam entre si que so mantidas
por organizaes comerciais e governamentais. Mas uma das principais caractersticas
71

da Internet, que no possui dono, para organizar toda essa troca de informaes,
existem associaes e grupos que se dedicam para suportar, ratificar padres e resolver
questes operacionais, visando promover os objetivos da Internet.

A WORD WIDE WEB


As pessoas costuma falar em Internet e Web, ser a mesma coisa? Ser apenas
uma gria da moada do bate papo? Ou existe realmente um conceito cientfico para
isto? Para resolver esta dvida e tambm para comearmos a entender esta srie de
definio de conceitos, vamos partir do seguinte princpio:
A Word Wide Web (teia mundial) conhecida como WWW, uma nova estrutura de
navegao pelos diversos itens de dados em vrios computadores diferentes. O modelo
WWW tratar todos os dados da Internet como hipertexto, isto , vinculaes entre as
diferentes partes do documento para permitir que as informaes sejam exploradas
interativamente e no apenas de uma forma linear.
Por isso existem programas como Microsoft Internet Explorer, que aumentaram
muito a popularidade da Internet e graas as suas potencialidades, hoje podemos ver
nas pginas da Internet, documentos formatados (cores, efeitos e etc...), escutar
msica, assistir a vdeos, e muito mais.
Enfim a Web, a interface grfica da Internet, pois podemos acessar a Internet,
transferir arquivos( Processo a qual chamamos UpLoad), e realizar outras operaes
bsica sem precisar de uma interface grfica.
Para concluir s estamos de fato usando a Web, quando estamos navegando
fazendo uso das Home Pages para acessar um site, ou seja, um endereo nico que
contm a Home Page (pgina inicial) e outras pginas que fazem parte deste conjunto
de pginas e todas em um nico cdigo fonte escrito em uma linguagem chamada
HTML.

CONECTANDO SE INTERNET
Em tempos remotos somente alguns privilegiados podiam Ter acesso Internet.
Agora, qualquer um pode obter esse acesso por um preo mnimo, ou melhor, voc
poder Ter acesso gratuito, pagando somente o pulso da linha telefnica, ou mais
gratuito ainda, o acesso e ainda o pulso da linha telefnica, ou seja, voc dependendo
do tipo da conexo que use no precisa pagar nada, s precisa Ter o equipamento
necessrio para Ter acesso a Internet.
72

EQUIPAMENTOS NECESSRIOS

Os equipamentos necessrios so:

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 aps voc discar atravs da Rede Dial-Up)

Linha Telefnica (Digital ou Analgica)


Vale ressaltar que esta uma configurao mnima, quando melhor o equipamento que
usar com certeza voc ser mais feliz usando a Net.

TIPOS DE CONEXES
Existem dois tipos de conexes para acesso a Internet.

DEDICADA So as conexes diretas, utilizadas pelos fornecedores de servios que


vendem conexes de todos os tipos para pessoas e organizaes. Estes tipos de

73

fornecedores chamamos de Provedores. Estas linhas so de alta velocidade e tambm


muito caras.

DISCADA - o tipo de conexo usada por usurios comuns.


Nesse caso, voc disca para o provedor atravs 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 tpico Word Wide Web) por meios de
domnios quando adiciona a URL na barra de endereo, do seu Navegador (Browser),
voc ver pginas na WEB bem dinmicas, organizadas, animadas e com ela trazendo
informaes, imagens, sons, vdeos e etc.
Ento, voc deve se perguntar. Como feito? Como elas se propagam? Todas
estas pginas possuem um cdigo fonte escrito numa linguagem chamada HTML (Hyper
Text Markup Language).
Este tutorial tem por objetivo mostr-lo como criar e exibir pginas HTML, como
as que voc ver atravs da WEB. Tais pginas so criadas a partir de arquivos texto
ASCII, contendo caracteres de marcao da linguagem HTML. Uma vez criados, estes
arquivos so salvos com uma extenso.html.
Ento, entendido novamente mais uma etapa, vamos iniciar o curso de verdade.
A cada exemplo voc dever salvar seu arquivo com aextenso html. Certo ?

HIERARQUIA DE ELEMENTOS
Primeiramente, gostaria de lembrar-lhe como citei a linhas acima, que existem
vrios editores de Home Pages, como por exemplo: o Front Page Express, Netscape
Composer, Home Site, etc. S que na ausncia destes aplicativos e voc
desconhecendo a Linguagem de HyperTextos, HTML, no poderia criar suas pginas.
Da a importncia de se conhecer esta linguagem. Entendeu?

74

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 bsicas de uma pgina HTML mostrada na listagem 1.1. Observe
que a construo de pginas exigir o uso de marcadores chamados de TAGS. Veja
agora o uso deles na listagem 1.1

Listagem 1.1
<html>
<head>
<title>COLOQUEAQUIOTTULODAPGINA</title>
</head>
<body>
DAQUIEMDIANTEVocDESENVOLVESUAPGINA
</body>
</html>
Fim da Listagem 1.1
Com certeza voc observou que sempre usei os tags, fazendo demarcao, ou
seja, eles sempre estaro ANTES DE ALGUMA COISA E APS ALGUMA COISA.
Quer mais um exemplo para entender melhor? Tudo bem.
Exemplo: <title>EDITORA ERICA</title>
CONCEITO DOS TAGS USADOS NESTE EXERCCIO

EXERCCIO 1- Vamos praticar?


Bem entendido os conceitos bsicos e voc mais feliz, vamos criar nossa
primeira pgina.
1) Abra o Bloco de Notas Iniciar/Programas/Acessrios/Bloco de Notas
2) Digite o cdigo da listagem 1.2. Aps digit-lo salve na pasta Meus
75

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, faa as seguintes
tarefas:
2.1) Na opo Salvar em selecione a pasta onde deseja salvar, no caso
Meus Documentos
2.2) Na opo Nome do arquivo coloque o nome do arquivo
exemplo1.html
2.3) Finalmente clique no boto Salvar

Listagem 1.2
<html>
<head>
<title>MinhaHomePage</title>
</head>
<body>
AquinesteespaodesenvolvereiminhaHomePage!
Aguarde!!
</body>
</html>
76

Fim da Listagem 1.2


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

digite

C:\Meus

documentos\exemplo1.html.

Veja

figura

1.2

Exerccio 2 Vamos aprender mais um pouco?


Em alguns momentos em sua pgina faz necessrio comentar alguns trechos do
cdigo para facilitar na leitura e manuteno da pgina, por isso adicionamos
comentrios, ou seja, palavras ou frases que no so exibidos no Navegador, apenas so
visto como estamos trabalhando no cdigo 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.
- ATENO: Salve sempre os seus exemplos na pasta Meus Documentos, o
processo para salvar igual ao do Exemplo1, troque apenas o nome do arquivo. Na
dvida veja o exemplo 1. Tudo bem?

Listagem 1.3
<!InciodoDocumentoHTML>
<html>
<head>
<title>MelhorandoMinhaHomePage</title>
<metaname="author"content="NMBSInformtica">
77

<metaname="keywords"content="html,homepages">
</head>
<!InciodoCorpodaPgina>
<body>
<h1>EsteottuloPrincipal</h1>
<h2>EsteottuloSecundrio</h2>
<h3>Estouadorandocriarpginas</h3>
<hr>
<p>Esteo1PrimeiroParagrfo<br>Esta2
Linhado1Paragrfo
<p>Comesterecursoinicioumparagrfo<br>ECom
esterecursoquebroumalinha
<hr>
<!FimdoCorpodaPgina>
</body>
</html>
<!FimdoDocumentoHTML>

Fim da Listagem 1.3


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

78

CONCEITO DOS TAGS USADOS NESTE EXERCCIO

Agora, que voc viu o resultado do exemplo2.html a cada vez mais feliz, por est
entendendo esta linguagem, vamos passar para o Exerccio 3.

Exerccio 3 TAGS DE ALINHAMENTO


Assim, como num documento comum, h necessidade de melhorar a aparncia
do documento, e a primeira providncia a tomar cuidar do alinhamento do texto. O
Alinhamento padro 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 ttulos e paragrfos nas pginas.

Listagem 1.4
<html>
<head>
<title>TagsparaAlinhamentos</title>
</head>
<body>
<h4align=center>TtuloCentralizado</h4>
<h4align=right>TtuloDireita</h4>
<h4align=left>TtuloEsquerda<h4>
<hr>
<palign=center>PargrafoaoCentro
<palign=right>Pargrafoadireita
<palign=left>Paragrfoaesquerda
<palign=justify>Esteumtexto
justificado.NalinguagemHTMLtemosvriostiposde
alinhamentosquevocpoderaplicaremsuapgina.
Nestapartedolivro,veremoscomoalinharlinhas,
pargrafosecabealhos.
79

<br>
<br>
<hrwidth=50%align=center>
<blockquote>Textocommais
margem</blockquote>
<blockquote><blockquote>Temcommaismargem
ainda</blockquote></blockquote>
</body>
</html>

Fim da Listagem 1.4


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

Figura 1.4

80

CONCEITO DOS TAGS USADOS NESTE EXERCCIO

Exerccio 4 FORMATAO DE ESTILOS


Muito bem caro estudante, perceba que a cada exemplo sua pgina vai melhorando ainda
mais sua aparncia. Neste exemplo trabalharemos com a formatao 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>FormatandoEstilos</title>
</head>
<body>
<center>MudandooEstilodosCaracteres</center>
<p>
<b>TextoemNegrito</b><br>
<i>TextoemItlico</i><br>
<u>Textosublinhado</u><br>
<tt>TextoMonoespaado</tt><br>
<br><fontcolor=red>TextoemVermelho</font>
<br><fontsize=5>TextoemTamanho5</font>
<br><fontface=verdana>Textocomaletra
Verdana</font>
<br><fontface=arialblack>Vocpodefazer
combinaes</font>
<br><center>
<fontcolor=blueface=verdanasize=5><b>Editora
rica</b></font></center>
<br>Vocpoderosatributosparacadatipode
letra!
<br>
<fontcolor=bluesize=6>E</font><fontcolor=red
size=4>ditorarica</font>
<br>
81

<pre>
Estamosprogredindo
nocursodeHTML.
Estetagpermitequetodososespaos
feitosnocdigofonte
sejamrespeitados.Certo?
</pre>
</body>
</html>
Fim da Listagem 1.5
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereo digite
C:\Meus documentos\exemplo4.html. Veja a figura 1.5

CONCEITO DOS TAGS USADOS NESTE EXERCCIO

82

TABELA DE CORES
Voc percebeu que as cores a fonte obedecem o idioma ingls, no entanto, as
cores da fonte podem ser adicionados atravs do nome ou de seus respectivos cdigos.
Ento para voc ficar mais feliz, relacionei aqui algumas cores para colorir e diversificar
sua home page. Veja a figura 1.6

Figura 1.6

Exerccio 5 LISTAS NUMERADAS E MARCADAS


E l vamos ns para um mais exerccio. Desta vez trabalharemos com listas
numeradas e marcadores. Assim como em uma carta ou qualquer outro documento
comum, precisamos listar tpicos atravs de smbolos ou nmeros.
Para entender isto, digite a listagem 1.6, e salve como exemplo5.html.
Listagem 1.6
<html>
<head><title>Listas</title>
</head>
83

<body>
<h3>Istoumalista</h3>
<!InciodosNumeradores>
<ol>
<li>Item1
<li>Item2
<li>Item3
</ol>
<!FimdosNumeradores>
<hrwidth=50%size=5align=left>
<!InciodosMarcadores>
<ul>
<li>Item1
<li>Item2
<li>Item3
</ul>
<!FimdosMarcadores>
</body>
</html>

Figura 1.7
Fim da Listagem 1.6
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de
endereo digite C:\Meus documentos\exemplo5.html. Veja a figura 1.7

84

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>Istoumalistageminiciandononmero4</h3>
<olstart=4>
<li>Item1
<li>Item2
<li>Item3
</ol>
<h3>Istoumalistagemcomletras</h3>
<oltype=A>
<li>Editora
<li>rica
<li>Livros
</ol>
<h3>Istoumalistagememalgarismoromano</h3>
<oltype=I>
<li>Editora
<li>rica
<li>Livros
</ol>
<h3>Estaumalistagememalgarismoromanoapartir
donmero3</h3>
<oltype=Istart=3>
<li>Editora
<li>rica
<li>Livros
</ol>
</body>
</html>
85

Fim da Listagem 1.7


Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de
endereo digite C:\Meus documentos\exemplo6.html. Veja a figura 1.8

Figura 1.8

Vamos terminar esta lio com mais um exemplo? Desta vez, faremos uma
listagem com subnveis.
Para entender isto, digite a listagem 1.8, e salve como exemplo7.html
Listagem 1.8
<html>
<head><title>Listas</title>
</head>
<body>
<h3>ListagemeSubListagem</h3>
<ol><!InciodoNumerador>
<li>Item1
<ul><!InciodoMarcadordentrodoNumerador>
<litype=disc>Item1.1
<litype=disc>Item1.2
<litype=disc>Item1.3
</ul><!FimdoMarcadordentrodoNumerador>
<li>Item2
86

<ul><!InciodoMarcadordentrodoNumerador>
<litype=square>Item2.1
<ul><!InciodoMarcadordentrodoMarcador>
<litype=circle>Item2.1.1
<litype=circle>Item2.1.2
<litype=circle>Item2.1.3
</ul><!FimdoMarcadordentrodoMarcador>
<litype=circle>Item2.2
<litype=disc>Item2.3
</ul><!FimdoMarcadordentrodoNumerador>
<li>Item3
</ol><!FimdoNumerador>
</body>
</html>
Fim da Listagem 1.8
Ufa! Terminamos mais uma etapa! Esse cdigo foi grande, mas valeu! Para ver o
resultado deste exemplo abra o Internet Explorer, e na barra de endereo digite C:\Meus
documentos\exempl7.html. Veja a figura 1.9

Observao: Voc poder adicionar a cor que desejar, tanto para o fundo quanto para o
texto. Os dois s no podem ser da mesma cor!(risos). Para escolher a cor, consulte na
Tabelade Cores (figura 1.6)
87

Como comentei linhas acima, voc tambm pode colocar um imagem no fundo da
pgina. Mas, antes de fazer o exerccio, observe as seguintes recomendaes:

As imagens suportadas so do tipo GIF e JPG. Na dvida sobre imagens

aconselho, consultar um livro de PhotoShop 5.0 ou outra verso.


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 pgina que por hora desenvolve.
Certo at a? Ento, basta que os arquivos de imagens, tambm fiquem na mesma
pasta projeto, assim no ter problema na hora de visualizar no Browser.
Outro exemplo que posso citar o seguinte. Imagine agora outra situao:

Voc agora resolveu organizar ainda mais o desenvolvimento de sua pgina.

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. Ento, tudo est
correto, mas no esquea 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? No
se preocupe voc far exemplo para as duas situaes, 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>InserindoImagemnoFundodaPgina</title>
</head>
<bodybackground=parede.gifbgproperties=fixed>
<h1align=center>Editorarica</h1>
<fontsize=4face=verdana>
<ul>
<li>Livros
<li>Dicas
<li>VolteSempre
</ul>
</font>
88

</body>
</html>
Fim da Listagem 1.10

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereo
digite C:\Meus documentos\exemplo9.html. Veja figura 1.11

Figura 1.11
Observao: Caso a imagem estivesse em uma subpasta bastaria apontar o caminho
para ela no tag. Veja o exemplo:
Exemplo: <bodybackground=/imagens/parede.gifbgproperties=fixed>
Onde:
imagens= o nome da subpasta
parede.gif = o nome do arquivo.

CONCEITO DOS TAGS USADOS NESTE EXERCCIO

Exerccio 7 IMAGENS

89

Muito bem, voc est evoluindo a cada exerccio. Neste exemplo exercitaremos
os tags que permitem a insero de imagens em sua home page. Antes de iniciar o
estudo sobre imagens, quero lembrar-lhe que uma imagem s poder ser exibida no
browser, se ela estiver na mesma pasta, ou ento, voc dever apontar o caminho onde
est, conforme o exemplo de nmero 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>Agoraestamostrabalhandocomimagens</h1>
<h3>Estasuaprimeiraimagem.Sorria?</h3>
<imgsrc=fig.jpgalign=left>Vejaseconsegueenxergar,
asseguintesimagens?<br>
Orostodeumvelho<br>
Umamoa<br>
Umcachorro<br>
Umoutrovelho<br>
Umpssaro<br>
Ealgomais<br>
</body>
</html>
Fim da Listagem 1.11
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereo digite
C:\Meus documentos\exemplo10.html. Veja figura 1.12

90

isso a, no se preocupe se voc no 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>
Notenesteexemploqueaimagem<img
src=fig2.jpg>estentreotexto<br>
<imgsrc=fig2.jpgalign=top>Imagemest
esquerdaeotextonotopo<br>
<imgsrc=fig2.jpgalign=middle>Imagemest
esquerdaeotextonocentro<br>
<imgsrc=fig2.jpgalign=left>Nesteexemploa
imagemficoualinhadaesquerda,
permitindoqueotextoficassetododireitaao
redordaimagem.Utilizeesterecursotoda
vezquedesejarqueotextofiqueaoladoda
imagem<br>
</body>
</html>
Fim da Listagem 1.12
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereo digite
C:\Meus documentos\exemplo11.html. Veja figura 1.13
91

CONCEITO DOS TAGS USADOS NESTE EXERCCIO

Exerccio 8 TABELAS
Nesta etapa conheceremos os tags responsveis pela construo de tabelas.
Na parte II deste estudo atravs do Front Page Express, utilizaremos a tabela
como recurso para a definio dos layouts de nossas pginas. 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>MontandoTabelas</title>
</head>
92

<body>
<tableborder=2><!AquicomeaaTabela>
<tr><!AquiComeaumalinha>
<td>Clula1</td>
<td>Clula2</td>
<td>Clula3</td>
</tr><!Aquiterminaumalinha>
<tr><!AquiComeaoutralinha>
<td>Frase1</td>
<td>Frase2</td>
<td>Frase3</td>
</tr><!Fimdaoutralinha>
</table><!FimdaTabela>
</body>
</html>

Listagem 1.13
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereo digite
C:\Meus documentos\exemplo12.html. Veja figura 1.14

Voc pode tambm controlar as dimenses 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>MontandoTabelas</title>
</head>
<body>
<tableborder=1width=400height=50
cellpadding=5cellspacing=5>
<tr>
93

<td>Item1</td>
<td>Item2</td>
<td>Item3</td>
</tr>
<tr>
<td>Item4</td>
<td>Item5</td>
<td>Item6</td>
</tr>
</table>
</body>
</html>
Fim da Listagem 1.14
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de
endereo digite C:\Meus documentos\exemplo13.html. Veja figura 1.15

Alinhamentos
Os elementos dentro da tabela tambm podem ser alinhados da mesma que um
pargrafo. Veja mais um exemplo atravs da listagem 1.15
Listagem 1.15
<html>
<head><title>MontandoTabelas</title>
</head>
<body>
<tableborder=1width=400height=120
cellpadding=5cellspacing=5>
<tr>
94

<tdalign=center>NoCentro</td>
<tdalign=right>ParaDireita</td>
<tdalign=left>ParaaEsquerda</td>
</tr>
<tr>
<tdvalign=bottom>Embaixo</td>
<tdvalign=top>NoTopo</td>
<tdvalign=middle>CentronaVertical</td>
</tr>
</table>
</body>
</html>
Fim da Listagem 1.15
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de
endereo digite C:\Meus documentos\exemplo14.html. Veja figura 1.16

Cor de Fundo
Voc pode ainda adicionar cores no fundo da tabela ou apenas de uma clula que
deseja. Lembra do atributo bgcolor, ento com este mesmo que voc pode adicionar
um cor padro para tabela ou para a clula.
Veja o exemplo:
<table bgcolor=blue>
O resultado seria assim: Toda Tabela teria um preenchimento azul

95

Veja mais este exemplo:


<table>
<tr>
<td bgcolor=beige>Bege</td>
<td bgcolor=red> Vermelho<td>
O resultado seria assim: As clulas teriam cores diferentes

CONCEITO DOS TAGS USADOS NESTE EXERCCIO

Observao: 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, conclumos mais uma etapa de nosso curso. Espero que te guia
esteja sendo realmente um farol em seu aprendizado.

Exerccio 9 LINKS
Como falei no incio, estamos produzindo pginas de hipertextos, ou seja, textos
que podem fazer ligaes com outros textos, ligando pginas entre si e a WEB. Ento,
estes pontos ns chamamos de links ou hyperlinks, ncoras de hipertexto, todos com a

96

mesma funo, de atravs de um nico clique sobre a frase ou imagem conduzir a


algum lugar no site ou na WEB.
O Tag responsvel o <A>, onde dentro deste, atravs de um atributo coloco a
referncia, ou seja, A URL (Uniform Resource Locator).
Para criar um link usamos a seguinte sintaxe:
SINTAXE: <A HREF=URL>Frase que aparece na pgina</a>
Onde:
<a> tag que marca o incio e o fim do link
href= atributo que especifica o nome da referncia
URL o nome do local para onde desejar linkar (ir)
Nada de complicao, que tal um exerccio para entendermos legal tudo isso?
Vamos nessa!
Como sempre, digite a listagem 1.16, e salve como exemplo15.html
Listagem 1.16
<html>
<head><title>EstudandoLinks</title>
</head>
<body>
<h2>ExemplodeLinksInternos</h2>
<h3>SeodeExemplos</h3>
<ahref=exemplo1.html>Exemplo1</a>
<ahref=exemplo2.html>Exemplo2</a>
<hr>
<h2>ExemplodeLinksExternos</h2>
<ahref=http://www.erica.com.br>ConheaaEditora
rica</a><br>
<ahref=http://www.apple.com>AppleComputer</a>
<h3>Vocpodeusarimagensparausarnos
links</h3>
<ahref=exemplo10.html><imgsrc=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
endereo digite C:\Meus documentos\exemplo15.html. Veja figura 1.17
97

Figura 1.17

98

Вам также может понравиться