Академический Документы
Профессиональный Документы
Культура Документы
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
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.
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,
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.
OUTROS PERIFRICOS
Placa de Vdeo tambm chamada de adaptador de
vdeo ou aceleradora
grfica,
um
componente
de
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,
10
11
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
13
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.
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.
16
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.
- CTRL + Z
- CTRL + X
8. Qual a capacidade de um disquete de 3,5?
9. O que um RW?
18
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
22
23
O MENU INICIAR
Quando voc clica no boto Iniciar, o Microsoft Windows mostra o menu Iniciar.
Clique no boto Iniciar para visualizar o menu Iniciar. Aponte para Programas e
aparecer o menu em cascata Programas.
25
26
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
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
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
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.
Aps terminar seu desenho clique na opo salvar do menu arquivo. Ex. abaixo:
30
WORDPAD
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.
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
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.
35
OBS: Tome cuidado quando acessar esta rea, pois ela totalmente configurada
quando
instalado
Sistema
Itens
que
podero
ser
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
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.
38
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
41
42
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.
43
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.
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.
46
47
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
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?
53
na
Internet.
Uma
URL
tem
seguinte
estrutura:
COM
indica
que
site
54
sites
do
governo
sites
de
contedo
educacional
campinas.edu.br
(www.puc-
site
da
Universidade de Campinas)
MIL
sites
militares
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
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.
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
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
60
Aps preencher os dados, sua conta ser criada e voc poder imediatamente
enviar e receber e-mails.
61
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:
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
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).
66
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:
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.
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
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:
TIPOS DE CONEXES
Existem dois tipos de conexes para acesso a Internet.
73
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
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
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
digite
C:\Meus
documentos\exemplo1.html.
Veja
figura
1.2
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>
78
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.
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>
Figura 1.4
80
<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
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
<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
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:
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:
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.
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
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
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
Figura 1.17
98