Introducao PDF
Introducao PDF
Introducao PDF
2
OPERADORES E FÓRMULAS...................................................................................................................................................... 115
LABORATÓRIO ...................................................................................................................................................................... 118
REFERÊNCIAS E NOMES ........................................................................................................................................................... 119
LABORATÓRIO ...................................................................................................................................................................... 124
INTRODUÇÃO A FUNÇÕES ........................................................................................................................................................ 126
LABORATÓRIO ...................................................................................................................................................................... 135
CLASSIFICAR DADOS E CONGELAR PAINÉIS ................................................................................................................................... 138
COMENTÁRIO ....................................................................................................................................................................... 140
LABORATÓRIO ...................................................................................................................................................................... 140
GRÁFICOS ............................................................................................................................................................................ 141
LABORATÓRIO ...................................................................................................................................................................... 142
PROTEGER OS ARQUIVOS, FÓRMULAS E AS PLANILHAS................................................................................................................... 143
FORMATAÇÃO CONDICIONAL .......................................................................................................................................... 146
FORMATAR COMO TABELA ...................................................................................................................................................... 158
LABORATÓRIO ...................................................................................................................................................................... 158
FUNÇÕES AVANÇADAS ............................................................................................................................................................ 159
LABORATÓRIO ...................................................................................................................................................................... 161
FUNÇÕES LÓGICAS ................................................................................................................................................................. 161
LABORATÓRIO ...................................................................................................................................................................... 162
FUNÇÕES DE PROCURA E REFERÊNCIA ........................................................................................................................................ 164
LABORATÓRIO ...................................................................................................................................................................... 166
FUNÇÕES DE INFORMAÇÕES .................................................................................................................................................... 166
LABORATÓRIO ...................................................................................................................................................................... 168
FUNÇÕES FINANCEIRAS ........................................................................................................................................................... 168
LABORATÓRIO ...................................................................................................................................................................... 170
USANDO FILTROS .................................................................................................................................................................. 170
LABORATÓRIO ...................................................................................................................................................................... 175
ORTOGRAFIA E AUTO-CORREÇÃO.............................................................................................................................................. 176
SOLUÇÃO PARA FÓRMULAS OU FUNÇÕES ................................................................................................................................... 177
AUDITORIA DE FÓRMULAS....................................................................................................................................................... 179
TECLAS DE ATALHO ................................................................................................................................................................ 181
UNIDADE 4 - EDIÇÃO DE APRESENTAÇÕES ................................................................................................................ 185
MICROSOFT POWERPOINT...................................................................................................................................................... 185
O QUE PODE SER FEITO COM POWERPOINT ................................................................................................................................ 185
COMO FAZER APRESENTAÇÕES ................................................................................................................................................. 185
DURAÇÃO DA APRESENTAÇÃO.................................................................................................................................................. 187
CONDUÇÃO DA APRESENTAÇÃO: .............................................................................................................................................. 187
PARA ENCERRAR: .................................................................................................................................................................. 187
INTERFACE ........................................................................................................................................................................... 188
NOVA/ABRIR/SALVAR ........................................................................................................................................................... 188
ABRIR APRESENTAÇÃO ........................................................................................................................................................... 189
SALVAR APRESENTAÇÃO ......................................................................................................................................................... 189
IMPRIMIR/FECHAR ................................................................................................................................................................ 190
IMPRESSÃO RÁPIDA ............................................................................................................................................................... 190
FECHAR APRESENTAÇÃO ......................................................................................................................................................... 191
INICIANDO A APRESENTAÇÃO................................................................................................................................................... 192
ENTENDENDO A JANELA DO POWERPOINT ................................................................................................................................. 194
ENTENDENDO OS MODOS DO POWERPOINT .............................................................................................................................. 194
TRABALHANDO COM OS COMANDOS DO POWERPOINT................................................................................................................. 196
TRABALHANDO COM SLIDES E LAYOUTS ..................................................................................................................................... 198
COPIAR UM SLIDE DE UMA APRESENTAÇÃO PARA OUTRA ............................................................................................................... 199
EXCLUIR UM SLIDE ................................................................................................................................................................. 200
TRABALHANDO COM SLIDES E SLIDE MESTRE .............................................................................................................................. 201
3
USANDO, CRIANDO E MODIFICANDO PLANO DE FUNDO. ............................................................................................................... 203
APRESENTANDO OS SLIDES NA TELA DO COMPUTADOR.................................................................................................................. 204
BOTÕES DE AÇÃO .................................................................................................................................................................. 204
COLOCANDO TEXTOS NOS SLIDES .............................................................................................................................................. 205
LOCALIZANDO E SUBSTITUINDO TEXTO ....................................................................................................................................... 207
VERIFICANDO ORTOGRAFIA ..................................................................................................................................................... 208
UTILIZANDO MÉTODO DE TÓPICOS ............................................................................................................................................ 209
UTILIZANDO TEXTOS DE OUTROS APLICATIVOS ............................................................................................................................. 210
OCULTAR UM SLIDE ............................................................................................................................................................... 210
INSERIR UM HYPERLINK .......................................................................................................................................................... 211
ADICIONANDO ELEMENTOS VISUAIS NOS SLIDES........................................................................................................................... 212
CRIAR UM ÁLBUM DE FOTOGRAFIAS .......................................................................................................................................... 215
CRIANDO GRÁFICOS............................................................................................................................................................... 215
CRIANDO ORGANOGRAMA...................................................................................................................................................... 217
UTILIZANDO O WORDART....................................................................................................................................................... 219
TRABALHANDO COM OBJETOS DO POWERPOINT ......................................................................................................................... 220
RECORTANDO, COPIANDO, COLANDO E DUPLICANDO OBJETOS. ...................................................................................................... 224
REDIMENSIONANDO OBJETOS .................................................................................................................................................. 225
APRIMORANDO OBJETOS ........................................................................................................................................................ 225
UTILIZANDO POWERPOINT COM OUTROS PRODUTOS ................................................................................................................... 225
ANOTAÇÕES, FOLHETOS E APRESENTAÇÕES DE SLIDES................................................................................................................... 228
FOLHETOS ........................................................................................................................................................................... 229
CRIANDO APRESENTAÇÕES DE SLIDES......................................................................................................................................... 230
TRANSIÇÃO DE SLIDES ............................................................................................................................................................ 230
APLICANDO EFEITOS EM TEXTOS ............................................................................................................................................... 231
APLICANDO EFEITOS DE ANIMAÇÃO EM OBJETOS ......................................................................................................................... 232
INSERINDO ARQUIVO DE MÚSICA .............................................................................................................................................. 232
INSERINDO UM VÍDEO ............................................................................................................................................................ 233
GRAVAR ÁUDIO .................................................................................................................................................................... 234
ASSISTENTE PARA VIAGEM ...................................................................................................................................................... 235
CONFIGURANDO O MODO DE APRESENTAÇÃO ............................................................................................................................ 236
TECLAS DE ATALHO PARA O POWERPOINT .................................................................................................................................. 239
UNIDADE 5 - WEB – CONSTRUÇÃO DE PÁGINAS ....................................................................................................... 241
MICROSOFT FRONTPAGE ........................................................................................................................................................ 241
UNIDADE 6 - INTRODUÇÃO AO HTML E WEB STANDARDS ....................................................................................... 247
A LINGUAGEM HTML E A INTERNET ......................................................................................................................................... 247
AS LIMITAÇÕES DO HTML ...................................................................................................................................................... 247
OS WEB STANDARDS ............................................................................................................................................................. 248
W3C .................................................................................................................................................................................. 248
POR QUE ENTENDER O HTML? ............................................................................................................................................... 248
CONCEITOS BÁSICOS DE HTML ............................................................................................................................................... 249
TAGS BÁSICAS ...................................................................................................................................................................... 249
CORES EM HTML ................................................................................................................................................................. 251
A LINGUAGEM HTML E A INTERNET ......................................................................................................................................... 252
AS LIMITAÇÕES DO HTML ...................................................................................................................................................... 253
OS WEB STANDARDS ............................................................................................................................................................. 253
W3C .................................................................................................................................................................................. 253
IMPORTÂNCIA DOS WEB STANDARDS ........................................................................................................................................ 254
POR QUE ENTENDER O HTML? ............................................................................................................................................... 254
CONCEITOS BÁSICOS DE HTML ............................................................................................................................................... 254
TAGS BÁSICAS ...................................................................................................................................................................... 255
FORMATAÇÃO DE TEXTOS ....................................................................................................................................................... 257
4
LISTAS................................................................................................................................................................................. 261
CORES EM HTML ................................................................................................................................................................. 265
FAZENDO REFERÊNCIA A OUTROS DOCUMENTOS ........................................................................................................................ 269
INCLUINDO IMAGENS COM A TAG IMG ..................................................................................................................................... 270
INCLUINDO IMAGENS NO FUNDO DA PÁGINA – TAG BODY........................................................................................................... 273
CRIANDO LINKS .................................................................................................................................................................... 274
CRIANDO TABELAS .............................................................................................................................................................. 276
FORMULÁRIOS ...................................................................................................................................................................... 284
EXERCÍCIOS SUGERIDO ........................................................................................................................................................... 292
INTRODUÇÃO A ESTILOS CSS ................................................................................................................................................... 292
BENEFÍCIOS EM UTILIZAR CSS.................................................................................................................................................. 293
CSS PARA SEPARAR CONTEÚDO DA APRESENTAÇÃO .................................................................................................................... 294
PÁGINAS COM SEMÂNTICA CORRETA ........................................................................................................................................ 294
SINTAXE DO CSS ................................................................................................................................................................... 295
APLICANDO ESTILOS A UMA PÁGINA .......................................................................................................................................... 296
FORMAS DE UTILIZAÇÃO DOS SELETORES .................................................................................................................................... 297
EXERCÍCIOS .......................................................................................................................................................................... 302
UTILIZANDO CSS EM SITUAÇÕES REAIS ..................................................................................................................................... 302
CRIANDO TABELAS COM ESTILOS CSS ....................................................................................................................................... 302
DADOS EXIBIDOS EM UMA TABELA COM CSS.............................................................................................................................. 303
ALTERANDO O ESTILO CSS ...................................................................................................................................................... 304
DADOS E FORMULÁRIOS COM CSS ........................................................................................................................................... 305
EXERCÍCIOS COM CSS ............................................................................................................................................................ 307
INTRODUÇÃO AO TABLELESS DESIGN ......................................................................................................................................... 307
PROBLEMAS NO DESIGN COM TABELAS ..................................................................................................................................... 307
DESIGN TABLELESS – CSS BOX MODEL ..................................................................................................................................... 308
UM EXEMPLO DE TABLELESS DESIGN ........................................................................................................................................ 308
XHTML .............................................................................................................................................................................. 310
EXERCÍCIO ........................................................................................................................................................................... 315
- PRINCIPAIS TAGS ................................................................................................................................................................. 316
5
Unidade 1 - Introdução à Informática
Histórico
Baseado na máquina de Pascal, inventou uma calculadora capaz de realizar as quatro operações
básicas.
1802 – Joseph M. Jacquard - matemático francês.
Fase embrionária da programação e do cartão perfurado - sendo utilizado pela indústria têxtil.
Construiu um tear que memorizava os modelos da fábrica em cartões metálicos perfurados.
1822/1834 – Charles Babbage – matemático inglês.
Primeira calculadora matemática (máquina diferencial).
Concepção dás máquinas de três estágios fundamentais:
- Entrada com cartões perfurados
- Processamento usando memória rudimentar das engrenagens.
- Saída
1880/1890 – Hermann Hollerith – estatístico norte americano.
Criou um sistema de Codificação de Dados com cartões perfurados e máquinas de tabulação,
utilizado no censo americano de 1890, fundando então a Tabulating Machine Company,
percursora da IBM (fundada em 1924).
1890 – William S. Burroughs – contador e bancário.
Produziu uma máquina de calcular que imprimia as parcelas e os resultados, criando a American
Arithmometer Corporation, percursora da Burroughs Company, que acabou se tornando em 1986 a
Unisys, depois da união com a UNIVAC.
1936 – Konrad Zuse
O primeiro computador eletromecânico, o chamado Z-1, usava relés e foi construído pelo alemão
Konrad Zuse (1910-1995) em 1936. Zuze tentou vendê-lo ao governo para uso militar, mas foi
subestimado pelos nazistas, que não se interessaram pela máquina.
1937 – Howard Aiken – matemático norte americano.
Fabricou em conjunto com Thomas Watson da IBM o MARK I – um computador eletromecânico
que media 2.5 metros de altura por 18 metros de comprimento, com 750 mil partes e mais de 700
km de cabos. Ainda não utilizava válvulas. Foi usado pela marinha durante a guerra mas só foi
apresentado em 1944, após a guerra. Mark I tinha milhares de relés e fazia um barulho infernal.
Uma multiplicação de números de 10 dígitos levava 3 segundos para ser efetuada.
1943/1946 – J. Presper Eckert e John Mauchly cientistas da Universidade da Pensilvânia - EUA.
Foi colocado em funcionamento o ENIAC – (Eletronic Numeric Integrator And Calculator) - sigla de
Integrador Numérico Eletrônico e Calculador, ocupava uma área de 200 metros quadrados.
Do alto dos seus 3,5 metros de altura por 30 metros de comprimento - refrigerados a água e 30
toneladas, era capaz de somar 500 algarismos em um segundo (mil vezes mais rápido do que o
MARK I). Continha 18 mil válvulas, 10 mil capacitores e milhares de resistores e relés, consumindo
150 mil watts. A programação era realizada por meio de fios. Os dados (bits) eram inseridos por
meio de interruptores, e os resultados obtidos através de lâmpadas em um painel. A cada dois
minutos uma válvula se queimava, custando cada uma U$ 2000.
Foi construído objetivando o cálculo da trajetória de mísseis, realizando estudos de balística
durante a segunda Guerra Mundial, sua construção findou-se 1 ano após o término da Guerra.
4
Introdução à Informática
Hardware
É a parte física, ou seja, o material do computador, composta por componentes eletrônicos, fiação,
placas, gabinete, periféricos, etc. É a que suporta a execução das funções básicas de um
computador: Entrada de dados, processamento/armazenamento e saída.
UC - responsável por gerar todos os sinais que controlam as operações no exterior do CPU, e
ainda por dar todas as instruções para o correto funcionamento interno da CPU; a apoiá-la terá a
colaboração de outra estrutura/ator (o decodificador de instruções). A unidade de controle executa
três ações básicas intrínsecas e pré-programadas pelo próprio fabricante do processador, são
elas: busca (fetch), decodificação e execução. Assim sendo, todo processador, ao iniciar sua
operação, realiza uma operação cíclica, tendo como base essas três ações. Dependendo do tipo
de microprocessador, a unidade de controle pode ser fixa ou programável. A unidade fixa é aquela
unidade que já vem com todo o conjunto de instrução programado que é construída pelo
fabricante, dentro da UC.
ULA (Unidade Central de Processamento) - executa as principais operações lógicas e aritméticas
do computador. Ela soma, subtrai, divide, determina se um número é positivo ou negativo ou se é
zero. Além de executar funções aritméticas, uma ULA deve ser capaz de determinar se uma
quantidade é menor ou maior que outra e quando quantidades são iguais. A ULA pode executar
funções lógicas com letras e com números.
BIOS – Basic Input/Output System (Sistema Básico de Entrada/Saída). O termo é incorretamente
conhecido como Basic Integrated Operating System (Sistema Operacional Básico Integrado) ou
Built In Operating System (Sistema Operacional Interno). O BIOS é um programa de computador
pré-gravado em memória permanente (firmware) executado por um computador quando ligado. Ele
é responsável pelo suporte básico de acesso ao hardware, bem como por iniciar a carga do
sistema operacional.
5
Introdução à Informática
Categorias de Microprocessadores
6
Introdução à Informática
7
Introdução à Informática
Pentium II (i440Bx)
Sucessor do Pentium MMX, com velocidades de 300, 333, 350,
400 MHz. Possui barramento de 100 MHz, e é encapsulado em
um envólucro(cartucho) que engloba o processador e a cache
externa(L2), este envólucro metálico facilita a dissipação do calor.
A memória cache primária(L1) continua sendo 32 KB igual ao
8
Introdução à Informática
9
Introdução à Informática
Pentium III Projetado para a Internet, o processador Pentium III vem com
clock de 450 e 500 MHz, e com 70 novas instruções que habilita
aplicativos de processamento avançados de imagens, 3D, áudio
e vídeo, e reconhecimento de voz. Seu barramento é de 100
MHz, com memória cache secundária de 512 KB.
10
Introdução à Informática
mesmo clock..
Slots de expansão - são conectores localizados na placa principal nos quais se podem acoplar
novos circuitos ao sistema, como placa de som, placa de fax ou controladora de scanner.
11
Introdução à Informática
Clock (Relógio) - é um dispositivo do núcleo, responsável por determinar a frequência com que a
energia fluirá pelos componentes elétricos e eletrônicos do núcleo (cadência de funcionamento do
micro). Cada pulso ou frequência é chamado de ciclo de operação, e é uma forma de medir a
velocidade de processamento de um computador. É usualmente medido em nanosegundos.
Memória - a memória pode ser entendida como o recipiente no qual são realizadas as operações
de tratamento dos dados. É o elemento volátil do computador onde são carregados programas e
dados em tempo de execução. Dispositivo do micro a partir do qual é feito o tratamento dos dados.
O padrão mínimo atual são 128 megabytes, espaço equivalente a aproximadamente 128 milhões
de caracteres, podendo normalmente chegar até 1 GB (cada elemento de memória – chamado de
pente).
12
Introdução à Informática
13
Introdução à Informática
Disco flexível, disquete ou floppy disk - é um pequeno disco de poliester especial, revestido
com óxido de ferro, selado - dentro de um envelope de PVC. Os dados são registrados, através da
cabeça de leitura e gravação do drive, em trilhas circulares. A superfície dos discos é dividida em
setores a fim de possibilitar uma rápida recuperação da informação armazenada.
A densidade de um disquete e a quantidade de informações que ele pode armazenar são
determinadas pelas propriedades magnéticas do revestimento, pelo número de trilhas gravadas e
pelo esquema de codificação usado. Eram comercializados em três tamanhos: - 8", 5 ¼" (disquete)
- 3 ½" (microfloppy).
Apenas os discos de 3 ½" passaram a ser denominados disquetes. As características mais
importantes a reter sobre os diversos tipos de disco são: capacidade total de armazenamento
(0,36 MB a 2,88 MB), número de trilhas (40 ou 80) e setores/trilha (de 9 a 36); número de faces
(simples ou dupla); densidade (simples ou dupla); velocidade de rotação (150 ou 300 rpm); tempo
de acesso (1/5 seg.); velocidade de transferência.
Todo disco necessita de formatação, um disco sem formatação é como um papel não pautado. A
formatação coloca linhas mestras, para que o sistema operacional saiba onde localizar a
informação. Normalmente formatam-se disquetes de 3 ½ para armazenarem até 1,44 MB. Alguns
cuidados com os disquetes: Não deixá-los próximos a campos magnéticos; evitar temperaturas
elevadas ou baixas; não deixar os disquetes expostos a poeira; evitar líquidos ou substâncias
químicas que possam desprender vapor; devem ser armazenados em local seguro, fresco, seco e
na posição vertical; não tocar com os dedos na superfície magnética exposta na abertura para
leitura e gravação.
Acionador de disquetes (ou drives) – equipamento responsável pela leitura dos disquetes.
Winchester ou Hard Disk – Sinônimo de disco rígido, o winchester é fixo no computador e
armazena grande quantidade de dados. O disco rígido é composto de discos (pratos) metálicos
interligados, revestidos com elemento magnetizável, formando uma pilha de discos, que
chamamos de cilindro. Um disco rígido de 100 GB, tem capacidade para guardar o equivalente aos
dados de 69500 disquetes de 3 ½ polegadas. Suas principais características são: Maior
capacidade de armazenamento; maior velocidade de acesso; é não removível (fixo); maior
confiabilidade. A figura apresenta um disco rígido e um atual, respectivamente.
14
Introdução à Informática
CD-ROM - (Compact Disk Read Only Memory - Memória Somente de Leitura em CD).
Semelhante ao CD de música, mas com capacidade para armazenar dados, imagens e sons. É
pré-gravado na fábrica utilizando o mesmo processo de produção dos "antigos" discos de vinil
(cópias prensadas mecanicamente a partir de uma matriz), não podendo ser apagado ou
regravado (somente para leitura). Armazenamento óptico – um feixe de laser de baixa potência
rastreia o disco refletindo ou não na superfície, codificando desta forma os bits 0s e 1s. Qual a
capacidade de um CD-ROM? Um único disco pode conter: 250.000 folhas de texto (formato
ASCII); 12.000 documentos digitalizados (papel A4) ou equivale ainda a 541 disquetes de 1,2 MB
(3 ½").
Drive de CD-ROM – Acionador responsável pela leitura de CDs. É classificado segundo a
velocidade de acesso (p/ex. 16x, 50x, onde o 'x' representa um múltiplo da velocidade padrão de
leitura).
15
Introdução à Informática
CD-WORM - (Write Once Read Many - Uma só Gravação e Muitas Leituras). Esses discos são
gravados pelos próprios usuários, com a capacidade de cerca de 1GB. Aceita uma única
gravação, daí passa a comportar-se como um CD-ROM, ou seja, uma vez gravado não pode ser
mais alterado. A superfície do disco é "esculpida" formando-se regiões de reflexão ou difusão do
feixe de luz – bits 1s e 0s. A principal aplicação está na gravação de imagens de documentos (por
bancos, p/ex.). O CD-R (Recordable CD) representa a popularização do WORM, armazenando até
800MB.
Disco Magneto-óptico – União das tecnologias de gravação magnética e óptica. O disco é
coberto por cristais metálicos que ficam protegidos por uma camada de plástico que impede o
movimento dos cristais. Durante o processo de gravação dos dados um raio laser de alta potência
derrete o plástico permitindo a orientação dos cristais através de um imã. Os cristais são
orientados de forma a refletirem ou não a luz incidente, codificando desta forma a informação.
Apresentam uma capacidade de armazenamento de mais de 1 GB.
Memória flash é do tipo não volátil o que significa que não precisa de energia para manter as
informações armazenadas no chip. Além disso, a memória flash oferece um tempo de acesso
(embora não tão rápido como a memória volátil DRAM utilizadas para a memória principal em
PCs) e melhor resistência do que discos rígidos. Estas características explicam a popularidade de
memória flash em dispositivos portáteis. Outra característica da memória flash é que quando
embalado em um "cartão de memória" são extremamente duráveis, sendo capaz de resistir a uma
pressão intensa, variações extremas de temperatura, e até mesmo imersão em água.
16
Introdução à Informática
Uma limitação é que a memória flash tem um número finito de modificações (escrita/exclusão).
Porém este efeito é parcialmente compensado por alguns chip firmware ou drivers de arquivos de
sistema de forma dinâmica e escreve contando o remapeamento dos blocos, a fim de difundir as
operações escritas entre os setores.
Vantagens
Também vem começando a ser chamado de disco sólido pelo grande futuro que tem pela frente,
já que além de ser muito mais resistente que os discos rígidos atuais, apresenta menor consumo
de energia elétrica, latências e peso muito mais baixos. Chega a utilizar apenas 5% dos recursos
normalmente empregados na alimentação de discos rígidos.
17
Introdução à Informática
18
Introdução à Informática
Scanner - Conhecido também como dispositivos digitalizadores de imagem, pois são dispositivos
responsáveis pela leitura de imagens ou textos, transformando-os para um formato digital (zeros e
uns). Responsáveis por transformar simples folhas de papel em arquivos digitais capazes de
serem modificados e editados em um microcomputador. Podem ser divididos em duas categorias:
19
Introdução à Informática
20
Introdução à Informática
Software
É o conjunto de instruções eletrônicas que estabelecem a tarefa que o computador deve executar.
O software é tão importante quanto o hardware, mas por não ser um elemento palpável sua
importância não é devidamente reconhecida. O software na realidade é o cérebro do sistema,
consistindo das instruções (programas) e procedimentos necessários ao funcionamento harmônico
de um sistema de computação.
Sistema Operacional – Programa especial que controla todas as operações básicas de um
sistema de computação. Software básico que controla a execução de programas de computador e
pode proporcionar funções como o controle de entrada/saída, alocação de memória, gerência de
dados, etc. Opera como um intermediador entre o usuário e o computador.
Tipos de Sistemas Operacionais:
Monotarefa ou Dedicado – Sistema que se presta a execução exclusiva de uma tarefa por vez.
Ex.: DOS.
Multitarefa – Sistema que é capaz de dividir esforços para executar mais de uma tarefa
concorrentemente. Ex.: Windows a partir do 3x, UNIX, OS/2.
Monousuário – Capaz de atender a somente um usuário de cada vez. Ex.: DOS, Windows.
Multiusuário – Permite que mais de uma pessoa acesse os recursos do computador de uma só
vez. Ex.: Sistemas UNIX em geral.
Monoprocessado – Sistema operacional executado em computadores com somente uma UCP.
Ex.: Windows 3x, 95, 98, Millenium.
21
Introdução à Informática
Comunicação de dados
"O computador sempre se caracterizou por ser composto por três camadas: chips, sistema
operacional e programas. Agora, a comunicação é a quarta camada."
Bill Gates 01/1996.
Definições:
Dado - Conjunto finito de diferentes símbolos ou caracteres, representados de forma analógica ou
digital.
Informação - Conjunto de dados tratados (processados).
Comunicação de dados – Ato de transferir os dados de um ponto para outro.
22
Introdução à Informática
23
Introdução à Informática
Sistemas Distribuídos
24
Introdução à Informática
Redes
Modelo Cliente-Servidor
A maioria das aplicações da Internet utiliza o modelo de interação chamado ―cliente/servidor‖.
―Cliente‖ é um programa (software) executado em um host que solicita informações a outro
programa, normalmente através da rede. Exemplos de programa cliente: ―navegador‖ Web
(Internet Explorer, Firefox).
―Servidor‖ é um programa que fica em espera, aguardando solicitações de clientes e que fornece
os dados solicitados quando recebe uma solicitação de um cliente (Ex. de servidor: servidores
Web Apache e IIS).
Outros exemplos de aplicações que utilizam o modelo cliente/servidor:
– Email (SMTP)
– Transferência de arquivos (FTP)
– Terminal remoto (telnet e SSH)
– Sistema de nomes (DNS)
– Bancos de dados (SQL)
– etc.
Características de programas do tipo cliente:
– Inicia a solicitação;
– Aguarda pela resposta;
– Normalmente interage com um número pequeno de servidores ao mesmo tempo;
Características de programas do tipo servidor:
– É passivo (aguarda solicitações dos clientes);
– Quando recebe uma solitação, processa-a e envia resposta;
– Pode interagir com um grande número de clientes ao mesmo tempo.
Modelo TCP/IP
25
Introdução à Informática
É o modelo mais utilizado atualmente. Formado pelas camadas físicas, enlace, rede, transporte e
aplicação.
Como citado anteriormente, clientes e servidores são programas em execução em um host.
Clientes requisitam informações e os servidores as fornecem como no exemplo no qual um
―navegador web‖ (cliente web) requisita uma página web a um servidor web.
Muitas vezes os servidores oferecem diversos tipos de serviços, em uma mesma máquina,
através de diferentes protocolos. Ex:
– Web (HTTP)
– Email (SMTP)
– Nomes (DNS)
– etc
Portas
Os computadores de usuários acessando a rede normalmente executam diversos programas e
recebem vários ―fluxos‖ de dados simultaneamente como, por exemplo, carregar diversas páginas
simultaneamente enquanto ―baixa‖ arquivos e participa de ―chats‖. Assim, de modo a permitir que
tenhamos diversos ―fluxos‖ simultâneos de informações vindos de diversos servidores para
diversos clientes no computador do usuário, existem as Portas.
―Portas‖ são números que identificam um ―canal‖ de dados entre dois hosts trocando informações
pela rede.
Diversos serviços da Internet são bastante utilizados (WWW, Email, FTP, telnet etc) e por isso os
servidores desses serviços utilizam um número de porta fixo para o serviço.
Esses números de portas ―fixos‖ são conhecidos como ―Portas Bem Conhecidas‖ (WellKnown
Ports). Algumas portas bem conhecidas:
– HTTP (WWW): Porta 80/TCP
– Email (SMTP): Porta 25/TCP
– Telnet: Porta 23/TCP
– POP3: Porta 110/TCP
Localhost
A rede 128.0.0.0/8 é especial e não aparece em uso na Internet. Ela é reservada como ―localnet‖ e
todos os hosts dessa rede são tratados como ―localhost‖, especialmente o endereço 127.0.0.1.
Qualquer conexão para esse endereço é ―retornada‖ para o próprio computador de origem. Ex: o
comando ping 127.0.0.1 é respondido pelo localhost
Internet
26
Introdução à Informática
A Internet é uma gigantesca rede mundial de computadores, que inclui desde grandes
computadores até micros com capacidade limitada. Esses equipamentos são interligados através
de linhas comuns de telefone, linhas de comunicação privadas, cabos submarinos, canais de
satélite e diversos outros meios de telecomunicação. Os computadores que compõem a Internet
podem estar localizados, por exemplo, em universidades, empresas, cooperativas, prefeituras, e
nas próprias residências. Fazendo um paralelo com a estrutura de estradas de rodagem, a Internet
funciona como uma rodovia pela qual a informação contida em textos, som e imagem pode
trafegar em alta velocidade entre qualquer computador conectado a essa rede. E por essa razão
que a Internet é muitas vezes chamada da "super rodovia da informação".
A tecnologia e conceitos fundamentais utilizados pela Internet surgiram de projetos conduzidos ao
longo dos anos 60 pelo Departamento de Defesa dos Estados Unidos. Esses projetos visavam o
desenvolvimento de uma rede de computadores para comunicação entre os principais centros
militares de comando e controle que pudesse sobreviver a um possível ataque nuclear. Ao longo
dos anos 70 e meados dos anos 80 muitas universidades se conectaram a essa rede, o que
moveu a motivação militarista do uso da rede para uma motivação mais cultural e acadêmica. Nos
meados dos anos 80 a NSF - National Science Foundation dos EUA (algo como o CNPq do Brasil)
constitui a uma rede de fibra ótica de alta velocidade conectando centros de supercomputação
localizados em pontos chave no EUA. Essa rede da NSF, chamada de "backbone da NSF", teve
um papel fundamental no desenvolvimento da Internet nos últimos 10 anos por reduzir
substancialmente o custo da comunicação de dados para as redes de computadores existentes,
que foram amplamente estimuladas a se conectar ao "backbone" da NSF. O controle da
"backbone" mantido pela NSF encerrou-se em abril de 1995, sendo passado em sua grande
totalidade para o controle privado. Muito possivelmente o interesse comercial, ao lado do cultural e
acadêmico, constituirá a principal motivação para utilização da Internet nos próximos anos.
A Internet surpreendentemente não é controlada de forma central por nenhuma pessoa ou
organização. Não há, por exemplo, um presidente ou um escritório central da Internet no mundo. A
organização do sistema é desenvolvida a partir dos administradores das redes que a compõe e
dos próprios usuários. Essa organização pode parecer um pouco caótica à primeira vista mas tem
funcionado extremamente bem até o presente momento, possibilitando o enorme crescimento da
rede observado nos últimos anos.
Se sob o ponto de vista físico a Internet é uma conexão entre redes, para o usuário ela aparece
como um grupo de serviços disponíveis para a troca de informações entre computadores ou
indivíduos conectados à Internet. Estes recursos também aumentam na mesma velocidade da
rede. Os serviços básicos e históricos são:
Correio Eletrônico: Utiliza-se ferramentas como Pine, Eudora, Netscape Mail,Outlook, Pégasus,
etc.
FTP· (download e upload)
Serviço de Hospedagem de página
Usenet/Listas
Navegadores: Gopher e Browser: Mozilla, Internet Explorer, Netscape, etc.
27
Introdução à Informática
28
Introdução à Informática
Conexão por linha comutada ou dial up (às vezes apelidada de Banda estreita em alusão a
conexão Banda larga), é um tipo de acesso à Internet no qual uma pessoa usa um modem e uma
linha telefónica para se ligar a um nó de uma rede de computadores do provedor de Internet (ISP,
do inglês Internet Service Provider). A partir desse momento, o ISP encarrega-se de fazer o
roteamento para a Internet ou à outras redes de serviço, como as antigas BBS. O dial-up
geralmente usa os protocolos PPP e TCP/IP.
29
Introdução à Informática
Uso
Apesar de ser a maneira pioneira de acesso à internet e ainda ser uma das formas de acesso
predominantes, a conexão discada está perdendo cada vez mais espaço, devido à massificação
de acessos de banda larga, como DSL, ADSL, ligações por cabo e por rádio, entre outros tipos de
conexões, e também por causa da velocidade da conexão (máximo de 56,6 kbps), que é baixa em
relação a outros tipos de conexões.
Um fax modem antigo (1994) que era usado para a conexão discada e um dos dias de hoje.
Ainda assim, a internet discada ainda é utilizada em áreas onde a banda larga não está disponível
ou não é viável, enquanto a rede telefônica abrange áreas muito maiores. A linha discada também
é uma alternativa de custo possivelmene menor à banda larga ou uso temporário da Internet num
local.
Através de dial-up também se pode aceder a computadores não ligados à Internet, como é o caso
das BBS (Um bulletin board system (BBS) é um sistema informático, um software, que permite a
ligação (conexão) via telefone a um sistema através do seu computador e interagir com ele, tal
como hoje se faz com a internet), por exemplo.
ANTIVÍRUS
30
Introdução à Informática
Os antivírus são programas de computador concebidos para prevenir, detectar e eliminar vírus de
computador.
Existe uma grande variedade de produtos com esse intuito no mercado, a diferença entre eles
está nos métodos de detecção, no preço e nas funcionalidades.
A primeira contaminação por um vírus de computador, ocorreu em 1988, utilizando uma BBS
como meio. Sendo assim, John McAfee, programador da Lockheed Air Corporation, empresa de
aviação americana, desenvolveu o VirusScan, primeira vacina conhecida.
Um dos principais motivos que levam à criação de novos vírus é justamente fazer com eles se
espalhem e fiquem nos atormentando por dias, semanas ou até meses. Seus criadores procuram
incessantemente falhas em sistemas operacionais, servidores de internet ou aplicativos
conhecidos e que estejam instalados na maioria dos computadores do mundo. Uma vez
descoberta a brecha, o vírus é lançado. Se espalha com rapidez assustadora e em poucas horas
provoca caos na internet e prejuízos astronômicos.
Não necessariamente esses produtos são pagos, e também não existe relação entre custo e
eficiência, exemplo disso é o Active Virus Shield, muito usado atualmente e que possui versão
gratuita.
Importante ressaltar que a maioria dos fabricantes (mesmo aqueles onde os softwares são pagos)
distribuem vacinas e atualizações gratuitas, assim como "pequenos antivírus" para eliminar vírus
específicos, como quando surge um vírus novo com alto grau de propagação e perigosos
(geralmente vírus enviados por e-mail e que se reenviam automaticamente).
O segredo do antivírus é mantê-lo atualizado, e essa é uma tarefa que a maioria deles já faz
automaticamente, bastando estar conectado à internet para ser baixado do site do fabricante a
atualização e estar configurado para isso.
Intranet
31
Introdução à Informática
A intranet ainda possibilita você a utilizar mais protocolos de comunicação, não somente o HTTP
usado pela internet. Geralmente o acesso a intranet é feito em um servidor local em uma rede local
chamada de LAN sigla da língua inglesa que significa Local Area Network (rede de acesso local)
instalada na própria empresa.
Extranet
A extranet seria uma extensão da intranet. Funciona igualmente como a intranet, porém sua
principal característica é a possibilidade de acesso via internet, ou seja, de qualquer lugar do
mundo você pode acessar os dados de sua empresa. A idéia de uma extranet é melhorar a
comunicação entre os funcionários e parceiros além de acumular uma base de conhecimento que
possa ajudar os funcionários a criar novas soluções.
32
Introdução à Informática
Uma rede sem fio se refere a uma rede de computadores sem a necessidade do uso de cabos –
sejam eles telefônicos, coaxiais ou ópticos – por meio de equipamentos que usam radiofrequência
(comunicação via ondas de rádio) ou comunicação via infravermelho, como em dispositivos
compatíveis com IrDA.
O uso da tecnologia vai desde transceptores de rádio como walkie-talkies até satélites artificais no
espaço. Seu uso mais comum é em redes de computadores, servindo como meio de acesso à
Internet através de locais remotos como um escritório, um bar, um aeroporto, um parque, ou até
mesmo em casa, etc.
Sua classificação é baseada na área de abrangência: redes pessoais ou curta distância (WPAN),
redes locais (WLAN), redes metropolitanas (WMAN) e redes geograficamente distribuídas ou de
longa distância (WWAN).
Wireless é uma tecnologia capaz de unir terminais eletrônicos, geralmente computadores, entre si
devido às ondas de rádio ou infravermelho, sem necessidade de utilizar cabos de conexão entre
eles. O uso da tecnologia wireless vai desde transceptores de rádio como walkie-talkies até
satélites artificais no espaço.
Seu uso mais comum é em redes de computadores, onde a grande maioria dos usuários utiliza-se
da mesma para navegar pela Internet no escritório, em um bar, um aeroporto, um parque, em
casa, etc.
Conceitos de Segurança
33
Introdução à Informática
34
Introdução à Informática
Estrutura de Diretórios
35
Introdução à Informática
Graças aos avanços nos Sistemas Operacionais, atualmente, conseguimos escrever nomes
grandes de arquivos e pastas. Antigamente, quando havia somente o DOS, os nomes de arquivos
e pastas tinham limitação de tamanho, ou seja, era de no máximo 8 caracteres principias, com
mais 3 caracteres de extensão.
A seguir, apresentamos a apresentação gráfica da estrutura de diretório do Sistema Operacional
Windows:
36
Introdução à Informática
ATENÇÃO : nos nomes podem ser repetidos desde que estejam em outras pastas ou estruturas
organizacionais.
Os Sistemas Operacionais não conseguem trabalhar com caracteres reservados, ou seja, não é
possível atribuir nome a pastas ou arquivos com os seguintes caracteres: " * ? / \ : < >
37
Unidade 2 - Editor de Texto
Microsoft Word
Um editor de texto é um programa que permite criar arquivos com formatação de cartas, resumos,
currículos, apostilas, etc. Como exemplo de um editor de texto vamos utilizar o Microsoft Word.
Interface
Novo/Abrir/Salvar
Para abrir um novo documento, você deve clicar no Botão do Office , opção Novo
Microsoft Word
ou Ctrl + O.
Abrir Documento
Para abrir um documento existente, você deve clicar no Botão do Office, opção Abrir, selecione o
arquivo desejado e OK.
ou Ctrl + A.
Salvar Documento
Para salvar um documento, você deve clicar no Botão do Office, opção Salvar
ou Ctrl + B.
Será necessário informar o nome e o local onde será guardado o arquivo apenas na primeira vez que
efetuamos esta operação.
Salvar Como
39
Microsoft Word
Para salvar um documento com outro nome ou em outro local (criar cópia), você deve clicar no
Botão do Office, opção Salvar como, Documento do Word.
SALVAR MODELO
Para salvar um documento como modelo para ser usado para Formatar documentos futuros, você
deve clicar no Botão do Office, opção Salvar como, Modelo do Word.
Para salvar uma cópia do documento que será totalmente compatível com o Word 97-2003, você
deve clicar no Botão do Office , opção Salvar como, Documento do Word 97-2003.
40
Microsoft Word
Imprimir/Fechar
Para imprimir um documento, você deve clicar no Botão do Office, opção Imprimir.
Aparecerá à seguinte tela para selecionar a impressora, número de cópias e outras opções de
impressão antes de continuar.
41
Microsoft Word
Impressão Rápida
Para imprimir um documento, você deve clicar no Botão do Office, opção Imprimir, Impressão
Rápida.
Visualização de Impressão
42
Microsoft Word
Para visualizar impressão e alterar as páginas antes de imprimir, você deve clicar no Botão do
Fechar Documento
Para fechar o documento, você deve clicar no Botão do Office, opção Fechar.
Selecionar/Localizar
EM LOCAIS DIFERENTES
43
Microsoft Word
Você pode selecionar textos ou itens de uma tabela não adjacentes. Por exemplo, você pode
selecionar um parágrafo em uma página e uma frase em outra página.
1- Selecione um texto ou um item de uma tabela.
2- Mantenha pressionada a tecla CTRL enquanto seleciona outro texto ou item de uma tabela que
deseje.
TODO O DOCUMENTO
Você pode continuar selecionado todo o texto do documento pelo atalho Ctrl + A . Porém no Word
2007 temos a opção padrão que encontra-se na Guia Início, Grupo Edição, Comando Seleção,
opção Selecionar Tudo.
Uma novidade no Word 2007, para facilitar o seu trabalho, pode-se alterar Formataração de texto
com Formataração semelhante. Para executar isso, primeiro deixe o cursor no texto com
Formataração desejada ou selecione um trecho deste texto, Guia Início, Grupo Edição, Comando
Seleção, Opção Selecionar texto com formatação semelhante.
Depois que o Word selecionou todos os textos com Formataração semelhante, você pode fazer as
alterações necessárias de fonte, parágrafo ou que mais desejar.
Selecionar Objeto
Para selecionar um gráfico,imagem ou formas clique no elemento de gráfico que deseja selecionar. O
elemento selecionado será claramente marcado com alças de seleção .
No Office 2007 temos outra opção Guia Início, Grupo Edição, Comando Selecionar, Opção
Selecionar Objetos.
44
Microsoft Word
Importante: Quando você utiliza esta opção, para sair, precisa clicar novamente na opção ou duplo
clique na área de texto para cancelar a seleção de objeto.
Localizar/Substituir
Você pode localizar e substituir texto, Formataração, marcas de parágrafo, quebras de página e
outros itens. Também é possível localizar e substituir formas de substantivos e adjetivos ou verbos. É
possível estender sua pesquisa usando caracteres curinga e códigos para localizar palavras ou frases
que contenham letras específicas ou combinações de letras.
Para localizar ou substituir itens, você precisa ir até a Guia Início, Grupo Edição, Comando
Localizar ou Comando Substituir.
Copiar/Recortar/Colar
Copiar
Para copiar um texto que você selecionou, você deve ir até a Guia Início, Grupo Área de
Transferência e selecione Copiar.
ou Ctrl + C
Recortar
Para recortar um texto ou parte dele, você deve primeiro selecionar o que deseja e depois ir até a
Guia Início, Grupo Área de Transferência e selecione o Recortar.
45
Microsoft Word
ou Ctrl + X.
Colar
Para colar um texto que você copiou ou recortou, você deve ir até a Guia Início, Grupo Área de
Transferência e selecione o Colar.
ou Ctrl + V
Colar Especial
Através do colar especial, podemos criar vínculos com o documento onde foi copiado o texto.
Continua com a mesma funcionalidade da versão 2003, porém agora você deve ir até a Guia Início,
Grupo Área de Transferência e clique na seta abaixo do item Colar, opção Colar Especial.
Desfazer/Refazer/Repetir
Para desfazer várias ações de uma vez, clique na seta ao lado de Desfazer , selecione na lista
as ações que deseja desfazer e clique na lista.
46
Microsoft Word
O Word desfaz todas as ações selecionadas. Você pode desfazer até 100 ações.
Refazer ações
Para refazer ações desfeitas, clique em Refazer na Barra de Ferramentas de Acesso Rápido
Para repetir a última ação executada no Word 2007, clique em Repeat na Barra de
Ferramentas de Acesso Rápido
Exibir/Zoom
Modos de Exibição
Para acessar os modos de exibição no Word 2007 você deve ir até a Guia Exibição, Grupo Modos
de Exibição de Documento.
47
Microsoft Word
Zoom
Para alterar o zoom do seu documento você pode ir até a Guia Exibição, Grupo Zoom
Formataração/Estilos
Fonte
Após selecionar o texto desejado, a minibarra de ferramentas aparece automaticamente para se
modificar a fonte.
Se você deseja encontrar um determinado comando da versão anterior do Word clique no Iniciador
48
Microsoft Word
Parágrafo
Após selecionar o texto desejado, a minibarra de ferramentas aparece automaticamente para se
modificar o alinhamento do parágrafo.
Temos mais alguns comandos para a Formataração de parágrafos na Guia Layout da Página,
Grupo Parágrafo.
49
Microsoft Word
Se você deseja encontrar um determinado comando da versão anterior do Word clique Iniciador de
Caixa de Diálogo do Grupo Parágrafo. Ao clicar serão apresentadas mais opções relacionadas com
esse grupo.
Marcadores
A Biblioteca de Marcadores inclui estilos de marcadores de imagem e símbolos. Se você não ver o
estilo que deseja na biblioteca, poderá definir um novo estilo de marcador.
1- Selecione os itens aos quais deseja adicionar marcadores de imagem ou símbolos.
Para alterar um nível inteiro de uma lista de vários níveis, clique em um marcador ou em um número
nesse nível da lista.
2- Na Guia Início, no Grupo Parágrafo, clique na seta ao lado de uma das opções de marcadores:
Marcadores, Numeração, Lista de Vários Níveis.
Depois que você criar um item com marcador, sempre que pressionar a tecla ENTER, outros itens
com marcador serão adicionados automaticamente até que a tecla ENTER seja pressionada duas
vezes.
Tabulação
O item de tabulação esta localizado na Guia Início, no Grupo Paragrafo e clicando no Iniciador da
Caixa de Diálogo:
50
Microsoft Word
Aparecerá a tela abaixo (igual à versão Word 2003) para fazer todas as configurações de tabulação
Maiúsculas/Minúsculas
Esta opção você encontra na Guia Início, no Grupo Fonte clicando no botão Maiúsculas e
Minúsculas:
51
Microsoft Word
Pincel
É possível usar o Pincel na Guia Início para aplicar Formataração de texto e algumas
Formatarações básicas de gráfico, como bordas e preenchimentos.
1- Selecione o texto ou o gráfico que possui o Formataro que você deseja copiar.
Observação: Se quiser copiar a Formataração de texto, selecione uma parte de um parágrafo. Se
quiser copiar a Formataração do texto e do parágrafo, selecione um parágrafo inteiro, incluindo a
marca de parágrafo.
2- Na Guia Início, no Grupo Área de Transferência, clique em Formatar Pincel.
Símbolo
É possível usar a caixa de diálogo Símbolo para inserir símbolos, como ¼ e ©, ou caracteres
especiais, como um travessão (—) ou reticências (…), que não estão no seu teclado, assim como
caracteres Unicode.
Para inserir um símbolo basta você ir na Guia Inserir e selecionar seu ícone no Grupo Símbolo,
Comando Símbolo.
52
Microsoft Word
Estilos
COMO APLICAR
Para aplicar um estilo a uma seleção de texto no Microsoft Office Word 2007 basta utilizar a Galeria
de Estilos Rápidos.
Selecione o texto para o qual deseja aplicar um estilo.
Por exemplo, é possível selecionar o texto que deseja transformar em um título. Se quiser alterar o
estilo de um parágrafo inteiro, clique em qualquer lugar no parágrafo.
Na Guia Início, no Grupo Estilos, clique no estilo que deseja. Se não vir o estilo que deseja, clique
no botão Mais para ampliar a galeria Estilos Rápidos.
Observação: É possível ver como o texto selecionado irá aparentar com um estilo específico
colocando seu ponteiro sobre o estilo que deseja visualizar.
Observação: Se o estilo que você deseja não aparecer a Galeria de Estilos Rápidos, pressione
CTRL+SHIFT+U para abrir o painel de tarefas Aplicar estilos. Em Aplicar Estilos, digite o nome do
estilo que deseja. A lista mostra apenas os estilos já usados no documento, mas é possível digitar o
nome de qualquer estilo definido para o documento.
COMO ALTERAR
Selecione o texto que recebeu o estilo com os atributos de estilo que deseja alterar.
Por exemplo, para alterar os atributos do estilo Título 1, selecione o texto que possui o estilo Título 1
aplicado.
Para exibir os atributos de um estilo específico, clique no Inicializador da caixa de diálogo Estilos e
deixe o ponteiro do mouse sobre um estilo na lista.
53
Microsoft Word
Hiperlink
O Microsoft Office Word cria um hiperlink quando você pressiona ENTER ou a BARRA DE ESPAÇO
depois de digitar o endereço de uma página da Web já existente, por exemplo
www.kcprofessional.com/br .
Também é possível clicar com o botão direito do mouse no texto ou na imagem e clicar em Hiperlink
no menu de atalho.
3- Execute um destes procedimentos:
Para estabelecer um link para um arquivo já existente ou para uma página da Web, clique em
Página da Web ou arquivo existente, em Endereço digite o endereço ao qual você deseja vincular.
Caso você não saiba o endereço de um arquivo, clique na seta na lista Examinar e navegue até o
arquivo desejado.
54
Microsoft Word
Para estabelecer um link para um arquivo que você ainda não criou, clique em Criar novo
documento, em Vincular a, digite o nome do novo arquivo na caixa Nome do Novo documento
em Quando Editar, clique em Editar o novo documento depois ou Editar o novo documento agora.
Executar Hiperlink
Para executar os hiperlinks, pressione a tecla Ctrl e clique em cima do hiperlink desejado.
55
Microsoft Word
Remover Hiperlink
Selecione o hiperlink que será excluído, vá até a Guia Inserir, no Grupo Links, clique em Hiperlink.
Clique no botão Remover Link.
VOCÊ TAMBÉM PODE CLICAR COM O BOTÃO DA DIREITA SOBRE O HIPERLINK DESEJADO, OPÇÃO
REMOVER HYPERLINK
Índice
Inserir
56
Microsoft Word
Automaticamente irá aparecer um lista de índices para que você possa escolher:
Configuração de Página
Inserir página
57
Microsoft Word
Clique no local em que deseja inserir uma nova página no documento. A página inserida será exibida
imediatamente antes do local do cursor.
Na Guia Inserir, no Grupo Páginas, clique em Página em Branco.
Quebra de Página
Você pode inserir uma quebra de página em qualquer local do documento, para isso você pode
utilizar o atalho Ctrl + Enter ou ir até a Guia Inserir , Grupo Páginas, Comando Página em
Branco.
Configurações
Para configurar página você deve ir até a Guia Layout da Página, Grupo Configurar Página e
selecionar o comando desejado.
Plano de Desfazer
O plano de Desfazer pode ser exibido apenas nos modos de exibição Layout de Impressão e Tela
Inteira e na página impressa.
58
Microsoft Word
Você pode inserir um plano de Desfazer pré-criado de uma galeria ou pode inserir um plano de
Desfazer personalizado.
Na Guia Layout da Página, no Grupo Plano de Fundo da Página, clique em Cor da Página.
Automaticamente aparecerá uma janela para escolhermos uma cor de Desfazer, ou aplicarmos
alguns efeitos de Preenchimento, já utilizados no Word 2003.
Colunas
Para Formatarmos um documento em colunas, vá até a Guia Layout da Página, Grupo Configurar
Página, Opção Columas
Na janela que aparecerá basta escolhermos em quantas colunas queremos que nossa página seja
dividida:
59
Microsoft Word
Cabeçalho/Rodapé
Para trabalhar com cabeçalho e rodapé, devemos ir na Guia Inserir, Grupo Cabeçalho e Rodapé e
selecionar a opção desejada.
Inserir Cabeçalho
Para inserir um cabeçalho no seu documento, clique na Guia Inserir, Grupo Cabeçalho e Rodapé,
Comando Cabeçalho. Ao clicar, vários modelos de cabeçalho serão mostrados para a sua escolha.
60
Microsoft Word
Inserir Rodapé
Para inserir um rodapé no seu documento, clique na Guia Inserir, Grupo Cabeçalho e Rodapé,
Comando Rodapé. Ao clicar, vários modelos de rodapés serão mostrados para a sua escolha.
Nota de Rodapé
Uma nota de rodapé ou nota de fim consiste em duas partes vinculadas: a marca de referência da
nota (marca de referência de nota: um número, um caractere ou uma combinação de caracteres que
indica que existem informações adicionais em uma nota de rodapé ou nota de fim.) e o texto
correspondente da nota.
Para inserir uma nota de rodapé siga os seguintes procedimentos:
1- Clique no local em que deseja inserir a marca de referência de nota.
2- Na Guia Referências, no Grupo Notas de Rodapé, clique em Inserir Nota de Fim.
Atalho do teclado Para inserir uma nota de rodapé subseqüente, pressione CTRL+ALT+F.
Por padrão, o Word coloca as notas de rodapé no final de cada página.
Figuras
61
Microsoft Word
Inserir do Arquivo
Imagens e ClipArt podem ser inseridos ou copiados em um documento de muitas fontes diferentes,
incluindo baixando de um site provedor de ClipArt, copiado de uma página da Web ou inserido a partir
de um arquivo onde você salva as imagens.
Também é possível alterar a maneira que uma imagem ou um ClipArt é posicionado com o texto
dentro de um documento.
Para inserir uma imagem ou clip-art pela guias, você deve ir até a Guia Inserir, Grupo Ilustrações,
Picture ou ClipArt.
Para fazer qualquer alteração na imagem ou no clip-art você deve utilizar a Ferramentas de
Imagem, Guia Formatar.
ClipArt
Para você inserir um ClipArt, basta ir na guia Inserir, no Grupo Ilustrações e clicar em ClipArt:
No painel de tarefas ClipArt, na caixa de texto Procurar por, digite uma palavra ou frase que
descreva o ClipArt que deseja, ou digite todo ou parte do nome do arquivo do ClipArt, pressione o
botão Ir
62
Microsoft Word
Auto Formas
Para você inserir uma Forma, basta ir na Guia Inserir, no Grupo Ilustrações e clicar em Formas:
Diagramas
Para você inserir um SmartArt, basta ir na Guia Inserir, no Grupo Ilustrações e clicar em SmartArt.
63
Microsoft Word
Gráficos
Para você inserir um Gráfico, basta ir na Guia Inserir, no Grupo Ilustrações e clicar em Gráfico.
Tabelas
Inserir Tabelas
Para inserir tabelas no Word você deve primeiro clicar no local onde deseja inserir a tabela e depois
ir até a Guia Inserir, Grupo Tabelas, Comando Tablela.
64
Microsoft Word
Na opção Inserir Tabela, arraste para selecionar o número de linhas e colunas que deseja.
Se você prefere inserir tabelas como no Word 2003, você deve escolher a opção Inserir Tabela.
Desenhar Tabela
Podemos desenhar uma tabela através da opção Desenhar Tabela.
Ferramentas
Após inserir uma tabela o Word cria a barra de ferramenta contextual (Ferramentas de Tabela), com
duas Guia:
DESIGN
LAYOUT
Você deve utilizar as duas Guia (Guias) para trabalhar com a tabela (inserir linhas, excluir linhas,
determinar largura, altura, alinhamento e muito mais).
Revisão/Comentários
65
Microsoft Word
Ortografia
Para verificarmos a ortografia basta irmos na Guia Revisão, no Grupo Revisão de Texto e
clicarmos no Comando Ortografia e Gramática.
Quando você verifica a ortografia automaticamente enquanto digita, pode ter certeza de que não terá
que corrigir um monte de erros ortográficos quando estiver pronto para entregar o documento. O
programa do Microsoft Office pode sinalizar palavras grafadas incorretamente enquanto você
trabalha, assim é mais fácil vê-las, como no exemplo a seguir.
Estas informações podem ser configuradas no botão Opções da caixa de diálogo Ortografia e
Gramática ou clicando no Botão do Office, escolhendo a opção Word Opções e indo até o item
Revisão de Texto.
Inserir Comentário
Você pode inserir um comentário dentro dos balões exibidos nas margens do documento e também
pode ocultar a exibição de comentários.
Para inserir um comentário siga os seguintes passos:
1- Selecione o texto ou o item sobre o qual você deseja fazer um comentário ou clique no final do
texto.
2- Na Guia Revisão, no Grupo Comentários, clique em Novo Comentário.
Para ocultar os balões dos comentários, basta clicarmos na Guia Revisão, no Grupo Controle e
escolhermos umas das opções do item Balões:
66
Microsoft Word
67
Unidade 3 - Planilha Eletrônica
Microsoft Excel
O MS-Excel é uma planilha eletrônica organizada em linhas e colunas utilizada para gerar tabelas,
calcular fórmulas e elaborar gráficos a partir de dados previamente digitados.
Através do Excel é possível criar cálculos automáticos dos mais diversos tais como: cálculos
estatísticos, matemáticos, financeiros, lógicos, datas, horas, etc...
Criação de gráficos, recursos diversos direcionados a banco de dados, relatórios hipotéticos, macros,
auxílio à tomada de decisões, importação de arquivos, validação das informações digitadas, organizar
e classificar informações, etc...
Interface
Guias
Microsoft Excel
Guias Padrão
A principal substituição de menus e barras de ferramentas no Office 2007 são as Guias Padrão.
Criada para uma fácil navegação, as guias estão organizadas ao redor de situações ou objetos
específicos. Os controles em cada guia são organizados em diversos grupos. A guia pode hospedar
um conteúdo mais rico que o dos menus e das barras de ferramentas, incluindo botões, galerias e
caixas de diálogo.
3
1
Guias específicas
As guias específicas substituem o conjunto de guias quando você alterna para determinados modos
de criação ou de exibição, por exemplo, a visualização de impressão.
Ferramentas
Também chamada de ferramentas contextuais, permitem que você trabalhe com um objeto
selecionado na página, como tabela, imagem ou desenho. Ao clicar no objeto, o conjunto de
ferramentas aparece com uma cor de destaque ao lado das guias.
69
Microsoft Excel
Onde encontrar
A barra de ferramentas de acesso rápido está localizada, por padrão, na parte superior da janela do
Excel.
Adicionar Comandos
É possível personalizar os botões de acesso rápido adicionando comandos a ela.
70
Microsoft Excel
71
Microsoft Excel
72
Microsoft Excel
Teclas de atalho
As teclas de atalho usando o teclado não mudaram em relação à versão anterior.
Com a mudança do layout do programa, utilizando as guias, foi criado atalhos específicos para
acessá-los:
Pressione a tecla Alt (do lado esquerdo do teclado). Em cada guia ou opção do Acesso Rápido,
aparecerá uma letra ou número com o atalho correspondente:
73
Microsoft Excel
Botão Office
Esse botão está localizado no canto superior esquerdo da janela do Excel e abre o menu
exibido aqui.
Caixa de Diálogo
Os Iniciadores de Caixa de Diálogo são pequenos ícones que aparecem em alguns grupos. Ao
clicar em um Iniciador de Caixa de Diálogo uma caixa de diálogo ou painel de tarefas relacionado
abre, fornecendo mais opções relacionadas a esse grupo.
74
Microsoft Excel
Caixa de nomes
Identifica a célula ativa, permite que o usuário se desloque para outros pontos da planilha, além de
permitir que nomes sejam definidos para as células.
Os nomes definidos na caixa de nomes poderão será alterados ou excluídos através dos comandos
da opção InserirNome.
Barra de fórmulas
Local onde o usuário poderá verificar a fórmula de uma célula. Pode ser utilizada como área de
edição para os dados de uma célula.
Barra de mensagens
75
Microsoft Excel
Fornece diversas informações, como situação de algumas teclas (NUM LOCK, CAPS LOCK e
SCROLL LOCK), bem como ajuda sobre algumas ações. A barra de mensagens também exibe o
resultado do recurso de AutoCálculo que informa ao usuário um determinado resultado (contagem,
soma, média…, que pode ser alterado com o botão direito do mouse) sobre as células selecionadas.
Nova/Abrir/Salvar
Para abrir uma nova pasta de trabalho, você deve clicar no Botão Office , opção Novo
ou Ctrl + A.
76
Microsoft Excel
ou Ctrl + B.
Será necessário informar o nome e o local onde será guardado o arquivo apenas na primeira vez que
efetuamos esta operação.
Salvar Como
MUDAR NOME OU LOCAL
Para salvar uma pasta de trabalho com outro nome ou em outro local (criar cópia), você deve clicar
no Botão Office, opção Salvar Como, Pasta de Trabalho do Excel.
77
Microsoft Excel
Para salvar uma pasta de trabalho habilitada para Macros, você deve clicar no Botão Office, opção
Salvar Como, Pasta de Trabalho Habilitada para Macro do Excel.
Para salvar uma cópia da pasta de trabalho que será totalmente compatível com o Excel 97-2003,
você deve clicar no Botão Office, opção Salvar Como, Pasta de Trabalho do Excel 97-2003.
78
Microsoft Excel
Formatos de arquivos
Lista de formatos
Por padrão as planilhas criadas no Office 2007, são salvos no formato XML, com extensões de
nomes de arquivos novos que adicionam "x" ou "m" às extensões de nome de arquivo com os quais
você já está familiarizado. O "x" significa um arquivo XML sem macros, enquanto o "m" significa um
arquivo XML com macro. Por exemplo, quando você salvar uma pasta de trabalho , o arquivo agora
utilizará, por padrão, a extensão .xlsx em vez da extensão .xls.
Ao salvar um arquivo como um modelo, você verá o mesmo tipo de alteração. A extensão de modelo
usada nas versões anteriores estará presente (.xlt), mas agora terá ―x‖ ou ―m‖ no final. Se o seu
arquivo contiver código ou macros, você deverá salvá-lo usando o novo formato de arquivo XML
habilitado para macro, que adiciona ―m‖ de macro à extensão de arquivo.
Excel
Modelo .xltx
79
Microsoft Excel
Conversão de versões
O Office 2007 permite que você salve arquivos nos novos Formatos XML do Office e no formato de
arquivo binário das versões anteriores do Office. O Office 2007 inclui verificadores de compatibilidade
e conversores de arquivo para facilitar o compartilhamento de arquivos entre as diferentes versões do
Office.
Abrindo arquivos
3. Aparecerá uma tela avisando que a ação converterá o pasta de trabalho no formato de arquivo
mais recente. Onde talvez o layout do arquivo seja alterado. A conversão permite que você use todos
os recursos do Excel e reduz o tamanho do arquivo. Este documento será substituído pela versão
convertida.
80
Microsoft Excel
Obs.: Você pode desabilitar esta opção para não aparecer mais, marcando a opção Não perguntar
novamente sobre a conversão de pastas de trabalho.
81
Microsoft Excel
82
Microsoft Excel
Cores em uma pasta de 16 milhões de cores (32 bits com acesso total ao
trabalho espectro de cores de 24 bits)
Selecionar Planilhas
Para você selecionar uma planilha, basta clicar na planilha desejada. Para selecionar várias
planilhas, você deve continuar utilizando as teclas de atalho Shift ou Crtl, conforme a versão 2003.
Inserir Planilha
Para inserir uma nova planilha, siga um destes procedimentos:
Para inserir rapidamente uma nova planilha ao final das planilhas existentes, clique na Guia Inserir
Planilha na parte inferior da tela.
Para inserir uma nova planilha antes de uma planilha existente, selecione essa planilha e, na Guia
Início, no Grupo Células, clique em Inserir e em Inserir Planilha.
83
Microsoft Excel
Dica: Você pode também clicar com o botão direito do mouse na guia de uma planilha existente e,
em seguida, clicar em Inserir. Na guia Geral, clique em Planilha e clique em OK.
Renomear planilha
Na barra Guia de Planilhas, clique com o botão direito do mouse na guia da planilha que deseja
renomear e clique em Renomear.
Excluir planilha
Na Guia Início, no Grupo Células, clique na seta abaixo de Excluir e, em seguida, clique em
Excluir Planilha.
84
Microsoft Excel
Seleção de Linhas
Para você selecionar uma linha no Excel 2007 basta clicar no número correspondente a linha que
deseja selecionar. Para selecionar várias linhas, você deve continuar utilizando as teclas de atalho
Shift ou Crtl, conforme a versão 2003.
Seleção de Colunas
Para você selecionar uma coluna no Excel 2007 basta clicar na letra correspondente a coluna que
deseja selecionar. Para selecionar várias colunas, você deve continuar utilizando as teclas de atalho
Shift ou Crtl, conforme a versão 2003.
Para você selecionar linhas e colunas no Excel 2007 você deve continuar utilizando as teclas de
atalho Shift ou Crtl, conforme a versão 2003.
Selecionar Tudo
Para você selecionar todas as linhas e colunas de uma planilha, você deve clicar no botão selecionar
Tudo que está à esquerda da Coluna A e na parte superior da Linha 1
Inserir
Para inserir uma célula, selecione a célula ou o intervalo de células onde deseja inserir as novas
células em branco. Selecione um número de células equivalente ao número de células que deseja
inserir. Por exemplo, para inserir cinco células em branco, você precisará selecionar cinco células.
Para inserir uma única linha, selecione a linha ou a célula na linha acima da qual deseja inserir a
nova linha. Por exemplo, para inserir uma nova linha acima da linha 5, clique em uma célula na linha
5.
85
Microsoft Excel
Para inserir uma única coluna, selecione a coluna ou uma célula na coluna imediatamente à direita
de onde deseja inserir a nova coluna. Por exemplo, para inserir uma nova coluna à esquerda da
coluna B, clique em uma célula na coluna B.
Para inserir várias linhas ou várias colunas, selecione as linhas acima ou as colunas a direita daquela
em que deseja inserir. Selecione um número de linhas ou colunas equivalente ao número de linhas
ou colunas que deseja inserir.
Na Guia Início, no Grupo Células, clique na seta abaixo de Inserir e, em seguida, clique em Inserir
Linhas na Planilha ou Inserir Colunas na Planilha.
Dica: Você também pode clicar com o botão direito do mouse nas linhas ou colunas selecionadas e,
em seguida, clicar em Inserir no menu de atalho.
Excluir
Selecione as células, linhas ou colunas que deseja excluir.
DICA Para cancelar uma seleção de células, clique em qualquer célula da planilha.
Na Guia Início, no Grupo Células, clique em Excluir:
Para excluir células selecionadas, clique na seta abaixo do Excluir e, em seguida, clique em Excluir
Células... Para excluir linhas selecionadas, clique na seta ao lado de Excluir e, em seguida, clique
em Excluir Linhas da Planilha. Para excluir colunas selecionadas, clique na seta ao lado de Excluir
e, em seguida, clique em Excluir Colunas da Planilha.
Ocultar
Selecione as células, linhas ou colunas que deseja ocultar.
DICA Para cancelar uma seleção de células, clique em qualquer célula da planilha.
Na Guia Início, no Grupo Células, clique em Formatar, opção Ocultar & Reexibir e selecione a
opção desejada, conforme o que tens selecionado.
86
Microsoft Excel
Reexibir
Selecione linhas, colunas ou células antes e após as que deseja reexibir.
DICA Para cancelar uma seleção de células, clique em qualquer célula da planilha.
Na Guia Início, no Grupo Células, clique em Formatar, opção Ocultar & Reexibir e selecione a
opção desejada, conforme o que tens selecionado.
Alterar altura/largura
Para alterar a altura da linha ou largura da coluna, você deve selecionar a linha ou coluna desejada e
ir até a Guia Início, Grupo Células, Formatar, Altura da Linha... ou Largura da Coluna...
Você pode pedir para ajustar automaticamente conforme o conteúdo através das opções AutoAjuste
da Altura da Linha ou AutoAjuste da Largura da Coluna.
Atalho: Dê um duplo clique na divisão entre a coluna que você quer ajustar ao conteúdo e a próxima.
Cada célula tem um endereço único na planilha este endereço é representado pela letra da coluna e
o número da linha onde é a endereço e a localização da célula dentro da planilha.
Seleção
Para selecionar uma célula, basta clicar sobre a célula desejada.
87
Microsoft Excel
Seleção seqüencial
Selecione um bloco de células arrastando o cursor do
mouse (em formato de cruz densa) sobre as células em
movimento diagonal.
Você também pode selecionar da seguinte maneira:
Clique sobre a célula inicial;
Pressione a tecla SHIFT;
Clique sobre a última célula do bloco (sempre na
diagonal).
Seleção de células
Para você selecionar uma célula no Excel 2007 basta clicar na célula desejada ou ir até a Guia
Início, Grupo Edição, localizar e Selecionar, Ir Para...
Para selecionar várias células, você deve continuar utilizando as teclas de atalho Shift ou Crtl,
conforme a versão 2003.
88
Microsoft Excel
Fórmulas
Funções
CONSTANTES: (SÃO OS TEXTOS, NÚMEROS, DATA E HORAS).
TEXTOS: alinham à esquerda
NÚMEROS: alinha à direita - são formados de 0 a 9, caracteres especiais - + () , / $ @.
NÚMEROS COMO TEXTOS: com a apostrofe antes do dado numérico alinha à esquerda e
não calcula
DATAS: usar o caractere ―/‖ entre os números da data.
HORAS: usar o caractere ―:‖ entre os números das horas.
FÓRMULAS OU FUNÇÕES
Precedem o sinal de igual, mas somente no início, principalmente se houver fórmulas dentro
de fórmulas, ou funções dentro de funções.
Formatação de números
89
Microsoft Excel
Formato Descrição
Geral Esse é o formato de número padrão que o Excel aplica quando você
digita um número. Na maioria das vezes, os números no formato Geral
são exibidos na forma em que são inseridos. No entanto, se a célula não
tiver a largura suficiente para mostrar o número inteiro, o formato Geral
arredondará os números com decimais. O formato de número Geral
também usa notação (exponencial) científica para números grandes (de
12 ou mais dígitos).
Número Esse formato é usado para a exibição geral de números. Você pode
especificar o número de casas decimais a serem usadas, se deseja usar
um separador de milhar e como deseja exibir números negativos.
Contábil Esse formato também é usado para valores monetários, mas ele alinha
os símbolos de moeda e a vírgula decimal dos números em uma coluna.
90
Microsoft Excel
Short Date Esse formato exibe datas com dia, mês e ano seguindo as configurações
regionais.
(data curta)
(07/02/2008)
Data longa Esse formato exibe datas com dia da semana, dia, mês por extenso e
ano seguindo as configurações regionais.
(quinta-feira, 7 de fevereiro de 2008)
Porcentagem Esse formato multiplica o valor da célula por 100 e exibe o resultado com
um símbolo de porcentagem. Você pode especificar o número de casas
decimais a serem usadas.
Fração Esse formato exibe um número como uma fração, de acordo com o tipo
de fração especificado por você.
Texto Esse formato trata o conteúdo de uma célula como texto e exibe esse
conteúdo exatamente como digitado, mesmo quando são digitados
números.
Especial Esse formato exibe um número como um código postal (CEP), número
de telefone ou CIC.
Através da Guia Início, Grupo Número, você encontra atalhos de alguns formatos de números
mostrados acima.
91
Microsoft Excel
Alinhamento/orientação
Para alterar o alinhamento dos textos nas células, clique na Guia Início, depois, clique em um dos
comandos do Grupo Alinhamento.
Se você deseja encontrar um determinado comando da versão anterior do Excel clique no Iniciador
de Caixa de Diálogo do Grupo Alinhamento. Serão apresentadas mais opções relacionadas com
esse grupo.
Na caixa de diálogo Formatar Células > Alinhamento, escolha pelas opções para formatar o
alinhamento.
92
Microsoft Excel
Quebrar texto
Para quebrar o texto automaticamente nas células, clique na Guia Início, depois no comando
Quebrar Texto Automaticamente do Grupo Alinhamento.
Dica: Se você ainda não digitou o texto, pressione o Alt+Enter onde deseja inserir a quebra.
Mesclar células
Para mesclar duas ou mais células, clique na Guia Início, depois no comando Mesclar e Centralizar
do Grupo Alinhamento.
93
Microsoft Excel
Formatação Fonte
Após selecionada a(s) célula(s) desejada(s), clique na Guia Início, depois, clique em um dos
comandos do Grupo Fonte.
Se você deseja encontrar um determinado comando da versão anterior do Excel clique no Iniciador
de Caixa de Diálogo do Grupo Fonte ou Ctrl + Shift + F. Serão apresentadas mais opções
relacionadas com esse grupo.
Na caixa de diálogo Formatar Células > Aba Fonte, escolha pelas opções para formatar o texto.
94
Microsoft Excel
Novidade: Na versão 2007, a quantidade de cores utilizadas pelo Excel mudou de 256 cores para
16 milhões.
Bordas
Aplicar
Para aplicar uma borda nas células selecionadas, clique na Guia Início, depois no comando Bordas
do Grupo Fonte. Nesta opção você pode selecionar estilo, cor e espessura da borda.
Dica: Para aplicar um estilo de borda personalizada ou uma borda diagonal, clique em Mais
Bordas...
REMOVER
95
Microsoft Excel
Para remover as bordas aplicadas anteriormente, clique na Guia Início, depois no comando Bordas
do Grupo Fonte, selecione a opção Apagar borda.
Preenchimento da célula
Selecione a célula, o intervalo de células, o texto ou os caracteres que deseja formatar com outra cor
de plano de fundo.
Na Guia Início, no Grupo Fonte, siga um destes procedimentos:
Para alterar a cor de plano de fundo, clique na seta ao lado de Cor de Preenchimento e, em
seguida, Cores do Tema ou Cores Padrão, clique na cor de plano de fundo que deseja usar.
96
Microsoft Excel
Para aplicar a cor de plano de fundo selecionada mais recentemente, clique em Cor de
Preenchimento .
Para aplicar uma cor diferente das Cores do Tema ou Cores Padrão disponíveis, clique em Mais
Cores... e defina a cor a ser usada na Guia Padrão ou Personalizada da caixa de diálogo Cores.
Limpar células
Serve para apagar conteúdos e formatações das células
Selecione a Guia Início, Grupo Edição, opção Limpar
Selecione uma das opções:
Limpar Tudo (apaga o conteúdo e a formatação da célula)
Limpar Formato (apaga apenas a formatação da célula)
Limpar Conteúdos (apaga apenas o conteúdo das células)
Limpar Comentários (exclui o comentário inserido na célula)
Ferramenta pincel
Copiar formatos de uma célula para outra ou de um intervalo para outro.
Selecione uma célula ou um intervalo com a formatação já definida que você deseja copiar.
Desfazer/Refazer/Repetir
97
Microsoft Excel
Para desfazer várias ações de uma vez, clique na seta ao lado de Desfazer , selecione na lista
as ações que deseja desfazer e clique na lista.
O Excel desfaz todas as ações selecionadas. Você pode desfazer até 100 ações.
Refazer ações
Laboratório
EXERCÍCIO 02 - FORMATAÇÃO
Abra o arquivo Exercício Excel Módulo I.xls indicado pelo instrutor e digite a tabela abaixo na
planilha Exercício 02. Formate-a.
98
Microsoft Excel
o
Meta do
ro
o
o
l
ei
ri
nh
Produto Total do semestre %
ai
ar
r
ne
ab
ve
m
semestre
ju
m
Ja
Fe
Teclado 100 120 130 90 50 110 600
Mouse 200 247 232 258 274 290 1.400
Monitor 34 38 35 37 37 38 200
Impressora 12 15 18 21 24 27 150
Pentium 20 25 30 35 41 46 250
Pentium MMX 11 14 17 19 22 25 100
Disquetes 400 493 607 708 811 915 4.000
Drive 50 62 76 88 101 114 300
Configuração e impressão
Modos de Exibição
Para acessar os modos de exibição no Excel 2007 você deve ir até a Guia Exibição, Grupo Modos
de Exibição de Pasta de Trabalho.
Mostrar/Ocultar
Para configurar o que se quer mostrar ou ocultar na visualização das planilhas, você pode ir até a
Guia Exibição, Grupo Mostrar/Ocultar.
99
Microsoft Excel
Zoom
Para alterar o zoom da sua pasta de trabalho você pode ir até a Guia Exibição, Grupo Zoom
Configurando a página
Margens
Para formatar as margens da página, você de ir até a Guia Layout da Página, Grupo Configurar
Página, comando Margens.
100
Microsoft Excel
Na ―guia‖ Margens, você pode definir as margens de seu documento e o alinhamento da tabela em
relação às margens horizontal e vertical.
101
Microsoft Excel
Orientação
Para formatar a orientação da página, você de ir até a Guia Layout da Página, Grupo Configurar
Página, comando Orientação.
Tamanho
Para selecionar o tamanho do papel, você de ir até a Guia Layout da Página, Grupo Configurar
Página, comando Tamanho. Você pode selecionar um papel já existente (A4, Carta, etc) ou
personalizar um papel através da opção Mais Tamanhos de Papel...
Cabeçalho/Rodapé
Para formatar a orientação da página, você de ir até a Guia Inserir, Grupo Texto, comando
Cabeçalho e Rodapé.
102
Microsoft Excel
A planilha será apresentada por página, onde podemos visualizar as quebras de páginas. Na parte
superior aparecerá uma área para a digitação do cabeçalho e na parte inferior a do rodapé.
Será apresentada uma nova ferramenta para trabalharmos com o Cabeçalho e Rodapé
Através das opções Cabeçalho e Rodapé do Grupo Cabeçalho e Rodapé, podemos selecionar um
cabeçalho ou rodapé dos modelos apresentados.
103
Microsoft Excel
Imprimir Títulos
Para especificar linha e colunas que serão repetidas em cada página impressa, você deve ir até a
Guia Layout da Página, Grupo Configurar Página, Comando Imprimir Títulos.
Na caixa de diálogo Configurar Página, na opção Imprimir Títulos, selecione as linhas a repetir na
parte superior e as colunas a repetir à esquerda.
104
Microsoft Excel
Visualizar a impressão
Para visualizar impressão e alterar as páginas antes de imprimir, você deve clicar no Botão Office
105
Microsoft Excel
Imprimir
106
Microsoft Excel
Para imprimir uma pasta de trabalho, você deve clicar no Botão Office, opção Imprimir
Aparecerá a seguinte tela para selecionar a impressora, número de cópias e outras opções de
impressão antes de continuar.
Impressora
Selecionar a impressora desejada e configura suas propriedades, que podem mudar dependendo da
impressora instalada.
Intervalo de impressão
107
Microsoft Excel
Imprimir
Define a parte do documento a ser impressa:
Seleção – imprime somente o que está selecionado na planilha;
Pasta de Trabalho Inteira – imprime todas as planilhas da pasta de trabalho (arquivo) aberta;
Planilha(s) Selecionadas (s) – imprime somente as planilhas que estão selecionadas;
Cópias
Number of copies - Define quantas cópias deseja imprimir de cada folha;
Collate – se esta opção estiver marcada quando escolher mais de uma cópia, estas serão agrupadas
de modo de imprimir todo o conteúdo de uma vez, se a opção não estiver marcada, imprime a mesma
página, uma de cada vez até imprimir todo o documento.
Visualizar
Visualiza a página antes de ser impressa.
Impressão Rápida
Para imprimir rapidamente uma pasta de trabalho, você deve clicar no Botão Office, opção
Imprimir, Impressão Rápida.
108
Microsoft Excel
Copiar
Para copiar uma célula ou várias células, você deve primeiro selecionar o que deseja e depois ir até
a Guia Início, Grupo Área de trabalho e selecione o Copiar.
ou Ctrl + C
Recortar
Para recortar uma célula ou várias células, você deve primeiro selecionar o que deseja e depois ir até
a Guia Início, Grupo Área de trabalho e selecione o Recortar.
ou Ctrl + X
Colar
Para uma célula ou várias células que você copiou ou recortou, você deve ir até a Guia Início,
Grupo Área de trabalho e selecione o Colar.
ou Ctrl + V
109
Microsoft Excel
Colar especial
Através do colar especial, podemos criar vínculos, colar apenas fórmulas, colar valores ou outras
opções. Continua com a mesma funcionalidade da versão 2003, porém agora você deve ir até a Guia
Início, Grupo Área de trabalho, clique na seta abaixo do item Colar, selecionar umas das opções
disponíveis ou opção Colar Especial...
Obs.: Independente das opções que você utilizar, podemos colar uma única vez ou pela última vez
utilizando o ENTER.
Alça de preenchimento
A alça de preenchimento é acessada colocando o cursor sobre o canto direito inferior da célula, e o
cursor do mouse fica no formato de uma cruz.
Copiar conteúdo
110
Microsoft Excel
Para copiar o conteúdo de uma célula através da alça de preenchimento, basta selecionar a célula
desejada, clique sobre a alça e ―puxe‖ para os lados ou para cima ou para baixo.
Seqüência de datas
Para criar seqüência de data
Digite a primeira data. Ex.: 01/06/2008;
Clique na alça da célula e arraste para a direção e quantidade de células desejadas;
Para criar um intervalo somente com os dias da semana digite 02/06/2008 arraste a alça de
preenchimento com o botão direito do mouse até a linha 15 e solte no menu atalho escolha preencher
semanas. Estes dias não possuem nem sábado nem domingo.
111
Microsoft Excel
112
Microsoft Excel
Copiar fórmulas
Para copiar fórmulas utilizadas nas células, basta dar um duplo clique na alça da célula ou arraste
até o endereço desejado.
113
Microsoft Excel
Laboratório
114
Microsoft Excel
Operadores e fórmulas
Operadores
São as ligações entre os argumentos de uma fórmula no Excel.
Operadores aritméticos
O Excel utiliza os operadores aritméticos da matemática elementar, onde apenas à simbologia de 2
operadores se alteram:
+ Adição
– Subtração
/ Divisão
* Multiplicação
^ Potenciação
Operadores lógicos
Operadores lógicos são utilizados para comparar o conteúdo (valor, fórmula ou função) de uma
célula, retornando o texto Verdadeiro ou Falso.
Constantes
Textos
115
Microsoft Excel
Datas
Horas
Números
Fórmulas
Fórmulas são expressões de cálculos criados pelo usuário.
As fórmulas são argumentos ligados através de operadores aritméticos ou lógicos.
Estes argumentos podem ser valores digitados ou referências de células. Estas referências podem
conter valores digitados, fórmulas aritméticas ou lógicas ou funções.
Sempre que você cria uma fórmula, o resultado é apresentado em uma célula diferente das células
referenciadas.
EXEMPLO 1
Fórmula elaborada através de argumentos digitados.
Fórmula Resultado
EXEMPLO 2
Fórmula elaborada através de argumentos referenciados.
Fórmula Resultado
116
Microsoft Excel
A predominância de sinais
Em fórmulas que contêm mais de um operador aritmético, o Excel mantém a ordem de precedência
das operações de acordo com as leis da matemática elementar:
Exponenciação;
Multiplicação;
Divisão;
Adição;
Subtração;
Dica: Caso você queira modificar a ordem de precedência dos cálculos, utilize parênteses na
fórmula.
() Parênteses - Altera prioridade da operação matemática
Exemplo:
=5+4*3 (4X3+5) EQUIVALE A PRECEDÊNCIA DE SINAL = 17
=(5+4)*3 (5+4X3) ALTERA A ORDEM = 27
117
Microsoft Excel
NOTA: Quando a entrada se tratar de um texto, no teste lógico ela deve aparecer entre aspas.
Ao utilizar os operadores lógicos em uma fórmula, o que você tem é uma resposta verdadeira (True)
ou falsa (False) para a sua entrada.
Concatenação
É a junção do conteúdo de duas ou mais células.
* com espaço em branco ou algum caractere desejado entre o conteúdo das células.
Laboratório
118
Microsoft Excel
EXERCÍCIO 04 - FÓRMULAS
Resolva as questões abaixo conforme a tabela digitada na planilha Exercício 04
1º - Calcular a quantidade de horas trabalhadas de cada Instrutor
2º - Calcular os Totais de horas de cada curso, total de cursos e total de
horas
3º - Utilize Fórmulas para a montagem dos cálculos
TOTAL
EXERCÍCIO 05 - FÓRMULAS
Calcular o quadrado, o cubo, a quarta e a quinta de cada número na planilha Exercício 05.
NÚMERO QUADRADO CUBO QUARTA QUINTA
2
3
5
10
15
20
Referências e nomes
119
Microsoft Excel
Referências
Uma referência é a identificação de uma célula ou de um bloco de células em uma planilha. Esta
identificação é feita através de uma letra que indica a sua posição na(s) coluna(s) e um número que
indica o(s) número(s) da(s) linha(s).
As referências indicam quais as células que farão parte da formula:
Dados contidos em células em diferentes partes de uma planilha.
Células em outras planilhas de uma pasta.
Célula de outras pastas de trabalho as quais são chamadas de referências externas ou
vínculos.
Referência relativa
Ao criar uma fórmula, as referências a células ou intervalos geralmente se baseiam em sua posição
relativa à célula que contém a fórmula. Isso nos possibilita ―arrastar‖ uma fórmula ou função, no
sentido da linha ou da coluna, para que o Excel copie a fórmula ou função para as outras células,
modificando automaticamente sua referência.
Quando você copia uma fórmula que usa referências relativas, as referências na fórmula colada
atualizam-se e fazem referência a células diferentes relativas à posição da fórmula.
Referência absoluta
Para que as referências não sejam alteradas quando você copia uma fórmula para uma célula
diferente, use uma referência absoluta. Esta operação será usada quando você precisar realizar
qualquer operação de várias células (multiplicação, divisão, etc) por uma única célula.
Para criar uma referência absoluta para a célula D2, por exemplo, adicione sinais de cifrão à fórmula
120
Microsoft Excel
da seguinte forma:
Referência mista
Apesar de a Referência Absoluta ser mais fácil de trabalhar com as fórmulas, quando você desejar
fixar apenas uma das referências, ou seja, ou Linha ou Coluna, poderá usar a Referência Mista.
Veja os exemplos abaixo:
A tecla F4 serve para definir rapidamente entre referências absolutas, relativas e mistas. Para usar a
tecla F4, posicione o cursor ao lado da referência de célula que deseja alterar. A partir disso basta ir
pressionando a tecla F4, quando encontrar a referência de célula desejada pressione a tecla ENTER.
Para você fazer referências relatitivas, absolutas ou mistas você deve fazer o mesmo processo que
era utilizado na versão anterior. Para facilitar o seu trabalho pode utilizar a tecla de atalho F4 no
momento que está fazendo a fórmula, para alternar entre as referências.
Ao arrastar no sentido da Coluna, é
Relativo necessário fixar apenas a LINHA.
Mista
Referência Interna
121
Microsoft Excel
A referência interna é utilizada quando você deseja relacionar dados entre planilhas do mesmo
arquivo. Ao realizar operações com células vinculadas no mesmo arquivo, além de poupar tempo
com o ―retrabalho‖, você evitará os erros de uma digitação indevida.
O mais importante desta operação, é que ao atualizar dados em uma Planilha, todas as planilhas que
possuem células vinculadas a ela, serão atualizadas automaticamente.
Para vincular uma célula de uma Planilha com uma célula de outra Planilha, basta digitar o sinal de
igual (=), iniciar uma fórmula ou função, selecionar a Planilha desejada e simplesmente, clicar na
célula cuja informação você deseja vincular.
Esta operação pode ser repetida tantas vezes quanto necessário. Ao final da seleção, simplesmente
tecle ENTER.
Referência Externa
A referência externa é utilizada quando você deseja relacionar dados entre planilhas de arquivos
diferentes. Para vincular uma célula de um Arquivo com uma célula de outro Arquivo, basta digitar o
sinal de igual (=), iniciar uma fórmula ou função, selecionar o Arquivo desejado, selecionar a Planilha
e simplesmente, clicar na célula cuja informação você deseja vincular. Esta operação pode ser
repetida tantas vezes quanto necessário. Ao final da seleção, simplesmente tecle <ENTER>.
O que é
Um nome ou rótulo é uma abreviação significativa que facilita o entendimento das fórmulas. Utilizam-
se nomes nas células ou num intervalo de células.
Ex.:
122
Microsoft Excel
Criar
Para criar um nome para uma célula ou um conjunto de células, você deve ir até a Guia Fórmulas,
Grupo Nomes Definidos, comando Definir Nome.
Aplicar
Para aplicar o nome criado, você deve ir até a Guia Fórmulas, Grupo Nomes Definidos, Usar em
Fórmula.
Alterar/Excluir
Para alterar ou excluir um nome criado, você deve ir até a Guia Fórmulas, Grupo Nomes
Definidos, comando Gerenciado de Nomes.
123
Microsoft Excel
No Microsoft Excel, você pode nomear uma única célula ou um intervalo de células para facilitar a
leitura e a memorização das fórmulas. Se houver rótulos de linha e coluna em uma planilha, você
pode fazer referência direta a eles em uma fórmula, ou usá-los como nomes que representam as
células associadas. Você também pode criar nomes 3D que representem a mesma célula ou intervalo
de células em várias planilhas.
Laboratório
124
Microsoft Excel
Quantidad
Produto Países R$ R$ R$ US$
e
Caneta Canadá 2.000 0,80
Lápis Japão 3.000 0,50
Régua França 3.500 1,00
Folha A4 Polônia 1.000 12,00
Borracha Inglaterra 300 0,30
Compass
o Portugal 400 4,00
Estados
Esquadro Unidos 15.000 1,23
Tesoura Canadá 12.000 5,00
Estados
Cola Unidos 4.500 2,30
Caderno Itália 2.800 9,80
125
Microsoft Excel
Introdução a funções
Função
Uma função é uma fórmula pré-definida com a finalidade de resolver um determinado cálculo. No
Excel existem diversas funções para as mais variadas áreas (financeira, estatística, engenharia...).
Existem aproximadamente 400 funções no Excel. As funções podem ser usadas para executar
cálculos simples ou complexos.
Uma função é sempre representada por um nome e dois parênteses, que em alguns casos poderão
incluir informações (argumentos ou parâmetros) que a função necessita para funcionar corretamente.
No momento em que definimos um Intervalo de Células, você pode usar ―dois pontos‖ (:) ou ―ponto-e-
vírgula‖ (;). Cada um com resultados diferentes.
(:) Dois Pontos – Significa que o Intervalo vai de uma célula A OUTRA.
(;) Ponto-e-vírgula – Significa que o Intervalo é de uma célula E OUTRA.
Exemplo de funções:
Função Resultado
= SOMA(A1:A10) Soma de todos os valores de A1 até A10
= HOJE() Data atual
= MEDIA(A2:B15) Mostra a média aritmética das células do intervalo de A2
até A15
Assistente de função
Para acessar o assistente de funções, você deve ir até Guia Fórmulas, Grupo Biblioteca de
Funções, comando Inserir Função.
126
Microsoft Excel
Se você souber qual a categoria da função que deseja inserir, já pode ir direto na Guia Fórmulas,
Grupo Biblioteca de Funções e selecionar a categoria desejada.
127
Microsoft Excel
Principais funções
DATA E HORA
Para saber o número serial de uma data use formato Número, sem casa decimal e com número de
milhar.
Nome Descrição Sintaxe Exemplo
AGORA Retorna a data e a hora atual = AGORA() = AGORA ()
ANO Retorna o ano de uma data =ANO(núm_série) =ANO(39604)
DATA Retorna o número que representa a =DATA(ano;mês;dia) =DATA(2008;06;01)
data-hora
DIA Retorna o dia do mês =DIA(num_série) =DIA(39604)
HOJE Retorna a data de hoje =HOJE() =HOJE()
HORA Retorna a hora =HORA() =HORA()
MÊS Retorna o mês =MÊS(núm_série) =MÊS(39604
MATEMÁTICAS
Nome Descrição Sintaxe Exemplo
ABS Retorna o valor absoluto de um =ABS(referência) =ABS(C35)
número
ALEATÓRIO Retorna um número aleatório =ALEATÓRIO() =ALEATÓRIO()
entre 0 e 1
ARRED Arredonda um número até uma =ARRED(referência;nº de =ARRED(C33;1)
quantidade especificada de casas)
dígitos
FATORIAL Retorna o fatorial de um =FATORIAL(referência) =FATORIAL(C31)
número
128
Microsoft Excel
ESTATÍSTICAS
Nome Descrição Sintaxe Exemplo
CONT.NUM Calcula o número de células que =CONT.NUM(intervalo) =CONT.NUM(C30:C35)
contém números
CONT.SE Calcula o número de células que =CONT.SE(intervalo;critério =CONT.SE(C30:C35;">30")
satisfazem um determinado )
critério
MAIOR Retorna o maior valor n-ésimo de =MAIOR(intervalo,n) =MAIOR(C30:C35;2)
um intervalo
MÁXIMO Retorna o valor máximo de um =MÁXIMO(intervalo) =MÁXIMO(C30:C35)
intervalo
MÉDIA Retorna a média dos argumentos =MÉDIA(intervalo) =MÉDIA(C30:C35)
de um intervalo
MENOR Retorna o menor valor n-ésimo do =MENOR(intervalo,n) =MENOR(C30:C35;3)
conjunto intervalo
MÍNIMO Retorna o valor mínimo de um =MÍNIMO(intervalo) =MÍNIMO(C30:C35)
intervalo
TEXTO
Nome Descrição Sintaxe Exemplo
CONCATENAR Agrupa vários itens de =CONCATENAR(texto1;texto2...) =CONCATENAR(A1;A2)
seqüência de caracteres de
texto em uma única
seqüência de caracteres de
texto.
DIREITA Retorna o número =DIREITA(texto;núm) =DIREITA(D30;3)
especificado de caracteres a
direita de um texto
ESQUERDA Retorna o número =ESQUERDA(texto;núm) =ESQUERDA(D30;3)
especificado de caracteres a
esquerda de um texto
EXT.TEXTO Retorna o número =EXT.TEXTO(texto;pt_inicial;num =EXT.TEXTO(D30;3;5)
especificado de caracteres )
de um texto partindo de um
ponto
MAÍUSCULA Converte um texto para =MAÍUSCULA(texto) =MAÍUSCULA(D30)
letras maiúsculas
MINÚSCULA Converte um texto para =MINÚSCULA(texto) =MINÚSCULA(D31)
129
Microsoft Excel
letras minúsculas
LÓGICAS
Nome Descrição Sintaxe Exemplo
E Retorna verdadeiro se todos os =E(teste1;teste2;teste3;...) =E(D29>34;7>6)
documentos forem verdadeiros
NÃO Inverte o resultado de uma operação =NÃO(valor lógico) =NÃO(VERDADEIRO)
lógica
OU Retorna verdadeiro se pelo menos um =OU(teste1;teste2;teste3;...) =OU(D29>34;7>6)
dos documentos for verdadeiro
SE Executa um teste lógico =SE(teste;verdadeiro;falso) =SE(D29>10;30;45)
PROCURA E REFERÊNCIA
Nome Descrição Sintaxe Exemplo
PROCV Realiza uma busca =PROCV(oquê;onde;linha;forma) =PROCV(D35;TabRef;2;falso
horizontal na 1ª linha de )
uma tabela
PROCH Realiza uma busca vertical =PROCH(oquê;onde;coluna;forma =PROCH(D34;TabRef;3)
na 1ª coluna de uma tabela )
INFORMAÇÕES
Nome Descrição Sintaxe Exemplo
É.NÃO.DISP Verifica se um valor é #N/A e retorna =É.NÃO.DISP(valor) = É.NÃO.DISP(D33)
VERDADEIRO ou FALSO
É.NÃO.TEXTO Verifica se um valor não é texto e retorna =É.NÃO.TEXTO(valor) =É.NÃO.TEXTO(D33)
VERDADEIRO ou FALSO
ÉTEXTO Verifica se o conteúdo é um texto =ÉTEXTO(valor) =ÉTEXTO(D33)
ÉNÚM Verifica se o conteúdo de uma célula é um =ÉNÚM(valor) =ÉNÚM(D33)
número
ÉCEL.VAZIA Verifica se o conteúdo de uma célula está =ÉCEL.VAZIA(valor) =ÉCEL.VAZIA(D33)
vazia
Função auto-soma
Para acessar a Auto Soma (Auto Sum), você deve ir até a Guia Início, Grupo Edição, comandos
Auto Sum.
No botão Auto Sum, temos outras opções de funções do Excel além da função Sum.
Média: função Média
Contar Números: função Cont.Num
130
Microsoft Excel
FUNÇÃO AGORA
Retorna o número de série seqüencial da data e hora atuais. Se o formato da célula era Geral antes
de a função ser inserida, o resultado será formatado como uma data.
SINTAXE:
=AGORA( )
FUNÇÃO HOJE
Retorna o número de série da data atual. O número de série é o código de data-hora usado pelo
Microsoft Excel para cálculos de data e hora. Se o formato da célula era Geral antes de a função ser
inserida, o resultado será formatado como uma data.
SINTAXE:
=HOJE( )
FUNÇÕES MATEMÁTICAS
FUNÇÃO ARRED
Arredonda um número até uma quantidade especificada de dígitos.
SINTAXE:
=ARRED(núm;núm_dígitos)
Núm é o número que se deseja truncar. Pode ser a referência de uma célula.
EXEMPLO:
=ARRED(234,46;1)
131
Microsoft Excel
RESULTADO:
234,5
FUNÇÃO TRUNCAR
Trunca um número para um inteiro removendo a parte fracionária do número.
SINTAXE:
=TRUNCAR(núm;núm_dígitos)
Núm é o número que se deseja truncar. Pode ser a referência de uma célula.
EXEMPLO:
=TRUNCAR(234,46;1)
RESULTADO:
234,4
FUNÇÃO INT
Arredonda um número para baixo até o número inteiro mais próximo.
SINTAXE:
=INT(núm)
Núm é o número real que se deseja arredondar para baixo até um inteiro.
EXEMPLO:
=INT(234,46)
RESULTADO:
234
FUNÇÃO ALEATÓRIO
Retorna um número aleatório maior ou igual a 0 e menor que 1 distribuído uniformemente.
SINTAXE:
=ALEATÓRIO()
FUNÇÕES ESTATÍSTICAS
FUNÇÃO MÁXIMO
Retorna o Maior número de um intervalo de células.
132
Microsoft Excel
SINTAXE:
=MÁXIMO(intervalo)
Intervalo – é o intervalo de células no qual se deseja determinar o maior valor.
EXEMPLOS:
=MÁXIMO(D2:D450)
FUNÇÃO MÍNIMO
Retorna o Menor número de um intervalo de células.
SINTAXE:
=MÍNIMO(intervalo)
Intervalo – é o intervalo de células no qual se deseja determinar o menor valor.
EXEMPLOS:
=MÍNIMO(D2:D450)
FUNÇÃO MÉDIA
Retorna a média aritmética de um intervalo de células.
SINTAXE:
=MÉDIA(matriz)
EXEMPLO:
=MÉDIA(D2:D450)
FUNÇÕES TEXTO
FUNÇÃO ESQUERDA
Retorna o primeiro caractere ou caracteres em uma seqüência de caracteres de texto baseado no
número de caracteres especificado por você.
SINTAXE:
=ESQUERDA(texto;núm_caracteres)
Texto – é uma frase qualquer e deverá estar limitada por aspas (―). Pode-se usar uma referência de
célula.
Núm_caracteres – é o número de caracteres que será extraído da célula, a partir da esquerda.
EXEMPLO:
133
Microsoft Excel
=ESQUERDA(―Porto Alegre‖;5)
RESULTADO:
Porto
FUNÇÃO DIREITA
Retorna o primeiro caractere ou caracteres em uma seqüência de caracteres de texto baseado no
número de caracteres especificado por você.
SINTAXE:
=DIREITA(texto;núm_caracteres)
Texto – é uma frase qualquer e deverá estar limitada por aspas (―). Pode-se usar uma referência de
célula.
Núm_caracteres – é o número de caracteres que será extraído da célula, a partir da direita.
EXEMPLO:
=DIREITA(―Porto Alegre‖;6)
RESULTADO:
Alegre
FUNÇÃO EXT.TEXTO
Retorna os caracteres do meio de uma seqüência de caracteres de texto, tendo a posição e
comprimento especificado.
SINTAXE:
=EXT.TEXTO(texto;núm_inicial;núm_caract)
Texto – é uma frase qualquer e deverá estar limitada por aspas (―). Pode-se usar uma referência de
célula;
Núm_inicial – é o posição do primeiro caractere que se deseja extrair.;
Núm_caract – especifica o número de caracteres a serem retornados de texto;
EXEMPLO:
=EXT.TEXTO(―Rio Grande do Sul‖;5;6)
RESULTADO:
Grande
FUNÇÃO CONCATENAR
Agrupa várias seqüências de caracteres de texto em uma única seqüência de caracteres de texto.
134
Microsoft Excel
SINTAXE:
=CONCATENAR(texto1;text2;texto3....)
Texto – é uma frase qualquer e deverá estar limitada por aspas (―). Pode-se usar uma referência de
célula.
EXEMPLO:
= CONCATENAR (―Porto Alegre‖;‖-―;‖Rio Grande do Sul‖)
RESULTADO:
Porto Alegre-Rio Grande do Sul
FUNÇÃO MAIÚSCULA
Converte a seqüência de caracteres de texto em maiúsculas.
SINTAXE:
=MAIÚSCULA(texto)
Onde texto é uma frase qualquer e deverá estar limitada por aspas (―).é uma frase qualquer e deverá
estar limitada por aspas (―). Pode-se usar uma referência de célula.
EXEMPLO:
= MAIÚSCULA (―alfamídia‖)
RESULTADO:
ALFAMÍDIA
FUNÇÃO MINÚSCULA
Converte todas as letras em uma seqüência de caracteres de texto em minúsculas.
SINTAXE:
=MINÚSCULA(texto)
Onde texto é uma frase qualquer e deverá estar limitada por aspas (―).é uma frase qualquer e deverá
estar limitada por aspas (―). Pode-se usar uma referência de célula.
EXEMPLO:
= MINÚSCULA (―ALFAMÍDIA‖)
RESULTADO:
Alfamídia
Laboratório
135
Microsoft Excel
EXERCÍCIO 09 – FUNÇÕES
Aplique a formatação das células abaixo na planilha Exercício 09 e calcule os valores
Venda de Produtos
Tipos Meses
Produtos Janeiro Fevereiro Março Abril
AAA R$ 200,00 R$ 350,00 R$ 550,00 R$ 235,00
BBB R$ 254,00 R$ 578,00 R$ 854,00 R$ 221,00
CCC R$ 568,00 R$ 546,00 R$ 254,00 R$ 244,00
R$
DDD 540,00 R$ 650,00 R$ 780,00 R$ 980,00
R$
EEE 320,00 R$ 321,00 R$ 355,00 R$ 654,00
R$
FFF 254,00 R$ 321,00 R$ 589,00 R$ 879,00
Somatório
Médias
Maior Valor
Menor Valor
Total dos
somatórios
Média geral
dos somatórios
Saldo
Empresa XYZ Ltda. Anterior
Fluxo de Caixa Data:
Conta Entrad
Nº Doc nº Histórico a Saída D/C Saldo
NF
23.2 14567 Material de escritório 118
12.4 NF 3456 Aluguel computador 456
136
Microsoft Excel
234
23.4 - Treinamento 5600
NF
12.5 45678 Venda computador 25000
23.7 NF 7899 Locação veículo 800
2347,8
23.56 - Reforma salas 2 e 3 9
12.8 - Venda impressora 2456
13.7 - Livros didáticos 2300
Totais
Saldo ATUAL
EXERCÍCIO 11 – FUNÇÕES
Copie a tabela da planilha Exercício 02 para a planilha Exercício 11. Preencha com as fórmulas ou
funções necessárias.
1º Semestre de 2008
JAN FEV MAR ABR MAI JUN TOTAL
Receitas 1560 1420 860 1980 2500 2800
Despesas 920 1100 1200 700 500 700
Resultado
137
Microsoft Excel
Classificaçao de dados
Para classificar dados de uma planilha, selecione todo o intervalo desejado, vá até a Guia Início,
Grupo Edição, comando Classificar e Filtrar e selecione a opção Classificar do Mais Antigo para o
Mais Novo ou Classificar do Mais Novo para o Mais Antigo.
138
Microsoft Excel
Ou você pode ir na Guia Dados, Grupo Classificar e Filtrar, Comando Classificar do Mais Antigo para
o Mais Novo ou Comando Classificar do Mais Novo para o Mais Antigo
Para fazer alterações na classificação (escolher por qual coluna deseja classificar a tabela, clique na
opção Filtro
Congelar painéis
Congelar títulos de planilha de modo a não rolem para fora da tela tanto títulos horizontais ou
verticais.
O modo de exibição de uma planilha no Excel pode ser modificado basicamente de duas maneiras:
Títulos horizontais
Selecione a linha abaixo dos títulos;
Acesse a Guia Exibição, Grupo Janela, opção Congelar Painéis;
Item Freeze Top Row.
Títulos verticais
Selecione a linha abaixo dos títulos;
Acesse a Guia Exibição, Grupo Janela, opção Congelar Painéis;
139
Microsoft Excel
Comentário
É possível quando o mouse passar sobre determinada célula, surgir uma mensagem automática,
quando é retirado o mouse de sobre a célula também automaticamente a mensagem desaparece. As
células que contém o recurso de inserir comentários possuem um símbolo vermelho no canto
superior direito da célula.
Para inserir o comentário, selecione a Guia Revisão, Grupo Comentários, Opção Novo
Comentário.
Laboratório
140
Microsoft Excel
Gráficos
Inserir
Para inserir um gráfico básico no Excel que você possa modificar e formatar, posteriormente, inicie
inserindo os dados do gráfico em uma planilha. Em seguida, selecione esses dados e escolha o
tipo de gráfico que deseja utilizar na Guia Inserir, Grupo Gráficos.
141
Microsoft Excel
Formatar
Para alterar ou definir qualquer alteração nos gráficos, você deve selecionar o gráfico desejado onde
o Excel criará uma Ferramenta do Gráfico. Nesta Ferramenta, temos disponíveis 3 novas guias
(Design, Layout, Format) para as alterações necessárias.
Guia Design:
Laboratório
EXERCÍCIO 18 – GRÁFICOS
Crie um gráfico utilizando a tabela da planilha Exercício 18, conforme instruções abaixo:
Tipo Colunas;
Série em Linhas;
Título do gráfico: Comparativo de Parto Normal do 1° Trimestre;
Defina os eixos X e Y;
Legenda a esquerda;
Mostre o valor dos dados no conteúdo do rótulo;
Mostrar numa nova planilha.
EXERCÍCIO 19 – GRÁFICOS
142
Microsoft Excel
PROTEGER ARQUIVO
Podemos proteger um arquivo do Excel (a pasta e todas as planilhas) contra gravação, alteração e
até mesmo a visualização do mesmo.
Clique no Botão Office;
Selecione a opção Salvar Como, Pasta de Trabalho do Excel;
Na caixa de diálogo Salvar Como, clique no botão Ferramentas
Informe a senha desejada:
Senha de proteção: protege o arquivo onde não será possível a visualização do mesmo.
Senha de gravação: protege o arquivo contra alteração e gravação do mesmo. Neste caso
será oferecida a opção de abrir o arquivo somente leitura.
OK.
143
Microsoft Excel
Desbloqueie as células que você deseja que os usuários possam alterar, pois por padrão
todas as células estão protegidas. Para isso selecione cada célula ou intervalo desejado;
Na Guia Início, no Grupo Células, clique em Formatar, clique em Formatar Celulas e, em seguida,
clique na guia Proteção.
Desmarque a caixa de seleção Bloqueadas.
Clique em OK.
Na Guia Início, no Grupo Células, clique em Formatar e, em seguida, clique em Proteger Planilha.
Certifique-se de que a caixa de seleção Proteger a planilha e o conteúdo de células
bloqueadas esteja marcada.
Bloquear fórmulas
Selecione o intervalo de células cujas fórmulas você deseja bloquear. Você também pode selecionar
intervalos não adjacentes (seleção não adjacente: uma seleção de duas ou mais células ou intervalos
de células que não se tocam. Ao plotar seleções não adjacentes em um gráfico, verifique se as
seleções combinadas compõem uma forma retangular.) ou a planilha inteira.
Na Guia Início, no Grupo Células, clique em Formatar, clique em Format\r Células e, em seguida,
clique na guia Proteção.
144
Microsoft Excel
145
Microsoft Excel
Para concretizar a proteção, clique no botão Bloquear Planilha e defina as configurações desejadas
e OK.
Quando digitado um dado sobre a célula definida com a senha, será requisitada a respectiva senha
do intervalo. Nos outros intervalos não será permitida a entrada de dados a não ser que desabilite a
proteção da pasta de trabalho.
Para alterar, selecione o intervalo desejado e clique no botão Alterar e altere as configurações.
REMOVER SENHAS
Na Guia Revisão, no Grupo Alterações, clique em Desproteger planilha.
FORMATAÇÃO CONDICIONAL
146
Microsoft Excel
A formatação condicional ajuda a responder essas questões tornando mais fácil destacar células ou
intervalos de células, enfatizarem valores não-usuais e visualizar dados usando barras de dados,
escalas de cores e conjuntos de ícones. Um formato condicional altera a aparência de um intervalo
de células com base em uma condição (ou critério). Se a condição for verdadeira, o intervalo de
células será formatado com base nessa condição; se a condição for falsa, o intervalo de células não
será formatado com base nessa condição.
É possível aplicar até 64 formatações diferentes.
No menu de opções, escolha uma opção ou crie uma nova regra através da opção Nova Regra.
147
Microsoft Excel
Formatação rápida
Formatação avançada
148
Microsoft Excel
149
Microsoft Excel
150
Microsoft Excel
Observação Um valor em branco é uma célula que não contêm dados e é diferente de uma célula
que contém um ou mais espaços (que são texto).
Formatar células com valores de erro ou sem erros Selecione Erros ou Sem Erros.
Os valores de erro são #####, #VALOR!, #DIV/0!, #NOME?, #N/D, #REF!, #NUM!, and #NULO!.
Para especificar um formato, clique em Formatar...
A caixa de diálogo Formatar Células será exibida.
Selecione o formato de número, fonte, borda ou preenchimento que deseja aplicar quando o valor da
célula satisfizer à condição e, em seguida, clique em OK.
Você pode escolher mais de um formato. Os formatos que você selecionar serão exibidos na caixa
Preview.
Formatação rápida
Selecione um intervalo de células.
Na Guia Início, Grupo Estilos, clique na seta ao lado de comando Formatação Condicional e clique
em Regras de Primeiros/Últimos:
Selecione o comando desejado, como 10 Primeiros Itens ou Últimos 10%
151
Microsoft Excel
Formatação avançada
Selecione um intervalo de células
Na Guia Início, Grupo Estilos, clique na seta ao lado de comando Formatação Condicional e, em
seguida, clique em Gerenciar Regras.
A caixa de diálogo Gerenciador de Regras de Formtação Condicional será exibida.
Siga um destes procedimentos:
Para adicionar um formato condicional, clique em Nova Regra.
A caixa de diálogo Nova Regra de Formatação será exibida.
Para alterar um formato condicional, siga este procedimento:
Verifique se a tabela ou a planilha apropriada está selecionada na caixa de listagem Mostrar regras
de formatação para.
152
Microsoft Excel
para indicar números mais altos e mais baixos, especialmente com grandes quantidades de dados,
como brinquedos mais e menos vendidos em um relatório de vendas de fim de ano.
Formatação rápida
Selecione um intervalo de células.
Na Guia Início, no Grupo Estilos, clique na seta ao lado de comando Formatação Condicional,
clique em Barras de Dados e, em seguida, selecione um ícone de barra de dados.
Formatação avançada
Selecione um intervalo de células.
Na Guia Início, Grupo Estilos, clique na seta ao lado de comando Formatação Condicional e, em
seguida, clique em Gerenciar Regras.
A caixa de diálogo Gerenciador de Regras de Formtação Condicional será exibida.
Siga um destes procedimentos:
Para adicionar um formato condicional, clique em Nova Regra.
A caixa de diálogo Nova Regra de Formatação será exibida.
Para alterar um formato condicional, siga este procedimento:
Verifique se a tabela ou a planilha apropriada está selecionada na caixa de listagem Mostrar regras
de formatação para.
153
Microsoft Excel
Os percentis válidos estão entre 0 e 100. Você não pode usar um percentil se o intervalo de células
contiver mais de 8.191 pontos de dados.
Use um percentil quando desejar visualizar um grupo de valores elevados (como os 20 primeiros
percentis) em uma barra de dados e valores baixos (como os 20 últimos percentis) em outra barra de
dados, porque eles representam valores extremos que podem distorcer a visualização de seus dados.
Formatar um resultado de fórmula Selecione Fórmula e digite um Valor para Mais Curta e Mais
Longa.
A fórmula deve retornar um número, uma data ou uma hora. Inicie a fórmula com um sinal de igual
(=). Fórmulas inválidas resultam em nenhuma formatação aplicada. Convém testar a fórmula na
planilha para assegurar que ela não retorne um valor de erro.
Observações
Verifique se o valor da Mais Curta é menor do o valor da Mais Longa.
Você pode escolher um Tipo diferente para Mais Curta e Mais Longa. Por exemplo, é possível
escolher um Número para Mais Curta e uma Percentagem para Mais Longa.
Para escolher uma escala de cores para a Mais Curta e Mais Longa, clique em Cor da Barra.
Se desejar escolher cores adicionais ou criar uma cor personalizada, clique em Mais Cores.
A cor da barra que você selecionar será exibida na caixa Visualização.
Para mostrar apenas a barra de dados e não o valor na célula, selecione Mostrar Barra Somente.
Formatação rápida
Selecione um intervalo de células.
Na Guia Início, no Grupo Estilos, clique na seta ao lado de comando Formatação Condicional,
clique em Escalas de Cor.
Selecione uma escala de três cores. A cor da parte superior representa valores maiores, a cor do
centro representa valores médios e a cor da parte inferior representa valores menores.
Dica Passe o mouse sobre os ícones de escala de cores para ver qual deles corresponde a uma
escala de três cores.
Formatação avançada
Selecione um intervalo de células.
Na Guia Início, Grupo Estilos, clique na seta ao lado de comando formatação condicional e, em
seguida, clique em Gerenciar Regras.
154
Microsoft Excel
155
Microsoft Excel
Valores Mínimo, MidPoint e Máximo são os valores mínimo, de ponto médio e máximo do intervalo
de células. Verifique se o valor Mínimo é menor do que o valor de Máximo, que por sua vez deve ser
maior do que o valor Maximum.
Você pode escolher um Tipo diferente para Mínimo, MidPoint e Máximo. Por exemplo, é possível
escolher um Número para Mínimo, um Percentil para MidPoint e uma Percentagem para Máximo.
Em muitos casos, o valor padrão de 50% para MidPoint funciona melhor, mas você pode ajustá-lo
de acordo com exigências específicas.
Para escolher uma escala de cores para Mínimo, MidPoint e Máximo, clique em Cor para cada um
e, em seguida, selecione uma cor.
Se desejar escolher cores adicionais ou criar uma cor personalizada, clique em Mais Cores.
A escala de cores que você selecionar será exibida na caixa Visualização.
Formatação avançada
Selecione um intervalo de células.
Na Guia Início, Grupo Estilos, clique na seta ao lado de Comando formatação condicional e, em
seguida, clique em Gerenciar Regras.
A caixa de diálogo Gerenciador de Regras de Formatação Condicional será exibida.
Siga um destes procedimentos:
Para adicionar um formato condicional, clique em Nova Regra.
A caixa de diálogo Nova Regra de Formatação será exibida.
Para alterar um formato condicional, siga este procedimento:
Verifique se a tabela ou a planilha apropriada está selecionada na caixa de listagem Mostrar regras
de formatação para.
156
Microsoft Excel
Em Selecione Tipo de Regra, clique em Formatar todas as células com base em seus respectivos
valores.
Em Edite a Descrição da Regra, na caixa de listagem Estilo de Formatação, Conjunto de Ícones.
Selecione um conjunto de ícones. O padrão é 3 Semáforos (Não Coroados). O número de ícones e
os operadores de comparação e valores limites padrão podem variar para cada conjunto de ícones.
Se desejar, você pode ajustar os operadores de comparação e os valores limites. O intervalo padrão
de valores para cada ícone é igual em tamanho, mas você pode ajustá-lo para atender a exigências
específicas. Verifique se os limites estão em uma seqüência lógica do mais alto para o mais baixo, do
superior para o inferior.
Siga um destes procedimentos:
Formatar um valor numérico, de data ou hora Selecione Número.
Formatar uma porcentagem Selecione Percentagem.
Os valores válidos estão entre 0 e 100. Não digite o sinal de porcentagem.
Use uma porcentagem quando desejar visualizar todos os valores proporcionalmente porque a
distribuição de valores é proporcional.
Formatar um percentil Selecione Percentil.
Os percentis válidos estão entre 0 e 100. Você não pode usar um percentil se o intervalo de células
contiver mais de 8.191 pontos de dados.
Use um percentil quando desejar visualizar um grupo de valores elevados (como os 20 primeiros
percentis) em uma barra de dados e valores baixos (como os 20 últimos percentis) em outra barra de
dados, porque eles representam valores extremos que podem distorcer a visualização de seus dados.
Formatar um resultado de fórmula Selecione Fórmula e digite uma fórmula em cada caixa Valor.
A fórmula deve retornar um número, uma data ou uma hora. Inicie a fórmula com um sinal de igual
(=). Fórmulas inválidas resultam em nenhuma formatação aplicada. Convém testar a fórmula na
planilha para assegurar que ela não retorne um valor de erro.
Para colocar o ícone no lado oposto da célula, selecione Ordem Inversa de Ícones.
Para mostrar apenas o ícone e não o valor na célula, selecione Mostrar Somente Ícone.
Observações
Pode ser necessário ajustar a largura da coluna para acomodar o ícone.
Há três tamanhos de ícones. O tamanho exibido depende do tamanho da fonte usada naquela célula.
Toda a Planilha
Na Guia Início, no Grupo Estilos, clique na seta ao lado de formatação condicional e, em seguida,
clique em Limpar Regras.
Clique em Limpar Regras da Planilha Inteira.
157
Microsoft Excel
Laboratório
158
Microsoft Excel
Funções avançadas
159
Microsoft Excel
FUNÇÃO SOMASE
Adiciona as células especificadas por um determinado critério.
SINTAXE:
=SOMASE(intervalo;critério;intervalo_soma)
Intervalo – é o intervalo de células que se deseja calcular.
Critério – são os critérios na forma de um número, expressão ou texto, que define quais células serão
adicionadas. Por exemplo, os critérios podem ser expressos como "32", ">32", "maçãs".
Intervalo_soma – são as células que serão realmente somadas.
EXEMPLO:
Somar o total de gastos do COS, onde os setores estão entre D2 e D450 e as despesas dos setores,
estão entre G2 e G450.
=SOMASE(D2:D450;‖=COS‖;G2:G450)
FUNÇÃO CONT.NUM
Conta quantas células contêm números e também os números na lista de argumentos. Use
CONT.NUM para obter o número de entradas em um campo de número que estão em um intervalo
ou matriz de números.
SINTAXE:
=CONT.NUM(value1;value2;...)
EXEMPLOS:
=CONT.NUM(G2:G450)
Conta quantas células no intervalo de G2 a G450 possuem conteúdo numérico.
FUNÇÃO CONTAR.VAZIO
Calcula o número de células não vazias.
SINTAXE:
=CONTAR.VAZIO(value)
EXEMPLOS:
=CONTAR.VAZIO(G2:G450)
FUNÇÃO CONT.SE
Calcula o número de células não vazias em um intervalo que corresponde a determinados critérios.
SINTAXE:
160
Microsoft Excel
=CONT.SE(intervalo;critério)
Intervalo – é o intervalo de células no qual se deseja contar células não vazias.
Critério – é o critério na forma de um número, expressão ou texto que define quais células serão
contadas. Por exemplo, os critérios podem ser expressos como "32", ">32", "maçãs".
EXEMPLO:
Contar quantas vezes encontrados registros do setor do COS, onde os setores estão entre D2 e
D450.
=CONT.SE(D2:D450;‖=COS‖)
Laboratório
Funções lógicas
FUNÇÃO SE
A função SE é uma das funções mais versáteis do Excel. Através dela podemos determinar alíquotas
para impostos, determinar que texto seja exibido em um célula ou qual a função que será realizada.
Esta função será executada a partir de um teste lógico, cujo resultado será sempre TRUE ou FALSE.
SINTAXE:
Ela utiliza os seguintes argumentos:
=SE(teste_logico;valor_se_verdadeiro;valor_se_falso)
Teste_lógico – A condição a ser verificada.
Valor_se_verdadeiro – o valor a retornar se a condição for verdadeira
Valor_se_falso – o valor a retornar se a condição for falsa.
EXEMPLOS:
=SE (B2=‖M‖;‖Masculino‖;‖Feminino‖)
=SE(G2<=100;10%;15%)
161
Microsoft Excel
=SE(H15>3000;12%;8%)*J15
A função SE, pode ter até 7 níveis, ou 7 ―testes lógicos‖. O resultados dos testes lógicos, pode ser
uma operação qualquer ou uma nova função IF.
=SE(A2<=300;8%;SE(A2<=600;10%;15%))
=SE(B2<=5;‖Reprovado‖;SE(B2<=6,5;‖Recuperação‖;‖Aprovado‖))
FUNÇÃO E
A função E pode ser usada em conjunto com diversas funções, entre elas, a função SE. Ela permite
aumentar o nível de testes, pois verifica mais de uma variável ao mesmo tempo.
Para que o resultado da função E, seja VERDADEIRO, ―todos os teste da função devem ter
retornado o resultado VERDADEIRO‖.
SINTAXE:
E(logical1,logical2...)
EXEMPLO:
=SE(E(produto=‖CF56‖;qtdest<=3000);‖Comprar‖;‖Aguardar‖)
No caso acima, SE o produto for CF56 E quantidade em estoque for menor ou igual a 3000
=SE(E(A2=‖CSG‖‘;B2=‖SUP‖;G2>4500);‖Verificar‖;‖OK‖)
FUNÇÃO OU
A função OU pode ser usada em conjunto com diversas funções, entre elas, a função SE. Ela permite
aumentar o nível de testes, pois verifica mais de uma variável ao mesmo tempo.
Para que o resultado da função OU, seja VERDADEIRO, ―basta que 01 (UM) dos testes da função
retorne o resultado VERDADEIRO‖.
SINTAXE:
OU(logical1,logical2...)
EXEMPLO:
=SE(OU(produto=‖CF56‖;qtdest<=3000);‖Comprar‖;‖Aguardar‖)
Neste caso, basta que o produto seja CF56 OU qtdest seja menor ou igual a 3000, para exibir a
mensagem ―Comprar‖.
=SE(OU(A2=‖CSG‖‘;B2=‖SUP‖;G2>4500);‖Verificar‖;‖OK‖)
Laboratório
EXERCÍCIO 05 – FUNÇÃO SE
162
Microsoft Excel
Na planilha Exercício 05, preencha com as funções necessárias para informar o que é solicitado.
Se o número for maior que 12 a condição é 5 senão é 10;
Se o astro for igual a Sol, então Praia, senão Balada;
Se a freqüência for maior que 80% então Aprovado, senão Reprovado;
163
Microsoft Excel
164
Microsoft Excel
Funções de procura e referência são funções empregadas para retornar um valor contido ou em um
intervalo ou uma lista ou um banco de dados.
Ex. quando passa o código de barras em um leitor é preciso que o leitor leia um código e este seja
pesquisado para que traga as informações de nome do produto, preço, etc.
PROCH
Localiza um valor na primeira linha de uma tabela e retorna um valor na mesma coluna de uma linha
especificada na tabela
PROCV
Localiza um valor na primeira coluna à esquerda de uma tabela retornando um valor na mesma linha
de outra coluna dentro da tabela
SINTAXE:
PROCV (valor_procurado;matriz_tabela;num_indice_coluna;procurar_intervalo)
Onde:
Valor_procurado – é o valor a ser localizado na primeira coluna da matriz. Pode ser um valor, uma
referência ou uma seqüência de caracteres de texto.
Ex.: quando alguém lhe pede para procurar um nome de telefone em uma lista telefônica lhe é
entregue o nome em um papel este é o valor procurado.
Matriz_tabela – é a tabela de informações em que os dados são procurados. Use uma referência
para um intervalo ou nome de intervalo, tal como Banco de dados ou Lista. É a lista, ou seja, todos
os telefones que se inicia no primeiro valor a ser procura e termina no último valor a ser procurado.
Núm_indice_coluna – é o número da coluna a ser pesquisada. O Excel não considera as Letras da
coluna e sim, qual é a n coluna a ser pesquisada. Não há relação entre as colunas A, B, C e assim
por diante com a numeração 1, 2, 3 e assim por diante. Indica nas colunas que existem o banco de
dados qual a coluna que contem os valores que deverá retornar de acordo com o valor procurado.
Procurar_intervalo – é o valor lógico verdadeiro (1) ou falso (0), indica como a procura deverá ser
feita se estiver procurando um valor exatamente como foi digitado em valor_procurado deverá ser
informado falso (0), porém se for um valor aproximado deverá ser informado verdadeiro (1).
Se procurar_intervalo for FALSO (ou 0), matriz_tabela não precisará ser ordenada.
Os valores na primeira coluna de matriz_tabela podem ser texto, números ou valores lógicos.
Textos em maiúsculas e minúsculas são equivalentes.
EXEMPLOS:
= PROCH (C2;Plan2!A2:G500;3;Zero)
= PROCH (C2;DADOS;3;0)
No exemplo acima, será realizado uma pesquisa no intervalo de células A2 a G500 de Plan2. O que
deve ser encontrado está no conteúdo da célula C2 (que não está em Plan2). A informação desejada,
está na terceira coluna da lista (ou Banco de Dados). O valor 0 (Zero ou falso) impedirá que ocorra
qualquer erro durante a pesquisa.
165
Microsoft Excel
Laboratório
Funções de informações
FUNÇÃO É.NÃO.DISP
Verifica se um valor é #N/D (Não Disponível) e retorna VERDADEIRO ou FALSO.
SINTAXE:
166
Microsoft Excel
=É.NÃO.DISP(valor)
EXEMPLO:
= É.NÃO.DISP(H2)
No caso acima, se na célula H2 o valor é igual a #N/D, retornará VERDADEIRO, caso contrário
retornará FALSO.
No caso acima, se na célula H2 o valor é texto, retornará FALSO, caso contrário retornará
VERDADEIRO.
FUNÇÃO ÉCEL.VAZIA
Verifica se uma referência está sendo feita a uma célula vazia e retorna VERDADEIRO ou FALSO.
SINTAXE:
=ÉCEL.VAZIA(valor)
EXEMPLO:
=ÉCEL.VAZIA(H2)
No caso acima, se na célula H2 o valor é igual a vazio, retornará VERDADEIRO, caso contrário
retornará FALSO.
FUNÇÃO ÉNÚM
Verifica se um valor é um número e retorna VERDADEIRO ou FALSO.
SINTAXE:
=ÉNÚM(valor)
EXEMPLO:
=ÉNÚM(H2)
No caso acima, se na célula H2 o valor é igual a um número, retornará VERDADEIRO, caso contrário
retornará FALSO.
FUNÇÃO ÉTEXTO
Verifica se um valor é texto e retorna VERDADEIRO ou FALSO.
SINTAXE:
=ÉTEXTO(valor)
EXEMPLO:
=ÉTEXTO(H2)
No caso acima, se na célula H2 o valor é igual a um texto, retornará VERDADEIRO, caso contrário
retornará FALSO.
167
Microsoft Excel
Laboratório
Funções financeiras
NPER
Retorna o número de períodos para investimento de acordo com pagamentos constantes e
periódicos e uma taxa de juros constante.
SINTAXE:
=NPER(taxa;pgto;vp)
taxa: é a taxa de juro por período;
pgto: é o pagamento efetuado a cada período;
vp: é o valor presente ou a quantia total atual.
EXEMPLO:
Qual é o número de parcelas que deverão ser pagas quando um computador de valor presente igual
a R$ 3.300,00 foi comprado com uma taxa de juros de 4,85% e sua prestação ficou fixada em R$
279,00?
=NPER(4,85%;-279;3300) 18
PGTO
Retorna o pagamento periódico de uma anuidade de acordo com a taxa de juros, número de
períodos e valor presente.
SINTAXE:
=PGTO(taxa;nper;vp)
Taxa: é a taxa de juro por período;
Nper: é o número total de pagamento num empréstimo;
168
Microsoft Excel
Vp: é o valor presente ou a quantia total atual de uma série de pagamentos futuros.
EXEMPLO :
Qual é valor de cada parcela de um computador comprado com 4,85% de taxa de juros, durante um
período de 18 meses, sendo que seu valor presente é de R$ 3.300,00.
=PGTO(4,85%;18;3300) R$ -279,00
VF
Retorna o valor futuro de um investimento de acordo com os pagamentos periódicos e constantes e
com uma taxa de juros constante.
SINTAXE:
=VF(taxa;nper;pgto)
Taxa: é a taxa de juro por período;
Nper: é o número total de períodos de pagamento num investimento;
Pgto: é o pagamento efetuado a cada período, não pode ser alterado no decorrer do investimento.
EXEMPLO :
Suponha que você deseja economizar dinheiro para um projeto especial que ocorrerá daqui a um
ano. Você deposita R$ 1.000,00 em uma conta de poupança que rende 6% de juros ao ano (juros
mensais de 6%/12, ou 0,5%). Você planeja depositar R$ 100 no início de cada mês pelos próximos
12 meses. Quanto dinheiro terá na sua conta no final de 12 meses?
=VF(0,5%; 12; -100; -1000; 1) R$ 2.301,40
VP
Retorna o valor presente de um investimento. O valor presente é o valor total correspondente ao
valor atual de uma série de pagamentos futuros. Por exemplo, quando você faz um empréstimo, o
valor do empréstimo é o valor presente.
SINTAXE:
=VP(taxa;nper;ptgo)
Taxa: é a taxa de juro por período;
Nper: é o número total de períodos de pagamento num investimento;
Pgto: é o pagamento efetuado a cada período, não pode ser alterado no decorrer do investimento.
EXEMPLO :
Um computador foi comprado com uma taxa de juros de 4,85% em um período de 18 meses e sua
prestação está em R$ 279,00. Qual é o valor presente do investimento?
=VP(4,85%;18;-279) R$ 3.300,00
TAXA
169
Microsoft Excel
Retorna a taxa de juros por período de uma anuidade. RATE é calculado por iteração e pode ter zero
ou mais soluções. Se os resultados sucessivos de RATE não convergirem para 0,0000001 depois de
20 iterações, RATE retornará o valor de erro #NÚM!.
SINTAXE:
=TAXA(nper;pgto;vp)
Nper: é o número total de períodos de pagamento num investimento ou empréstimo;
Pgto: é o pagamento efetuado a cada período, não pode ser alterado no decorrer do investimento ou
empréstimo.
Vp: é o valor presente: a quantia total atual de uma série de pagamentos futuros
EXEMPLO:
Para calcular a taxa de um empréstimo de quatro anos de R$ 8.000,00 com pagamentos mensais de
R$ 200,00:
=TAXA(48; -200; 8000) 0,77%
Esta é a taxa mensal, porque o período é anual. A taxa anual é 0,77%*12, que é igual a 9,24%
Laboratório
Supomos que você deseja investir em certo equipamento. Porém, para você atingir sua meta, será
necessário investir na poupança, sabendo que ela lhe rende 3% ao mês. Seu depósito mensal e
constante será de R$ 150,00, no início de cada período. Este depósito será feito durante 1 ano. Qual
será o valor futuro?
Suponha que você está pensando em comprar uma anuidade de seguros que pagará R$ 500,00 ao
final de cada mês por 1 ano. A quantia paga terá um ganho de 8%. Você quer determinar se não
seria melhor pagar a quantia à vista. Para isso, usamos a função VP, que determina a quantia atual.
Supomos que será feito depósitos de R$ 1.000,00 durante 5 anos a juro de 5% ao ano. Qual é o
valor futuro?
Usando filtros
170
Microsoft Excel
Os dados filtrados exibem somente as linhas que atendem aos critérios (critérios: condições que
você especifica para limitar os registros que devem ser incluídos no conjunto de resultados de uma
consulta ou de um filtro.) especificados e oculta as linhas que não deseja exibir. Depois de filtrar os
dados, você pode copiar, localizar, editar, formatar, fazer gráfico e imprimir o subconjunto de dados
filtrados sem reorganizá-los nem movê-los.
Você também pode filtrar por mais de uma coluna. Os filtros são aditivos, o que significa que cada
filtro adicional baseia-se no filtro atual e ainda reduz o subconjunto de dados.
Utilizando AutoFiltro, você pode criar três tipos de filtro: por valores de uma lista, por um formato ou
por critérios. Cada um desses tipos de filtros é exclusivo para cada intervalo de célula ou tabela de
coluna. Por exemplo, você pode filtrar por cor de célula ou por uma lista de números, mas não pelos
dois; é possível filtrar por ícone ou por um filtro personalizado, mas não pelos dois.
O Excel oferece dois comandos de filtragem:
AutoFiltro, para critérios simples e
Filtro avançado, para critérios mais complexos.
AUTO FILTRO
Para inserir auto-filtro numa planilha, primeiro selecione uma célula do cabeçalho da sua tabela e vá
até a Guia Início, Grupo Edição, comando Classificar e Filtrar.
Ou você pode ir até a Guia Dados, Grupo Classificar e Filtrar, comando Filtro.
O Excel responderá exibindo setas (de filtragem) desdobráveis próximo cada um dos títulos da
coluna da lista.
171
Microsoft Excel
Clicando sobre a seta próxima aos títulos abre-se uma lista dos valores únicos daquele título, os
quais podem ser usados para especificar diversos critérios como no exemplo da figura abaixo.
Para lembrar que a lista foi filtrada, o Excel exibe os números de linhas filtradas em uma cor
AUTOFILTRO PERSONALIZADO
Com a opção Custom Filter do comando Filter, é possível usar mais de um critério para o mesmo
campo. Suponhamos que no campo Fornecedor, devesse aparecer somente a Loja e Livraria, para
isso usaríamos a opção Text Filters, Custom Filter...
o resultado seria...
172
Microsoft Excel
REMOVENDO AUTOFILTROS:
FILTRO AVANÇADO
O comando Filtro Avançado permite a especificação de critérios envolvendo duas ou mais colunas.
Para usar este comando precisa-se de algumas linhas em branco, que servirão para definir os de
critérios da filtragem, preferencialmente na parte superior da planilha (pode ser em qualquer local da
planilha).
Para usar o comando Filtro Avançado, você deve:
Repetir os nomes dos campos (na parte que você deixou branco, conforme modelo abaixo);
Digitar os critérios desejados;
Selecionar qualquer célula da lista
173
Microsoft Excel
É possível introduzir tantos critérios quanto quiser num intervalo de critérios. O Excel interpreta o
intervalo de acordo com as seguintes regras:
os critérios na mesma linha são considerados como estando ligados pela função adicional E;
os critérios em linhas separadas são considerados como estando ligados pela função
adicional OU.
ATENÇÃO:
Quando é especificado um intervalo de critérios na caixa de diálogo Filtro avançado..., o Excel atribui
o nome Critérios a esse intervalo. Assim se torna mais fácil à navegação pela planilha. Por exemplo,
se quisermos mudar os critérios já estabelecidos, bastos clicar sobre o nome critérios da caixa de
nomes na barra de fórmulas que imediatamente é selecionado na planilha o intervalo dos critérios.
Imediatamente depois de se executar um filtro avançado, a barra de status registra o número de
linhas que cumpriram os critérios de filtragem. Toda vez que se usa o comando Filtro avançado..., o
Excel reexamina a lista inteira, e não somente a filtragem atual. Por isso, é preciso usar o comando
Dados, Filtrar, Mostrar todos antes de mudar o filtro.
174
Microsoft Excel
Laboratório
EXERCÍCIO 17 – FILTROS
Na planilha Exercício 17:
Calcule o Valor Total;
Utilizando AutoFiltro, faça os seguintes filtros, limpando-os a cada novo exercício:
Mostre os itens do Departamento Almoxarifado;
Mostre os itens do Fornecedor Papelaria;
Mostre os itens com valor unitário inferior a R$ 1,00;
Mostre os itens do Departamento Vendas com Quantidade superior a 10;
EXERCÍCIO 18 – AUTOFILTRO
Copie a tabela da planilha Exercício 05 para a planilha Exercício 18.
Utilizando AutoFiltro, faça os seguintes filtros, limpando-os a cada novo exercício:
Mostre os carros do Fabricante FORD;
Mostre os carros do Fabricante VW;
Mostre os carros da cor preta;
Mostre os carros com ano superior a 2000 e inferior a 2005;
Mostre os carros com valor entre R$ 30.000,00 e R$ 50.000,00;
Mostre os carros com valor inferior a R$ 20.000,00;
Mostre os carros com ano superior a 2005 e valor inferior a R$ 50.000,00;
Mostre os carros que começam com a letra F ou com a letra G;
175
Microsoft Excel
Ortografia e auto-correção
VERIFICAÇÃO ORTOGRÁFICA
Para fazer a verificação ortográfica num arquivo do Excel:
Selecione a guia Revisão, group Revisão de Texto;
Selecione Verificar ortografia;
E siga os passos para corrigir os erros.
176
Microsoft Excel
OPÇÕES DE AUTO-CORREÇÃO
É possível quando digitado um determinado dado em uma célula que o mesmo seja alterado após a
sua digitação. Ex. ―qeu" por ―que‖ (automaticamente ele é corrigido).
Para isso:
177
Microsoft Excel
ERRO #VALOR!
O valor de erro #VALOR! ocorre quando o tipo de argumento ou operando errado é usado. Os dados
a serem calculados não são compatíveis. Ex. somar números com textos;
Ou se o recurso AutoCorreção de fórmulas não pode corrigir a fórmula.
ERRO #DIV/0!
O valor de erro #DIV/0! ocorre quando uma fórmula divide por 0 (zero).
ERRO #NOME?
O valor de erro #NAME? ocorre quando o Microsoft Excel não reconhece o texto em uma fórmula. O
nome utilizado na fórmula não existe.
ERRO #N/D
O valor de erro #N/D ocorre quando um valor não se encontra disponível para uma função ou
fórmula. Se determinadas células da planilha forem conter dados que ainda não estão disponíveis,
insira o valor #N/D nestas células. As fórmulas que fazem referência a estas células retornarão #N/D
em vez de tentar calcular um valor.
ERRO #REF!
O valor de erro #REF! ocorre quando uma referência da célula não é válida. Significa que a célula
referenciada na fórmula não existe. Ex. quando é excluída uma célula que estava na referência da
fórmula.
ERRO #NÚM!
178
Microsoft Excel
O valor de erro #NÚM! ocorre quando existe um problema com um número em uma fórmula ou
função. Quando o retorno do cálculo é maior que o suportado pelo Excel. Ex. =100^500.
ERRO #NULO!
O valor de erro #NULO! ocorre quando você especifica uma interseção entre duas áreas que
não têm interseção. Ex. =c2:c10 g6:g10
Auditoria de fórmulas
Permite relacionarmos os dados com as fórmulas de diversas maneiras, ou seja, esse comando
serve para rastrear de onde vieram os dados de uma fórmula ou, ainda, saber quais as fórmulas que
dependem daquela célula. Podemos, ainda, rastrear as origens, quando ocorre erro na fórmula.
Para usar o comando Auditoria, você deve:
Selecione a planilha em que deseja procurar erros.
Se a planilha for calculada manualmente, pressione F9 para calcular agora.
Na guia Formulas, no grupo Auditoria de Fórmulas, clique em Verificação de Erros.
A caixa de diálogo Verificação de Erros será exibida.
179
Microsoft Excel
180
Microsoft Excel
a Remover Setas e, em seguida, clique Remover Setas Dependentes . Para remover outro nível
de setas rastreadoras, clique no botão novamente.
Consulte toda a relação na planilha
Em uma célula vazia, digite = (sinal de igual).
Clique no botão Selecionar tudo.
Teclas de atalho
Teclas de função
F1 Exibe o painel de tarefas da Ajuda do Microsoft Office Excel. ALT+F1 cria um gráfico dos
dados no intervalo atual. ALT+SHIFT+F1 insere uma nova planilha.
F2 Edita a célula ativa e posiciona o ponto de inserção no fim do conteúdo da célula. SHIFT+F2
adiciona ou edita um comentário de célula. CTRL+F2 exibe a janela Visualizar Impressão.
F3 SHIFT+F3 exibe a caixa de diálogo Inserir Função.
F4 Repete o último comando ou ação. CTRL+F4 fecha a janela da pasta de trabalho selecionada.
F5 Exibe a caixa de diálogo Ir Para. CTRL+F5 restaura o tamanho da janela da pasta de trabalho
selecionada.
F6 Alterna entre a planilha, a faixa, o painel de tarefas e os controles de zoom. SHIFT+F6 alterna
entre a planilha, a faixa, o painel de tarefas e os controles de zoom. CTRL+F6 alterna para a
próxima janela da pasta de trabalho quando mais de uma janela da pasta de trabalho é aberta.
F7 Exibe a caixa de diálogo Verificar ortografia para verificar a ortografia na planilha. CTRL+F7
executa o comando Mover na janela da pasta de trabalho quando ela não está maximizada.
Use as teclas de direção para mover a janela e, quando terminar, pressione ENTER ou ESC
para cancelar.
F8 Ativa ou desativa o modo estendido. Nesse modo, Seleção Estendida aparece na linha de
status e as teclas de direção estendem a seleção. SHIFT+F8 permite adicionar uma célula não
adjacente ou um intervalo a uma seleção de células, utilizando as teclas de direção. CTRL+F8
executa o comando Tamanho (no menu Controle da janela da pasta de trabalho), quando uma
pasta de trabalho não está maximizada. ALT+F8 exibe a caixa de diálogo Macro para criar,
181
Microsoft Excel
182
Microsoft Excel
183
Microsoft Excel
184
Unidade 4 - Edição de Apresentações
Microsoft PowerPoint
Com o PowerPoint você pode criar vários projetos, dentre eles destacam-se:
Apresentações na Tela;
Páginas da Web para uso na Web;
Transparências Colorida e Preto-e-branco;
Impressões Colorida e Preto-e-branco;
Slides de 35 mm;
Folhetos;
Anotações do Orador.
Texto
Uma boa apresentação depende de um bom texto. Parte-se de um texto inicial básico e caminha-se
no sentido de ir "enxugando" o mesmo de forma a obter um resumo cada vez menor e mais denso.
Procure realizar o trabalho da forma mais abrangente e completa possível, como se não houvesse
nova oportunidade para modificar ou aprimorar o texto.
Animações
Utilize animações se, de fato, elas contribuírem de alguma forma com o envolvimento emocional ou
com o conteúdo do material a ser apresentado. Há casos em que a animação prejudica o contato do
leitor com o conteúdo. Por exemplo, uma linha de texto movendo-se na tela não é legível até que
fique parada, esse efeito funciona bem com itens (bullets) porque atrai o leitor a ler a legenda assim
que terminar o movimento.
Cores
Cores carregam forte apelo emocional e são muito importantes porque transmitem mensagens por si
mesmas. Utilize cores de fundo que reforcem ou provoquem uma reação desejada e assim possam
ajudar a enfatizar os pontos de destaque da sua apresentação.
Fundo vermelho: estimula uma forte resposta emocional, associado a algum tipo de prejuízo.
Fundo amarelo: associado com otimismo, mas pode distrair ou cansar a platéia.
Fundo violeta: associado a humor ou ironia.
Fundo verde: esta cor é indicada quando a apresentação requer uma resposta da platéia.
Fundo preto: percebido como algo final, indicado para mostrar informações financeiras ou enfatizar
algo.
Fundo azul: esta cor é a mais utilizada e indica calma, credibilidade ou uma visão conservadora de
certa informação.
Gráficos
Gráficos funcionam melhor que tabelas numa apresentação. Use o melhor gráfico para transmitir
suas idéias:
Figuras
186
Microsoft PowerPoint
Lembre-se que um objetivo da apresentação é dar suporte a imagens interessantes que não estariam
adequadamente disponíveis de outra forma. Procure utilizar fundo ou logotipos padronizados em
todas as telas. Figuras e desenhos podem tornar as informações mais fáceis de entender, assim
como expressar idéias abstratas.
Duração da apresentação
Procure estimar o tempo de duração de cada slide, não utilize o recurso de transições automáticas
entre os slides, pois ela irá calar os ouvintes, além de não respeitar o tempo de entendimento de cada
um.
Condução da apresentação:
Sempre revise suas apresentações e, quando possível, faça antes um ensaio com o equipamento
que será usado na sua apresentação para se certificar que tudo está funcionando de acordo com o
previsto.
Nunca leia o texto da apresentação, seu papel é o de trazer aquele texto ao debate - seus ouvintes
sabem ler.
Nunca apresente um slide pouco nítido e se desculpe por ele estar assim.
Se o assunto for novo, sob o risco de não despertar muito a atenção dos alunos, diga, no começo, do
que trata a apresentação, apresente o material e no final, diga o que você apresentou.
A postura física é importante, fique em pé e de lado, evite ficar de costas.
Use as mãos, movimente-se, mas não faça movimentos desnecessários com o cursor do mouse
enquanto estiver explicando.
Não fique muito tempo parado no mesmo slide, coloque slides em branco se você tiver muito a dizer
antes do próximo slide - manter o mesmo slide é fator de distração.
Se houver um debate um pouco mais demorado ou se o diálogo com a classe se desviar do
conteúdo do slide que está sendo apresentado, desligue temporariamente o projetor.
Para encerrar:
É vital fazer uma conclusão forte em sua apresentação, uma vez que isso ajuda a formar uma
impressão na platéia de que alguma coisa foi ganha. Sempre reitere os conceitos principais de sua
palestra para gravá-los na mente de todos.
187
Microsoft PowerPoint
Interface
Nova/Abrir/Salvar
Nova apresentação
Para abrir uma nova apresentação, você deve clicar no Botão Office , opção Novo:
188
Microsoft PowerPoint
Abrir Apresentação
Abrir um arquivo significa buscá-lo em disco e trazê-lo para a edição na tela do PowerPoint, fazendo
com que ele seja objeto de modificações e de edições.
Para abrir um arquivo de apresentação já existente, para isso, você pode clicar o Office Button, e
logo após escolher a opção Open.
Para abrir uma apresentação existente, você deve clicar no Botão Office, opção Abrir, selecione o
arquivo desejado e clique em Abrir:
Salvar Apresentação
Para salvar uma Apresentação, você deve clicar no Botão Office, opção Salvar:
189
Microsoft PowerPoint
Imprimir/Fechar
Imprimir Apresentação
Para imprimir uma apresentação, você deve clicar no Botão Office, opção Imprimir:
Aparecerá à tela acima para selecionar a impressora, número de cópias e outras opções de
impressão antes de continuar:
Impressão Rápida
190
Microsoft PowerPoint
Para imprimir uma apresentação sem fazer alterações, você deve clicar no Botão Office ,
opção Imprimir , Impressão Rápida.
Esta opção envia a apresentação diretamente para a impressora padrão.
Visualização de Impressão
Para visualizar a impressão e alterar as páginas antes de imprimir, você deve clicar no Botão Office
Fechar Apresentação
Para fechar uma apresentação, você deve clicar no Botão Office , opção Fechar:
191
Microsoft PowerPoint
Iniciando a Apresentação
Para iniciarmos um novo arquivo devemos clicar no Botão Office, opção Novo e selecionar uma das
opções abaixo
192
Microsoft PowerPoint
3 - Cria uma nova apresentação com base em conteúdos pré-definidos que auxiliam na montagem
das apresentações.
4 - Cria uma nova apresentação com base em conteúdos pré-definidos que auxiliam na montagem
das apresentações.
193
Microsoft PowerPoint
Botão
Office
Guias
Painel Slide
Anotações
Barra de
Barra de
Atalhos
Zoom
O Microsoft PowerPoint oferece diferentes modos de exibição para ajudá-lo enquanto você cria uma
apresentação. Os dois modos de exibição principais que você usa no PowerPoint são os Modos
normal e o Classificação de Slides. Para alternar facilmente entre os modos de exibição, clique nos
botões na parte inferior esquerda da janela do PowerPoint.
194
Microsoft PowerPoint
Apresentação de Slides
Classificação de Slides
Normal
Modo Normal
O modo normal contém dois painéis: o painel de estrutura de tópicos, o painel de slide e o painel de
anotações. Esses painéis permitem que você trabalhe em todos os aspectos da apresentação em um
único local. Você pode ajustar o tamanho dos diferentes painéis, arrastando suas bordas.
Painel de slides: Nesse painel, você pode ver a aparência do texto em cada slide. É possível
adicionar elementos gráficos, filmes e sons, criar hyperlinks e adicionar animações a slides
individuais.
Painel de outline: Use esse painel para organizar e desenvolver o conteúdo da apresentação. Você
pode digitar todo o texto da apresentação e reorganizar marcadores, parágrafos e slides.
Quando estiver criando a apresentação, você pode, no momento em que desejar, iniciar a
195
Microsoft PowerPoint
Guias
Nas guias você encontra todos os comandos do PowerPoint. Para ativar uma guia, pressione a tecla
ALT mais a letra ou o numero do nome da opção, ou pressione o botão esquerdo sobre algum objeto.
Guias Descrição
Guia onde você tem os comandos relacionados ao
Início manuseio de documentos no PowerPoint.
Guia onde você tem os comandos para incluir objetos
Inserir
no seu slide.
Guia onde se encontra a opção de edição e design dos
Design
slides.
Guia onde se encontra animações de transição e
Animações
abertura de slides
Apresentação de Guia contém comandos para iniciar a apresentação
Slides
Guia Onde você tem comando que verifica ortografia,
Revisão
dicionário e comentários.
Guia onde estão as opções de visualização sobre a
Exibição
área de trabalho.
Guia Início
Guia Inserir
196
Microsoft PowerPoint
Guia Design
Guia Animações
Guia Revisão
197
Microsoft PowerPoint
Guia Exibição
Modo de Slides
No modo de slides você pode embelezar e alterar a aparência de sua apresentação. Você pode
também digitar e editar um texto, adicionar gráficos, tabelas ou organograma, criar um desenho ou
adicionar um ClipArt. Sempre depois que você escolher o Layout do Slide o PowerPoint abrirá seu
slide no modo de slides.
Layout do Slide
Quando você inicia uma apresentação pode escolher o layout do slide em uso. Caso, depois de feito
o slide, você queira mudar seu layout é possível através do comando Layout do Slide, esse
comando encontra-se na Guia InícioGrupo SlidesLayout.
198
Microsoft PowerPoint
O Layout escolhido é aplicado somente no slide em uso.
Design do Slide
O comando Design do Slide, aplica a toda sua apresentação um esquema de cores, títulos e fundos
criando toda uma aparência para sua apresentação. Mas atenção, não é possível aplicar esse
comando para apenas um slide esse, se aplicado, atinge todo seu arquivo.
Para aplicar esse comando à sua apresentação clique na Guia DesignGrupo Temas.
199
Microsoft PowerPoint
Excluir um slide
200
Microsoft PowerPoint
Slide mestre
O PowerPoint é fornecido com um tipo especial de slide chamado slide mestre. Esse slide controla
certas características de texto — como o tipo, o tamanho e a cor da fonte — chamada "texto mestre",
a cor de plano de fundo e determinados efeitos especiais como o sombreamento e o estilo de
marcador.
Titulo Slide
Caixa de texto
201
Microsoft PowerPoint
Dica: Para chegar de forma mais rápida ao Slide mestre, pressione a tecla SHIFT e clique sobre o
Modo normal
Use o slide mestre para fazer o seguinte: adicionar uma figura; alterar o plano de fundo; ajustar o
tamanho dos espaços reservados e alterar o estilo, o tamanho e a cor da fonte.
Para que a arte ou o texto — por exemplo, o nome ou o logotipo de uma empresa — apareça em
todos os slides, insira-o no slide mestre. Os objetos aparecem nos slides no mesmo local que
aparecem no slide mestre.
Para adicionar o mesmo texto a todos os slides, adicione-o ao slide mestre clicando no botão Caixa
de Texto da barra de ferramentas desenho — não digite nos espaços reservados de texto. A
aparência do texto adicionado com o botão Caixa de Texto não é controlada pelo mestre.
Título mestre
Para que os slides de título tenham uma aparência diferente dos outros slides da apresentação,
altere o título mestre. Esse título afeta apenas os slides que usam o layout Slide de título. Por
exemplo, para enfatizar o slide de abertura de cada seção em uma apresentação, formate o título
mestre com uma aparência diferente e use o layout Slide de título nesses slides. Acabe de trabalhar
com o slide mestre antes de alterar o título mestre, pois qualquer formatação de texto que seja
alterada no primeiro também será alterada no segundo.
202
Microsoft PowerPoint
No Slide, Clique para editar o estilo do título mestre e faça as alterações desejadas.
Por exemplo, altere o tipo de fonte, o tamanho do texto e o caracter marcador ou adicione uma figura
ou caixa de texto. Certifique-se de que você não tenha excluído ou adicionado caracteres no texto do
espaço reservado.
Na Guia Slide Mestre, clique em Fechar Modo de exibição Mestre.
Plano de Fundo
Os esquemas de cores são conjuntos de oito cores coordenadas que podem ser usados na
apresentação. Você também pode usá-los em gráficos e Tabelas e para recolorir figuras adicionadas
a slides.
Cada modelo de estrutura é fornecido com um conjunto de esquemas de cores. Para escolher um
esquema, clique na Guia Design, Grupo Plano de Fundo, Estilos de Plano de Fundo ou clique com o
botão direito do mouse no slideFormatar Plano de Fundo.
Depois que você aplica um esquema de cores, as cores ficam disponíveis para todos os objetos da
apresentação. Tudo que você cria é coordenado automaticamente com o restante da apresentação.
203
Microsoft PowerPoint
No modo de Classificação de Slides, selecione um slide que tenha o esquema de cores que você
deseja usar.
Clique uma vez em Formatar Pincel para recolorir um slide, ou clique duas vezes para recolorir
mais de um slide.
Selecione o(s) slide(s) ao(s) qual (is) você deseja aplicar o esquema de cores.
Se estiver recolorindo mais de um slide, pressione ESC quando terminar para cancelar o Formatar
Pincel. Se estiver recolorindo apenas um slide, o Formatar Pincel será cancelado automaticamente.
Ao chegar a este tópico, o usuário terá passado pelos tópicos mais complicados, bastando agora
somente saber como fazer para que a sua apresentação apareça na tela de seu computador, mais
especificamente no monitor de vídeo.
1.º Pode-se acionar a apresentação no botão ―Apresentação de Slides‖ (modo mais fácil), e que está
presente na parte inferior direita da tela do PowerPoint
2.º Aciona-se também a apresentação através da Guia Apresentação de Slide, Grupo Iniciar
Apresentação de Slides e a opção ―Do Começo‖, como pode ser observado abaixo no exemplo.
Botões de ação
Os botões de ação são elementos de tela que avançam os slides na apresentação criando um efeito
de beleza e sincronismo entre um slide e outro além de dar uma aparência profissional ao trabalho.
Os botões de ação são usados quando o usuário deseja avançar os slides manualmente sem usar o
teclado, utilizando para isso o mouse.
Para trabalhar com os botões de ação você poderá ir até Guia Inserir, Grupo Ilustração, e clicar na
opção Formas .
Exercício 1
Crie uma três apresentações com cinco slides e com Design e plano de fundo diferente.
Insira botões de ação para guiar as apresentações.
Crie um slide que utilize um tema salvo em outro arquivo do PowerPoint.
Crie slide mestre nas apresentações criadas, com titulo, subtítulo, data e hora.
Salve as Apresentações em uma pasta pessoal.
Digitando texto
205
Microsoft PowerPoint
Na maioria das vezes, a maneira mais fácil de adicionar texto a um slide é digitá-lo diretamente em
qualquer espaço reservado no slide.
Para adicionar texto a um espaço reservado de texto, basta clicar neste e começar a digitar. Você
pode alterar o tamanho e a posição de um espaço reservado de texto ou aplicar, a qualquer
momento, um Layout diferente a um slide existente. Você não perderá as informações contidas no
slide.
Neste espaço
reservado, você
pode dar um
clique, e logo
após, começar a
digitar o título do Neste espaço
slide reservado, você
pode dar um
clique, e logo
após, começar a
digitar o seu
texto.
Digitando textos em formas
Um grupo de formas predefinidas que inclui tanto formas básicas como retângulos e círculos, quanto
uma variedade de linhas e conectores, setas largas, símbolos de fluxogramas, estrelas, faixas e
legendas.
Para inserir uma Forma, clique na Guia Inserir, Grupo Ilustrações e clique em Formas. Para anexar
texto a uma Forma exceto a uma linha, conector ou forma livre clique na forma e comece a digitar. O
texto torna-se parte da Forma.
Texto
digitado em
cima da forma
escolhida
Para adicionar texto fora de um espaço reservado ou forma, use o botão Caixa de Texto que
se encontra na Guia Inserir, Grupo texto.
Uma caixa de texto é uma Forma. Portanto, você pode adicionar uma borda ou um preenchimento,
alterar a forma ou adicionar um efeito 3D ou sombreado.
206
Microsoft PowerPoint
Selecionar um texto
Editando um texto
Logo após você ter selecionado o texto basta você re-digitar o novo texto ou corrigir alguma palavra
ou letra e/ou caráter.
Formatando texto
A forma mais rápida para se formatar um texto é utilizar águia inicio, onde você encontra as
ferramentas para formatação.
A formatação do texto também pode ser executada através da Guia Inicio, Grupo Fonte. Permite
você alterar a fonte e o tamanho da mesma conforme a visualização da caixa de opções abaixo:
207
Microsoft PowerPoint
Localizar texto
Verifi
cand
Na Guia Início, Grupo Edição, clique em
Localizar. o
Na caixa Localizar, insira o texto que você Orto
deseja pesquisar. Dica: Para cancelar uma pesquisa em grafi
Clique em Localizar próxima. andamento, pressione ESC.
Substituir texto
Na Guia Início, Grupo Edição, clique em
Substituir.
Na caixa Substituir, insira o texto que você
deseja localizar e substituir.
Na caixa Substituir por, insira o texto que
você deseja usar para a substituição.
Para pesquisar a próxima ocorrência do
texto, clique em Localizar Próxima. Dica: Para cancelar uma pesquisa em andamento,
Para substituir a próxima ocorrência do pressione ESC.
texto, clique em Substituir.
Para substituir todas as ocorrências do
texto, clique em Substituir todas.
Como no Word, o PowerPoint verifica o seu texto para corrigir erros de ortografia e gramática. À
medida que você digita, ele marca possíveis erros sublinhando-os em vermelho.
Ao dar um clique com o botão direito do mouse no texto marcado, o corretor oferece sugestões de
correções que podem ser executadas naquele momento. Você também pode executar a ferramenta
―Verificar Ortografia‖ clicando no botão Verificar Ortografia na Guia Revisão, Grupo Revisão de Texto
ou teclando F7.
208
Microsoft PowerPoint
Selecione a Aba
Tópicos
Título do slide
209
Microsoft PowerPoint
Conteúdo do slide
(com marcador)
Slide não
selecionado
Slide
selecionado
Para copiar um slide inteiro, clique com botão direito do mouse sobre o slide desejado, clique em
Copiar, dê um clique no local de destino com botão direito do mouse e clique em Colar.
Para excluir um slide inteiro basta selecionar o slide desejado e clicar na tecla DEL ou Excluir.
Uma forma que podemos utilizar os textos de outros aplicativos é através do comando Copiar e
Colar, localizado na Guia Início, Grupo Área de Transferência.
Também podemos utilizar o comando Hyperlink, para abrirmos de dentro do PowerPoint um arquivo
do Word, Excel, Access, etc.
O Hyperlink também possibilita chamarmos o correio eletrônico e acessar uma página da Internet.
Ocultar um Slide
210
Microsoft PowerPoint
Inserir um Hyperlink
Digite aqui o
nome que irá
ser exibido no
slide
Botões de
Aqui será indica o procura por
caminho de acesso arquivo ou
ao arquivo, e-mail página web.
Barra dos tipos de ou web.
links a ser
utilizado. feita.
Lista dos links
recentemente
utilizados.
Exercício 2
Crie duas apresentações com cinco slides, e com títulos sem serifa.
Insira Slide Mestre nas apresentações criadas com titulo padrão.
Insira textos, botões de ação, Layout como Lista de Marcadores e formas nos slides criados, e
escreva textos nessas formas.
Crie mais dois slides com design diferente um do outro e insira Hiperlinks de acesso as esse slides.
211
Microsoft PowerPoint
Altere os itens Plano de fundo, Texto de Título, cores e linhas.
Ferramentas de desenho
Linhas:
Na Guia Inserir, Grupo Ilustração, clique em Formas, a ponte para Linhas e clique no estilo de
linha desejado.
Arraste para desenhar a linha.
Para fazer com que a linha seja desenhada em ângulos de 15 graus em relação a seu ponto inicial,
mantenha pressionada a tecla SHIFT enquanto você arrasta.
212
Microsoft PowerPoint
Para estender a linha em direções opostas ao primeiro ponto final, mantenha pressionada a tecla
CTRL enquanto você arrasta.
Formas livres:
Na Guia Inserir, grupo Ilustrações, clique em Formas, e aponte para Linhas.
Clique em Formas usadas recentemente e clique em Forma Livre para desenhar um objeto
com segmentos curvos e retos. Arraste para desenhar formas à mão livre; clique e mova o mouse
para desenhar linhas retas.
Clique em Rabisco. .quando desejar que um objeto pareça ter sido desenhado com uma caneta.
Para terminar uma forma e mantê-la aberta, clique duas vezes em qualquer ponto dela.
Para fechar uma forma, clique próximo o seu ponto inicial.
Adicionando ClipArt
Você pode inserir clip-art ou uma figura do Clip Gallery ou pode inserir uma figura ou foto digitalizada
importada de outros programas e locais.
Obs.: Você pode escolher o local para que o Office encontre as figuras desejadas, para isso, observe
a figura abaixo:
Após encontrar a figura, clique na mesma para que ela seja inserida na apresentação.
Quando terminar de usar o Clip Art, clique no botão Fechar no Painel de Tarefas.
213
Microsoft PowerPoint
Inserir uma figura importada
Dica: Você também pode adicionar figuras às anotações. Para fazer isto,
clique em Comentário na Guia Revisão e adicione a figura desejada.
214
Microsoft PowerPoint
Para inserir
fotografias de
sua pasta pessoal
ou disco
Criando Gráficos
215
Microsoft PowerPoint
Quando terminar,
de um clique fora da área do
gráfico, dentro da Janela do
PowerPoint.
216
Microsoft PowerPoint
Criando Organograma
No modo Classificação de Slide, exiba o slide ao qual você deseja adicionar um organograma.
Na Guia Inserir, grupo Ilustração clique em SmartArt.
Aparecerá a tela abaixo e escolha um dos organogramas para inserir.
217
Microsoft PowerPoint
218
Microsoft PowerPoint
Utilizando o WordArt
O WordArt estica as fontes, inclui sombras em seu formato, e confere-lhe outra forma.
A maior utilidade desse recurso, entre outras, é a criação de logotipos, pôsteres e faixas.
No painel de slides, clique no slide ao qual você deseja adicionar um efeito especial.
Exercício 3
Crie uma apresentação, e desenhe objetos utilizando ferramentas de desenho e formas.
Insira no slide três figuras do ClipArts e três imagens.
Crie um hiperlink com o nome de fotos, que direcione para um slide contendo várias figuras inseridas
conforme exemplo abaixo.
219
Microsoft PowerPoint
Crie uma apresentação com gráfico no formato coluna 3D que contenha as notas finas de 10 alunos.
Na mesma apresentação, em um novo slide insira um gráfico no formato pizza com dados de
crescimento de uma empresa no ultimo ano.
Na mesma apresentação insira um gráfico no formato de linha com marcadores, contendo cinco
empresas e seu crescimento nos últimos três anos.
Crie uma nova apresentação que contenha o organograma no formato Hierarquia de uma empresa
de revenda de sapatos.
Insira nessas apresentações um titulo utilizando o WordArt.
220
Microsoft PowerPoint
Caixa de Figura do
Texto ClipArt
Formas
Elipses
Gráfico Agrupadas
Para selecionar vários objetos ao mesmo tempo, clique no primeiro, pressione a tecla SHIFT e dê 1
clique nos demais objetos, ou ainda, utilize a ferramenta de seleção . Dê um clique no canto
superior direito da folha e arraste até o final da mesma.
221
Microsoft PowerPoint
Quando a opção Alinhar ao Slide estiver selecionada, clique na opção de alinhamento desejada.
Quando a opção Alinhar ao Slide não estiver selecionada, clique nela, clique em Alinhar
novamente, aponte para Alinhar ou Distribuir e clique na opção desejada.
Para configurar a grade e guias, clique na Guia Exibição, grupo Mostrar/Ocultar, opção Linhas de
Grade.
Arraste cada objeto para perto da guia de modo que seu centro ou borda seja automaticamente
alinhado com a guia.
Guias
222
Microsoft PowerPoint
Empilhar objetos
Os objetos são automaticamente empilhados em camadas individuais à medida que você os adiciona
a um slide. Você vê a ordem de empilhamento quando os objetos se sobrepõem — o objeto de cima
cobre uma parte dos objetos que estão por baixo dele. Se "perder" um objeto em uma pilha, você
pode pressionar TAB para avançar pelos objetos (ou SHIFT+TAB, para retroceder pelos objetos) até
selecionar o objeto desejado.
Você pode mover objetos individuais ou grupos de objetos em uma pilha. Por exemplo, é possível
mover objetos para cima ou para baixo em uma pilha, uma camada de cada vez, ou movê-los para
cima (início) ou para baixo (fim) da pilha de uma só vez. Você pode sobrepor objetos ao desenhar, de
modo a criar efeitos diferentes. Não é preciso desenhar primeiro o objeto de baixo — você sempre
pode movê-lo mais tarde.
Para aplicar qualquer um desses comandos você pode repetir os mesmos passos.
Selecione o objeto que você deseja mover.
Se o objeto estiver oculto, pressione TAB ou SHIFT+TAB até selecioná-lo.
Na Guia Ferramentas de Desenho, clique na Guia Formatar, no grupo Organizar escolha Trazer
para Frente, por exemplo.
Girando objetos
Depois de desenhada a Forma você pode girá-la até o ângulo que quiser. Para isso selecione o
objeto, clique na Guia Ferramentas de Desenho, grupo Organizar, opção Girar. Veja as figuras no
exemplo abaixo:
223
Microsoft PowerPoint
livremente
Recortando objetos
Para recortar objetos você pode utilizar a tecla de atalho CTRL + X, levando o objeto para área de
transferência, podendo logo após colar o mesmo em outro local, utilizando a tecla de atalho CTRL +
V.
Se o objeto for uma figura, como, por exemplo, uma foto, um bitmap ou clip-art, você pode cortá-la e
também pode restaurá-la mais tarde para a imagem original. Para obter melhores resultados ao
redimensionar figuras em uma apresentação que você planeja salvar como uma página da Web
dimensione a figura em uma porcentagem específica abaixo de 50.
Neste caso você pode utilizar o comando Cortar , Selecionando a figura, clicando na Guia
Ferramentas de Imagem, Guia Formatar, Grupo Tamanho, clique em Cortar, e depois clique nos
pontos brancos da figura e redimensione a figura apagando a parte que não queira mais.
Para voltar ao estado original da figura basta repetir a etapa acima, sendo que você deve arrastar o
ponto branco no sentido contrario dessa vez.
Copiando um objeto
224
Microsoft PowerPoint
Para copiar um objeto você selecione o objeto e depois pode utilizar a tecla de atalho CTRL + C, ou
ainda, pode clicar em cima do objeto com o botão direito do mouse e selecionar o comando Copiar.
Colando um objeto
Para colar um objeto você deve posicionar-se no local onde quer colar, e depois pode utilizar a tecla
de atalho CTRL + V, ou ainda, pode clicar em cima do local que queira colar e clicar no botão direito
do mouse e selecionar o comando Colar, ou tecla de atalho CTRL + W
Duplicando um objeto
Para duplicar um objeto você primeiro deve selecionar o objeto, e depois pode utilizar a tecla de
atalho CTRL + SHIFT+ D, ou ainda, pode utilizar a Guia Início, Grupo Área de Transferência, clique
em Colar e clicar no comando Duplicar.
Lembrando ainda que você pode utilizar os comandos: recortar, copiar e colar da Guia Início, Grupo
Área de Transferência.
Redimensionando objetos
Quando você seleciona um objeto, alças de dimensionamento são exibidas nos cantos e ao longo
das bordas do retângulo de seleção. Você pode redimensionar um objeto arrastando as alças de
dimensionamento ou pode redimensioná-lo com mais precisão especificando uma porcentagem para
a altura e a largura do objeto você então deve:
Aprimorando objetos
Você pode alterar a aparência de elementos gráficos nas apresentações do PowerPoint, aplicando
vários recursos, como linhas, preenchimentos, sombras e cores transparentes. Você pode aplicar
alguns recursos em objetos de desenho e em figuras, alguns somente em objetos de desenho e
outros somente em figuras.
Para tanto você deve utilizar a Guia Ferramenta de Desenho, Guia Formatar, você pode através
dessa guia você pode mudar o formato de seu Objeto.
225
Microsoft PowerPoint
Entendendo objetos vinculados e incorporados
Use um objeto vinculado ou um objeto incorporado para adicionar um arquivo inteiro ou parte de um
arquivo criado em um programa do Office — ou em qualquer programa que ofereça suporte a objetos
vinculados e incorporados — em outro arquivo. Se o arquivo que deseja usar tiver sido criado em um
programa que não ofereça suporte a objetos vinculados e incorporados, você ainda poderá copiar e
colar informações do arquivo para compartilhá-las entre programas.
O que é um objeto vinculado? Quando um objeto for vinculado, a informação só será atualizada se
você modificar o arquivo de origem.
O que é um objeto incorporado? Quando um objeto for incorporado, as informações no arquivo de
destino não serão alteradas se você modificar o arquivo de origem.
Observações
Apenas os programas instalados que oferecem suporte a objetos vinculados e incorporados são
exibidos na caixa Tipo de Objeto.
Quando você clica em Planilha do Microsoft Excel na caixa Tipo de Objeto, uma pasta de trabalho
inteira é inserida na apresentação. A apresentação exibe apenas uma planilha de cada vez. Para
exibir uma planilha diferente, clique duas vezes no objeto do Microsoft Excel e clique em uma planilha
diferente.
226
Microsoft PowerPoint
Exiba o slide em que você deseja inserir o objeto vinculado ou o objeto incorporado.
Na Guia Inserir, Grupo Texto, clique em Objeto.
Clique em Criar do Arquivo.
Na caixa Arquivo, digite o nome do arquivo a partir do qual você deseja criar um objeto vinculado ou
incorporado ou clique em Procurar... para selecionar o arquivo na lista.
Para criar um objeto vinculado, marque a caixa de seleção Vínculo.
Será criado um objeto incorporado se você não marcar a caixa de seleção Vínculo.
Para exibir o objeto vinculado ou incorporado como um ícone, marque a caixa de seleção Exibir
como ícone.
Observações:
Quando você cria um objeto incorporado a partir de uma pasta de trabalho existente do Microsoft
Excel, a pasta de trabalho inteira é inserida na apresentação. A apresentação exibe somente uma
planilha de cada vez. Para exibir uma planilha diferente, clique duas vezes no objeto do Excel e clique
em uma planilha diferente.
227
Microsoft PowerPoint
Para criar um objeto incorporado, clique em Colar. Na caixa Como, clique na entrada apropriada. Por
exemplo, se você tiver copiado as informações de um documento do Excel, clique em Objeto do
Microsoft Office Word.
Observações:
Você não pode colar informações de uma apresentação como um objeto vinculado ou incorporado na
mesma apresentação ou em outra.
Quando você cria um objeto incorporado a partir das informações de uma pasta de trabalho existente
do Microsoft Excel, a pasta de trabalho inteira é inserida na apresentação. A apresentação exibe
apenas uma planilha de cada vez. Para exibir uma planilha diferente, clique duas vezes no objeto do
Microsoft Excel e clique em uma planilha diferente.
Criando Anotações
Painel de anotações e anotações: Cada slide pode conter anotações correspondentes. Você pode
criar anotações — por exemplo, para ajudá-lo a se lembrar dos pontos principais em uma
apresentação — ou pode criá-las para o público. É possível imprimir as anotações de cada slide
juntamente com uma menor versão dele.
Se você salvar a apresentação como uma página da Web, poderá exibir anotações que aparecem na
tela com cada slide. Nesse contexto, as anotações podem fornecer ao público as informações
básicas e os detalhes que um orador normalmente fornece durante uma apresentação ao vivo.
228
Microsoft PowerPoint
Você também pode imprimir slides como folhetos — com dois, três, quatro, seis ou nove slides em
uma página — que o público pode usar para consulta posterior. Os folhetos mostram apenas os
slides e não incluem qualquer anotação correspondente.
Para imprimir slides como folhetos, você deve clicar no Botão Office, selecionar opção Imprimir, e
selecionar a opção Folhetos, e ao lado quantos Slides por Página.
229
Microsoft PowerPoint
Transição de slides
Uma das formas de aplicar efeitos de transição pode ser no Modo de classificação de slides. Para
mudar de modo clique sobre o botão do Classificação de Slides
Transições de slides são efeitos visuais especiais exibidos, quando você passa de um slide para o
seguinte. No Modo de classificação de slides, você pode definir transições para todos os slides de
maneira bem simples:
230
Microsoft PowerPoint
Clique em Selecionar e escolha a opção Selecionar Tudo
231
Microsoft PowerPoint
Clique na Guia Animações, Grupo Animações, e escolha a opção Animação Personalizada.
No painel de tarefas escolha a opção desejada.
É possível também animar a aparição de objetos, imagens e gráficos nos slides. Para isso:
Selecione o Objeto.
Clique na Guia Animações, Grupo Animações, e ative a opção Animação Customizada.
No painel de tarefas escolha a opção desejada.
Para cada objeto do seu slide você pode aplicar um efeito de animação diferente, ou não.
No PowerPoint, há dois formatos muito comuns de arquivos de som: o Wave (extensão.wav) e o Midi
(extensão.mid), porém existe outros formatos que são aceitos pelo PowerPoint exe.:mp3,m3u e entre
outros.
No modo de slide, clique na Guia Inserir, Grupo Clips de Mídia e clique em Som, vá até o submenu e
escolha a opção Som do Arquivo, conforme a figura:
232
Microsoft PowerPoint
Inserindo um vídeo
É possível inserir vídeos gravados no formato AVI (vídeo for Windows) em uma apresentação do
PowerPoint, assim como em outros formatos.
No modo de slide, clique na Guia Inserir, Grupo Clipes de Mídia e clique em Filme, vá até o submenu
e escolha a opção Filme de Arquivo...
233
Microsoft PowerPoint
Gravar Áudio
Para gravar um áudio em sua apresentação você vai na Guia Inserir, Grupo Clipes de Mídia,
Comando Som, Opção Gravar Som...
Na Caixa de diálogo Gravar Som, você deve digitar um nome para o som a ser criado e clicar no
botão Gravar
234
Microsoft PowerPoint
Para executar o som gravado, clique no botão Play.
O Assistente de viagem serve para você projetar suas apresentações do PowerPoint num
computador que não tenha nenhuma versão do programa. Todos os recursos, arquivos, imagens e
formatações utilizados na apresentação, serão anexados numa pasta criada para esta finalidade.
Você pode gravar esta pasta num CD. Esta opção cria um CD auto-executável.
Vá até o Botão Office, Opção Publicar, selecione Pacote para CD.
235
Microsoft PowerPoint
3
4
Para adicionar mais arquivos no pacote do CD, clique no botão Adicionar Arquivos.
Para gravar direto no Cd, clique no botão Copiar no CD.
Para criar uma pasta antes de gravar no CD, clique no botão Copiar para Pasta...
Após ter-se configurado os slides com suas devidas transições e tempos automáticos entre os
intervalos, (se houver), o usuário deverá agora configurar a apresentação em si, ou seja, como os
slides serão apresentados com relação à seqüência; se vão ser apresentados continuamente, (sem
parar – no caso da transição ter sido definida como automática), ou se a apresentação será
comandada através do teclado.
Para configurar a apresentação basta Clicar na Guia Apresentação de Slides, Grupo Configurar,
clicar em Configurar Apresentação de Slides, e o usuário terá à disposição, várias opções que vão
trabalhar a parte da apresentação em si.
Nos casos em que a apresentação se der de forma automática, (ou seja, o usuário não deseja que os
slides avancem sozinhos), você poderá controlá-los através do teclado do seu computador. Para que
a transição deixe de ser automática é só não definir nenhum intervalo no botão transição de slides,
visto no tópico anterior, ―Botão transição de slides.‖
Exercício 4
Crie um Slide Mestre e coloque um logotipo e titulo.
Crie uma apresentação com três slides, modifique sua forma de transição, coloque efeitos de entrada
neles.
Inclua um texto do Word como um objeto Incorporado no novo Slide – o arquivo do Word já deve
estar criado.
Coloque animações de entrada.
237
Microsoft PowerPoint
Crie uma apresentação com cinco slides, insira hiperlinks para outros slides, onde os mesmos devem
conter figuras, textos e objetos. Insira efeitos e som de entrada.
Insira nos Slides acima um hiperlink para outro slide onde contenha um vídeo.
Configure as apresentações para que execute automaticamente.
Crie uma nova apresentação
Insira a seguinte estrutura:
Slide 1 - Vender idéia ou produto
Slide 2 - Objetivo
Informe o objetivo desejado
Use diversos pontos de vista, se necessário.
Slide 3 - Requisitos do cliente
Slide 4 - Atender às necessidades
Liste os produtos
Liste os produtos
Slide 5 - Análise de custo
Assinale as vantagens financeiras para o cliente
Compare os custos-benefício de sua empresa e do concorrente
Slide 6 - Pontos fortes
Slide 7 - Vantagens principais
Faça um resumo das principais vantagens oferecidas
pelo produto, serviço ou idéia em questão
Slide 8 - Etapas seguintes
Especifique as ações solicitadas ao público
Salve a sua apresentação.
238
Microsoft PowerPoint
Observe abaixo como movimentar a sua seqüência de slides com o uso do teclado:
Você pode usar as seguintes teclas de atalho (tecla de atalho: uma tecla de função ou combinação
de teclas, como F5 ou CTRL+A, usada para executar um comando de menu. Por outro lado, uma
chave de acesso é uma combinação de teclas, como ALT+F, que desloca o foco para um menu,
comando ou controle.) ao executar uma apresentação de slides no modo de exibição de tela inteira.
P, ENTER, PAGE DOWN, SETA PARA A DIREITA, SETA PARA BAIXO ou a BARRA DE ESPAÇOS
(ou clique com o mouse) = Executa a próxima animação ou avança para o próximo slide.
A, PAGE UP, SETA PARA A ESQUERDA, SETA PARA CIMA ou BACKSPACE= Executa a
animação anterior ou volta ao slide anterior.
E ou PONTO = Exibe uma tela preta ou retorna à apresentação de slides a partir de uma tela preta.
C ou VÍRGULA = Exibe uma tela branca ou retorna à apresentação de slides a partir de uma tela
branca.
239
Microsoft PowerPoint
1+ENTER (ou pressione os dois botões do mouse por 2 segundos) = Retorna ao primeiro slide.
CTRL+P = Reexibe o ponteiro oculto e/ou altera o ponteiro para uma caneta.
CTRL+A = Reexibe o ponteiro oculto e/ou altera o ponteiro para uma seta.
SHIFT+F10 (ou clique com o botão direito do mouse) = Exibe o menu de atalho (menu de atalho:
um menu que mostra uma lista de comandos relevantes a um item específico. Para exibir um menu
de atalho, clique com o botão direito do mouse em um item ou pressione SHIFT+F10.).
TAB = Vai para o primeiro ou o próximo hiperlink (hiperlink: texto ou elemento gráfico colorido e
sublinhado no qual você clica para ir até um arquivo, um local de um arquivo, uma página da Web na
World Wide Web ou uma página da Web em uma intranet. Os hiperlinks podem também levar a
grupos de notícias e sites Gopher, Telnet e FTP.) em um slide.
240
Unidade 5 - Web – construção de páginas
Microsoft FrontPage
Para alterar a cor de fundo, cores dos hyperlinks ativos, mudar cores de links visitados
automaticamente, cor do texto, margens superiores e inferior utilize o guia ―Plano de fundo‖ como
apontado abaixo.
Caso queira inserir uma figura de fundo marque na opção ―Figura de plano de fundo‖ (veja figura
abaixo). Em seguida clique em Procurar, selecione uma figura nos formatos Gif ou Jpg
Depois de feitas todas as alterações, clique no OK e veja como ficou.
242
Páginas Web
PARA INSERIR TEXTO:
Na janela inicial você tem 3
modos de exibição: Normal
(com esse você faz a edição
do texto), HTML (não tem
aplicação), Visualização (com
essa opção você vê como o
seu texto, imagens etc
aparecem na sua homepage).
Nesta fase, é FUNDAMENTAL você salvar essas informações e organizar uma pasta. Crie uma
pasta com nome ―html‖ e nesta pasta salve o arquivo que você esta trabalhando com o nome de
―index.htm‖ (isso é importante para o posterior reconhecimento da pagina principal). Você também
deve, gravar na pasta ―html‖ os outros arquivos utilizados para montar a homepage. Por exemplo uma
figura de fundo. Se você não fizer isso NÃO SERÁ POSSÍVEL CARREGAR A IMAGEM NA SUA
HOMEPAGE.
Atenção: Não acentue o nome do arquivo e nem use "ç", dependendo do sistema operacional do
servidor WEB que vai hospedar a homepage poderá não carregar a página.
Neste ponto você já pode definir o estilo da sua homepage criando hyperlinks (áreas que quando
duplamente clicadas causam o aparecimento de uma nova pagina). Os hyperlinks podem ser criados
tanto de textos como de imagens e também podem ser criados para você acessar outros sites.
Para criar um hyperlink para uma outra página é necessário que esta página exista.
Siga os seguintes passos:
1.) Selecione um texto ou uma imagem
2.) Você pode inserir um Hyperlink para outra página de duas maneiras:
2.1) clique na barra de Menu Principal em Inserir/ Hyperlink
2.2) ou clique no botão hyperlink ( ) que está no menu principal e será exibida a seguinte tela:
243
Páginas Web
UM DETALHE IMPORTANTE SOBRE HYPERLINKS: Você pode optar para que o hyperlink abra
em uma NOVA JANELA ou que SUBSTITUA (PAGINA INTEIRA) o seu homepage. É interessante
que a opção NOVA JANELA seja usada caso você não queira que a página carregada substitua o
site atual. Por exemplo, você aciona um hyperlink para o Google e sua homepage continua operando.
Assim você terá 2 browsers abertos simultaneamente. Caso você não queira isso, deve então optar
por PAGINA INTEIRA. Com essa opção apenas 1 browser opera.
Para fazer a opção entre NOVA JANELA e PAGINA INTEIRA clique em ―alterar quadro de destino‖
como mostra a figura acima.
Você tem 4 opções para criar hyperlinks como mostra figura abaixo.
Opção 1: Criar hyperlink para outro site, digite o endereço do site no quadro URL.
Opção 2: Cria hyperlink para um arquivo no seu computador (o arquivo tem que estar na pasta
"html".
Opção 3: Criar hyperlink para e-mail, quando abrir a tela digite um endereço de correio eletrônico.
Opção 4: Criar um link à nova página.
OBS: você não precisa necessariamente utilizar todas essas opções, pode por exemplo criar
hyperlinks somente para alguns sites, como currículo vitae e sites interessantes da sua área.
Neste ponto sua homepage já poderia ser terminada. No entanto você pode desejar INSERIR
FIGURAS.
244
Páginas Web
Opção 2- Utilizar comando copiar e colar para trazer a imagem de outro programa ou até mesmo de
um site na Internet. O programa perguntará aonde e com qual nome você deseja salvar essa
imagem. Você deve nomear o arquivo e salvar na pasta da homepage (aquela que você já criou e
nomeou HTML).
A ferramenta permite escrever em imagens. Para que isso seja possível a sua imagem deve
ter o formato GIF, caso não seja GIF, o FrontPage vai avisá-lo e depois transformá-la.
Autominiatura
O recurso de autominiatura é bem interessante para página com muitas imagens, pois ele transforma
as imagens de sua página em miniaturas, e também as transforma em Link para a figura de tamanho
normal, ou seja ao clicar sobre a figura em miniatura abre-se uma janela mostrando a figura em seu
tamanho normal. Ao salvar o arquivo ele cria mais dois arquivos de imagem com o complemento
small.
Posição Absoluta
245
Páginas Web
Posição absoluta permite que você movimente a sua imagem para qualquer parte da tela. Isso
possibilita que você consiga fazer montagens de figuras ou texto. Este efeito também pode ser
aplicado em textos, através do Menu Formatar Posição.
Depois de criada sua homepage para que ela esteja disponível na Internet é necessário que você
faça um upload de seus arquivos em um provedor. Atualmente, existem vários sites que oferecem o
serviço de hospedagem de páginas gratuitamente.
246
Unidade 6 - Introdução ao HTML e
Web Standards
A Internet teve início nos Estados Unidos em 1969 sob o nome de ARPANET. Composta inicialmente
de quatro computadores interligados, ela tinha como finalidade demonstrar as potencialidades da
construção de redes usando computadores dispersos em uma grande área. Em 1972, 50 universidades e
instituições militares já possuíam conexões.
Hoje a Internet é uma arquitetura de software e hardware interligados que são mantidas por
organizações comerciais e governamentais. Uma de suas principais características é que não possui um
proprietário único, responsável pelo seu funcionamento. Existem apenas associações e grupos que se
dedicam a desenvolver protocolos e procedimentos para suportar a interligação entre os computadores,
ratificar padrões e resolver questões operacionais.
Um dos principais elementos que levaram a popularização da Internet foi a World Wide Web (teia de
abrangência mundial), também conhecida como WWW. Trata-se de uma nova forma dos usuários
navegarem pelas informações e arquivos disponíveis nos vários computadores ligados a Internet. O
modelo WWW é tratar todos os dados da Internet como hipertexto, isto é, vinculações entre diferentes
documentos, para permitir que as informações sejam exploradas interativamente e não apenas de uma
forma linear.
A principal linguagem que popularizou a Web, e que ainda é a linguagem mais utilizada é o HTML
(Hypertext Markup Language), uma linguagem criada com o objetivo de formatar informações de um
texto e definir os hiperlinks entre um texto e outro, ou seja, os pontos de vinculação entre documentos.
Hoje existem diversas ferramentas que permitem navegar na Internet e visualizar as páginas HTML.
Estas ferramentas são popularmente conhecidas como navegadores ou browsers. Da mesma forma,
existem também inúmeros editores visuais, dos quais o Adobe Dreamweaver é o mais utilizado, que
gravam arquivos no formato HTML.
As limitações do HTML
A linguagem HTML originalmente tinha como propósito apenas definir a estrutura de um documento e
os hiperlinks entre documentos. Assim, ela permitia especificar quando iniciava e terminava um
parágrafo, definir títulos, subtítulos, listas numeradas, textos em itálico e negrito e outras
características semelhantes.
Quase que imediatamente após seu surgimento, porém, novos recursos começaram a ser criados,
principalmente voltados para a construção de layouts mais sofisticados. Neste momento surgiram
recursos para especificar imagens de fundo, alinhar elementos em tabelas, posicionar imagens, entre
outros. Muitas destas novidades eram iniciativas das empresas que desenvolviam os principais
navegadores utilizados na internet, o que muitas vezes obrigava o Web Designer a criar páginas
diferentes para cada navegador, para aproveitar ao máximo os novos recursos recém lançados.
Dois problemas tiveram sua origem derivada deste contexto: a falta de uma padronização, pois
diferentes empresas criavam novos recursos próprios para o HTML, e a mistura entre layout e
conteúdo. Ambos, problemas endereçados pelos Web Standards, como será visto ao longo deste curso.
HTML e WebStandards
Os Web Standards
O W3C (World Wide Web Consortium), juntamente com outros grupos e organismos reguladores,
estabeleceu tecnologias para criação e interpretação de conteúdo para a Web, visando resolver de
forma definitiva os problemas mencionados anteriormente.
Estas tecnologias, a que chamamos Web Standards, têm como objetivo principal fazer com que o
conteúdo desenvolvido dentro destes padrões possa ser visualizado independente do equipamento
(computador, PDA, celular), do tipo do navegador (IE, Mozilla, Opera, Netscape, etc.) e da forma
(banda de conexão) com que o usuário estiver acessando a Internet. É um conceito de acessibilidade
estendido.
Um dos objetivos dos Web Standards é a separação do conteúdo, definido através de linguagens
estruturais como XHTML e XML, e do layout, definido através de linguagens de apresentação, em
particular o CSS (Cascading Style Sheet). Outros Web Standards, como o DOM (Document Object
Model) e o ECMAScript 262 (versão padrão do JavaScript) são voltados para a programação em
páginas Web.
W3C
O que é o W3C?
O World Wide Web Consortium (W3C) é um consórcio de indústrias dedicado em levar a Web ao seu
potencial máximo. Fundada em 1994 por Tim Berners-Lee (inventor da Web), o W3C tem mais de 450
organizações associadas, incluindo Microsoft, América Online (incorporou a Netscape
Communications), Apple, Adobe, Macromedia, Sun Microsystems e uma variedade de outras empresas
fabricantes de hardware e software, provedores de conteúdo, instituições acadêmicas e empresas de
telecomunicações. O consórcio tem o apoio (estrutura física e intelectual) de três instituições de
pesquisa: MIT nos EUA, INRIA na Europa e Keio University no Japão.
Qual a sua função?
O W3C desenvolve especificações abertas (padrões) para aumentar a interoperabilidade de produtos
relacionados com a Web. As recomendações do W3C são desenvolvidas por grupos de trabalhos
originados das organizações membros e experts convidados.
O HTML é uma linguagem de marcação utilizada para criar e formatar páginas ou documentos Web.
Com o tempo passou a ser utilizado para descrever a estrutura dos documentos. O HTML permite criar
documentos com componentes como cabeçalhos (h1, h2,...), parágrafos (p), quebras de linha (br),
tabelas (table, tr, td, th), listas (li, ul, ol), imagens (img) e links (a). Uma tecnologia complementar foi
criada, o Cascading Style Sheets (CSS), responsável pela apresentação (formatação visual) dos
documentos.
Novas especificações HTML não serão mais definidas. HTML 4.1 é o último padrão HTML, e agora
substituído pelo XHTML 1.0. No entanto, o XHTML não é substancialmente diferente do HTML,
248
HTML e WebStandards
sendo na verdade um subconjunto do HTML que segue as regras do XML. Assim sendo, ao
dominarmos o HTML, estaremos também adquirindo os conhecimentos necessários para desenvolver
também em XHTML.
Quando um browser exibe uma página HTML, ele lê um arquivo texto (que pode ser aberto em
qualquer editor de texto) com o conteúdo do site e marcações, chamadas tags, que informam os
elementos da página e sua formatação.
As marcações do HTML - tags - consistem do sinal (<), (o símbolo de "menor que"), seguida pelo
nome da marcação e fechada por (>) ("maior que").
De um modo geral, as tags aparecem em pares, por exemplo, <h1> Cabeçalho</h1>. O símbolo que
termina uma determinada marcação é igual àquele que a inicia, antecedido por uma barra (/) e
precedido pelo texto referente.
No exemplo, <h1> avisa ao cliente Web para iniciar a formatação do primeiro nível de cabeçalho e
</h1> avisa que o cabeçalho acabou.
Há tags que não exigem o fechamento, funcionando – via de regra – com ou sem a definição de uma
tag de fechamento, como é o caso da tag de definição de parágrafo <p>. O padrão mais recente de uso
do HTML, entretanto, recomenda que esta tag seja sempre fechada, para termos um padrão mais
próximo do utilizado em XHTML, como será explicado a seguir.
Outras tags efetivamente não têm marcações de final, como a tag <br> que apenas define uma linha
em branco, e a tag <hr> que exibe uma linha divisória.
Este tutorial tem por objetivo mostrar como criar e exibir páginas HTML. Tais páginas são criadas a
partir de arquivos texto ASCII, contendo caracteres de marcação da linguagem HTML. Uma vez
criados, estes arquivos são salvos com uma extensão .html ou .htm
Tags Básicas
A seguir apresentamos as tags básicas de uma página HTML, que são suficientes para criar uma
página mínima. Nas lições seguintes apresentaremos diretamente exercícios que incluirão novas tags
que permitirão controlar diversas características da página.
Estas e todas as futuras tags são mostradas dentro de uma estrutura de tabela, para facilitar sua
consulta, e são repetidas em anexo ao final deste material, de forma a facilitar seu uso no futuro como
material de referência.
249
HTML e WebStandards
Todo documento HTML deve ser identificado como HTML ( <html>...</html> ), ter uma área de
cabeçalho ( <head>...</head> ) com o nome do documento ( <title> </title> ), um título principal e
uma área definida como corpo ( <body>...</body> ) do conteúdo do documento. Como o exemplo a
seguir, basico.html:
<html>
<head>
<title>Minha primeira página</title>
</head>
<body>
<!-- aqui temos um comentário que não aparecerá no browser -->
Minha primeira página
</body>
</html>
250
HTML e WebStandards
Cores em HTML
A definição de cores já foi vista como atributo da tag <font>. Entretanto, para efetivamente
utilizarmos as cores de forma eficiente no código HTML e necessário entender como as mesmas são
especificadas na linguagem.
O uso de cores em HTML pode ser feito através de duas formas básicas, utilizando o nome em inglês
de algumas cores específicas ou fazendo uso do código hexadecimal RGB. O segundo método é mais
recomendável, pois permite a definição de todas as cores possíveis.
Exemplos de uso de cores em fonte:
Nos exemplos acima, valores diferentes de código permitem a definição de cores diferentes. É
importante entendermos como estas cores são formadas para podermos manipular estes códigos, porém
na prática geralmente normalmente será utilizado algum editor visual para escolher a cor desejada,
como a Dreamweaver, por exemplo.
As cores são definidas pela composição de 3 pares de algarismos, cada um representando um valor
entre 0 e 255. O primeiro destes pares representa a quantidade de vermelho na cor, o segundo a
quantidade de verde e o terceiro a quantidade de azul.
251
HTML e WebStandards
A primeira dificuldade para entender esta codificação se dá pelos números estarem em hexadecimal,
ou seja, ao invés dos números serem representados com números de 0 a 9, são representados por estes
números mais as letras A,B,C,D,E,F.
Felizmente não é essencial entender o mecanismo matemático para converter os números, sendo
suficiente para a maioria dos casos ter uma noção dos números mais utilizados, como mostra a tabela
abaixo:
00 0
33 51
66 102
99 153
CC 204
FF 255
Estes números são importantes, pois são os únicos utilizados para criar cores chamadas web safe que
são as cores exibidas pelos browsers em monitores com 256 cores configuradas.
A Internet teve início nos Estados Unidos em 1969 sob o nome de ARPANET. Composta inicialmente
de quatro computadores interligados, ela tinha como finalidade demonstrar as potencialidades da
construção de redes usando computadores dispersos em uma grande área. Em 1972, 50
universidades e instituições militares já possuíam conexões.
Hoje a Internet é uma arquitetura de software e hardware interligados que são mantidas por
organizações comerciais e governamentais. Uma de suas principais características é que não possui
um proprietário único, responsável pelo seu funcionamento. Existem apenas associações e grupos
que se dedicam a desenvolver protocolos e procedimentos para suportar a interligação entre os
computadores, ratificar padrões e resolver questões operacionais.
Um dos principais elementos que levaram a popularização da Internet foi a World Wide Web (teia de
abrangência mundial), também conhecida como WWW. Trata-se de uma nova forma dos usuários
navegarem pelas informações e arquivos disponíveis nos vários computadores ligados a Internet. O
modelo WWW é tratar todos os dados da Internet como hipertexto, isto é, vinculações entre diferentes
documentos, para permitir que as informações sejam exploradas interativamente e não apenas de
uma forma linear.
A principal linguagem que popularizou a Web, e que ainda é a linguagem mais utilizada é o HTML
(Hypertext Markup Language), uma linguagem criada com o objetivo de formatar informações de um
texto e definir os hiperlinks entre um texto e outro, ou seja, os pontos de vinculação entre
documentos.
252
HTML e WebStandards
Hoje existem diversas ferramentas que permitem navegar na Internet e visualizar as páginas HTML.
Estas ferramentas são popularmente conhecidas como navegadores ou browsers. Da mesma forma,
existem também inúmeros editores visuais, dos quais o Adobe Dreamweaver é o mais utilizado, que
gravam arquivos no formato HTML.
As Limitações do HTML
A linguagem HTML originalmente tinha como propósito apenas definir a estrutura de um documento e
os hiperlinks entre documentos. Assim, ela permitia especificar quando iniciava e terminava um
parágrafo, definir títulos, sub-títulos, listas numeradas, textos em itálico e negrito e outras
características semelhantes.
Quase que imediatamente após seu surgimento, porém, novos recursos começaram a ser criados,
principalmente voltados para a construção de layouts mais sofisticados. Neste momento surgiram
recursos para especificar imagens de fundo, alinhar elementos em tabelas, posicionar imagens, entre
outros. Muitas destas novidades eram iniciativa das empresas que desenvolviam os principais
navegadores utilizados na internet, o que muitas vezes obrigava o Web Designer a criar páginas
diferentes para cada navegador, para aproveitar ao máximo os novos recursos recém lançados.
Dois problemas tiveram sua origem derivada deste contexto: a falta de uma padronização, pois
diferentes empresas criavam novos recursos próprios para o HTML, e a mistura entre layout e
conteúdo. Ambos, problemas endereçados pelos Web Standards, como será visto ao longo deste
curso.
Os Web Standards
O W3C (World Wide Web Consortium), juntamente com outros grupos e organismos reguladores,
estabeleceu tecnologias para criação e interpretação de conteúdo para a Web, visando resolver de
forma definitiva os problemas mencionados anteriormente.
Estas tecnologias, a que chamamos Web Standards, têm como objetivo principal fazer com que o
conteúdo desenvolvido dentro destes padrões possa ser visualizado independente do equipamento
(computador, PDA, celular), do tipo do navegador (IE, Mozilla, Opera, Netscape, etc) e da forma
(banda de conexão) com que o usuário estiver acessando a Internet. É um conceito de acessibilidade
estendido.
Um dos objetivos dos Web Standards é a separação do conteúdo, definido através de linguagens
estruturais como XHTML e XML, e do layout, definido através de linguagens de apresentação, em
particular o CSS (Cascading Style Sheet). Outros Web Standards, como o DOM (Document Object
Model) e o ECMAScript 262 (versão padrão do JavaScript) são voltados para a programação em
páginas Web.
W3C
O que é o W3C?
O World Wide Web Consortium (W3C) é um consorcio de indústrias dedicado em levar a Web ao seu
potencial máximo. Fundada em 1994 por Tim Berners-Lee (invertor da Web), o W3C tem mais de 450
253
HTML e WebStandards
Conceber e construir sites usando estes padrões simplifica o processo e reduz os custos de
produção, obtendo-se ao mesmo tempo sites acessíveis a um maior número de pessoas e
dispositivos com acesso a Internet. Os sites desenvolvidos desta forma continuarão a funcionar
corretamente à medida que os browsers tradicionais evoluem e novos dispositivos de Internet surgem
no mercado.
"Web standards têm o objetivo de ser uma base comum... um fundamento para a World Wide Web
para que navegadores e outros programas compreendam o mesmo vocabulário básico".
Eric Meyer – Autor do livro Cascading Style Sheets: The Definitive Guide.
O HTML é uma linguagem de marcação utilizada para criar e formatar páginas ou documentos Web.
Com o tempo passou a ser utilizado para descrever a estrutura dos documentos. O HTML permite
criar documentos com componentes como cabeçalhos (h1,h2,....), parágrafos (p), quebras de linha
(br), tabelas (table, tr, td, th), listas (li, ul, ol), imagens (img) e links (a). Uma tecnologia complementar
foi criada, o Cascading Style Sheets (CSS), responsável pela apresentação (formatação visual) dos
documentos.
Novas especificações HTML não serão mais definidas. HTML 4.1 é o último padrão HTML, e agora
substituído pelo XHTML 1.0. No entanto, o XHTML não é substancialmente diferente do HTML, sendo
na verdade um subconjunto do HTML que segue as regras do XML. Assim sendo, ao dominarmos o
HTML, estaremos também adquirindo os conhecimentos necessários para desenvolver também em
XHTML.
Quando um browser exibe uma página HTML, ele lê um arquivo texto (que pode ser aberto em
qualquer editor de texto) com o conteúdo do site e marcações, chamadas tags, que informam os
elementos da página e sua formatação.
254
HTML e WebStandards
As marcações do HTML - tags - consistem do sinal (<), (o símbolo de "menor que"), seguida pelo
nome da marcação e fechada por (>) ("maior que").
De um modo geral, as tags aparecem em pares, por exemplo, <H1> Cabeçalho</H1>. O símbolo que
termina uma determinada marcação é igual àquele que a inicia, antecedido por uma barra (/) e
precedido pelo texto referente.
No exemplo, <H1> avisa ao cliente Web para iniciar a formatação do primeiro nível de cabeçalho e
</H1> avisa que o cabeçalho acabou.
Há tags que não exigem o fechamento, funcionando – via de regra – com ou sem a definição de uma
tag de fechamento, como é o caso da tag de definição de parágrafo <P>. O padrão mais recente de
uso do HTML, entretanto, recomenda que esta tag seja sempre fechada, para termos um padrão mais
próximo do utilizado em XHTML, como será explicado nas unidades finais desta apostila.
Outras tags efetivamente não tem marcações de final, como a tag <BR> que apenas define uma
linha em branco, e a tag <HR> que exibe uma linha divisória.
Este tutorial tem por objetivo mostrar como criar e exibir páginas HTML. Tais páginas são criadas a
partir de arquivos texto ASCII, contendo caracteres de marcação da linguagem HTML. Uma vez
criados, estes arquivos são salvos com uma extensão .html ou .htm
Tags Básicas
A seguir apresentamos as tags básicas de uma página HTML, que são suficientes para criar uma
página mínima. Nas lições seguintes apresentaremos diretamente exercícios que incluirão novas tags
que permitirão controlar diversas características da página.
Estas e todas as futuras tags são mostradas dentro de uma estrutura de tabela, para facilitar sua
consulta, e são repetidas em anexo ao final deste material, de forma a facilitar seu uso no futuro
como material de referência.
255
HTML e WebStandards
Todo documento HTML deve ser identificado como HTML ( <html>...</html> ), ter uma área de
cabeçalho ( <head>...</head> ) com o nome do documento ( <title> </title> ), um título principal e uma
área definida como corpo ( <body>...</body> ) do conteúdo do documento. Como o exemplo a seguir,
basico1.html:
<html>
<head>
<title>Minha primeira página</title>
</head>
<body>
<!-- aqui temos um comentário que não aparecerá no browser -->
HTML para designers.
<br>Curso de Web Design.
</body>
</html>
Seguindo as orientações do instrutor, construa agora a sua primeira página HTML. Copie ou crie um
texto, utilizando o Dreamweaver, o bloco de notas do Windows ou qualquer editor de texto. Salve e
abra pelo browser que estiver instalado no computador.
Apenas com os códigos acima apresentados, é fácil perceber limitações. Não há ainda como definir
títulos, salientar palavras ou frases ou fazer qualquer tipo de estruturação da informação, exceto
quebrar os parágrafos utilizando a tag <BR>.
Para começar a melhorar sua primeira página, observe a seção seguinte. Acompanhe os exemplos
mostrados com o instrutor e desenvolva novas páginas conforme orientação.
256
HTML e WebStandards
Formatação de Textos
Mesmo em uma página apenas com textos, é fundamental podermos estruturar a informação, de
forma a deixá-la mais legível. Para tanto, novas tags se fazem necessárias, como as mostradas na
próxima tabela.
Atributos:
257
HTML e WebStandards
Na listagem abaixo faremos um novo exemplo e utilizaremos algumas das novas tags. Digite a
listagem abaixo e salve com o nome basico2.html.
Exemplo de Alinhamentos
O alinhamento padrão que vem configurado nos navegadores é a esquerda, porém em muitos casos
podemos querer que todo ou parte do texto tenha outros alinhamentos Para entender isto, digite a
listagem abaixo, e salve como basico3.html, e acompanhe o conceito de tag que marcam o
alinhamento dos títulos e parágrafos nas páginas.
258
HTML e WebStandards
<html>
<head>
<title>Tags para Alinhamentos</title>
</head>
<body>
<h4 align=center>Título Centralizado</h4>
<h4 align=right>Título À Direita</h4>
<h4 align=left> Título À Esquerda<h4>
<hr>
<p align=center > Parágrafo ao Centro </p>
<p align=right >Parágrafo à direita </p>
<p align=left >Paragráfo à esquerda </p>
<p align=justify >Este é um texto justificado. Na linguagem HTML temos vários tipos de alinhamentos
que você poderá aplicar em sua página. Nesta parte do livro,veremos como alinhar linhas, parágrafos e
cabeçalhos. </p>
<br>
<br>
<hr width=50% align=center >
<blockquote>Texto com mais margem</blockquote >
<blockquote><blockquote>Tem com mais margem ainda </blockquote> </blockquote>
</body>
</html>
259
HTML e WebStandards
Neste exemplo trabalharemos com a formatação das letras bem como cor, tamanho de fonte e estilo.
Para entender isto, digite a listagem abaixo, e salve como basico4.html,
<html>
<head>
<title>Formatando Estilos</title>
</head>
<body>
<center>Mudando o Estilo dos Caracteres</center>
<p>
<b>Texto em Negrito</b><br>
<i>Texto em Itálico</i><br>
<u>Texto sublinhado</u><br>
<tt>Texto Monoespaçado</tt><br>
<br><font color=red >Texto em Vermelho</font>
<br><font size=5>Texto em Tamanho 5</font>
260
HTML e WebStandards
Listas
Em determinadas situações podemos desejar organizar informações de uma página HTML em listas.
Observe as tags HTML para listas e os exemplos a seguir:
261
HTML e WebStandards
Atributos:
Atributos
Neste exercício trabalharemos com listas ordenadas e marcadores. Assim como em uma carta ou
qualquer outro documento comum, precisamos listar tópicos através de símbolos ou números.
Para entender isto, acompanhe com o instrutor os exemplos a seguir:
<html>
<head>
<title>Listas</title>
</head>
<body>
<h3>Isto é uma lista</h3>
<!-- Início dos Numeradores -->
<ol>
<li>Item 1 </li>
<li>Item 2 </li>
<li>Item 3 </li>
</ol>
<!-- Fim dos Numeradores -->
<hr width=50% size=5 align=left>
<!-- Início dos Marcadores -->
262
HTML e WebStandards
<ul>
<li>Item 1 </li>
<li>Item 2 </li>
<li>Item 3 </li>
</ul>
<!-- Fim dos Marcadores -->
</body>
</html>
Para fixar melhor o conceito de listas, vamos apresentar um segundo exercício. Digite a listagem a
seguir e salve como basico6.html.
<html>
<head>
<title>Listas</title>
</head>
<body>
<h3>Isto é uma listagem iniciando no número 4</h3>
<ol start=4>
<li>Item 1 </li>
<li>Item 2 </li>
<li>Item 3 </li>
</ol>
<h3>Isto é uma listagem com letras</h3>
<ol type=a>
<li>html </li>
<li>para designers </li>
</ol>
<h3>Isto é uma listagem em algarismo romano</h3>
<ol type=i>
<li>html </li>
<li>para designers </li>
263
HTML e WebStandards
</ol>
<h3>Esta é uma listagem em algarismo romano a partir do número 3</h3>
<ol type=i start=‖3‖>
<li>html </li>
<li>para designers </li>
</ol>
</body>
</html>
Vamos terminar esta lição com mais um exemplo. Desta vez, faremos uma listagem com subníveis.
Para entender isto, digite a listagem a seguir, e salve como basico7.html
<html>
<head><title>Listas</title>
</head>
264
HTML e WebStandards
<body>
<h3>Listagem e sublistagem</h3>
<ol><!-- início do numerador -->
<li>Item 1
<ul><!-- início do marcador dentro do numerador -->
<li type=disc>Item 1.1
<li type=disc>Item 1.2
<li type=disc>Item 1.3
</ul><!-- fim do marcador dentro do numerador-->
<li> Item 2
<ul><!-- início do marcador dentro do numerador-->
<li type=square >Item 2.1
<ul><!--início do marcador dentro do marcador-->
<li type=circle>Item 2.1.1
<li type=circle>Item 2.1.2
<li type=circle>Item 2.1.3
</ul><!-- fim do marcador dentro do marcador -->
<li type=circle>Item 2.2
<li type=circle>Item 2.3
</ul><!-- fim do marcador dentro do numerador-->
<li> Item 3
</ol><!-- fim do numerador-->
</body>
</html>
Cores em HTML
265
HTML e WebStandards
A definição de cores já foi vista como atributo da tag <font>. Entretanto, para efetivamente
utilizarmos as cores de forma eficiente no código HTML e necessário entender como as mesmas são
especificadas na linguagem.
O uso de cores em HTML pode ser feito através de duas formas básicas, utilizando o nome em inglês
de algumas cores específicas ou fazendo uso do código hexadecimal RGB. O segundo método é
mais recomendável pois permite a definição de todas as cores possíveis.
Exemplos de uso de cores em fonte:
Nos exemplos acima, valores diferentes de código permitem a definição de cores diferentes. É
importante entendermos como estas cores são formadas para podermos manipular estes códigos,
porém na prática geralmente normalmente será utilizado algum editor visual para escolher a cor
desejada.
As cores são definidas pela composição de 3 pares de algarismos, cada um representando um valor
entre 0 e 255. O primeiro destes pares representa a quantidade de vermelho na cor, o segundo a
quantidade de verde e o terceiro a quantidade de azul.
A primeira dificuldade para entender esta codificação se dá pelos números estarem em hexadecimal,
ou seja, ao invés dos números serem representados com números de 0 a 9, são representados por
estes números mais as letras A,B,C,D,E,F.
Felizmente não é essencial entender o mecanismo matemático para converter os números, sendo
suficiente para a maioria dos casos ter uma noção dos números mais utilizados, como mostra a
tabela abaixo:
00 0
33 51
66 102
99 153
CC 204
FF 255
Estes números são importantes pois são os únicos utilizados para criar cores chamadas web safe,
que são as cores exibidas pelos browsers em monitores com 256 cores configuradas.
Abaixo vamos fazer alguns exercícios para entendermos melhor o uso de cores, utilizando as tags
que já vimos anteriormente.
266
HTML e WebStandards
Utilizando o Vermelho
<html>
<head><title>vermelhos</title>
<body>
<br>
<font color=#330000>vermelho escuro, apenas 51 de vermelho e 0 de verde e azul
</font>
<br>
<font color=#660000>vermelho menos escuro
</font>
<br>
<font color=#990000>vermelhos cada vez mais claros
</font>
<br>
<font color=#cc0000>vermelho claro
</font>
<br>
<font color=#ff0000>o vermelho mais claro e puro possível
</font>
</body>
</html>
Observe o resultado em seu browser para poder conferir as tonalidade e note que não foram
utilizadas as cores verde e azul. Obviamente podemos criar vários tons de vermelho com parcelas
também das outras cores.
267
HTML e WebStandards
O exemplo abaixo, cores2.html, utiliza cores misturando tons vermelhos e verde. Abaixo, uma
imagem mostra a tela resultante, mas é recomendável visualizar no browser para observar as cores
em si.
<html>
<head>
<title>vermelhos e verdes</title>
</head>
<body>
<br><font color=#ff9900>laranja: vermelho com algum verde</font>
<br><font color =#ffff00>amarelo (vermelho + verde)</font>
<br><font color =#99ff00>amarelo esverdeado</font>
<br><font color =#00ff00>verde puro</font>
</body>
</html>
Observe agora um exemplo misturando as três cores, cores3.html. Para se familiarizar, faça também
experiências com outros valores de vermelho, verde e azul.
<html>
<head><title>todas as cores</title> </head>
<body>
<br><font color=#999999>cinza</font>
<br><font color =#000099>azul</font>
<br><font color =#9966ff>violeta</font>
</body>
</html>
268
HTML e WebStandards
Como foi mostrado anteriormente, uma página HTML é apenas uma texto com algumas tags que
definem características da página. Entretanto, quando observamos uma página HTML normalmente
visualizamos elementos gráficos que não podem ser definidos desta forma, como, por exemplo, fotos.
A forma que o HTML trata esta questão é muito simples: todas as imagens da página – assim como
muitos outros elementos que veremos ao longo deste curso – não estão no mesmo arquivo da página
HTML, mas sim em outros arquivos.
Antes de analisarmos a tag que define a utilização de imagens, vamos primeiro entender algumas
formas de referência externa que podemos encontrar em documentos HTML
Referência Relativa
Vamos imaginar que os arquivos que desejamos referenciar estejam no mesmo diretório de nossa
página HTML. Neste caso, a referência pode ser feita simplesmente especificando o nome do arquivo
em questão. Observe a parte em negrito do exemplo abaixo (os outros elementos serão estudados
em seguida):
<img src=banner1.jpg>
Também podemos ter uma imagem ou outro arquivo referenciado que esteja em outro diretório,
acima ou abaixo do diretório em que está nossa página HTML, como nos exemplos abaixo:
<img src=imagens/banner1jpg>
<img src=../banner1.jpg>
Referência Absoluta
269
HTML e WebStandards
Em alguns casos, pode não ser interessante mantermos apenas referências relativas, em especial se
nosso site for um pouco mais complexo. Podemos ter muitas páginas que desejamos colocar em
diferentes diretórios que utilizem uma mesma imagem. Nestes casos, muitas vezes é mais
interessante criarmos um diretório padrão que seja referenciado por todas as páginas da mesma
forma, independente da localização de cada página. O exemplo abaixo mostra este caso, fazendo
uso de um diretório imagens na raiz do site:
<img src=/https/pt.scribd.com/imagens/banner1.jpg>
Referência Externa
Poderemos ter ainda situações em que temos sites em diferentes domínios fazendo referência ao
mesmo arquivo, ou podemos querer utilizar, por exemplo, uma imagem que esteja localizada em
outro site da Internet. Nestes casos fazemos uma referência externa especificando a URL completa
do site:
<img src=http://www.google.com.br/imagens/banner1.jpg>
Obs: nestes casos nos podemos nos abster de incluir a especificação http://, de outro modo o
browser não tem como saber que não se trata de um diretório local.
Uma vez entendido o conceito de fazer referências a outros arquivos, incluir imagens se tornou
bastante simples, basta conhecermos algumas características da tag imagem, conforme apresentado
na tabela abaixo.
Atributos
270
HTML e WebStandards
Neste exercício exercitaremos os tags que permitem a inserção de imagens em uma página.
Utilizaremos uma imagem do próprio site da Alfamídia. Crie o arquivo como imagem1.html
<html>
<head><title>Imagens</title>
</head>
<body>
<h1>Agora estamos trabalhando com imagens</h1>
<img src=http://www.google.com.br/images/banner1.jpg>
<br>O comando acima inseriu uma imagem do site da Alfamídia nesta página.
</body>
</html>
Neste exemplo trabalharemos com o alinhamento da imagem e do texto. Para entender isto, digite a
listagem a seguir, e salve como imagens2.html
<html>
<head><title>Imagens</title>
</head>
<body>
Note neste exemplo que a imagem <img src=imagem1.gif> está entre o texto
<br><hr><br>
271
HTML e WebStandards
<br><hr><br>
<br><hr><br>
<br><hr><br>
</body>
</html>
Acompanhe com o professor como cada comando de alinhamento posiciona de forma diferente o
texto e a imagem.
272
HTML e WebStandards
É muito comum encontrarmos páginas com uma imagem ou padronagem como fundo. Para
entendermos como isto é feito, teremos que utilizar um parâmetro de uma tag vista anteriormente, a
tag <BODY>.
Quando definimos uma imagem para o fundo de uma página, se a página mostrada for maior que a
imagem, ela será replicada na horizontal, vertical ou em ambas as dimensões. Esta característica
pode inclusive ser utilizada com um recurso de layout, permitindo, por exemplo, a repetição de um
padrão.
273
HTML e WebStandards
No exemplo a seguir, imagem3.html, uma padronagem é utilizada como fundo. Em geral, para um
resultado esteticamente interessante, são utilizadas padronagens muito mais suaves, ou imagens
maiores que a tela.
<html>
<head><title>Exemplo com Fundo</title>
</head>
<body background=padrao.gif>
<img src=imagem1.gif>
</body>
</html>
Criando Links
Hiperlinks
Hiperlinks são o elemento fundamental da navegação pela internet. O conceito é simples:
selecionando-se determinado elemento em uma página Web, somos levados para uma nova página.
Para criarmos um site inteiro precisamos fazer uso destes links para estabelecer a ligação entre as
páginas de nosso site, de forma que, através de um único clique sobre a frase ou imagem,
navegarmos para algum lugar no site ou na WEB.
Como padrão em nosso curso, observe a tag utilizada para a definição dos hiperlinks e trabalhe junto
com o instrutor nos exemplos:
274
HTML e WebStandards
Atributos
<html>
<hear><title>Estudando links</title></head>
<body>
<h3>Exemplo de links internos</h3>
<a href=exemplo1.html>Exemplo1</a>
<a href=exemplo2.html>Exemplo2</a>
<hr>
<h3>Exemplo de links externos</h3>
<a href=http://www.portoalegre.rs.gov.br>Visite o site de Porto Alegre</a>
<br><a href=http://www.adobe.com>Site da Adobe</a>
<h3>Você também pode usar imagens como links, mas é recomendável utilizar borda=0 para não
aparecer uma moldura de link.. Observe que neste exemplo o link abre em uma nova janela</h3>
<a href=exemplo3.html target=_top><img src= imagem1.gif></a>
</body>
</html>
275
HTML e WebStandards
Criando TABELAS
276
HTML e WebStandards
Atributos
Atributos
Atributos
277
HTML e WebStandards
O exemplo tabelas1.html abaixo mostra uma tabela utilizando as tags apresentadas. A figura em
seqüência apresenta a imagem desta página:
<table border=1>
<!-- linha 1-->
<tr>
<td>Itens/Mês</td>
<th>Janeiro</th><th>Fevereiro</th><th>Março</th>
</tr>
<!-- linha 2-->
<tr>
<th>Usuarios</th><td>80</td><td>93</td><td>120</td>
</tr>
<!-- linha 3-->
<tr>
<th>Linhas</th><td>3</td><td>3</td><td>5</td>
</tr>
</table>
Como foi dito, a tabela é construída linha a linha. Observe os comentários no código acima.
278
HTML e WebStandards
</tr>
</table>
279
HTML e WebStandards
<td>col 1</td>
<td>col 2</td>
<td>col3</td>
<td>col 4</td>
<td>col 5</td>
</tr>
</table>
280
HTML e WebStandards
281
HTML e WebStandards
282
HTML e WebStandards
Exercícios Sugeridos
Sugestões de exercícios para serem trabalhados em aula ou em casa.
283
HTML e WebStandards
Formulários
Introdução a Formulários
Até o presente momento vimos diversos recursos do HTML para criar uma página, definindo seu
layout e conteúdo. Neste capítulo apresentaremos a forma principal de obter dados do usuário e
poder assim interagir com ele.
O elemento FORM, da linguagem HTML, é o responsável por tal interação. Ele provê uma maneira
agradável e familiar para coletar dados do usuário através da criação de formulários com janelas de
entrada de textos, botões e outros elementos de entrada de dados.
Os dados que o usuário preenche em uma página HTML são enviados para o servidor, para serem
então processados por um programa, por exemplo um CGI em linguagem PERL ou um página de
acesso a banco de dados em ASP ou PHP. Também é possível processar localmente um campo de
formulário utilizando um script em JavaScript ou VBScript, o que muitas vezes é feito para validar um
campo antes do mesmo ser enviado ao servidor.
Nesta lição iremos nos concentrar em aprender todos os tags HTML de criação de formulários e a
diferença entre eles.
Criando um Formulário
Observe, na tabela a seguir, os principais tags utilizados na criação de formulários, e observe os
exercícios seguintes:
284
HTML e WebStandards
Atributos
Atributos
Atributos
Atributos
Atributos
285
HTML e WebStandards
Um Primeiro Formulário
O exemplo a seguir mostra um formulário simples, form1.html, que apenas pergunta o nome da
pessoa. Ele ainda não tem um botão para confirmar, porém ao pressionar ENTER o formulário será
acionado.
<form method=get>
Qual o seu primeiro nome?
<input type="text" name="primeiro_nome" value="carlos" size="10" maxlength="15">
</form>
Observe que o formulário não tem um comando action, o que significa que, ao ser acionado, o
formulário irá chamar a própria página. Digite seu nome, pressione ENTER e observe a URL no topo
da página mudar para incluir o parâmetro do formulário. Experimente substituir o método de envio
para POST.
286
HTML e WebStandards
287
HTML e WebStandards
288
HTML e WebStandards
Obs: neste exemplo os dois grupos de botões tem o valor ―name‖ diferente. Se fosse o mesmo, só
poderia ser selecionada uma entre todas as cinco opções.
289
HTML e WebStandards
290
HTML e WebStandards
291
HTML e WebStandards
Exercícios Sugerido
Exercício 1
Construa um formulário contendo pelo menos um item de cada elemento mostrado nos exemplos
anteriores.
Exercício 2
Defina agora um layout para o formulário do exercício 1, fazendo uso dos recursos de tabela vistos
anteriormente.
O CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata) é uma linguagem de formatação
proposta pelo W3C. Visa remover a formatação dos documentos (X)HTML, separando conteúdo e
formatação.
A especificação inicial, chamada CSS1, tornou-se uma recomendação do W3C no final de 1996 e
define praticamente todos estilos de apresentação utilizados hoje em dia. A segunda versão da
especificação, chamada CSS2, foi aprovada em 1998 e acrescentou vários estilos novos,
principalmente na área de posicionamento e tabelas. Uma nova versão está em desenvolvimento e
espera-se que seja aprovada em um futuro próximo.
Todos os browser atuais, o Internet Explorer 6, Netscape Navigator 7, Mozilla Firefox 1, Opera 7 e
Safari suportam o CSS. Entretanto o suporte ao CSS Nível 2 foi implementado em níveis diferentes, o
que torna a adoção dos conceitos de posicionamento via CSS, ou Tableless, como é conhecido,
292
HTML e WebStandards
ainda um pouco complicado, necessitando muitas vezes de truques de correção, conhecido como
CSS Hacks.
Algumas considerações sobre CSS:
Os estilos definem para o browser como devem ser exibidos os elementos do (X)HTML.
O CSS foi implementado na versão HTML 4.0 para resolver o problema de separação entre conteúdo e
formatação.
Os estilos quando armazenados em folhas de estilo externas (arquivos .css) e compartilhadas entre
documentos do mesmo website, poupam muito trabalho e simplificam enormemente a manutenção.
Definições de estilo múltiplas serão refletidas em cascata em uma definição resultante final.
Utilizar CSS além de ser essencial para o XHTML para garantir a separação entre conteúdo e
formatação, possibilita inúmeros benefícios a desenvolvedores e usuários:
Produtividade aumentada.
Facilidade em fazer mudanças em todo o site – basta alterar um arquivo CSS invés de mudar todas as
páginas HTML.
Arquivos mais leves => download mais rápido => experiência de usuário melhorada.
Mais controle sobre o código - interpretação do código na ordem correta para os leitores de tela.
Disponibiliza versões para impressão sem duplicação de conteúdo, somente alternando o CSS.
293
HTML e WebStandards
Permite formatar elementos do HTML como formulários e barras de rolagem, impossível via atributos
HTML.
Permite controlar aspectos visuais como tipo e cor de borda, posicionamento, visibilidade e margens –
propriedades inexistentes no HTML.
Uma das metas ao se utilizar os conceitos do Web Standards é remover toda a apresentação do
código (X)HTML, deixando-o limpo e semanticamente correto.
Enquanto o (X)HTML define a estrutura, O CSS fica responsável pela formatação visual e
posicionamento de elementos dentro de uma página Web.
Utilizando CSS, um desenvolvedor pode definir elementos da apresentação (o layout, fonts, cores,
bordas, etc), independentemente da marcação do documento Web. Os estilos podem (e devem, na
maioria dos casos) serem definidos em um documento separado com extensão .css e compartilhados
entre todos ou um grupo de documentos relacionados do mesmo website. Desta forma, alterar ou
implementar novos estilos é tarefa fácil, bastando para isso alterar somente um arquivo do projeto, já
que ele está referenciado entre diversos documentos, sendo renderizado dinamicamente na medida
que o browser carrega o arquivo de definições ou a folha de estilos externa (.css).
Ao separar formatação do conteúdo, você está tornando seu código semanticamente correto. Ou
seja, não utilizando marcação de conteúdo (HTML) para formatação (uso incorreto).
Browsers.
Impressoras.
Telefones Celulares.
Equipamentos wireless.
Para obter uma demonstração do que pode ser conseguido visualmente por meio de um design
baseado em CSS, acesse o site Zen Garden, onde diferentes desenvolvedores criaram para o
mesmo conteúdo (documento HTML), diferentes arquivos CSS, resultando em documentos com o
design 100% diferentes entre si.
Vale a pena conferir! http://www.csszengarden.com/tr/portuguese/
294
HTML e WebStandards
Uma marcação semanticamente correta utiliza elementos HTML para o seu objetivo definido. Um
HTML bem estruturado tem significado semântico para um amplo número de User Agents
(navegadores sem folhas de estilo, navegadores baseados em texto, PDAs, sites de busca, etc.).
Utilizar código semanticamente correto é uma forma de organizar e estruturar a informação na Web.
Você deve utilizar HTML padrão e evitar fazer com que os elementos HTML se pareçam com outros
elementos HTML. Ou seja:
Para cabeçalhos e títulos, utilize elementos de header começando com o <h1> para o título de maior
importância.
Conceito concebido pelo físico inglês Tom Berners-Lee, o criador do World Wide Web, cuja proposta,
ainda em desenvolvimento, por um grupo de pesquisadores do W3C, por ele liderado, é estruturar
todo o conteúdo disponível na Internet. Essa estruturação será baseada num conjunto de regras, que
permitirá a localização eficiente e precisa da informação desejada.
Por mais sofisticados que sejam os mecanismos de buscas, atualmente existentes, todos, sem
exceção, oferecem para cada solicitação um grande número de páginas, que, em sua maioria, não
atendem às necessidades do usuário. Esse é, então, obrigado a verificar uma a uma, até encontrar
exatamente o que procura.
A Web semântica se propõe objetivar essa busca, de modo que o conteúdo exato seja encontrado
em uma única consulta. Esse conceito baseia-se na inserção, em cada arquivo da Web, de tags
personalizadas, definidas pela linguagem XML e, com isso, indexar toda a informação disponível de
forma precisa. A localização exata da informação que se busca estará a cargo de agentes. O conceito
de Web semântica prevê ainda o uso de RDF, um padrão de descrição, composto por trios de
informação, em que cada unidade terá função própria, como sujeito, verbo e objeto, em uma frase.
Para cada diferente significado de uma palavra e sua função numa frase será criada uma
identificação (URI). O maior desafio da Web semântica é a padronização desses URIs. Para isso
prevê-se o uso de ontologias, que fornecerão aos agentes o vocabulário necessário para identificar
de modo preciso a informação que se busca.
A tempo: URL significa Uniform Resource Locator, ou Identifier, no caso de URI. Servem para
localizar qualquer recurso na Internet.
Sintaxe do CSS
body {
font-size : 70%;
color : #000000;
295
HTML e WebStandards
background-color : #F1F1F1;
margin : 0;
}
As informações sobre os estilos podem ser armazenadas:
Externo – Em um documento .css separado vinculado ao documento HTML através de uma referência
externa no cabeçalho do documento.
Como mencionado, existem 3 formas de aplicar estilos à uma página HTML, que veremos à seguir:
Neste caso, utilizamos as tags HTML <style> e </style> dentro da seção de cabeçalho (<head>) de
uma página:
<html>
<head>
<title>Utilizando CSS em uma página HTML</title>
<style type=‖text/css‖>
seletor
{
propriedade: valor;
}
</style>
</head>
<body>
</body>
</html>
Para isso utilizamos o parâmetro style, que pode ser utilizado por praticamente qualquer tag HTML
<html>
<head>
<title>Utilizando CSS em uma tag HTML</title>
296
HTML e WebStandards
</head>
<body>
<font style=‖propriedade: valor;‖>Teste de Estilos</font>
</body>
</html>
Neste caso específico dispensamos o seletor, pois estamos aplicando o estilo diretamente em uma
tag.
Esta é a forma mais utilizada pelos profissionais, pois com ela podemos aplicar diversos estilos
diferentes à diversas páginas HTML.
Primeiramente é criado o arquivo de estilos, que deve ser salvo com a extensão .css:
Arquivo 1: estilos.css
seletor
{
propriedade: valor;
propriedade: valor;
}
seletor
{
propriedade: valor;
}
Feito isto, criamos um arquivo HTML que fará referência ao arquivo de estilos que será utilizado
através da tag <LINK>:
Arquivo 2: estilos.html
<html>
<head>
<title>Utilizando css em um arquivo externo</title>
<link rel=‖stylesheet‖ type=‖text/css‖ href=‖estilos.css‖>
</head>
<body>
</body>
</html>
Como vimos anteriormente, um seletor pode ser o nome de uma tag HTML, um grupo de tags, uma
classe ou um ID. Veremos agora exemplos práticos de como utilizar cada caso:
297
HTML e WebStandards
Primeiro devemos definir à qual tag queremos aplicar os estilos. Neste exemplo alteraremos o estilo
das tags <FONT>:
<html>
<head>
<title>Alterando o estilo da tag font</title>
<style type=‖text/css‖>
font
{
propriedade: valor;
}
</style>
</head>
<body>
<font> Esta tag recebe os estilos definidos no cabeçalho.</font>
<br><br>
<font> Esta tag também recebe os estilos que foram definidos.</font>
</body>
</html>
Note que qualquer tag <FONT> contida nesta página automaticamente receberá aplicação dos estilos
definidos.
<style type=‖text/css‖>
font, p
{
propriedade: valor;
}
</style>
</head>
<body>
<font> Esta tag recebe os estilos definidos no cabeçalho.</font>
<br><br>
<font> Esta tag também recebe os estilos que foram definidos.</font>
<p>
Este parágrafo recebe os estilos definidos no cabeçalho.
Qualquer outra tag p utilizada nesta página também os receberá.
</p>
</body>
</html>
298
HTML e WebStandards
Para definirmos uma classe de estilos, devemos iniciar o seletor por um ponto (.) e a(s) tag(s) que
forem receber estes estilos devem fazer referência à esta classe através do parâmetro CLASS.
Veja no exemplo à seguir a aplicação de uma classe de estilos à apenas uma tag <FONT>:
<html>
<head>
<title>Alterando o estilo da tag font</title>
<style type=‖text/css‖>
.estilo1
{
propriedade: valor;
}
</style>
</head>
<body>
<font class=‖estilo1‖> Esta tag recebe os estilos definidos na classe estilo01. Note que o valor do
parâmetro class não possui o ponto.</font>
<br><br>
<font> Esta tag não recebe os estilos que foram definidos, pois não possui o parâmetro class.</font>
</body>
</html>
Definindo um ID de estilos
Um ID de estilos é idêntico à uma classe, pois também possui a função de agrupar diversos estilos
em uma única estrutura nomeada. Existem apenas 2 diferenças entre um ID e uma classe:
- IDs são iniciados pelo caractere sustenido (#).
- IDs são referenciados pelo parâmetro ID
Veja no exemplo à seguir a aplicação de um ID de estilos à apenas uma tag:
<html>
<head>
<title>Alterando o estilo da tag font</title>
<style type=‖text/css‖>
#estilo1
{
propriedade: valor;
}
</style>
</head>
<body>
<font id=‖estilo1‖> Esta tag recebe os estilos definidos no id estilo01. note que o valor do parâmetro id
não possui o sustenido.</font>
<br><br>
<font> Esta tag não recebe os estilos que foram definidos, pois não possui o parâmetro id.</font>
</body>
</html>
299
HTML e WebStandards
A tabela abaixo apresenta os principais atributos com suas descrições, valores e como usamos no
código:
centimeters (cm)
pixels (px)
300
HTML e WebStandards
medium
demi-bold
bold
extra-bold
centimeters (cm)
pixels (px)
percentage(%)
pixels (px)
pixels (px)
pixels (px)
right
301
HTML e WebStandards
italic
line-trough
pixels (px)
Exercícios
Um estilo que se aplique à toda a página, um estilo que se aplique à apenas uma tag contida nesta
página e um estilo que se aplique à todas as tags <FONT>
Transfira estes estilos para um arquivo externo e referencie-o nesta página HTML.
Na unidade anterior os recursos básicos do CSS foram apresentados. O objetivo desta unidade é
exercitar o uso do CSS na criação de layouts redefinindo os vários elementos vistas nas primeiras
unidades deste curso.
Com isto, objetiva-se dar ao aluno a percepção da enorme pontencialidade do CSS e prepará-lo para
utilizar este recurso em seus próprios projetos, facilitando e acelerando a construção e edição dos
layouts que ele desenvolve.
A referência completa do CSS é muito grande, e na prática praticamente nenhum Web Designer
decora todos os comandos CSS, geralmente consultando uma documentação na web sempre que
busca utilizar um parâmetro com o qual não esteja familiarizado. Por exemplo, pode ser utilizada a
documentação oficial em http://www.w3.org/TR/REC-CSS1 e http://www.w3.org/TR/REC-CSS2/.
O formato básico do layout de tabelas dificilmente é adequado para o layout do site que você está
desenvolvendo. Para programadores, muitas vezes o layout pré-definido é muito grotesco e ocupa
302
HTML e WebStandards
muito espaço, não permitindo a exibição de todas as informações que são lidas de um banco de
dados de forma eficiente. Para designers, as cores e fontes usadas podem não corresponder ao
restante do site.
Embora seja possível controlar estas características sem o CSS, como foi visto nas primeiras
unidades, os exemplos abaixo mostrarão como o CSS pode nos auxiliar.
CSS1.html
<head>
<style type="text/css">
<!--
table
{
border-collapse: collapse;
}
td.titulo
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
background-color: #C3C3C3;
padding: 2px 2px 2px 2px;
}
td
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
background-color: #FFFFFF;
padding: 2px 2px 2px 2px;
}
-->
</style>
</head>
<body>
<table>
<tr><td class=titulo>nome</td><td class=titulo>Cargo</td></tr>
<tr><td>alberto</td><td>Estagiário</td></tr>
<tr><td>pedro</td><td>Assessor de vendas</td></tr>
<tr><td>rafael</td><td>Gerente de vendas</td></tr>
<tr><td>sandro</td><td>Diretor comercial</td></tr>
</table>
</body>
303
HTML e WebStandards
</html>
Observe que a construção da tabela em si está bastante simples, facilitando sua criação dinâmica
por um programa que, por exemplo, consulte um banco de dados. Observe, adicionalmente, que o
layout está definido na parte em CSS – que inclusive pode estar em um arquivo separado. Com isto,
designers e programadores podem trabalhar em partes independentes do código, de forma
simultânea, um definindo detalhes do layout em CSS enquanto o outro constrói o programa que
monta dinamicamente os dados da tabela.
Obs: o parâmetro border-collapse permite definir que as bordas das células internas serão ‗grudadas‘
umas nas outras. É um comando muito interessante de ser utilizado na definição de layouts de
tabelas.
Observe o novo exemplo de estilo CSS e seu resultado no exemplo. Estamos, alterando apenas o
CSS, em negrito, criando a tabela em tons verdes e com um leve efeito 3D.
Css2.html
<head>
<style type="text/css">
<!--
table
{
border-collapse: collapse;
}
td.titulo
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #AADDAA;
border-left: 1px solid #AADDAA;
background-color: #99CC99;
padding: 2px 2px 2px 2px;
}
td
304
HTML e WebStandards
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #AADDAA;
background-color: #CCFFCC;
padding: 2px 2px 2px 2px;
}
-->
</style>
</head>
<body>
<table>
<tr><td class=titulo>nome</td><td class=titulo>Cargo</td></tr>
<tr><td>alberto</td><td>Estagiário</td></tr>
<tr><td>pedro</td><td>Assessor de vendas</td></tr>
<tr><td>rafael</td><td>Gerente de vendas</td></tr>
<tr><td>sandro</td><td>Diretor comercial</td></tr>
</table>
</body>
</html>
No exemplo a seguir, além das tabelas, também os elementos de um formulário são redefinidos para
seguir um layout em tons verdes.
Css3.html
<head>
<style type="text/css">
<!--
table
{
border-collapse: collapse;
}
305
HTML e WebStandards
td.titulo
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #AADDAA;
border-left: 1px solid #AADDAA;
background-color: #99CC99;
padding: 2px 2px 2px 2px;
}
td
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #AADDAA;
background-color: #CCFFCC;
padding: 2px 2px 2px 2px;
}
input
{
font:8pt arial, helvetica, sans-serif;
background-color: #AADDAA;
color: #000000;
}
select
{
font:8pt arial, helvetica, sans-serif;
background-color: #AADDAA;
color: #000000;
}
-->
</style>
</head>
<body>
<form method=post action=consulta_funcionarios>
<table>
<tr><td colspan=2 class=titulo>Consulta por nome e cargo</td></tr>
<tr><td>Nome</td><td><input name=nome></td></tr>
<tr><td>Cargo</td><td><select name=cargo><option>Assessor de Vendas<option>Diretor
Comercial<option>Estagiário<option>Gerente de Vendas</select></td></tr>
<tr><td colspan=2><input type=submit value=pesquisar></td></tr>
</table>
<br><br>
<table>
<tr><td class=titulo>nome</td><td class=titulo>Cargo</td></tr>
<tr><td>Alberto</td><td>Estagiário</td></tr>
<tr><td>Pedro</td><td>Assessor de Vendas</td></tr>
<tr><td>Rafael</td><td>Gerente de Vendas</td></tr>
<tr><td>Sandro</td><td>Diretor Comercial</td></tr>
</table>
</body>
</html>
306
HTML e WebStandards
Altere o código acima, criando um layout diferente, utilizando outros tons no lugar do verde. Sinta-se
livre para também alterar fontes e criar efeitos diferente.
Crie uma página com textos, em que outros elementos vistos anteriormente são também redefinidos,
como parágrafos e listas ordenadas. Não coloque nenhuma informação de layout fora do CSS e
compare a página com e sem CSS.
O HTML é uma linguagem estrutural, ou seja, é - ou deveria ser - usada para estruturar textos
através de tags. A tag table deveria ser usada tão somente com a finalidade de apresentar dados
dentro de uma tabela com linhas e colunas (tabular data).
Mas desde que as tabelas foram implementadas no HTML elas têm sido amplamente usadas para
montagem de layouts e muito comumente para definir um layout de uma página web em colunas. Ao
fato de que este uso das tabelas contraria sua finalidade (seu propósito semântico) somam-se ainda
várias outras desvantagens, entre elas destaca-se a dificuldade de um parsing adequado na
renderização das tabelas em determinados contextos (usuários com necessidades especiais, agentes
de usuários ou browsers com restrições).
Podemos enumerar diversos problemas quando utilizamos tabelas para definir o layout de uma
página:
307
HTML e WebStandards
Isto torna o tamanho desnecessariamente grande, pois os usuários terão que fazer o download
desta informação de apresentação (50 a 80% do tamanho do arquivo), a cada página
visitada.
Necessidade de banda do servidor é muito maior, principalmente em sites com tráfego intenso.
Isto influencia negativamente o curso de hosting.
Alterações no layout ou na estrutura são extremamente complexas (trabalho manual) e
demoradas, influenciando o custo de manutenção do projeto.
Torna-se complicado manter uma padronização visual ao longo de um projeto mais extenso.
Páginas baseadas em tabelas são muito menos acessíveis a usuários com necessidades
especiais e equipamentos móbile como celulares e PDAs.
A solução proposta pela W3C e pelo conceito de adoção dos Web Standards é a substituição das
tabelas de layout (tabelas aninhadas e imagens Gifs para espaçamento) por containers definidos
dentro do conceito ou modelo de caixa do CSS, o CSS Box Model.
O entendimento do Box Model é o primeiro fundamento para desenvolvimento de layouts via CSS .
Box Model é o nome que se dá ao conjunto de propriedades CSS que criam uma área retangular em
torno de um elemento do HTML. Ele é composto pelo uso das propriedades margin, border, padding
(espaçamento interno) e width (largura). O height (altura) também participa do Box Model, embora
seja recomendado que o conteúdo é que defina a altura de um elemento.
O Box Model ou Modelo de Caixas, foi definido pelo W3C nas recomendações para o CSS1
publicadas em 1996. O trecho e a figura a seguir foram extraídos da tradução para o português da
citada recomendação e definem o Box Model.
"O CSS1 adota como modelo de formatação uma seqüência simples de caixas, na qual cada
elemento formatado ocupa uma ou mais destas caixas. Todas as caixas possuem um conteúdo
central com áreas opcionais adjacentes formando as margens, bordas e espaçadores (padding)."
Quando definimos uma cor ou imagem para background (fundo), ele será visualizado somente na
área que compreende o conteúdo e o padding definido. A área da margem não é afetada, sendo que
o fundo sempre será transparente.
308
HTML e WebStandards
Não é objetivo deste curso aprofundar o aspecto do design de sites, mas é importante uma
compreensão dos recursos a disposição de Web Designer e do Programador para estruturar um site.
Observe o exemplo abaixo, de maior complexidade que os já apresentados, que visa mostrar um
layout completo, ainda que simples, utilizando a técnica de Design sem Tabelas:
Tableless1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS - Tableless</title>
<style type="text/css">
<!--
body {
margin:0 0 5px 0;
padding:0;
font:12px Verdana, Arial, Serif;
}
#topo{
width:auto;
height:50px;
padding:3px 0 0 0;
background-color:#CCCCFF;
border-top:1px solid #666666;
border-bottom:2px solid #666666;
text-align:center;
}
#conteudoEsq {
position:absolute;
width:190px;
top:80px;
left:5px;
padding-bottom:20px;
}
#colEsq {
background:#9966FF;
border-bottom:1px solid #666666;
}
#sepEsqcolCentral {
margin-left:200px;
padding-left:2px;
background:#666666;
}
#colCentral {
background:#EEE6FF;
padding:2px 10px 20px;
text-align:justify;
}
-->
</style>
</head>
<body>
<div id="topo">
<h3>Empresa de Exportação</h3>
</div>
<div id="conteudoEsq">
<h3>Menu</h3>
309
HTML e WebStandards
<ul>
<li>home</li>
<li>produtos</li>
<li>empresa</li>
<li>contato</li>
</ul>
</div>
<div id="colEsq">
<div id="sepEsqcolCentral">
<div id="colCentral">
<h3>Nossa Empresa</h3>
<p>Nossa empresa oferece todo o tipo de serviços de exportação. Exportamos pregos,
parafusos,
computadores, caminhões, e tudo mais que você pode ter interesse em enviar para fora do país.
Cobramos barato, garantimos a
XHTML
310
HTML e WebStandards
desenvolvedor tenha em mente que as páginas criadas por ele devem ser compatíveis com esses
diferentes tipos de tecnologia. É aí que entra o XHTML, uma variação do HTML, mas que é estrito e
claro como o XML.
O navegador de um telefone celular, por exemplo, não tem recursos para interpretar uma página com
HTML mal formatado, ou seja, que tem tags sem finalização ou com aspas faltando. A vantagem do
código XHTML é que ele não permite nenhum erro, caso contrário o documento não será válido.
Novas especificações HTML não serão mais definidas. HTML 4.01 é o último padrão HTML, e agora
substituído pelo XHTML 1.0. Desenvolver em XHTML não é substancialmente diferente de
desenvolver em HTML, mas oferece diversos benefícios, principalmente para aplicações mais
complexas. O XHTML 1.0 é uma definição de HTML em conformidade com as regras do XML. Isso
quer dizer que utilizando XHTM você tem a vantagem de poder utilizar plenamente o HTML, e o
poder de manipular informações com XML.
Obs: Dentro do site do W3C (World Wide Web Consortium, em www.w3c.org) existe uma ferramenta
para validação de documentos eletrônicos da internet. Ela pode ser usada tanto para XHTML como
para XML ou HTML. O utilitário analisa o documento e, caso exista algum erro, informa qual o
problema e em qual linha ele se localiza, facilitando assim a vida dos desenvolvedores. O endereço
da ferramenta é validator.w3.org.
Exemplo:
<body>
<p>Minha primeira página </p>
</body>
</html>
Inicialmente você precisa saber que os trechos em destaque servem para informar ao navegador que
a página se trata de XHTML e que o idioma usado é o português. Esses trechos de código precisam
estar em todas as páginas XHTML.
Os documentos XHTML devem ser salvos com as extensões .htm ou .html da mesma maneira que
os documentos HTML normais.
Regras de Sintaxe
Antes de começar a criar suas páginas em XHTML é importante que você entenda os principais
conceitos desse padrão. A estrutura básica é bastante semelhante à do HTML, mas existem algumas
regras que precisam ser seguidas sempre.
Caixa Baixa
Uma delas é o tipo de caixa (letras maiúsculas ou minúsculas) usado nas tags. O HTML permite o
uso de caixa alta, enquanto que em XHTML apenas podem ser utilizadas letras minúsculas:
311
HTML e WebStandards
Certo:
<title>
Errado:
<Title>
<TITLE>
Aninhamento
Uma outra regra rígida do XHTML é a que diz respeito ao aninhamento, ou seja, como os elementos
se organizam dentro de outros elementos. Como no XML, um elemento precisa estar completamente
dentro do outro para que o aninhamento esteja correto e o documento seja válido.
Errado:
<em>Processor Alfamídia<b>Treinamento</em>Ltda</b>
Assim, como nesse exemplo, o código será inválido. Para ser válido em XHTML o código anterior
deverá ser escrito da seguinte maneira:
Correto:
<em> Processor Alfamídia <b> Treinamento </b> Ltda</em>
Correto:
312
HTML e WebStandards
<dl compact="compact">
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />
Atributo NAME
O HTML 4.01 define um atributo NAME para elementos como a, applet, frame, iframe, img, e map.
No XHTML, o atributo NAME foi descontinuado, sendo substituído pelo atributo ID. Para manter a
compatibilidade com browsers mais antigos, aconselha-se utilizar os dois atributos.
Incorreto:
<img src="figura.gif" name="figura1" />
Correto:
<img src="figura.gif" id="figura1" />
<img src="figura.gif" id="figura1" name="figura1" />
Elementos Obrigatórios
Existem quatro elementos que os documentos XHTML precisam obrigatoriamente conter. O código
HTML, que é mais flexível, permite que alguns desses elementos sejam omitidos, mas no XHTML
eles devem estar sempre presentes. São eles:
<html>
<head>
<title>
<body>
Cada um desses elementos possui a sua tag específica para fechamento e devem ser declaradas em
uma ordem conforme visto no primeiro exemplo desse capítulo.
Declaração DOCTYPE
A tag DOCTYPE é usada para declarar o DTD (Document Type Definition) de um documento
XHTML. Um DTD é uma coleção de declarações que define a estrutura, elementos e atributos que
podem ser usados em um determinado tipo de documento. Assim, um documento XHTML, para
funcionar, precisa ser válido segundo as regras de um dos DTDs disponíveis para o padrão:
Strict
Use essa declaração para criar uma página baseada apenas em HTML (sem CSS). Esse tipo de
DTD garante que seu documento XHTML poderá ser visto pelo maior número possível de
dispositivos.
Transitional
313
HTML e WebStandards
Essa é a declaração que deve ser usada quando você pretende utilizar folhas de estilo (CSS) em sua
página de Internet, as Cascading Style Sheets, para melhorar a aparência dos documentos de seu
site. Em geral, você deve apenas usar esse tipo de DTD quanto tem certeza de que os usuários terão
acesso a navegadores que reconhecem CSS.
Layers - DIV
O comando DIV é utilizado para criar um contêiner, que isola o seu conteúdo do restante dos
elementos da página. Fazendo uma analogia que pode facilitar este conceito: utilizar o comando DIV
é como fazer uma caixa de texto no MS Word®.
Este é um comando importante principalmente quando se está utilizando o Internet Explorer. Essa é
a forma básica usada para criar camadas dentro do Internet Explorer, através do posicionamento de
atributos que serão tratados mais adiante. Embora este comando seja reconhecido pelo Netscape
Navigator, ele depende do elemento layer para a criação de camadas.
Dentro da tag que abre o DIV pode-se adicionar o atributo class e alterar o estilo aplicado àquela
região do documento. Um comando DIV sempre tem uma quebra de linha incorporado, à semelhança
do comando P.
Exemplo:
<html>
<head>
<title> Uso do Comando DIV com o atributo Class </title>
<style type = ―text/css‖>
h1 {color: red}
#variacao {background: yellow}
.altcolor{background: yellow; color: green;
font-weight: bold}
</style>
</head>
<body>
<h1> Cabeçalho com Estilo Normal </h1>
texto<br>
texto<br>
<h1 id = ‖variacao‖>
Cabeçalho com Estilo e uso do ID variacao
</h1>
</body>
</html>
Layers - SPAN
Embora o elemento DIV seja uma boa opção para formatar áreas da tela, quase sempre queremos
aplicar um estilo somente a uma palavra ou a um grupo pequeno de palavras dentro de um parágrafo.
314
HTML e WebStandards
Como o elemento DIV insere uma quebra de linha, ele não é adequado para essa tarefa. Neste caso,
utiliza-se o comando SPAN.
Sintaxe: <span [class = ―class_name‖]> Texto </span>
Exemplo:
<html>
<head>
<title> Uso do Comando SPAN com o atributo Class </title>
<style type = ―text/css‖>
h1 {color: red}
#variacao {background: yellow}
.altcolor{background: yellow; color: green;
font-weight: bold}
.lightblue {background: lightblue; color: white; font-weight: bold}
.blue {background: blue; font-weight: bold}
</style>
</head>
<body>
<h1> Cabeçalho com Estilo Normal </h1>
texto<br>
texto<br>
<h1 id = ‖variacao‖> Cabeçalho com Estilo e uso do ID variacao </h1>
<div class = altcolor> Parágrafo utilizando DIV e a classe altcolor. O elemento DIV sempre insere uma
quebra de linha no texto. </div>
Pode-se inserir quantos comandos SPAN DIV forem necessários para criar <span class = altcolor>
efeitos visuais </span> diferentes.
Podemos utilizar o commando SPAN para salientar uma <span class = lightblue> palavra.</span>
Também é útil para destacar <span class = blue> mais de uma palavra. </span>
</body>
</html>
Exercício
Objetivos
Após completar esse laboratório, você será capaz de desenvolver documentos Html, com todos os
seus objetos e marcações.
Etapas
1) Crie um website de uma empresa fictícia que contenha as seguintes páginas:
- inicio.htm
- empresa.htm
- produtos.htm
- contato.htm
2) Faça utilizando somente as estruturas de HTML.
3) Refaça o website descrito no exercício anterior utilizando CSS (externo).
4) Crie uma página pessoal utilizando os conceitos de XHTML e CSS.
315
HTML e WebStandards
- Principais tags
Neste anexo apresentamos todas as tabelas de tags HTML apresentadas nas unidades anteriores,
para facilitar a consulta:
316
HTML e WebStandards
Atributos:
Atributos:
Atributos
317
HTML e WebStandards
Atributos
Atributos
Atributos
Atributos
318
HTML e WebStandards
Atributos
Atributos
Atributos
319
HTML e WebStandards
Atributos
Atributos
Atributos
320
HTML e WebStandards
321
HTML e WebStandards
322