Laboratório - Frames Test
Transcrição
Laboratório - Frames Test
Introdução à Informática UNIDADE 1 - INTRODUÇÃO À INFORMÁTICA ................................................................................................................ 3 HISTÓRICO............................................................................................................................................................................... 3 SISTEMA DE COMPUTAÇÃO: HARDWARE E SOFTWARE...................................................................................................................... 5 VANTAGENS ........................................................................................................................................................................... 17 COMUNICAÇÃO DE DADOS ........................................................................................................................................................ 22 SISTEMAS DISTRIBUÍDOS........................................................................................................................................................... 24 REDES ................................................................................................................................................................................... 25 INTERNET .............................................................................................................................................................................. 26 LINHA DISCADA .............................................................................................................................................................. 29 USO ..................................................................................................................................................................................... 30 ANTIVÍRUS .......................................................................................................................................................................... 30 INTRANET ....................................................................................................................................................................... 31 EXTRANET.............................................................................................................................................................................. 32 REDE SEM FIO......................................................................................................................................................................... 33 CONCEITOS DE SEGURANÇA ...................................................................................................................................................... 33 ESTRUTURA DE DIRETÓRIOS ...................................................................................................................................................... 35 UNIDADE 2 - EDITOR DE TEXTO ................................................................................................................................... 38 MICROSOFT WORD ................................................................................................................................................................. 38 INTERFACE ............................................................................................................................................................................. 38 NOVO/ABRIR/SALVAR ............................................................................................................................................................. 38 SELECIONAR/LOCALIZAR ........................................................................................................................................................... 43 COPIAR/RECORTAR/COLAR....................................................................................................................................................... 45 DESFAZER/REFAZER/REPETIR .................................................................................................................................................... 46 EXIBIR/ZOOM ........................................................................................................................................................................ 47 FORMATARAÇÃO/ESTILOS ........................................................................................................................................................ 48 HIPERLINK ............................................................................................................................................................................. 54 ÍNDICE .................................................................................................................................................................................. 56 CONFIGURAÇÃO DE PÁGINA ...................................................................................................................................................... 57 CABEÇALHO/RODAPÉ .............................................................................................................................................................. 60 FIGURAS ................................................................................................................................................................................ 61 TABELAS ................................................................................................................................................................................ 64 REVISÃO/COMENTÁRIOS .......................................................................................................................................................... 65 UNIDADE 3 - PLANILHA ELETRÔNICA .......................................................................................................................... 68 MICROSOFT EXCEL .................................................................................................................................................................. 68 INTERFACE ............................................................................................................................................................................. 68 NOVA/ABRIR/SALVAR ............................................................................................................................................................. 76 FORMATOS DE ARQUIVOS ......................................................................................................................................................... 79 ABRINDO ARQUIVOS ................................................................................................................................................................ 80 DE QUE FORMA É COMPOSTO O EXCEL ........................................................................................................................................ 82 TRABALHANDO COM PLANILHAS ................................................................................................................................................. 82 TRABALHANDO COM LINHAS E COLUNAS ..................................................................................................................................... 85 TRABALHANDO COM CÉLULA ..................................................................................................................................................... 87 INSERÇÃO E FORMATAÇÃO DOS DADOS ........................................................................................................................................ 88 FORMATAÇÃO DAS CÉLULAS ...................................................................................................................................................... 89 DESFAZER/REFAZER/REPETIR .................................................................................................................................................... 97 LABORATÓRIO ........................................................................................................................................................................ 98 CONFIGURAÇÃO E IMPRESSÃO ................................................................................................................................................... 99 COPIAR OU MOVER CÉLULAS .................................................................................................................................................... 109 LABORATÓRIO ...................................................................................................................................................................... 114 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 Informática - a junção de INFORmação com autoMÁTICA é nada mais do que o tratamento lógico e automatizado das informações. Representa a interação do homem com a máquina. A palavra computador deriva do temo "computare", ou seja, calcular. São máquinas compostas internamente por circuitos elétricos e eletrônicos sobre os quais fluem impulsos elétricos. Desta forma todas as informações e programas estarão representados internamente através de impulsos elétricos ou eletromagnéticos. Em termos simples, o computador pode ser comparado a uma chave liga-desliga (um interruptor), pois consegue interpretar somente duas situações possíveis, que é a presença ou ausência de impulso elétrico. Em um circuito eletrônico digital, indica-se a presença de impulso elétrico pelo dígito 1, e ausência pelo dígito 0. Pode-se então dizer que o computador representa todas as informações e programas através de zeros e uns (0 e 1). Tais dígitos são chamados de bits (binary digits – dígitos binários). Este sistema de representação é denominado Sistema Numérico Binário. Um conjunto de 8 bits é denominado byte, representando a unidade básica para tratamento e armazenamento de informações hoje em dia. Para facultar a entrada e saída de dados usando caracteres (letras e números) compreensíveis aos seres humanos e ao mesmo tempo permitir que o dispositivo eletrônico utilize internamente seu sistema binário, criaram-se tabelas de conversão. Estas tabelas convertem o caractere inserido no computador em um código numérico padronizado que o irá representar. As tabelas de conversão mais utilizadas são: ASCII (American Standard Code for Information Interchange) e EBCDIC (Extended Binary Coded Decimal Interchange Code). Nos microcomputadores de hoje emprega-se a tabela de conversão ASCII, que tem símbolos numerados de 0 a 255 (00000000 a 11111111). Por exemplo, a letra 'A' (maiúscula) é representada pelo código ASCII binário 1000001 e decimal 65. Histórico 2000 a.C. – Abaco "Armazena" números reunindo contas, utilizado até hoje na educação oriental. A técnica de fazer contas com o ábaco confere tamanha agilidade a quem a domina, que, provavelmente, ele faz contas mais rápido do que os simples mortais com uma calculadora eletrônica, considerando obviamente o tempo levado para digitar os números que se deseja calcular. 1610/1617 – John Napier – escocês Inventou os chamados Ossos de Napier, que são tabelas móveis de multiplicação feitas em marfim, percursoras da régua de cálculo (criada em 1621 pelo matemático inglês William Oughtred). 1642/1647 – Blaise Pascal -filósofo, físico e matemático francês. Inventou a calculadora mecânica que chamou de Pascalina. Era capaz de somar e subtrair por meio de engrenagens mecânicas semelhantes ao contador de quilômetros de um carro. 1670/1673 – Gottfried von Leibniz-matemático alemão. Introdução à Informática 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 Sistema de Computação: Hardware e Software 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. C.P.U. - Unidade Central de Processamento e a memória estão localizadas em microplaquetas dentro da unidade do sistema. A UCP é o cérebro do computador controlando todo o funcionamento do equipamento, desde a leitura e a gravação dos dados até as operações realizadas. É o local em que o computador interpreta e processa as informações. É dividida em Unidade de Controle (UC) e Unidade Lógica e Aritmética (ULA). 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 Microprocessador - esse componente responde pela capacidade da máquina e determina seu tipo. A rapidez com que o equipamento processa as informações é medida em Gigahertz (múltiplo de ciclos por segundo). Possui os seguintes componentes: Unidade Lógica e Aritmética Unidade de Controle Registradores - são pequenas memórias velozes que armazenam comandos ou valores que são utilizados no controle e processamento de cada instrução. Os registradores mais importantes são: Contador de Programa (PC) – Sinaliza para a próxima instrução a ser executada; Registrador de Instrução (IR) – Registra a execução da instrução. Unidade de Gerenciamento de Memória – Memory Management Unit (MMU) é o dispositivo que transforma endereços virtuais em endereços físicos e administra a memória principal do computador. Unidade de Ponto Flutuante - nos processadores atuais são implementadas unidades de cálculo de números reais. Tais unidades são mais complexas que ULAs e trabalham com operandos maiores, com tamanhos típicos variando entre 64 e 128 bits. Categorias de Microprocessadores 8086 Lançado pela Intel em 1978, o 8086 tinha um desempenho dez vezes melhor que seu antecessor o 8080. Seus registradores tinham a largura de 16 bits, o barramento de dados passou de 8 para 16 bits e o barramento de endereços se tornou maior com 20 bits de largura, permitindo assim que fosse controlado mais de 1 milhão de bytes de memória. A memória passou a ser tratada de maneira diferente, pois esse processador tratava a mesma como se fosse dividida em até 16 segmentos contendo 64 kilobytes cada, e não permitia que nenhuma estrutura de dados ultrapassasse a barreira entre os segmentos. 8088 Os 8088 surgiram da necessidade em se criar um processador com características parecidas com as dos 8086, mas que tivesse um custo menor. Dessa forma, a Intel colocou no mercado um chip que só se diferenciava dos 8086 pelo fato de Ter um barramento de dados de 8 bits. Em virtude de sua concepção menos avançada e do baixo custo de produção o 8088 foi escolhido pela IBM, para o projeto de seu computador pessoal, pois, além de possuir o projeto interno de 16 bits também pertencia à mesma linhagem dos 8080. 80286 Comparado com seu antecessor imediato (o 8086), o 80286 apresentava diversas características particularmente adequadas aos computadores pessoais. Seu bus de dados possui 16 bits reais, o mesmo acontecendo com os registradores internos. E ainda foi projetado para trabalhar com maior velocidade, 6 Introdução à Informática inicialmente 6 MHz, logo ampliados par 8 e, em seguida para 10. Com o tempo, versões deste microprocessador com velocidades de 12,5, 16 e até 20 MHz foram introduzidas pela Intel. Um dos aspectos mais importantes acabou sendo a maior capacidade de memória dos 80286. Ao invés de 20 linhas de endereçamento, o 80286 possuíam 24. As quatro linhas adicionais aumentam a quantidade máxima de memória que o chip é capaz de endereçar em 15 megabytes, elevando o total para 16 megabytes. 80386 A grande evolução nos micros PC se deu na introdução do processador 80386, com ele os fabricantes de processadores, como a Intel teve base para seus projetos futuros. Três características, inovações técnicas, formaram a base para o projeto do processador 386. A primeira delas é que há tantas instruções para ir do modo protegido quanto para voltar ao modo real; a segunda delas é a criação do modo virtual 8086, programas escritos no modo real pudessem ser utilizados diretamente dentro do modo protegido; e por sua vez a terceira característica que se baseia na manipulação de dados a 32 bits o dobro da plataforma anterior. Além disso, estando no modo protegido, o 80386 consegue acessar até 4 GB de memória (RAM) muito mais que qualquer micro necessita. Isto ocorreu em meados dos anos 80, mas somente por volta de 1990 tornaramse comuns nos PCs que utilizavam este microprocessador. 80486 O processador 80486 foi o sucessor para aplicações mais ―pesadas‖, sendo possível encontra-lo nos PCs no ano de 1991. Com uma versão inicial que operava com um clock de 25 MHz. Dessa maneira, a Intel criou o 486 que na realidade supera muito o desempenho de um 80386DX-25 em duas vezes, apesar de ter apenas seis instruções a mais, mas para que esse desempenho fosse justificado, o processador foi incorporado com circuitos em seu interior como: PENTIUM Também chamada de Pentium Classic, o Pentium é o primeiro microprocessador considerado de 5ª geração. Fabricado pela Intel, foi lançado em 1993, nas versões de 60 e 66 MHz. Os microprocessadores Pentium contêm mais de três milhões de transistores e já incluem co-processador matemático e memória cache. Operava com 5 volts, e apresentava muito aquecimento, mas com melhorias no projeto, a Intel permitiu a operação com 3,5 volts, resultando num aquecimento bem menor. Novas versões foram lançadas como a de 75, 90, 100, 120, 133, 155, 166 e 200 MHz. O Pentium é um microprocessador de 32 bits, 7 Introdução à Informática mas com várias características de 64 bits. Por exemplo: o seu barramento de dados, que dá acesso a memória é feito a 64 bits por vez, o que significa uma maior velocidade, ele transporta simultaneamente dois dados de 32 bits. Ao inverso dos 486 que era de 32 bits por vez. A freqüência de operação da placa mãe é a seguinte: O Pentium Pro foi criado para ser o sucessor do Pentium, sendo considerado como sexta geração. Inicialmente foi lançado nas versões 150, 180 e 200 MHz. Opera com 32 bits e utiliza memória de 64 bits, da mesma forma como ocorre com o Pentium. Seu projeto foi otimizado para realizar processamento de 32 bits, sendo neste tipo de aplicação mais rápido que o Pentium comum, só que ao realizar processamento de 16 bits perde para o Pentium comum. Pentium MMX (P55c) Versões: 166 MMX, 200 MMX, 233 MMX MHz; Visando aumentar o desempenho de programas que fazem processamento de gráficos, imagens e sons, a Intel adicionou ao microprocessador Pentium, 57 novas instruções específicas para a execução rápida deste tipo de processamento, elas são chamadas de instruções MMX (MMX= Multimedia Extensions). Uma única instrução MMX realiza o processamento equivalente ao de várias instruções comuns. Essas instruções realizam cálculos que aparecem nos processamentos de sons e imagens. As instruções MMX não aumenta a velocidade de execução dos programas, mas possibilita que os fabricante de software criem novos programas, aproveitando este recurso para que o processamento de áudio e vídeo fique mais rápido. Segundo testes( INFO/Fev/97), o ganho de velocidade nessas operações pode chegar a 400%. O Pentium MMX possui uma memória cache interna de 32 KB e trabalha com níveis duplos de voltagem: externamente a 3,3 volts enquanto o núcleo do processador opera a 2,8 volts. A conexão é feita através do Soquete 7, ou seja, possui o mesmo conjunto de sinais digitais que o Pentium comum. A freqüência de operação na placa mãe é de 66 MHz. 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 Pentium MMX, sendo que a memória secundária(L2) não está mais dentro do processador e sim no próprio cartucho, ao lado do processador. O Pentium II permite o multiprocessamento de dois processadores. Sua conexão na placa-mãe é feita através do seu conector próprio, chamado de slot 1. 9 Introdução à Informática CELERON Celeron 233, 266, 300, 330 MHz A Intel lançou em abril/98, uma versão especial do Pentium II, chamada de Celeron. Este processador pode ser instalado nas mesmas placas de CPU projetadas para o Pentium II. Nas suas primeiras versões, operava com clock externo de 233 MHz, e clock interno de 66 MHz, e não possuía memória cache secundária (cache de nível 2). Com isto o processador tinha o preço baixo em relação aos concorrentes. O encapsulamento usado em todos os processadores Celeron e do tipo SEPP (Single Edge Processor Package), um novo mecanismo para dissipação do calor, similar ao SEC (Single Edge Contact) só que vem sem o invólucro (cartucho). Sua conexão é feita através do soquete 7. O microprocessador Celeron de 300 e 330 MHz que são dotados de 128 KB de memória cache secundária (L2). O Celeron pode ser considerado um Pentium II Light. O chipset (conjunto de chips que complementam o processador 440EX) criado para ele é uma versão simplificada dos modelos Pentium II. Sua principal limitação está na capacidade para expansão, micros com esse processador podem ter apenas três conectores PCI e dois conectores para memória. Em compensação, o processador Celeron suporta vídeo AGP, memória do tipo SDRAM e discos UltraATA. 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. AMD AMD X5 - conhecido como AMD 5x86 com velocidade de 133 MHz, foi projetado para competir com o Pentium de 60 e 66 MHz, e possuía um desempenho similar ao de um Pentium 75. AMD K5 - de 133 MHz foi o primeiro microprocessador compatível com o Pentium lançado pela AMD. Apesar de veloz, inteiramente compatível com o Pentium e bem mais barato, demorou muito a chegar ao mercado. A Intel já tinha lançado o Pentium 200 MMX. AMD K6 - Muito mais rápido que o K5, vem com instruções MMX, mais barato e mais rápido que um Pentium MMX do 10 Introdução à Informática mesmo clock.. CYRIX A primeira versão de processadores da Cyrix foi o Cx 5x86, concorrente dos 486, e possuía desempenho equivalente ao de um Pentium 90 MHz. Com a chegada do 6x86-P200+, a Cyrix começou competir com o Pentium. Por exemplo, na época em que o Pentium mais veloz era o 166 MHz, a Cyrix já produzia o seu 6x86 P200+, com desempenho superior ao de um Pentium 200 MHz. O próximo processador da Cyrix foi o 6x86 MX-P200+ que se comporta de forma idêntica a um Pentium, possui compatibilidade total, pino a pino, o que significa que podemos instalá-lo em placas de CPU Pentium. Portanto, possui características semelhantes em relação ao barramento de dados e de endereços, além da memória cache interna e do coprocessador matemático. Placa-mãe - é a principal placa de circuitos do micro. Nela ficam o processador e a memória. As outras placas do sistema - como as que controlam os discos e o monitor de vídeo – são encaixadas na placa-mãe. A figura apresenta uma placa-mãe ASRock. 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). Memória 256 Mb. RAM - Abreviatura de Random Access Memory - memória de acesso aleatório, é a memória principal do computador. As instruções que o computador recebe e as informações que o mesmo processa são mantidas na RAM durante a sessão de trabalho, não sendo um lugar de armazenamento permanente de informações. Está ativada apenas quando o computador é ligado, quando é desligado as informações contidas na memória são perdidas. Para evitar que isto aconteça deve-se salva-las em um dispositivo de armazenamento. ROM - Abreviatura de Read Only Memory - memória apenas para leitura. É um tipo de memória interna cujo conteúdo não se perde quando o equipamento é desligado. Contém programas essenciais para a inicialização do computador quando este é ligado. O conteúdo vem armazenado de fábrica, e não pode ser apagado ou alterado pelo usuário, nem pelo próprio computador. Unidade de Entrada e Saída Periféricos de entrada - Teclado, mouse, trackball, scanner, caneta ótica, leitores de códigos de barras, joystick, microfone, etc. Periféricos de saída - Monitor, impressora, plotter, unidades de saída de áudio (Autofalantes), etc. Periféricos de entrada/saída - Monitores sensíveis ao toque, modem, unidades de discos e fitas, CD-Rom, etc. Monitor - Corresponde a tela a partir da qual o micro apresenta resultados, informa erros e solicita informações ao usuário. Tecnologias mais usadas: 12 Introdução à Informática Tubos de raios catódicos - rastreamento e varredura de feixe de elétrons produzindo imagens na tela do computador. Telas planas - LCD - Liquid Cristal Display – Display de cristal líquido – imagens são produzidas sem a geração de luz, baseando-se na absorção/reflexão dos raios luminosos. A resolução de um monitor é medida pelo "dot pitch" ou distância entre os pequenos pontos que formam a imagem. Quanto menor o dot pitch, maior o número de pontos a imagem terá e melhor será sua resolução. P/ex.: Um modelo de dot pitch de 0.15 mm produz imagens mais nítidas do que um de 0.30 mm. A placa de vídeo determina, segundo a sua memória interna, os modos de resolução aceitáveis bem como a quantidade de cores que o monitor pode exibir. O padrão de resolução gráfica do monitor de vídeo é que determina a qualidade da imagem. O padrão de cores mais utilizado é o RGB (Red, Green and Blue – combinações do vermelho, verde e azul). Padrões de monitores: MDA - Monochrome Display Adapter-80 x 25 (linhas x colunas). CGA- Color Graphics Adapter- 640 x 200. EGA - Enhanced Graphics Adapter- 640 x 350. VGA - Vídeo Graphics Array - 640 x 480, 720 x 400 e 720 x 350. SVGA- Super Vídeo Graphics Array- 800 x 600 pontos. UVGA- Ultra Vídeo Graphics Array- resolução de 1280 x 1024 pontos ou mais. Um monitor de 15" (distância medida diagonalmente) possui uma área de visualização de 25% a mais que um monitor de 14". Tipos de tela para notebooks (micros compactos): Matriz passiva ou dual scan: Padrão para a maioria dos notebooks pelo seu custo benefício, apresentando campo de visão limitado e pouca qualidade, não sendo indicado para usuários que necessitam de recursos gráficos avançados. Matriz ativa: Garante maior conforto para a visão, pois apresenta imagens mais vivas e brilhantes. Tem atualização de tela mais rápida e apresenta um campo de visão de 40 graus na lateral. Seu custo pode chegar até 150% a mais que o modelo dual scan. Teclado: Dispositivo padrão de entrada de dados e informações/instruções. O teclado pode ser dividido em cinco áreas distintas: Teclado alfanumérico - descende da máquina de escrever - Além das letras, números e símbolos como os de acento, percentagem e asterisco, ele inclui as teclas especiais: Enter, Caps Lock, CTRL, Shift, Alt, Tab e Backspace. Teclas de função - F1 a F12. Teclado numérico e de movimentação do cursor - descende da máquina de calcular. É útil para quem trabalha intensivamente com entrada de dados. Teclado específico para a movimentação do cursor - as setas direcionais. Outras teclas - Print Screen, Scroll Lock e Pause ou Break. Mouse - Dispositivo de posicionamento, que controla e desloca a posição do cursor na tela do computador, sendo operado através da movimentação do dispositivo sobre uma superfície plana. Há também o Trackball – dispositivo que permanece fixo no teclado ou em local apropriado, sendo operado pela movimentação com os dedos da esfera central existente. Dispositivos de Armazenamento 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 Unidades de Fita – Lêem e gravam dados na superfície de fitas magnéticas como se fossem gravadores de K7 comuns. Utilizados especialmente para cópias de segurança (backups). Fita DAT - (Digital Audio Tape) - Fita com elevada capacidade de armazenamento. 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. CD-RW-(Rewritable CD - CD Regravável). Utilizado para a leitura e gravação de dados, da mesma maneira que um disco rígido, mas com capacidade mais reduzida (geralmente de 600 a 800MB). Tais discos são criados e alterados pelo próprio usuário. É feito de uma camada magnetizável recoberta por uma superfície de plástico. Quando da gravação, a sua superfície é derretida e a camada magnetizável pode então ser polarizada, ficando preservada quando o disco retorna a sua temperatura normal. Para a regravação a superfície deve ser primeiramente reaquecida e apagada pela aplicação de um campo magnético uniforme. Memória flash - é uma memória de computador do tipo EEPROM (Electrically-Erasable Programmable Read-Only Memory), desenvolvida na década de 1980 pela Toshiba, cujos chips são semelhantes ao da Memória RAM, permitindo que múltiplos endereços sejam apagados ou escritos numa só operação. Em termos leigos, trata-se de um chip re-escrevível que, ao contrário de uma memória RAM convencional, preserva o seu conteúdo sem a necessidade de fonte de alimentação. Esta memória é comumente usada em cartões de memória, flash drives USB (pen drives), MP3 Players, dispositivos como os iPods com suporte a vídeo, PDAs, armazenamento interno de câmeras digitais e celulares. 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 Cartão de memória que utiliza a tecnologia flash As maiores vantagens desse tipo de memória é sua ocupação mínima de espaço, seu baixo consumo de energia, sua alta resistência, sua durabilidade e segurança, contando com recursos como ECC (Error Correcting Code), que permite detectar erros na transmissão de dados. A tecnologia faz uso de semicondutores (solid state), sendo assim, não tem peças, evitando problemas de causa mecânica.[1][2] 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. Com tantas vantagens, a tendência futura é que os fabricantes de computadores tendem a substituir os disco rígidos por unidades flash. O que poderá ser expandida para os desktop nos próximos 5 anos, pois a sua fabricação ainda é de alto custo para as empresas. 17 Introdução à Informática Leitor/gravador de DVD: De tecnologia semelhante ao CD-ROM, é capaz de gravar com uma precisão/resolução muito superior, aumentando a capacidade de armazenamento. Pode também, dependendo da mídia utilizada, gravar em camadas distintas em um mesmo disco, multiplicando sua capacidade. Impressoras Periféricos de saída usado para se obter cópias em papel (registros) da informação desejada. São classificados quanto ao seu mecanismo de impressão. O princípio utilizado para a impressão de textos permanece o mesmo desde os primórdios da evolução das impressoras: Cada letra ou número tem um código próprio que é enviado à impressora. Esta reconhece tais códigos, forma os caracteres necessários em sua memória e os repassa para o papel. As diferenças básicas existentes entre os diferentes tipos de impressora é a maneira como os caracteres são formados e impressos. No caso de desenhos, utiliza-se o modo gráfico, conseguindo melhores efeitos porém com menores velocidades. Tipos de impressoras: Impressoras matriciais - O processo de impressão matricial é uma das maneiras mais antigas de se produzir cópias em papel geradas por computadores. Até a pouco tempo eram as mais utilizadas, devido a seu baixo custo e por usar a tecnologia de impacto no papel, que permite a impressão de múltiplas vias em formulários carbonados. Tem um funcionamento análogo às máquinas de escrever, onde um cabeçote de impressão contém uma matriz variável de pinos (agulhas) que recebe o comando do software do computador. Quanto mais pinos possuir a impressora matricial, melhor será a resolução gráfica impressa (medida em pontos por polegada - dpi - dots per inch), e por conseqüência, a qualidade da impressão. Nas impressoras matriciais de 24 agulhas, a resolução fica em geral na casa dos 360 pontos por polegada. Impressora jato de tinta (ink jet) - Evolução das impressoras matriciais. Usam praticamente o mesmo princípio de formação de matrizes de pontos, só que não existem marteletes batendo no papel. Há um pequeno cartucho que age como uma bomba de tinta, que, comandada pelo software, injeta pingos de tinta simultaneamente, formando os pontos. Além da vantagem qualitativa da impressão, as mesmas são muito silenciosas. Sua resolução costuma variar de 1440 a 5760 pontos por polegada. As mais antigas geravam em média 100 a 200 caracteres por segundo ou 1 a 3 páginas por minuto (ppm). Com a evolução da tecnologia, já é possível encontrar no mercado modelos muito mais rápidos, ultrapassando a casa das 20 ppm para textos em preto e branco. 18 Introdução à Informática Impressora térmica - Seu processo de trabalho requer papéis e rolos de tintas especiais, que elevam bastante o custo de cada página impressa, por isso, a participação dessas impressoras no mercado é bem restrita, limitada apenas a aplicações que demandam alta qualidade gráfica. É uma variante da impressora matricial. Utilizando como suporte de impressão um papel termosensível. No lugar de pinos, as mesmas possuem resistências elétricas que se aquecem ao serem excitadas por uma corrente elétrica gerando a impressão do caractere sobre uma região específica do papel térmico. Impressoras a laser - É considerada atualmente a mais avançada técnica de impressão, tornando-se o padrão de uso, em função da qualidade apresentada, da velocidade proporcionada e da redução do preço (principalmente no caso das impressoras laser preto e branco). Baseados numa tecnologia de impressão sem impacto que lhes confere baixo nível de ruído, esses periféricos podem ser utilizados em qualquer tipo de ambiente. Seu processo de impressão é semelhante aos das fotocopiadoras (xerox). A diferença entre elas é que na impressora a imagem é criada antes da impressão e, na fotocopiadora, a página é escaneada por um feixe de luz branca. Plotter ou traçador de gráficos - Produz gráficos e/ou desenhos sobre papel ou acetato, onde linhas, curvas e caracteres são desenhados por meio de canetas que se deslocam conforme coordenadas fornecidas pelo computador. Tem a sua aplicação mais freqüente na engenharia, responsável pela impressão nos sistemas CAD e CAM. Outras: Impressoras a bolha de tinta (bubble jet) e impressoras a cera. Utilizadas principalmente pela alta qualidade de impressão a cores. 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 - Modelos de mesa – assemelham-se ao funcionamento de uma máquina fotocopiadora comum. Dentro do scanner, uma barra de luz percorre toda a extensão da página a ser digitalizada, enquanto essa luz se reflete sobre um conjunto de células fotoelétricas. A "leitura" das imagens é feita por essas células sensíveis, cuja tarefa se resume a interpretar os pequenos pontos que formam a imagem digital. Com o uso de programas específicos para o retoque de imagens as figuras digitalizadas podem ser editadas e alteradas a vontade. Cabe ao software controlar a captura do documento, além de regular o brilho da luz incidente sobre o papel e o contraste entre o fundo e as letras. - Modelos de mão. - o usuário movimenta o scanner sobre a folha de papel para poder capturar as imagens. Nesse caso, a precisão de leitura depende da habilidade do usuário em percorrer a página em velocidade constante e sem alteração da trajetória. Kit de multimídia – Uma aplicação multimídia pode ser definida como uma aplicação que, além de texto e gráficos, possui algum outro tipo de mídia, podendo ser som, imagens em movimento, ou até mesmo imagens estáticas ou fotos a serem manipuladas de uma forma dinâmica pelo usuário. O kit multimídia é composto, normalmente, de um drive de CD-ROM, uma placa de som, duas caixas de som, um microfone e alguns títulos de software. Câmera Digital - As câmeras digitais são aparelhos que capturam em formato digital imagens de pessoas, cenas e objetos, dispensando o uso de filmes. Tal ausência é compensada por um dispositivo eletrônico com elementos sensíveis à luz, do mesmo tipo dos utilizados em scanners e aparelhos de fax. Esse dispositivo confere às fotos uma boa qualidade de resolução, embora ainda não possa ser comparável à de um filme de uma câmera analógica comum. As possibilidades de emprego dessas máquinas são vastíssimas: vão da criação de páginas para a Internet a aplicações industriais. Com a ajuda desses equipamentos, um catálogo de produtos, por exemplo, pode sair de sua impressora em pouquíssimo tempo. A versatilidade do uso soma-se a facilidade na hora de operar. As câmeras digitais para uso não profissional têm regulagem automática de foco e luz: basta definir o ângulo, disparar e conferir o resultado em seguida. Após o clique, basta transferir o conteúdo para o micro e, caso queira, fazer alguns ajustes com um programa para tratamento de imagem. As fotos são descarregadas no computador através de um cabo de conexão e software específicos, geralmente fornecidos com o equipamento. 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 Multiprocessado – Sistema operacional capaz de utilizar recursos de processamento paralelo em mais de uma UCP. Ex.: Windows NT, Windows 2000, Windows XP e algumas versões do UNIX. Software Básico – Conjunto de programas que permite ao usuário escrever, depurar e modificar programas aplicativos. O software básico inclui o sistema operacional, programas que interpretam ou compilam linguagens de programação e programas utilitários. Software Aplicativo – Programas desenvolvidos para uma determinada aplicação. Por exemplo: Contabilidade, folha de pagamento, controle de estoque. Quando um conjunto destes programas atende a uma aplicação específica é chamado de pacote de aplicação, ou enlatado. Também é usado para se referir a planilhas eletrônicas, processadores de texto, banco de dados, e outros. Bit - abreviatura de binary digit, ou seja, dígito binário - é a unidade básica de informação do sistema binário, no qual todos os números são expressos apenas com os algarismos 0 ou 1. Um bit é, portanto a unidade mínima de informação que indica dois contrários absolutos: sim/não, ligado/desligado, presente/ausente. O byte é a denominação dada a um grupo de 8 bits sendo a quantidade necessária para se armazenar um caractere. O byte tem seus múltiplos: Byte - 8 bits. Kilobyte (KB) - 1.024 bytes. Megabyte (MB) - 1.024 Kbytes (1.048.576 bytes). Gigabyte (GB) - 1.024 Mbytes (1.073.741.824 bytes). Terabyte (TB) - 1.024 GB. Petabyte (PB) - 1.024 TB. Exabyte (EB) - 1.024 PB. Zettabyte (ZB) - 1.024 EB. Yottabyte (YB) - 1.024 ZB. Brontobyte - 1.024 YB. Para se ter uma idéia cada Megabyte equivale a aproximadamente 1 milhão de bytes, ou 1 milhão de caracteres - cerca de 500 páginas de 30 linhas de texto datilografado. 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 Teleprocessamento - Manipulação da informação à distância, através do uso de recursos de um sistema computacional. Telecomunicação - Ciência e técnica de transmissão de dados à distância. Elementos de uma Transmissão: Fonte – Origem ou produtor dos dados a serem enviados (normalmente um terminal de dados ou um computador). Mensagem - Conjunto de sinais endereçados (informações ou dados) a ser transmitidos. Meio ou Enlace - é o canal físico pelo qual a mensagem trafega. Receptor - Terminal de dados ou computador que recebe a informação transmitida. Métodos de transmissão da informação: Simplex - Quando a informação só transita em um único sentido, implica que de um lado há apenas um transmissor e, do outro, apenas um receptor. Ex.: A difusão de rádio e televisão. Half-Duplex - Quando a informação transita nos dois sentidos, mas nunca simultaneamente. Ex.: Modem, Fax, PX, Walkie-talkies. Full-Duplex - Quando a informação transita simultaneamente nos dois sentidos. Ex.: Telefone. Meios de Transmissão: Par trançado - É constituído por dois fios enrolados em espiral, permite transmissão analógica ou digital. Cabo Coaxial - Formado por dois condutores, um circundando o outro, separados por um dielétrico. Fibra Óptica - Formada por um feixe de finíssimos fios de fibra de vidro, onde a transmissão é feita através de sinal de luz codificado. A fibra óptica tem a espessura de um fio de cabelo e é composta por um núcleo fabricado a partir de cloretos (óxido de silício e óxido de germânio), envolvidos por um tubo de quartzo natural. Via rádio – Transmissão da informação via rádiodifusão. Via satélite – Transmissão da informação via satélites geoestacionários. Taxa de Transmissão - É a velocidade com que a informação é transmitida por unidade de tempo, geralmente sendo expressa em bits por segundo - bps. Taxas típicas são 9600 bps, 28800 bps, 33600 bps e 56 Kbps. Modem – (Modulador/Demodulador) – Dispositivo que converte os dados de um dispositivo em um sinal que possa ser transmitido corretamente em uma linha de comunicação remota. Tipos de Modem: Analógico - Converte o sinal digital de entrada para um sinal analógico. Digital – Adapta (codifica) o sinal digital de entrada às condições da linha. Óptico - Transforma o sinal digital de entrada em um sinal luminoso. Modulação – Conversão de sinais digitais em sinais analógicos. Demodulação - Conversão de sinais analógicos em sinais digitais. 23 Introdução à Informática Fax/Modem - Dispositivo que transforma o microcomputador em um versátil aparelho de fax capaz de enviar e receber documentos e permitir o acesso a outros micros por meio da linha telefônica. Hub - O hub é um dispositivo que tem a função de interligar os computadores de uma rede local. Sua forma de trabalho é a mais simples se comparado ao switch e ao roteador: o hub recebe dados vindos de um computador e os transmite às outras máquinas. No momento em que isso ocorre, nenhum outro computador consegue enviar sinal. Sua liberação acontece após o sinal anterior ter sido completamente distribuído. Hubs são adequados para redes pequenas e/ou domésticas. Havendo poucos computadores é muito pouco provável que surja algum problema de desempenho. Switch - O switch é um aparelho muito semelhante ao hub, mas tem uma grande diferença: os dados vindos do computador de origem somente são repassados ao computador de destino. Isso porque os switchs criam uma espécie de canal de comunicação exclusiva entre a origem e o destino. Dessa forma, a rede não fica "presa" a um único computador no envio de informações. Isso aumenta o desempenho da rede já que a comunicação está sempre disponível, exceto quando dois ou mais computadores tentam enviar dados simultaneamente à mesma máquina. Essa característica também diminui a ocorrência de erros (colisões de pacotes, por exemplo). Roteadores - O roteador (ou router) é um equipamento utilizado em redes de maior porte. Ele é mais "inteligente" que o switch, pois além de poder fazer a mesma função deste, também tem a capacidade de escolher a melhor rota que um determinado pacote de dados deve seguir para chegar em seu destino. É como se a rede fosse uma cidade grande e o roteador escolhesse os caminhos mais curtos e menos congestionados. Daí o nome de roteador. Sistemas Distribuídos Um sistema distribuído segundo a definição de Andrew Tanenbaum é uma "coleção de computadores independentes que se apresenta ao usuário como um sistema único e consistente". A computação distribuída consiste em adicionar o poder computacional de diversos computadores interligados por uma rede de computadores ou mais de um processador trabalhando em conjunto no mesmo computador, para processar colaborativamente determinada tarefa de forma coerente e transparente, ou seja, como se apenas um único e centralizado computador estivesse executando a tarefa. A união desses diversos computadores com o objetivo de compartilhar a execução de tarefas é conhecida como sistema distribuído. Organizar a interação entre cada computador é primordial. Visando poder usar o maior número possível de máquinas e tipos de computadores, o protocolo ou canal de comunicação não pode conter ou usar nenhuma informação que possa não ser entendida por certas máquinas. Cuidados especiais também devem ser tomados para que as mensagens sejam entregues corretamente e que as mensagens inválidas sejam rejeitadas, caso contrário, levaria o sistema a cair ou até o resto da rede. Outro fator de importância é a habilidade de mandar softwares para outros computadores de uma maneira portável de tal forma que ele possa executar e interagir com a rede existente. Isso pode não ser possível ou prático quando usando hardware e recursos diferentes, onde cada caso deve ser tratado separadamente com cross-compiling ou reescrevendo software. 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 Peer-to-Peer (P2P) Outro modelo de interação entre hosts em uma rede é o chamado Peer to Peer (Ponto a Ponto), freqüentemente abreviado como P2P. Os programas que operam utilizando esse modelo são, ao mesmo tempo, cliente e servidor. Exemplo de serviço P2P: compartilhamento de arquivos. 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 Telnet - transforma a máquina local em um terminal da máquina remota. Talk – Chat ou sala de bate papo. Serviço de buscas ou procura diversas Finger - Obtem informações de usuários MSN, ICQ - Uma nova forma de comunicação entre as pessoas. 28 Introdução à Informática A World Wide Web(teia de alcance mundial) ou WWW é a coqueluche da Internet. Lançada em 1992, a WWW está em crescimento explosivo. Tem registrado recordes de crescimento por volumes de dados transmitidos por mês e tem sido responsável pelo aumento da capacidade de tráfego em muitos canais de comunicação. A World Wide Web é uma rede virtual (não-física) "sobre" a Internet, que torna os serviços disponíveis na Internet totalmente transparentes para o usuário e ainda possibilita a manipulação multimídia da informação. Assim qualquer usuário pode, somente usando o mouse, ter acesso a uma quantidade enorme de informações na forma de imagens, textos, sons, gráficos, vídeos etc., navegando através de palavras-chaves e ícones. Linha discada 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. Quando Peter Norton, empresário de tecnologias de informação, apagou acidentalmente um arquivo, desenvolveu o Norton Utilities para restaurá-los. Ele criou a Symantec, em 1982, dando início a criação e comercialização de softwares de seguranças no mercado, e livros sobre o assunto. Ele foi um dos primeiros desenvolvedores de sistemas de segurança. 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. Os vírus informáticos apareceram e propagaram-se em larga escala devido à má gestão e programação de certos produtos que foram lançados para o mercado antes de serem devidamente testados. Intranet A intranet é um espaço restrito a determinado público utilizado para compartilhamento de informações restritas. Geralmente utilizada em servidores locais instalados na empresa. As empresas estão cada vez mais necessitando de centralização das informações, métodos de comunicação interna para reduzir custos. A intranet possibilita tudo o que a própria internet dispõe. Porém a principal diferença entre ambas é que a intranet é restrita a certo público. Há restrição de acesso, por exemplo, por uma empresa, ou seja, todos os colaboradores da empresa podem acessar a intranet com um nome de usuário e senha devidamente especificados pela coordenação da empresa. 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 Rede sem fio 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 A Segurança da Informação se refere à proteção existente sobre as informações de uma determinada empresa ou pessoa, isto é, aplica-se tanto as informações corporativas quanto às pessoais. Entende-se por informação todo e qualquer conteúdo ou dado que tenha valor para alguma organização ou pessoa. Ela pode estar guardada para uso restrito ou exposta ao público para consulta ou aquisição. Podem ser estabelecidas métricas (com o uso ou não de ferramentas) para a definição do nível de segurança existente e, com isto, serem estabelecidas as bases para análise da melhoria ou piora da situação de segurança existente. A segurança de uma determinada informação pode ser afetada por fatores comportamentais e de uso de quem se utiliza dela, pelo ambiente ou infraestrutura que a cerca ou por pessoas mal intencionadas que têm o objetivo de furtar, destruir ou modificar tal informação. A tríade CIA (Confidentiality, Integrity and Availability) -- Confidencialidade, Integridade e Disponibilidade -- representa os principais atributos que, atualmente, orientam a análise, o planejamento e a implementação da segurança para um determinado grupo de informações que se deseja proteger. Outros atributos importantes são a irretratabilidade e a autenticidade. Com o evoluir do comércio eletrônico e da sociedade da informação, a privacidade é também uma grande preocupação. Os atributos básicos (segundo os padrões internacionais) são os seguintes: Confidencialidade - propriedade que limita o acesso a informação tão somente às entidades legítimas, ou seja, àquelas autorizadas pelo proprietário da informação. Integridade - propriedade que garante que a informação manipulada mantenha todas as características originais estabelecidas pelo proprietário da informação, incluindo controle de mudanças e garantia do seu ciclo de vida (nascimento, manutenção e destruição). Disponibilidade - propriedade que garante que a informação esteja sempre disponível para o uso legítimo, ou seja, por aqueles usuários autorizados pelo proprietário da informação. O nível de segurança desejado, pode se consubstanciar em uma "política de segurança" que é seguida pela organização ou pessoa, para garantir que uma vez estabelecidos os princípios, aquele nível desejado seja perseguido e mantido. Para a montagem desta política, deve-se levar em conta: Riscos associados à falta de segurança; Benefícios; Custos de implementação dos mecanismos. O suporte para as recomendações de segurança pode ser encontrado em: Controles físicos: são barreiras que limitam o contato ou acesso direto a informação ou a infraestrutura (que garante a existência da informação) que a suporta. Existem mecanismos de segurança que apóiam os controles físicos: Portas / trancas / paredes / blindagem / guardas / etc.. Controles lógicos: são barreiras que impedem ou limitam o acesso a informação, que está em ambiente controlado, geralmente eletrônico, e que, de outro modo, ficaria exposta a alteração não autorizada por elemento mal intencionado. Existem mecanismos de segurança que apóiam os controles lógicos: 34 Introdução à Informática Mecanismos de criptografia. Permitem a transformação reversível da informação de forma a tornála ininteligível a terceiros. Utiliza-se para tal, algoritmos determinados e uma chave secreta para, a partir de um conjunto de dados não criptografados, produzir uma sequência de dados criptografados. A operação inversa é a decifração. Assinatura digital. Um conjunto de dados criptografados, associados a um documento do qual são função, garantindo a integridade do documento associado, mas não a sua confidencialidade. Mecanismos de garantia da integridade da informação. Usando funções de "Hashing" ou de checagem, consistindo na adição. Mecanismos de controle de acesso. Palavras-chave, sistemas biométricos, firewalls, cartões inteligentes. Mecanismos de certificação. Atesta a validade de um documento. Integridade. Medida em que um serviço/informação é genuíno, isto é, está protegido contra a personificação por intrusos. Honeypot: É o nome dado a um software, cuja função é detectar ou de impedir a ação de um cracker, de um spammer, ou de qualquer agente externo estranho ao sistema, enganando-o, fazendo-o pensar que esteja de fato explorando uma vulnerabilidade daquele sistema. Protocolos seguros: uso de protocolos que garantem um grau de segurança e usam alguns dos mecanismos citados aqui Existe hoje em dia um elevado número de ferramentas e sistemas que pretendem fornecer segurança. Alguns exemplos são os detectores de intrusões, os anti-vírus, firewalls, firewalls locais, filtros anti-spam, fuzzers, analisadores de código, etc. Estrutura de Diretórios De uma maneira geral, ESTRUTURA DE DIRETÓRIO é a forma pela o Sistema Operacional, tanto o Windows, como o LINUX, organiza seus arquivos em geral. Esses arquivos podem ser programas de computador, ou pastas, ou ainda diretórios e subdiretórios. Por meio de comandos e estruturas próprias de cada Sistema Operacional, há diferenças marcantes em suas estruturas e formas de tratamento de informações. ―Um diretório pode conter arquivos e diretórios, que podem conter também arquivos e diretórios. Isso pode se estender bastante. Podemos ter, por exemplo, vinte diretórios, um dentro do outro‖. Assim, uma estrutura de diretório serve, principalmente, para organizar o disco rígido ou a winchester – MEMÓRIA DE MASSA. É por meio dessa estrutura de gravação de arquivos que podemos colocar os arquivos em locais determinados, facilitando assim o gerenciamento de centenas e milhares de programas em um computador. ―Toda essa estrutura de arquivos e diretórios pode ser entendida como uma ÁRVORE. Dessa forma, o diretório principal, que não tem nome, é conhecido como a raiz, os diretórios são ramificações e os arquivos são as folhas‖. As árvores de um diretório, em Sistemas Operacionais Amigáveis – Windows ou Linux – são representadas por meio de gráficos, as quais exploradas pelos Windows Explores ou Konqueror, este no Linux, aquele no Windows. 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: DESTAQUES IMPORTANTES EM ESTRUTURA DE DIRETÓRIO DRIVES OU DISCOS FÍSICOS: é memória de massa do computador, que poderá ser dividida em unidades menores, conhecida como drives lógicos ou volumes. Para esse procedimento, de divisão do disco, damos o nome de partição; VOLUMES LÓGICOS OU PARTIÇÃO: para que um disco rígido funcione é necessário que seja criada alguma tabela de alocação de arquivos, isso é feito dividindo-se o disco em vários pedaços, chamados de partições. Cada partição funcionará como um HD em separado, é justamente por esse processo que se permite o uso em um mesmo computador de mais de um Sistema Operacional; TIPOS DE PARTIÇÃO: cada Sistema Operacional possui sua forma de particionar – dividir – o disco rígido e gerenciar os arquivos e pastas; DIRETÓRIOS: são estruturas utilizadas para organizar os programas de computador em um HD. Um diretório pode conter arquivos e outros diretórios, que podem conter também arquivos e diretórios, sucessivamente; PASTAS: são compartimentos lógicos onde são gravados os programas de computador, denominados simplesmente de arquivos. ARQUIVOS: os arquivos são os programas de computador, podendo ser do tipo aplicativos, banco de dados, extensões, etc., cada tipo de arquivo possui uma extensão própria, identificando-o na execução das tarefas no computador. PROIBIÇÕES: é conveniente saber que as estruturas de diretórios possuem proibições que a seguir listamos: Não se pode imputar o mesmo nome de arquivo ou pasta já utilizados na mesma ordem – hierarquia – em uma estrutura de diretório. 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. Também temos um atalho no Barra de Ferramentas de Acesso Rápido A extensão será .docx 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. A extensão será .docx 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. Nesta opção a extensão do arquivo será .dotx SALVAR VERSÃO 97-2003 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 A extensão será .doc 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. Envia o documento diretamente a impressora padrão, sem fazer alterações. 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 Office , opção Imprimir, Visualização de Impressão 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. FORMATARAÇÃO SEMELHANTE (NOVO) 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 Desfazer as últimas ações Para desfazer uma ação, siga um ou mais dos seguintes procedimentos: Clique em Desfazer na Barra de Ferramentas de Acesso Rápido. Atalho do teclado: Também é possível pressionar CTRL+Z. Para desfazer várias ações de uma vez, clique na seta ao lado de Desfazer as ações que deseja desfazer e clique na lista. , selecione 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 Atalho do teclado: Também é possível pressionar CTRL+Y. Repetir a última ação Para repetir a última ação executada no Word 2007, clique em Repeat Ferramentas de Acesso Rápido na Barra de 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. Ou na barra de status no canto inferior direito 47 Microsoft Word Zoom Para alterar o zoom do seu documento você pode ir até a Guia Exibição, Grupo Zoom Ou na barra de status no canto inferior direito Formataração/Estilos Fonte Após selecionar o texto desejado, a minibarra de ferramentas aparece automaticamente para se modificar a fonte. Ou vá até a Guia Início, Grupo Fonte e escolha a opção desejada . Se você deseja encontrar um determinado comando da versão anterior do Word clique no Iniciador de Caixa de Diálogo do grupo Fonte relacionadas com esse grupo. ou Ctrl + D. Serão a–presentadas mais opções 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. Ou vá até a Guia Início, Grupo Parágrafo e escolha a opção desejada. 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 Clique na opção Tabulação. 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 - Primeira letra da sentença em maiúscula - minúscula - MAIÚSCULAS - Colocar Cada Palavra em Maiúscula - aLTERNAR mAIÚSC./mINÚSC. 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. 3- O ponteiro muda para um ícone de pincel. 4- Selecione o texto ou o gráfico que deseja Formatar. 5- Para interromper a Formataração, pressione ESC no teclado. 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 Formatare o texto selecionado com os novos atributos que deseja. Por exemplo, você pode decidir que deseja alterar o tamanho do ponto para o estilo Título 1 de 16 pontos para 14. Na Guia Início, no Grupo Estilos, clique com o botão direito do mouse no estilo que deseja alterar. Clique em Atualizar Parágrafo da Lista 1 para Corresponder a Seleção. Todos os textos com o estilo que você alterou serão alterados automaticamente para corresponder ao novo estilo definido. 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 . Criar Hiperlink para um documento, arquivo ou página Web 1- Selecione o texto ou a imagem que você deseja exibir como o hiperlink. 2- Na Guia Inserir, no Grupo Links, clique em Hiperlink. 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 Para criar um índice, marque as entradas do índice utilizando estilos de títulos. Após marcar as entradas, você já está pronto para selecionar um design de índice e inseri-lo no seu documento. 1- Clique no local que deseja adicionar o índice. 2- Na Guia Referências, no Grupo Sumário, clique no ícone Sumário. 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. Margens = altera as margens do documento; Orientação = altera orientação do documento para Portrait (retrato) ou Landscape (paisagem); Tamanho = tamanho do papel; 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: Na janela que aparecerá das formas, basta escolhermos uma. Diagramas Para você inserir um SmartArt, basta ir na Guia Inserir, no Grupo Ilustrações e clicar em SmartArt. Na janela Escolher Elemento Gráfico SmartArt, escolhemos um diagrama e clicamos em OK. 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. Na janela Inserir Gráfico escolha um modelo e clica em OK. 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. Digite o texto do comentário no balão de comentários: 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 Para configurarmos as opções do balão do comentário clicamos na Guia Revisão, no Grupo Controle e escolhermos a opção Opções de Controle de Alterações no item Controlar Alterações: 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 2 Guias foram criadas para serem orientadas por tarefas. Grupos dentro de cada guia quebram uma tarefa em subtarefas. Os Botões de comandos em cada grupo possuem um comando ou exibem um menu de comandos. 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 2 3 1 1- Selecione um item no documento, por exemplo, a figura acima. 2- O nome da guia de ferramentas aparece em uma cor de destaque e as ferramentas aparecem ao lado das guias (Formatar). 3- As ferramentas fornecem controles para trabalhar com o item selecionado. Botões de Acesso Rápido Para que servem A barra de ferramentas de acesso rápido serve para organizar e fornecer acesso rápido às ferramentas que você usa frequentemente, como salvar, desfazer e refazer uma ação. 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 Clique no botão para personalizar barra de ferramentas de acesso rápido Em seguida, clique em Mais Comandos... Aparecerá uma caixa de diálogo Opções do Excel. Na lista à esquerda, clique em Personalizar. Na caixa de listagem suspensa Escolher comandos em, clique em Todos os Comandos. Na caixa Personalizar barra de ferramentas de Aceso Rápido, selecione Para todos os documentos (padrão) ou selecione um documento específico. 71 Microsoft Excel Clique no comando que deseja adicionar, por exemplo, o comando New. Em seguida, clique em Adicionar. 72 Microsoft Excel Repita isso para cada comando que deseja adicionar. Clique nos botões de direção mover para cima e mover para baixo para organizar os comandos na ordem em que deseja exibi-los na Barra de Ferramentas de Acesso Rápido. Clique em OK. 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: Pressione a letra ou número correspondente para acessar a opção desejada. 73 Microsoft Excel Interface Padrão 2003 Além das guias, grupos e comandos, o Office 2007 usa outros elementos que também fornecem caminhos para realização das tarefas. Os seguintes elementos são semelhantes aos menus e barras de ferramentas que você já conhece das versões anteriores do 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. Podemos também alternar os modos de visualização e o Zoom Nova/Abrir/Salvar Nova Pasta de Trabalho Para abrir uma nova pasta de trabalho, você deve clicar no Botão Office , opção Novo Abrir Pasta de Trabalho Para abrir uma planilha existente, você deve clicar no Botão Office, opção Abrir, selecionar o arquivo desejado Abrir. ou Ctrl + A. Salvar Pasta de Trabalho Para salvar uma pasta de trabalho, você deve clicar no Botão Office, opção Salvar 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. Também temos um atalho no acesso rápido A extensão será .xlsx 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. A extensão será .xlsx HABILITADA PARA MACROS 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. Nesta opção a extensão do arquivo será .xlsm SALVAR VERSÃO 97-2003 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 A extensão será .xls 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 Tipo de arquivo Office 2007 Extensão Pasta de trabalho .xlsx Pasta de trabalho habilitada para macro .xlsm Modelo .xltx Modelo habilitado para macro .xltm 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 2003 na versão 2007 É possível abrir e trabalhar em um arquivo criado em uma versão anterior do Office e, em seguida, salvá-lo em seu formato existente. Como, talvez, você esteja trabalhando em um arquivo com outra pessoa que utiliza uma versão anterior do Office, não convém introduzir recursos suportados apenas na Versão do Office 2007. A Versão do Office 2007 usa um verificador de compatibilidade que garante que nenhum recurso sem suporte da versão anterior do Office seja introduzido. Quando você salvar o arquivo, o verificador de compatibilidade informará esses recursos e permitirá que você os remova antes de continuar salvando o arquivo. 1. Abra o arquivo da versão 2003 na versão 2007 normalmente; 2. No Office Button aparecerá uma opção Convert, para converter os arquivos utilizando os padrões XML do Office 2007. 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. 2007 na versão 2003 Você pode abrir e editar o arquivo Versão 2007 do Office em uma versão anterior do Excel fazendo o download do pacote de compatibilidade. Em um computador com uma versão anterior do Office, vá para o item de menu Ajuda, Microsoft Office Online. Abrirá uma página da Microsoft, clique no link Downloads No campo de pesquisa Downloads, digite Pacote Compatibilidade, clique em Pesquisar Selecione o resultado da pesquisa de Pacote de compatibilidade para formatos de Arquivo do Microsoft Office Word, Excel e PowerPoint 2007 81 Microsoft Excel Depois clique no botão Fazer Download De que forma é composto o Excel ARQUIVO – Um arquivo do Excel é representado através de nomes de pastas de trabalho, exemplo book1, book2, etc...Uma pasta de trabalho contém planilhas divididas em guias (chamadas sheets) como se fosse um livro com várias páginas. PLANILHAS - Cada planilha contém: uma grande grade retangular composta de colunas e linhas. COLUNAS - Representadas por letras totais de 16.384 da combinação das letras A até a combinação das letras XFD. LINHAS - As linhas são representadas por números de 1 até o número 1.048.576 CÉLULAS - A intersecção de uma coluna com uma linha é chamada de Célula. As células são os elementos fundamentais das planilhas, onde se armazenam informações. Trabalhando com planilhas Limites das planilhas Recurso Limite máximo Pastas de trabalho abertas Limitado pela memória disponível e pelos recursos do sistema Tamanho da planilha 1.048.576 linhas por 16.384 colunas Largura da coluna 255 caracteres 82 Microsoft Excel Altura da linha 409 pontos Quebras de página 1.026 na horizontal e na vertical Número total de caracteres que uma célula pode conter 32.767 caracteres Caracteres em um cabeçalho ou rodapé 255 Planilhas em uma pasta de trabalho Limitado pela memória disponível e pelos recursos do sistema (o padrão é 3 folhas). Cores em trabalho 16 milhões de cores (32 bits com acesso total ao espectro de cores de 24 bits) uma pasta de Painéis em uma janela 4 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. Selecione o nome atual e digite o novo nome. Dica: Você pode também dar um duplo clique no nome da planilha que deseja 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 Você também pode clicar com o botão direito do mouse na Guia da planilha que deseja excluir e, em seguida, clicar em Excluir. Trabalhando com Linhas e Colunas 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. Trabalhando com célula 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. O endereço da coluna (letra) e o endereço da linha (coluna) definem o endereço da célula = B3 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 blocos não-adjacentes Selecione o primeiro bloco de células normalmente. Pressione a tecla CTRL e selecione o próximo bloco e assim por diante. 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. Inserção e formatação dos dados Inserindo dados em células Tornar a célula ativa clicando sobre ela e digitar os dados que poderão ser: Constantes 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. Alterando o conteúdo das células Para alterar o conteúdo de uma célula, podemos: Dar duplo clique na célula desejada; Selecionar a célula desejada e clicar na Barra de Fórmulas; Selecionar a célula desejada e pressionar F2 Formatação das células Formatação de números 89 Microsoft Excel Para aplicar formatos diferentes aos números você deve ir até a Guia Início, Grupo Número, Geral, escolha outro formato desejado. Aplicando formatos de números diferentes, você pode alterar a aparência de um número sem alterar seu valor. Um formato de número não afeta o valor real da célula que o Microsoft Office Excel usa para efetuar cálculos. O valor real é exibido na barra de fórmulas. Para visualizar todos os formatos de número disponíveis, clique em Iniciador da Caixa de Diálogo ao lado de Número. 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. Moeda Esse formato é usado para valores monetários em geral e exibe o símbolo da moeda padrão com os 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 (data curta) Esse formato exibe datas com dia, mês e ano seguindo as configurações regionais. (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) Hora Esse formato exibe a hora seguindo as configurações regionais. (10:00) 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ê. Científico Esse formato exibe um número em notação exponencial, substituindo parte do número por E+n, em que E (que significa Expoente) multiplica o número precedente por 10 elevado à potência n. Por exemplo, um formato Científico com dois decimais exibe 12345678901 como 1,23E+10, que é igual a 1,23 vezes 10 elevado à décima potência. Você pode especificar o número de casas decimais a serem usadas. 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. Personalizado Esse formato permite modificar uma cópia de um código de formato de número existente. Ele cria um formato de número personalizado que é adicionado à lista de códigos de formatos de números. Você pode adicionar entre 200 e 250 formatos de números personalizados, dependendo da versão instalada de idioma do Excel. Através da Guia Início, Grupo Número, você encontra atalhos de alguns formatos de números mostrados acima. Formata valores em moeda. Formata valores em porcentagem. Formata os valores colocando o ―ponto‖ como separador de milhares e duas casas decimais 91 Microsoft Excel Aumenta o número de casas decimais Diminui o número de casas decimais 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 Mesclar e Centralizar = Mescla e centraliza o conteúdo na célula mesclada; Mesclar Através ou Mesclar Células = apenas mescla as células selecionadas; Desfazer Mesclagem de Células = divide as células mescladas novamente, ou seja, remove a mesclagem das células. Formatação Fonte Após selecionada a(s) célula(s) desejada(s), comandos do Grupo Fonte. clique na Guia Início, depois, clique em um dos 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. Para cancelar esta opção, basta pressionar a tecla Esc. 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 seguida, Cores do Tema ou Cores Padrão, clique na cor de plano de fundo que deseja usar. e, em 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. Selecione a Guia Início, Grupo Área de Trabalho, opção Formatar Pincel Selecione a célula ou o intervalo para o qual você deseja colar a formatação. . DICA: Para continuar copiando a formatação contida na célula ou no intervalo selecionado para diversos locais, clique duas vezes no Formatar Pincel. Quando terminar de copiar a formatação, clique novamente no botão Formatar Pincel. Para copiar larguras de coluna - selecione o cabeçalho da coluna que tem a largura desejada, clique no botão Formatar Pincel e, em seguida, clique no cabeçalho da coluna para a qual deseja copiar a largura o mesmo ocorre com a largura das linhas. Desfazer/Refazer/Repetir 97 Microsoft Excel Desfazer as últimas ações Para desfazer uma ação, siga um ou mais dos seguintes procedimentos: Clique em Desfazer na Barra de Acesso Rápido. Atalho do teclado: Também é possível pressionar CTRL+Z. Para desfazer várias ações de uma vez, clique na seta ao lado de Desfazer as ações que deseja desfazer e clique na lista. , selecione na lista O Excel 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 Acesso Rápido. Atalho do teclado: Também é possível pressionar CTRL+Y. Repetir a última ação Para repetir a última ação, pressione a tecla F4 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 Teclado Mouse Monitor Impressora Pentium Pentium MMX Disquetes Drive 100 200 34 12 20 11 400 50 120 247 38 15 25 14 493 62 90 258 37 21 35 19 708 88 50 274 37 24 41 22 811 101 ju nh o ai o m o ar ç m 130 232 35 18 30 17 607 76 ab ri l o ei r Fe ve r Ja ne i Produto ro Microsoft Excel Total do semestre 110 290 38 27 46 25 915 114 Meta do semestre % 600 1.400 200 150 250 100 4.000 300 Configuração e impressão Na guia Exibição encontramos opções para configuração da página 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. Ou na barra de status no canto inferior direito 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 As seguintes opções estarão disponíveis: Régua: exibir as regras, usadas para medir e alinhar objetos. Linhas de Grade: mostrar as linhas que aparecem entre as linhas e colunas da planilha para facilitar a leitura e a edição. Barra de Mensagens: abrir a barra de mensagens para executar quaisquer ações necessárias. Barra de Fórmulas: exibe a barra de fórmulas, por meio da qual você pode digitar texto e fórmulas em células Títulos: mostrar os títulos de linha e coluna. Zoom Para alterar o zoom da sua pasta de trabalho você pode ir até a Guia Exibição, Grupo Zoom Ou na barra de status no canto inferior direito 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 Para personalizar as margens, clique na opção Margens Personalizadas... 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. Em Elementos de Cabeçalho e Rodapé, temos as seguintes opções: Número de Página: Insere o número da página Número de Páginas: Insere o número de páginas Data Atual: Insere a data atual Hora Atual: Insere a hora atual Caminho do Arquivo: Insere o nome do arquivo atual, inclusive o caminho Nome do Arquivo: Insere o nome do arquivo atual Nome da Planilha: Insere o nome da planilha Imagem: apresenta uma caixa de diálogo Insert Picture para selecionar a imagem a ser colocada no cabeçalho ou rodapé. Formatar Imagem: formata a imagem inserida (tamanho, escala, brilho, contraste) No Grupo Navegação, podemos navegar entre cabeçalho e rodapé através das opções Ir para Cabeçalho e Ir para Rodapé. 103 Microsoft Excel No Grupo Opções, temos as seguintes opções: Primeira Página Diferente: Especificar um cabeçalho e um rodapé exclusivo para a primeira página. Diferentes em Páginas Pares e Ímpares: Especificar que as páginas ímpares devem ter um cabeçalho e um rodapé diferentes dos usados nas páginas pares. Dimensionar com o Documento: Especificar se o cabeçalho e rodapé deverão ser redimensionados quando você usar o recurso ―Reduzir para caber‖. Alinhar a Margens da Página: Alinhar as laterais do cabeçalho e rodapé às margens da página. 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 , opção Imprimir, Visualização de Impressão. 105 Microsoft Excel Será apresentada uma nova Ferramenta – Visualização de Impressão para o gerenciamento. Imprimir: apresenta a caixa de diálogo para selecionar as preferências de impressão Configurar Página: mostra a guia Página da caixa de diálogo Configurar página. Zoom: alterar o nível de zoom da visaulização Próxima Página: navegar para a próxima página impressa (disponível apenas quando mais de uma página) Página Anterior: navegar para a página impressa anterior (disponível apenas quando mais de uma página) Mostrar Margens: mostrar ou ocultar as margens. Fechar Visualização de Impressão: fechar a visualização de impressão e retornar a edição da planilha. Imprimindo uma planilha 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 Definir o intervalo de impressão: Tudo - todas as páginas de uma guia; Páginas(s) De: Até: intervalos de páginas 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. Envia a pasta de trabalho diretamente a impressora padrão, sem fazer alterações. 108 Microsoft Excel Copiar ou mover células 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. Copiar para células adjacentes Clicar e arrastar pressionando o botão esquerdo do mouse sobre a alça da célula. Copiar para células não adjacentes Clicar e arrastar sobre a borda das células selecionadas pressionando a tecla CTRL 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. Através da alça de preenchimento podemos executar as seguintes tarefas: 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. Criar sequência de valores O Excel cria automaticamente as seqüências de dados desejadas. Seqüências de lista lineares Para criar uma sequência de lista lineares: Digite o primeiro número. Ex.: 1; Digite o segundo número. Ex.: 2; Selecione as duas células e arraste a alça de preenchimento para a direção desejada. Neste exemplo ficará uma seqüência de números com o intervalo de 1; Seqüência de listas de tendência de crescimento Lista de Tendência de Crescimento o incremento é baseado na multiplicação e não na soma. Digite o número 1; Digite o número 2; Selecione as duas células; Clique com o botão direito do mouse sobre o sinal de cruz na alça da célula e arraste até a célula 15; Solte o botão direito e no menu de atalho escolha Tendência de crescimento (o próximo número é sempre o dobro da anterior). Se escolher 1 e 3, o próximo número será sempre o triplo da anterior. Se escolher 100 e 50, o próximo número será sempre a metade do anterior. Escolha 1,5 e 0,25 o próximo número decimal também será a metade do anterior. 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 E ainda temos as opções de preencher meses e preencher anos. Intercalando uma lista de sábados com domingos: Preencher uma lista de sábados: digite a data de um sábado deixando a primeira linha em branco e pule uma linha e digite a data do outro sábado próximo selecione as quatro células, arraste e selecione a opção do menu do botão direito Preencher Células. Preencher uma lista de domingos: digite a data de um domingo na primeira linha, pule uma linha e digite a do próximo domingo selecione as quatro células, arraste e selecione a opção do menu do botão direito Preencher Células. Agora vamos inserir a lista de domingos na lista de sábados da seguinte maneira: Selecione o intervalo de sábado: Clique em Copiar; Clique na primeira célula em branco do intervalo de domingo; Na guia Home, Grupo Clipboard, opção Paste, Paste Especial; Marque a caixa Skip Blanks e Ok. Criar lista personalizada Existem 4 listas já personalizadas pelo Excel: Dias da semana por extenso; Dias da semana abreviado; Meses do ano por extenso; Meses do ano abreviado; Para criar estas listas, digite um item da lista e arraste a alça de preenchimento até o item desejado. Além destas listas, podemos criar outras listas personalizadas. Ex: Clientes, alunos, cidades, estações do ano, etc... Clique no Botão Office; Botão Opções do Excel; Clique em Editar Listas Personalizadas... 112 Microsoft Excel Em List entries, digite a cidade e ENTER, outra cidade e ENTER; Quando terminar clique no botão Adicionar e OK. É possível também criar listas através da digitação na própria planilha: Ex: digitar a lista alfabética, selecionar o intervalo, clicar em Office Buttom, Botão Excel Options, botão Import e botão OK. 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 EXERCÍCIO 03 – CRIAR SEQUÊNCIA Digite a tabela abaixo na planilha Exercício 03, utilizando Criar Seqüência ou Listas. Seqüência Seqüênci Num. c/ Seqüênci a formatação a Numérica personalizad de Ano a Seqüênci Seqüênci Seqüência a a de dias da de Data de Hora semana Seqüênci a de Meses 1 010 2000 10/6/2008 12:00 10/6/2008 Janeiro 2 020 2002 11/6/2008 12:15 11/6/2008 Fevereiro 3 030 2004 12/6/2008 12:30 12/6/2008 Março 4 040 2006 13/6/2008 12:45 13/6/2008 Abril 5 050 2008 14/6/2008 13:00 16/6/2008 Maio 6 060 2010 15/6/2008 13:15 17/6/2008 Junho 7 070 2012 16/6/2008 13:30 18/6/2008 Julho 8 080 2014 17/6/2008 13:45 19/6/2008 Agosto 9 090 2016 18/6/2008 14:00 20/6/2008 Setembro 10 100 2018 19/6/2008 14:15 23/6/2008 Outubro 11 110 2020 20/6/2008 14:30 24/6/2008 Novembr o 12 120 2022 21/6/2008 14:45 25/6/2008 Dezembr o 13 130 2024 22/6/2008 15:00 26/6/2008 14 140 2026 23/6/2008 15:15 27/6/2008 15 150 2028 24/6/2008 15:30 30/6/2008 16 160 2030 25/6/2008 15:45 1/7/2008 17 170 2032 26/6/2008 16:00 2/7/2008 114 Microsoft Excel 18 180 2034 27/6/2008 16:15 3/7/2008 19 190 2036 28/6/2008 16:30 4/7/2008 20 200 2038 29/6/2008 16:45 7/7/2008 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. > Maior - Intervalo Aberto < Menor - Intervalo Aberto >= Maior ou igual - Intervalo fechado <= Menor ou igual - Intervalo fechado = Igual <> Diferente 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. Regras para criar uma fórmula Para você criar uma fórmula no Excel: Selecione a célula onde deseja inserir a fórmula Digite o sinal de igual (=) Digite o primeiro argumento Digite um operador aritmético Digite o segundo argumento Repita os passos 4 e 5 até completar a fórmula Pressione ENTER no teclado quando terminar 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 Fórmulas com operadores aritméticos Elabore as fórmulas com argumentos digitados na coluna A e, após finalizá-las, pressionando ENTER, o resultado é mostrado imediatamente na mesma célula. Entradas das Fórmulas Numéricas Resultados da Fórmulas Numéricas 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 Fórmulas com operadores lógicos Digite os dados da coluna A e elabore as fórmulas na coluna B. 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. * sem espaços entre o conteúdo das 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 INSTRUTOR CURSO QTDE DE HORAS DE CADA CURSO TOTAL DE CURSOS PEDRO EXCEL 30 2 GIOVANE WORD 25 1 SILVANA EXCEL 30 3 CARLOS EXCEL 15 2 SIMONE EXCEL 22 1 ALEXANDRO WORD 30 2 TOTAL DE HORAS 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 EXERCÍCIO 06 – FORMATAÇÃO E FÓRMULAS Desenvolva uma folha de cálculo que lhe permita acompanhar os custos dos gastos de uma casa, incluindo água, gás, telefone, luz, condomínio, valores para seguros, alimentação e deslocações. Considere o cálculo dos elementos que achar mais convenientes. 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. Relativo Absoluta Mista Ao arrastar no sentido da Coluna, é necessário fixar apenas a LINHA. Mistas Ao arrastar no sentido da Linha, é necessário fixar apenas a COLUNA. Referência interna e externa 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>. Definir e criar nomes O que é Um nome ou rótulo é uma abreviação significativa que facilita o entendimento das fórmulas. Utilizamse nomes nas células ou num intervalo de células. Ex.: 122 Microsoft Excel fórmula sem nome ou rótulo (utilizando o endereço da célula) fórmula com nome ou rótulo 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. Ou você pode digitar o nome desejado na Caixa de 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 Depois selecione a opção desejada na caixa de diálogo Gerenciador de Nomes 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 EXERCÍCIO 07 – REFERÊNCIAS E FÓRMULAS Formate a tabela da planilha Exercício 07 conforme o exemplo abaixo e coloque as fórmulas necessárias. Data: Dolar: Frete ALFA IMPORTAÇÃO E EXPORTAÇÃO Exportação 124 Microsoft Excel Material Destino Peso Preço por Preço do Preço com Preço em quilo produto o frete Dólar Produto Países Quantidad e R$ 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 Cola Estados Unidos 4.500 2,30 Caderno Itália 2.800 9,80 R$ R$ US$ EXERCÍCIO 08 – REFERÊNCIAS E FUNÇÕES Formate a tabela da planilha Exercício 08 conforme o exemplo abaixo e calcule as fórmulas necessárias. Pesquisa de Artista do Ano Artista Votos Cazuza 3456 Tim Maia 5634 Raul Seixas 7308 Sidnei Magal 4813 Paulinho da Viola 6308 Tiririca 812 Gaúcho da Fronteira 1276 Erasmo Carlos 2387 % TOTAL 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. Sintaxe de uma função A forma geral de uma função é: Sinal de igual = NOME DA FUNÇÃO Argumentos (Argumento1 ; Argumento2 ; ...) Nome da Função Separador de Argumentos Argumentos entre Parênteses No momento em que definimos um Intervalo de Células, você pode usar ―dois pontos‖ (:) ou ―ponto-eví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 Ou você pode ir direto na Barra de Fórmulas, botão inserir função. 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. Através do assistente de função, o usuário poderá montar fórmulas de forma interativa. Para acessar o assistente, selecione item de menu Inserir-Função ou no atalho Inserir Função ( ), localizado na Barra de Fórmulas. 127 Microsoft Excel No exemplo acima, o usuário insere a fórmula =SOMA(A4:A8) na célula atual. 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 AGORA ANO DATA DIA HOJE HORA MÊS Descrição Retorna a data e a hora atual Retorna o ano de uma data Retorna o número que representa a data-hora Retorna o dia do mês Retorna a data de hoje Retorna a hora Retorna o mês Sintaxe = AGORA() =ANO(núm_série) =DATA(ano;mês;dia) Exemplo = AGORA () =ANO(39604) =DATA(2008;06;01) =DIA(num_série) =HOJE() =HORA() =MÊS(núm_série) =DIA(39604) =HOJE() =HORA() =MÊS(39604 MATEMÁTICAS Nome ABS ALEATÓRIO ARRED FATORIAL Descrição Retorna o valor absoluto de um número Retorna um número aleatório entre 0 e 1 Arredonda um número até uma quantidade especificada de dígitos Retorna o fatorial de um número Sintaxe =ABS(referência) Exemplo =ABS(C35) =ALEATÓRIO() =ALEATÓRIO() =ARRED(referência;nº de casas) =ARRED(C33;1) =FATORIAL(referência) =FATORIAL(C31) 128 Microsoft Excel INT MOD PI RAIZ SINAL SOMA SOMAQUAD SOMASE TRUNCAR Arredonda um número para baixo até o número inteiro mais próximo Retorna o resto da divisão Retorna o valor de Retorna uma raiz quadrada de um número =INT(referência) =INT(C34) =MOD(número;divisor) =PI() =MOD(C30;C31) =PI() =RAIZ(referência) =RAIZ(C31) Retorna o sinal de um número =SINAL(referência) =SINAL(C35) Soma os valores de um =SOMA(intervalo) =SOMA(C30:C35) intervalo Retorna a soma dos quadrados =SOMAQUAD(num1;num2;...) =SOMAQUAD(C30;C31) Soma as células de um =SOMASE(intervalo;critério) =SOMASE(C30:C35;">30" intervalo que satisfaçam um ) critério Trunca um valor até um =TRUNCAR(referência) =TRUNCAR(C34) número inteiro ESTATÍSTICAS Nome CONT.NUM CONT.SE MAIOR MÁXIMO MÉDIA MENOR MÍNIMO Descrição Sintaxe Exemplo Calcula o número de células que =CONT.NUM(intervalo) =CONT.NUM(C30:C35) contém números Calcula o número de células que =CONT.SE(intervalo;critério =CONT.SE(C30:C35;">30") satisfazem um determinado ) critério Retorna o maior valor n-ésimo de =MAIOR(intervalo,n) =MAIOR(C30:C35;2) um intervalo Retorna o valor máximo de um =MÁXIMO(intervalo) =MÁXIMO(C30:C35) intervalo Retorna a média dos argumentos =MÉDIA(intervalo) =MÉDIA(C30:C35) de um intervalo Retorna o menor valor n-ésimo do =MENOR(intervalo,n) =MENOR(C30:C35;3) conjunto intervalo Retorna o valor mínimo de um =MÍNIMO(intervalo) =MÍNIMO(C30:C35) intervalo TEXTO Nome CONCATENAR DIREITA ESQUERDA EXT.TEXTO MAÍUSCULA MINÚSCULA Descrição Sintaxe Exemplo 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. Retorna o número =DIREITA(texto;núm) =DIREITA(D30;3) especificado de caracteres a direita de um texto Retorna o número =ESQUERDA(texto;núm) =ESQUERDA(D30;3) especificado de caracteres a esquerda de um 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 Converte um texto para =MAÍUSCULA(texto) =MAÍUSCULA(D30) letras maiúsculas Converte um texto para =MINÚSCULA(texto) =MINÚSCULA(D31) 129 Microsoft Excel letras minúsculas LÓGICAS Nome E NÃO OU Descrição Sintaxe Retorna verdadeiro se todos os =E(teste1;teste2;teste3;...) documentos forem verdadeiros Inverte o resultado de uma operação =NÃO(valor lógico) lógica Retorna verdadeiro se pelo menos um =OU(teste1;teste2;teste3;...) dos documentos for verdadeiro SE Executa um teste lógico =SE(teste;verdadeiro;falso) Exemplo =E(D29>34;7>6) =NÃO(VERDADEIRO) =OU(D29>34;7>6) =SE(D29>10;30;45) PROCURA E REFERÊNCIA Nome PROCV PROCH Descrição Realiza uma busca horizontal na 1ª linha de uma tabela Realiza uma busca vertical na 1ª coluna de uma tabela Sintaxe =PROCV(oquê;onde;linha;forma) Exemplo =PROCV(D35;TabRef;2;falso ) =PROCH(oquê;onde;coluna;forma ) =PROCH(D34;TabRef;3) INFORMAÇÕES Nome É.NÃO.DISP Descrição Sintaxe Verifica se um valor é #N/A e retorna =É.NÃO.DISP(valor) VERDADEIRO ou FALSO É.NÃO.TEXTO Verifica se um valor não é texto e retorna =É.NÃO.TEXTO(valor) VERDADEIRO ou FALSO ÉTEXTO Verifica se o conteúdo é um texto =ÉTEXTO(valor) Verifica se o conteúdo de uma célula é um ÉNÚM =ÉNÚM(valor) número Verifica se o conteúdo de uma célula está =ÉCEL.VAZIA(valor) ÉCEL.VAZIA vazia Exemplo = É.NÃO.DISP(D33) =É.NÃO.TEXTO(D33) =ÉTEXTO(D33) =ÉNÚM(D33) =ÉCEL.VAZIA(D33) 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 Máx: função Máximo Min: função Mínimo ou na Guia Fórmulas, Grupo Biblioteca de Funções, comando Inserir Função. FUNÇÕES DATA E HORA 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 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 Abril DDD R$ 540,00 R$ 650,00 R$ 780,00 R$ 980,00 EEE R$ 320,00 R$ 321,00 R$ 355,00 R$ 654,00 FFF R$ 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 EXERCÍCIO 10 – FÓRMULA E FUNÇÕES Aplique a formatação das células abaixo na planilha Exercício 10 e calcule os valores Empresa XYZ Ltda. Saldo Anterior Fluxo de Caixa Data: Conta Nº Doc nº Histórico 23.2 NF 14567 Material de escritório 12.4 NF 3456 Aluguel computador Entrad a Saída D/C Saldo 118 456 136 Microsoft Excel 234 23.4 - Treinamento 5600 12.5 NF 45678 Venda computador 23.7 NF 7899 Locação veículo 800 23.56 - Reforma salas 2 e 3 2347,8 9 12.8 - Venda impressora 13.7 - Livros didáticos 25000 2456 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. EXERCÍCIO 12 – DEFINIR NOME E FUNÇÕES Na planilha Exercício 12, calcule o Resultado e o Total de Receitas e Despesas utilizando o recurso de Definir nomes para as colunas e linhas. 1º Semestre de 2008 JAN FEV MAR ABR MAI JUN Receitas 1560 1420 860 1980 2500 2800 Despesas 920 1100 1200 700 500 700 TOTAL Resultado EXERCÍCIO 13 – DEFINIR NOME E FÓRMULAS Na planilha Exercício 13, calcule os valores do Dólar tendo como base a tabela de cotações. Utilize o recurso de Definir nomes para as cotações. VALOR (US$) Valor em Reais (US$ Oficial) Valor em Reais (US$ Paralelo) Valor em Reais (US$ Turismo) 1.500,00 2.500,00 COTAÇÕES 1.800,00 US$ Oficial 2.500,00 1,65 137 Microsoft Excel 4.900,00 US$ Paralelo 4.000,00 1,84 3.600,00 US$ Turismo 1.900,00 1,76 5.000,00 6.850,00 10.000,00 EXERCÍCIO 14 – REFERÊNCIA INTERNA E EXTERNA Abra um arquivo novo com o nome de Referência Externa. Digite a tabela abaixo na plan1 e renomeie-a para Janeiro. JANEIRO RS SC PR Trigo Soja Feijão Copie a tabela para a plan2 e para plan3, mudando o mês para Fevereiro e Março, renomeando as planilhas. Abra o arquivo Exercício Excel Módulo I.xls, insira as fórmulas necessárias na planilha Exercício 14, utilizando referência externa. EXERCÍCIO 15 – FUNÇÕES TEXTO Na planilha Exercício 15, preencha com as funções necessárias para informar o que é solicitado. Classificar dados e congelar painéis 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 Item Congelar Primeira Coluna. Seleciona-se, portanto, a célula onde todas as linhas acima da célula selecionada será congelada e todas as colunas à esquerda da célula selecionada também serão congeladas, com isto poderá rolar a barra de rolagem sem deixar de visualizar as linhas congeladas. Obs.: Escolha Descongelar Painéis para retornar ao normal. 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. Uma caixa amarela será apresentada para a digitação do comentário. Para editar o comentário, escolher a agora opção Editar Comentário. Para excluir um comentário, escolher a opção Excluir, no Grupo Comentários. As opções Anterior e Próximo utilizamos para navegar entre todos os comentários da planilha. Laboratório 140 Microsoft Excel EXERCÍCIO 16 – CLASSIFICAR E CONGELAR PAINÉIS Resolva as questões abaixo conforme a tabela digitada na planilha Exercício 16 Classifique os dados da tabela, ordenando pela coluna NationalIDNumber; Classifique os dados da tabela, ordenando pela coluna Title e em seguida pela coluna BirthDate; Utilizando o congelar painéis, fixe as colunas A, B e a linha 1; EXERCÍCIO 17 – INSERIR COMENTÁRIO Resolva as questões abaixo conforme a tabela digitada na planilha Exercício 15 Remova todos os comentários identificados na planilha; Insira comentários em cada célula com fórmulas, explicando a fórmula que foi utilizada. 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. Colunas – dados distintos Linhas – Representa tendências de seus empreendimentos Pizza – totais de valores individuais (proporções entre itens). Barras – compara valores por categoria 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: Apresenta opções para definição de dados, estilos e layout. Guia Layout Aqui podemos definir os rótulos, eixos, plano de fundo e análise. Guia Formatar Definição de tamanho, estilo da forma e organização dos dados. 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 Utilizando a tabela da planilha Exercício 18, siga as instruções abaixo: Crie gráficos de pizza (um para cada mês), mostrando como conteúdo de rótulo as porcentagens de cada região. Título: Comparativo de Parto Normal mês ... Mostre todos os gráficos na planilha Exercício 18 Proteger os arquivos, fórmulas e as planilhas 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. PROTEGER PLANILHAS E OCULTAR FÓRMULAS Para evitar que uma planilha gravada em uma rede possa ser alterada indevidamente por outro Usuário, você pode proteger sua planilha colocando, se desejar, uma senha de acesso. Ao proteger uma planilha, você está impedindo que QUALQUER célula desta planilha seja modificada. Portando, é necessário verificar se não existe a necessidade de uma ou mais células desta planilha ficar desprotegida para futuras digitações de outros Usuários. Proteger sua planilha e/ou liberar alguma célula: Alterne para a planilha que você deseja proteger. 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 Marque a caixa de seleção Ocultas. Clique em OK. PROTEÇÃO COM SENHAS DIFERENTES NA MESMA PLANILHA Podemos permitir que o usuário edite alguns intervalos mediante a senha correta. Na Guia Revisão Grupo Alterações; Clique em Permitir que os usuários editem intervalos; Clique no botão Novo 145 Microsoft Excel Em Título digite um nome; Em Referência a células, selecione as células ou intervalo desejado; Em Senha do intervalo, digite a senha de proteção; Clique Ok e reinsira a senha. Repita o passo anterior nomeando outro intervalo. 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 Ao analisar dados, você sempre formula questões como: Onde estão as exceções em um resumo de lucros nos últimos cinco anos? Quais são as tendências em uma pesquisa de opinião de marketing ao longo dos últimos dois anos? Quem vendeu mais do que R$ 50.000 este mês? Qual é a distribuição etária geral dos empregados? Quais produtos têm aumentos de faturamento acima de 10% de um ano para outro? Quais são os alunos com melhor e pior desempenho na classe novata? 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. Aplicar formatação condicional Selecione TODAS as células que deverão ter a Formatação Condicional. Você deve ir até a Guia Início, Grupo Estilos, comando Formatação Condicional. No menu de opções, escolha uma opção ou crie uma nova regra através da opção Nova Regra. 147 Microsoft Excel Formatar apenas células que contêm texto, números ou valores de data e hora Para localizar mais facilmente células específicas em um intervalo de células, você pode formatar essas células específicas com base em um operador de comparação. Por exemplo, em uma planilha de estoque classificada por categorias, você pode realçar em amarelo os produtos com menos de 10 itens disponíveis. Ou, em uma planilha de resumo de uma rede de lojas, você pode identificar todas as lojas com lucros maiores do que 10%,volumes de venda menor do que R$ 100.000 e região igual a "Sudeste". Formatação rápida Selecione um intervalo de células Guia Início, Grupo Estilos, Comando Formatação Condicional e clique em Realçar Regras das Células: Selecione o comando desejado, como Maior do que, Texto que contém ou Uma data que ocorre. Digite os valores que deseja usar e, em seguida, selecione um formato. Formatação avançada 148 Microsoft Excel Selecione um intervalo de células. 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. Opcionalmente, altere o intervalo de células clicando em Recolher Caixa de Diálogo na caixa Aplica-se a para ocultar temporariamente a caixa de diálogo, selecionando o novo intervalo de células na planilha e, em seguida, selecionando Expandir Caixa de Diálogo . Selecione a regra e, em seguida, clique em Formatar... A caixa de diálogo Nova Regra de Formatação será exibida. 149 Microsoft Excel Em Selecione um tipo de Regra, clique Formatar todas as células que contenham Em Edite a descrição da regra, na caixa de listagem Formatar valores que estão, siga um destes procedimentos: Formatar por número, data ou hora Selecione Valor da Célula, selecione um operador de comparação e, em seguida, digite um número, uma data ou uma hora. Por exemplo, selecione está entre e digite 100 e 200, ou selecione é igual a e digite 2006-01-01. Você também pode digitar uma fórmula que retorne um número, uma data ou uma hora. Se você digitar uma fórmula, comece 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. Formatar por texto Selecione Texto específico, selecione um operador de comparação e digite o texto. Por exemplo, selecione contém e, em seguida, digite Prateado ou selecione começa com e, em seguida, digite Tri. Aspas são incluídas na seqüência de pesquisa e você pode usar caracteres curinga. O comprimento máximo da seqüência de texto é de 255 caracteres. Você também pode digitar uma fórmula que retorne texto. Se você digitar uma fórmula, comece 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. Formatar por data Selecione Datas que ocorrem e, em seguida, selecione uma comparação de data. Por exemplo, selecione Ontem ou Próxima Semana. Formatar células em branco ou sem espaços em branco Selecione Vazias ou Não Vazias. 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. Formatar apenas valores mais altos ou mais baixos É possível localizar o valor mais alto e o valor mais baixo em um intervalo de células com base em um valor de corte especificado. Por exemplo, você pode localizar os cinco produtos mais vendidos em um relatório regional, a faixa de produtos 15% inferiores em uma pesquisa com clientes ou os 25 maiores salários em uma análise do departamento de pessoal. 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 Digite os valores que deseja usar e, em seguida, selecione um formato. 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. Opcionalmente, altere o intervalo de células clicando em Recolher Caixa de Diálogo na caixa Aplica-se a para ocultar temporariamente a caixa de diálogo, selecionando o novo intervalo de células na planilha e, em seguida, selecionando Expandir Caixa de Diálogo . Selecione a regra e, em seguida, clique em Editar regra. A caixa de diálogo Editar Regra de Formatação será exibida. Em Selecione um tipo de regra, clique em Formatar apenas valores acima ou abaixo da média. Em Edite a descrição da regra, na caixa de listagem Formatar valores classificados nos, selecione Primeiros ou Últimos. Siga um destes procedimentos: Para especificar um número superior ou inferior, digite um número e, em seguida, desmarque a caixa de seleção % do intervalo selecionado. Os valores válidos estão entre 1 e 100. Para especificar um percentual superior ou inferior, digite um número e, em seguida, marque a caixa de seleção % do intervalo selecionado. Os valores válidos estão entre 1 e 100. 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 Visualização. Formatar todas as células usando barras de dados Uma barra de dados ajuda você a ver o valor de uma célula com relação a outras células. O comprimento da barra de dados representa o valor na célula. Uma barra mais longa representa um valor mais alto e uma barra mais curta representa um valor mais baixo. Barras de dados são úteis 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. Opcionalmente, altere o intervalo de células clicando em Recolher Caixa de Diálogo na caixa Aplica-se a para ocultar temporariamente a caixa de diálogo, selecionando o novo intervalo de células na planilha e, em seguida, selecionando Expandir Caixa de Diálogo . Selecione a regra e, em seguida, clique em Editar regra. A caixa de diálogo Editar Regra de Formatação será exibida. Em Selecione um tipo de regra, clique em Formatar apenas valores acima ou abaixo da média. Em Edite Descrição da Regra, na caixa de listagem Formatar Estilo, selecione Data Bar. Selecione um Type para Shortest bar e para Longest Bar. Siga um destes procedimentos: Formatar valor mais alto e valor mais baixo Selecione Lowest Value e Highest Value. Neste caso, você não insere um Valor para Shortest bar e Longest Bar. Formatar um valor numérico, de data ou de hora Selecione Number e digite um Value para Shortest bar e Longest Bar. Formatar uma porcentagem Selecione Percent e digite um Value para Mais Curta e Mais Longa. 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 Percentile e digite um Value para Mais Curta e Mais Longa 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. Formatar todas as células usando uma escala de cores As escalas de cores são guias visuais que ajudam a entender a distribuição e a variação de dados. Uma escala de três cores ajuda a comparar um intervalo de células usando uma gradação de três cores. O tom da cor representa valores maiores, médios ou menores. Por exemplo, em uma escala de cores verde, amarela e vermelha, é possível especificar que células de valores mais altos tenham a cor verde, valores médios tenham a cor amarela e células de valores mais baixos tenham a cor vermelha. 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 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. Opcionalmente, altere o intervalo de células clicando em Recolher Caixa de Diálogo na caixa Aplica-se a para ocultar temporariamente a caixa de diálogo, selecionando o novo intervalo de células na planilha e, em seguida, selecionando Expandir Caixa de Diálogo . Selecione a regra e, em seguida, clique em Editar Regra. A caixa de diálogo Editar Formatação da Regra será exibida. Em Selecione um tipo de regra, clique em Formatar todas as regras com base em seus respectivos valores. Em Edite a descrição da regra, na caixa de listagem Estilo de formatação, selecione um Tipo para Mínimo, MidPoint e Máximo. Siga um destes procedimentos: Formatar valores mais altos e mais baixos Selecione um MidPoint. Neste caso, você não digita um Valor Mais Baixo e Valor Mais Alto. Formatar um valor numérico, de data ou de hora Selecione Número e digite um Valor para Mínimo, MidPoint e Máximo. Formatar uma porcentagem Selecione Porcentagem e digite um Valor para Mínimo, MidPoint e Máximo. 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 e digite um Valor para Mínimo, MidPoint e Máximo. 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 proporção de cores e valores baixos (como os 20 últimos percentis) em outra proporção de cores, 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 Mínimo, MidPoint e Máximo. 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 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. Formatar todas as células usando um conjunto de ícones Use um conjunto de ícones para anotar e classificar dados em três a cinco categorias separadas por um valor limite. Cada ícone representa um intervalo de valores. Por exemplo, no conjunto de ícones de 3 Setas, a seta vermelha para cima representa valores mais altos, a seta amarela lateral representa valores médios e a seta verde para baixo representa valores mais baixos. 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 Conjunto de ícones e selecione um conjunto de ícones. 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. Opcionalmente, altere o intervalo de células clicando em Recolher Caixa de Diálogo na caixa Aplica-se a para ocultar temporariamente a caixa de diálogo, selecionando o novo intervalo de células na planilha e, em seguida, selecionando Expandir Caixa de Diálogo . Selecione a regra e, em seguida, clique em Editar Regra. A caixa de diálogo Editar Regra de Formatação será exibida. 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. Limpar formatos condicionais Siga um destes procedimentos: 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 Um intervalo de células, uma tabela ou uma tabela dinâmica Selecione o intervalo de células, a tabela ou a tabela dinâmica para que deseja limpar os formatos condicionais. Na Guia Início, no Grupo Estilos, clique na seta ao lado de formatação condicional e, em seguida, clique em Limpar Regras. Dependendo do que você selecionou, clique em Células Selecionadas, da tebela ou da tabela dinâmica. Formatar como tabela Podemos formatar rapidamente um intervalo de células e convertê-lo em tabela, escolhendo um estilo de tabela predefinido. Selecione o intervalo desejado, clique na Guia Início, Grupo Estilos, opção formatar como tabela. Laboratório EXERCÍCIO 01 – FORMATAÇÃO CONDICIONAL E AUTOFORMATAÇÃO 158 Microsoft Excel Na planilha Exercício 01: Calcule a média final. Formate a tabela utilizando a AutoFormatação Após, faça a formatação condicional conforme as regras abaixo: Média superior ou igual a 7,0 formate-as em Azul; Média inferior a 7,0 formate-as em Vermelho; EXERCÍCIO 02 – PROTEGER OS ARQUIVOS, FÓRMULAS E AS PLANILHAS Utilizando a planilha Exercício 01, bloqueie com senha e oculte as fórmulas aplicadas na planilha. EXERCÍCIO 03 – FORMATAÇÃO CONDICONAL Na planilha Exercício 03: Formate conforme a tabela abaixo Atletismo PROVA 800 m rasos ÍNDICE A SER ATINGIDO 01:48,00 Número do atleta Raia Tempo (min) 1 6 01:45,00 2 7 01:58,34 3 2 01:46,00 4 3 01:52,00 5 1 01:46,29 6 8 01:47,59 7 4 01:48,21 8 5 01:49,15 Após, faça a formatação condicional conforme as regras abaixo: O tempo dos atletas que atingirem o tempo de 1:48,00 estarão aptos a representar o país e serão apresentados com a cor Verde; Os demais serão representados na cor vermelha; 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 EXERCÍCIO 04 – FUNÇÕES SOMASE E CONT.SE Na planilha Exercício 04, preencha com as funções necessárias para informar o que é solicitado na pesquisa. 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; EXERCÍCIO 06 – FUNÇÕES LÓGICAS, MATEMÁTICAS E FÓRMULAS Na planilha Exercício 06, preencha com as funções necessárias para informar o que é solicitado: No campo Saldo, calcule o saldo da conta, tendo como base o saldo anterior; No campo Análise Diária, quando saldo maior ou igual a zero, mostrar a mensagem 1, caso contrário mostrar a mensagem 2; Calcule a Soma, a Média, o Maior valor, o Menor valor e a Quantidade de depósito ou saque efetuados; No campo Dias em (+), informe o número de dias que a conta ficou positiva; No campo Dias em (-), informe o número de dias que a conta ficou negativa; No campo Análise, mostrar a mensagem 3 quando o número de dias no negativo for maior que o número de dias no positivo. Caso contrário, mostra a mensagem 1. EXERCÍCIO 07 – FUNÇÃO SE, SOMASE E CONT.SE Na planilha Exercício 07, preencha com as funções necessárias para informar o que é solicitado. Abono: Se o salário do funcionário for acima de R$ 1.000,00, não receberá abono, caso contrário receberá um abono de R$ 56,00; EXERCÍCIO 08 – FUNÇÕES LÓGICAS, MATEMÁTICAS E FÓRMULAS Na planilha Exercício 08, preencha com as funções necessárias para informar o que é solicitado. Na coluna Comissão, se vendedor atingir volume de vendas maior ou igual a R$ 10.000,00, ele receberá comissão, caso contrário não receberá comissão; Na coluna Salário Total, somar a salário com a comissão; Calcular o Total das Vendas, das Comissões e dos Salários; Na tabela Venda por Funcionários, fazer um resumo de vendas para cada funcionário; Mostra a maior e a menor venda por funcionários. EXERCÍCIO 09 – FUNÇÕES LÓGICAS, MATEMÁTICAS E FÓRMULAS Na planilha Exercício 09, preencha com as funções necessárias para informar o que é solicitado: Na coluna Data Venc., acrescente 30 dias na Data Compra; Na coluna Atraso, se houver atraso, mostre quantos dias; Na coluna Multa, acrescente 1% do valor sobre o total de atraso; Na coluna A pagar, somar a coluna Valor com Multa. 163 Microsoft Excel EXERCÍCIO 10 – FUNÇÕES LÓGICAS, MATEMÁTICAS E FÓRMULAS Na planilha Exercício 10, preencha com as funções necessárias para informar o que é solicitado: Na coluna Média, calcular a média da notas dos alunos; Na coluna Situação: Se média for menor ou igual a 5 então situação Reprovado Se média for maior que 5 e menor que 7 então Recuperação Se média for maior ou igual a 7 então Aprovado Na coluna Recupração: Se Situação for igual a Reprovado ou Aprovado então "em férias"; Senão "em aula". EXERCÍCIO 11 – FUNÇÕES LÓGICAS, MATEMÁTICAS E FÓRMULAS Na planilha Exercício 11, preencha com as funções necessárias para informar o que é solicitado: Na coluna %IR e %INSS, calcule conforme a tabela abaixo Salário %IR %INSS Até 200 1% 2% de 200,01 até 400,00 2% 4% de 400,01 até 500,00 3% 6% de 500,01 até 900,00 4% 8% Acima de 900,01 5% 10% Na coluna VR, calcule o vale refeição conforme a tabela abaixo Salário VR até 699,99 R$34,00 acima de 699,99 R$67,00 Na coluna VT, calcule o vale transporte conforme a tabela abaixo Salário VT até 749,99 R$112,00 acima de 749,990 R$150,00 Na coluna Salário Líquido, desconte o valor do IR e do INSS e acrescente o VR e VT Funções de procura e referência 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 EXERCÍCIO 12 – FUNÇÕES SE E PROCV Na planilha Exercício 12, preencha com as funções necessárias para informar o que é solicitado: IMC = peso/ altura2 Resultado = preencha o resultado com a função procv, conforme a tabela “Quadro IMC” Regime = se a pessoas necessita de regime, preencha com ―Sim‖, caso contrário preencha com ―Não‖. EXERCÍCIO 13 – FUNÇÕES PROCV E FÓRMULAS Na planilha Exercício 13, preencha com as funções necessárias para informar o que é solicitado: Digite o Código de um funcionário na célula H2; Com a função procv, busque o Nome do funcionário de código igual ao informado na célula H2; Busque o Setor do mesmo funcionário; Busque o Cargo; Busque o Salário; Calcule quanto é 21% sobre o salário do funcionário; Calcule quanto é 11% sobre o salário do funcionário; Calcule o Salário Líquido, com os descontos e os acréscimos. EXERCÍCIO 14 – FUNÇÕES PROCV E FUNÇÕES MATEMÁTICAS Na planilha Exercício 14, preencha com as funções necessárias para informar o que é solicitado: Digite 10 nomes na coluna Nome; Gere um número aleatório de 0 a 10, no campo Número; Busque o Nome correspondente a este número gerado aleatoriamente; Obs.: Para fazer o sorteio, pressione F9 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 EXERCÍCIO 15 – FUNÇÕES É.NÃO.DISP E PROCV Na planilha Exercício 15, preencha com as funções necessárias para informar o que é solicitado: Na coluna Produto, busque o produto correspondente ao código na tabela de pizza, e se não estiver disponível busque na tabela de sucos; Na coluna Valor Unit, busque o valor unitário do produto em sua tabela correspondente; Na coluna Valor Total, calcule o conforme a quantidade informada. 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 EXERCÍCIO 16 – FUNÇÕES FINANCEIRAS Vamos supor que você fez um empréstimo a alguém de R$ 1.500,00 a serem pagos durante 8 meses a uma taxa anual de 10% (0,83% ao mês). Qual o valor de cada prestação? 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 diferente, e a coluna que foi filtrada aparecerá com a seguinte opção 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: PARA REMOVER UM AUTOFILTRO: Basta abrir a lista desdobrável da coluna e selecionar Limpar filtro de ... PARA REMOVER TODOS OS AUTOFILTROS: Para remover o auto filtro, você deverá ir novamente à opção Filtro. Depois que você filtrou uma ou mais colunas, se desejar retirar este filtro, basta clicar no Limpar 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 vá até a Guia Dados, Grupo Classificar e Filtrar, comando Avançado. 173 Microsoft Excel Aparecerá a seguinte tela para você definir os parâmetros do seu filtro. É 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. CRITÉRIO COM FÓRMULA Também pode ser usado o resultado de uma fórmula como critério como comparação será usado um campo do registro e na célula de critério faça uma formula de comparação. Exemplo: comparando da primeira quantidade com a media de todas as quantidades do banco de dados determinando que deverá ser extraído os registros maiores que o valor médio. =F2>MEDIA(F2:F12) o resultado dessa formula será verdadeiro ou falso (este valor não importa, pois é apenas o resultado do teste lógico) deixando sempre uma célula vazia em cima desse resultado. 174 Microsoft Excel Seleciona o intervalo de comparação inclusive o rótulo Selecione o critério que é a célula da formula mais uma célula cima. O resultado serão todos os valores acima da média OUTRO EXEMPLO DE FILTRO AVANÇADO: Extrair determinados itens de um banco de dados Selecionar o intervalo desejado para ser extraído Clicar na opção Copiar para outro local O intervalo do Banco de dados já está selecionado inclusive o campo Intervalo de critérios: selecione uma linha em branco Em copiar para: o local onde será inserida a lista. 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; EXERCÍCIO 19 – AUTOFILTRO E FILTRO AVANÇADO 175 Microsoft Excel Utilizando AutoFiltro, faça os seguintes filtros, limpando-os a cada novo exercício: Mostre todos os itens onde o ESTADO CIVIL é igual a Casado; Mostre todos os itens onde o SEXO é igual a Feminino; Mostre todos os itens onde o CARGO comece com Production Technician; Mostre todos os itens onde o CARGO é igual a Production Technician - WC10 e CONTRATAÇÃO inferior ao ano de 2000; Utilizando Filtro Avançado, faça os seguintes filtros: Mostre todos os itens onde o CARGO comece com Production Supervisor e o SEXO seja igual a Masculino ou o CARGO comece com Production Technician; Peça para mostrar os dados na mesma planilha; Mostre todos os itens onde o ID_SETOR for superior a 100 e DATA NASC. for superior a 01/01/1960 ou a CONTRATAÇÃO for superior a 01/01/2000; Peça para mostrar os dados na mesma planilha; 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. Obs.: Podemos também utilizar o atalho: F7. 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: Clique no Botão Office e, em seguida, clique em Oções do Excel Clique em Revisão de Texto. Clique em Opções de AutoCorreção. Guia AutoCorreção Solução para fórmulas ou funções SOLUCIONANDO PROBLEMAS DE VALORES DE ERRO E FÓRMULAS Se uma fórmula não puder avaliar devidamente um resultado, o Microsoft Excel exibirá um valor de erro. Por exemplo, os valores de erro podem ser o resultado do uso de texto quando uma fórmula espera o uso de um valor numérico, da exclusão de uma célula que é referenciada por uma fórmula ou do uso de uma célula que não é grande o suficiente para exibir o resultado. Os valores de erro podem não ser causados pela fórmula em si. Por exemplo, se uma fórmula mostrar #N/D ou #VALOR!, uma célula referenciada pela fórmula poderá conter o erro. 177 Microsoft Excel Existem oito tipos de erros que podem ocorrer em uma fórmula. São eles: ERRO ##### O valor numérico inserido em uma célula é muito grande para ser exibido dentro da célula. Você pode redimensionar a coluna, arrastando o limite entre os cabeçalhos de coluna. A fórmula na célula produz um resultado muito longo para se ajustar à célula. Aumente a largura da coluna, arrastando o limite entre os cabeçalhos de coluna ou alterando o formato de número para a célula. Para alterar o formato de número, clique em Célula no menu Formatar, clique na guia Número e, em seguida, selecione outro formato. Ao subtrair datas e horas, certifique-se de que você tenha criado a fórmula corretamente. As datas e horas do Microsoft Excel devem ser valores positivos. Se a fórmula de data ou hora produzir um resultado negativo, o Microsoft Excel exibirá #### na largura da célula. Para exibir o valor, clique em Células no menu Formatar, clique na guia Número e, em seguida, selecione um formato que não seja um formato de data ou hora. 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. Exibir as relações entre as fórmulas e as células Às vezes, verificar fórmulas (fórmula: uma seqüência de valores, referências de células, nomes, funções ou operadores em uma célula que juntos produzem um novo valor. Uma fórmula sempre começa com um sinal de igual (=).) com relação à precisão ou localizar a origem de um erro pode ser difícil quando a fórmula usa células precedentes ou dependentes: Células precedentes: são células que são referenciados por uma fórmula em outra célula. Por exemplo, se a célula D10 contiver a fórmula=B5, a célula B5 é um precedente da célula D10. Células dependentes: contém fórmulas que se referem a outras células. Por exemplo, se a célula D10 contiver a fórmula=B5, a célula D10 é um dependente da célula B5. Para ajudá-lo a verificar as fórmulas, você pode usar os comandos Trace Precedents e Trace Dependents para exibir graficamente ou rastrear as relações entre essas células e fórmulas com as setas de rastreamento. 179 Microsoft Excel Clique no Botão Office Avançado. , clique em Opções do Excel, e, em seguida, clique na categoria Na seção Exibir opções para esta pasta de trabalho, selecione a pasta de trabalho desejada e verifique se Tudo ou Espaços Reservados está selecionado em Para objetos, mostrar. Se as fórmulas fizerem referência a em outra pasta de trabalho, abra aquela pasta de trabalho. O Microsoft Office Excel não pode ir a uma célula na pasta de trabalho que não está aberta. Siga um destes procedimentos: Rastrear as células que fornecem dados a uma fórmula (precedentes) Selecione a célula que contém a fórmula para a qual você deseja localizar as células precedentes. Para exibir uma seta de rastreamento para cada célula que fornece dados diretamente para a célula ativa, na guia Fórmulas, no grupo Auditoria de Fórmula, clique em Rastrear Precedentes . As setas azuis mostram as células que não contêm erros. As setas vermelhas mostram as células que causam erros. Se uma célula em outra planilha ou pasta de trabalho fizer referência à célula selecionada, uma seta preta apontará da célula selecionada para um ícone de planilha . A outra pasta de trabalho precisará estar aberta antes que o Excel possa rastrear essas dependências. Para identificar o próximo nível de células que fornecem dados para a célula ativa, clique em Rastrear Precedentes novamente. Para remover as setas de rastreamento um nível por vez, iniciando com a célula precedente mais à direita da célula ativa, na guia Fórmulas, no grupo Auditoria de Fórmula, clique na seta próxima a Remover Setas e, em seguida, clique em Remover Setas Precedentes nível de setas rastreadoras, clique no botão novamente. . Para remover outro Rastrear as fórmulas que fazem referência a uma determinada célula (dependentes) Selecione a célula para a qual você deseja identificar as células dependentes. Para exibir uma seta de rastreamento (setas rastreadoras: setas que mostram a relação entre a célula ativa e suas células relacionadas. As setas rastreadoras são azuis quando apontam de uma célula que fornece dados para outra célula; e são vermelhas se uma célula contém um valor de erro, como #DIV/0!.) para cada célula dependente da célula ativa, na guia Fórmulas, no grupo Auditoria de Fórmula, clique em Rastrear Depedentes . As setas azuis mostram as células que não contêm erros. As setas vermelhas mostram as células que causam erros. Se uma célula em outra planilha ou pasta de trabalho fizer referência à célula selecionada, uma seta preta apontará da célula selecionada para um ícone de planilha . A outra pasta de trabalho precisará estar aberta antes que o Excel possa rastrear essas dependências. Para identificar o próximo nível de células que dependem da célula ativa, clique em Rastrear Depedentes novamente. Para remover as setas de rastreamento um nível por vez, iniciando com a célula dependente mais à esquerda da célula ativa, na guia Fórmulas, no grupo Auditoria de Fórmula, clique na seta próxima 180 Microsoft Excel a Remover Setas e, em seguida, clique Remover Setas Dependentes de setas rastreadoras, clique no botão novamente. . Para remover outro nível Consulte toda a relação na planilha Em uma célula vazia, digite = (sinal de igual). Clique no botão Selecionar tudo. Selecione a célula e na guia Fórmula, no grupo Auditoria de Fórmula, clique em Rastrear Precedentes duas vezes. Para remover todas as setas de rastreamento (setas rastreadoras: setas que mostram a relação entre a célula ativa e suas células relacionadas. As setas rastreadoras são azuis quando apontam de uma célula que fornece dados para outra célula; e são vermelhas se uma célula contém um valor de erro, como #DIV/0!.) na planilha, na guia Fórmulas, no grupo Auditoria de Fórmula, clique em Remover Setas . 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 executar, editar ou excluir uma macro. F9 Calcula todas as planilhas em todas as pastas de trabalho abertas. SHIFT+F9 calcula a planilha ativa. CTRL+ALT+F9 calcula todas as planilhas em todas as pastas de trabalho abertas, independentemente de elas terem sido ou não alteradas desde o último cálculo. CTRL+ALT+SHIFT+F9 verifica novamente as fórmulas dependentes e depois calcula todas as células em todas as pastas de trabalho abertas, inclusive as células que não estão marcadas para serem calculadas. CTRL+F9 minimiza a janela da pasta de trabalho para um ícone. F1 0 Ativa e desativa as dicas de tecla. SHIFT+F10 exibe o menu de atalho para um item selecionado. CTRL+F10 maximiza ou restaura a janela da pasta de trabalho selecionada. F1 1 Cria um gráfico dos dados no intervalo selecionado. SHIFT+F11 insere uma nova planilha. ALT+F11 abre o Editor do Microsoft Visual Basic, no qual você pode criar uma macro utilizando o VBA (Visual Basic for Applications). F1 2 Exibe a caixa de diálogo Salvar Como. Combinação com a tecla ctrl CTRL+SHIFT+( Exibe novamente as linhas ocultas dentro da seleção. CTRL+SHIFT+) Exibe novamente as colunas ocultas dentro da seleção. CTRL+SHIFT+& Aplica o contorno às células selecionadas. CTRL+SHIFT_ Remove o contorno das células selecionadas. CTRL+SHIFT+~ Aplica o formato de número Geral. CTRL+SHIFT+$ Aplica o formato Moeda com duas casas decimais (números negativos entre parênteses) CTRL+SHIFT+% Aplica o formato Porcentagem sem casas decimais. CTRL+SHIFT+^ Aplica o formato de número Exponencial com duas casas decimais. CTRL+SHIFT+# Aplica o formato Data com dia, mês e ano. CTRL+SHIFT+@ Aplica o formato Hora com a hora e os minutos, AM ou PM. CTRL+SHIFT+! Aplica o formato Número com duas casas decimais, separador de milhar e sinal de menos (-) para valores negativos. CTRL+SHIFT+* Seleciona a região atual em torno da célula ativa (a área de dados circunscrita por linhas e colunas vazias). Em uma tabela dinâmica, seleciona o relatório inteiro. CTRL+SHIFT+: Insere a hora atual. CTRL+SHIFT+" Copia o valor da célula que está acima da célula ativa para a célula ou a barra de fórmulas. CTRL+SHIFT+Mais (+) Exibe a caixa de diálogo Inserir para inserir células em branco. CTRL+Menos (-) Exibe a caixa de diálogo Excluir para excluir as células selecionadas. 182 Microsoft Excel CTRL+; Insere a data atual. CTRL+` Alterna entre a exibição dos valores da célula e a exibição de fórmulas na planilha. CTRL+' Copia uma fórmula da célula que está acima da célula ativa para a célula ou a barra de fórmulas. CTRL+1 Exibe a caixa de diálogo Formatar Célula. CTRL+2 Aplica ou remove formatação em negrito. CTRL+3 Aplica ou remove formatação em itálico. CTRL+4 Aplica ou remove sublinhado. CTRL+5 Aplica ou remove tachado. CTRL+6 Alterna entre ocultar objetos, exibir objetos e exibir espaços reservados para objetos. CTRL+8 Exibe ou oculta os símbolos de estrutura de tópicos. CTRL+9 Oculta as linhas selecionadas. CTRL+0 Oculta as colunas selecionadas. CTRL+A Exibe a caixa de diálogo Abrir para abrir ou localizar um arquivo. CTRL+SHIFT+A insere os nomes e os parênteses do argumento quando o ponto de inserção está à direita de um nome de função em uma fórmula. CTRL+B Exibe a janela Salvar Como. CTRL+C Copia as células selecionadas. CTRL+C seguido por outro CTRL+C exibe a Área de Transferência. CTRL+F CTRL+SHIFT+F abre a caixa de diálogo Formatar Célula com a guia Fonte selecionada. CTRL+G Exibe a caixa de diálogo Ir Para. F5 também exibe essa caixa de diálogo. CTRL+I Aplica ou remove formatação em itálico. CTRL+K Exibe a caixa de diálogo Inserir Hiperlink para novos hiperlinks ou a caixa de diálogo Editar Hiperlink para os hiperlinks existentes que estão selecionados. CTRL+O Abre novos documentos do Excel. CTRL+P Exibe a caixa de diálogo Imprimir. CTRL+SHIFT+P abre a caixa de diálogo Formatar Células com a guia Fonte selecionada. CTRL+S Aplica ou remove sublinhado. CTRL+U Exibe a janela Localizar e substituir. CTRL+V Insere o conteúdo da Área de Transferência no ponto de inserção e 183 Microsoft Excel substitui qualquer seleção. Disponível somente depois de ter recortado ou copiado um objeto, texto ou conteúdo de célula. CTRL+W Fecha a janela da pasta de trabalho selecionada. CTRL+X Recorta as células selecionadas. CTRL+Y Repete o último comando ou ação, se possível. CTRL+Z Usa o comando Desfazer para reverter o último comando ou excluir a última entrada digitada. CTRL+SHIFT+Z usa o comando Desfazer ou Refazer para reverter ou restaurar a correção automática quando Marcas Inteligentes de AutoCorreção são exibidas. 184 Unidade 4 - Edição de Apresentações Microsoft PowerPoint O PowerPoint é um programa de apresentações eletrônicas. Nele, você irá encontrar todos os recursos para criar apresentações profissionais, de uma forma fácil e rápida. O que pode ser feito com 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. Como fazer apresentações A elaboração de apresentações em computador é uma forma de autoria de material audiovisual simples e rápida e está à disposição de todos. Apresentaremos alguns princípios básicos de organização visual que podem ser úteis na elaboração de apresentações mais interessantes. Por onde começar Antes de começar a se preparar para uma apresentação, decida aonde quer chegar com ela, determine seus objetivos e enumere os principais tópicos de sua apresentação. Para aumentar o envolvimento do público, você pode preparar perguntas e inseri-las na apresentação. É possível também deixar espaços na apresentação para as intervenções dos participantes, criando cenários para debates. 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. Aí vão algumas regras simples quanto ao layout do texto: Microsoft PowerPoint Não sobrecarregue demais o slide com palavras: não ultrapasse 36 palavras arranjadas, no máximo, entre seis a oito linhas de texto. O texto deve ocupar, no máximo, entre 2/3 a 3/4 da tela usando sempre caracteres grandes. Atente para a seguinte regra quanto ao uso de fontes serifadas ou não serifadas: A - fonte serifada (Times) - a linha na base dos caracteres guia os olhos do leitor facilitando a leitura, indicada para o texto do parágrafo. A - fonte não serifada (Arial) - atrai mais a atenção do leitor para o texto, indicada para o título. 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: Gráficos de setores são os mais indicados para apresentar partes do todo. Gráficos de colunas ou barras são úteis para comparar vários elementos Gráficos de linha são indicados para mostrar mudanças de um elemento com o passar do tempo. Gráficos de pontos são úteis para mostrar tendências sutis. 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: Algumas regras simples: 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. Condense sua apresentação em uma ou duas frases. Enfatize palavras fortes. Utilize a aliteração. O uso de várias palavras que começam com a mesma letra ajuda a tornar o resumo memoriável. 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 ou pelo atalho Ctrl + O. Abrir Apresentação Uma das operações básicas de manipulação de arquivos do PowerPoint é a abertura de um arquivo já existente. Esta operação consiste em carregar um arquivo que já foi editado e salvo em outra oportunidade. Em muitos casos você não consegue elaborar uma boa apresentação de slides de uma vez. São necessários vários dias para que você consiga reunir todas as formatações adequadas para dar à apresentação um aspecto profissional e de boa aparência. 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: ou pelo atalho Ctrl + A. Salvar Apresentação Para salvar uma Apresentação, você deve clicar no Botão Office, opção Salvar: 189 Microsoft PowerPoint ou pelo atalho Ctrl + B ou F12 Será necessário informar o nome e o local onde será guardado o arquivo apenas na primeira vez que efetuamos esta operação. Também temos um atalho no Barra de Ferramentas de Acesso Rápido A extensão será .ppt 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 , opção Imprimir, Visualização de Impressão. 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 Comandos para uma nova apresentação 1 - Cria uma nova apresentação em branco. 2 - Cria uma nova apresentação com base num modelo predefinido. 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. 5 - Abre um arquivo existente para usar como modelo. 193 Microsoft PowerPoint Entendendo a janela do PowerPoint Botão Office Guias Painel Slide Anotações Barra de Atalhos Barra de Zoom Entendendo os Modos do PowerPoint 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. Modo Classificação de Slides Nesse modo, você vê todos os slides da apresentação na tela ao mesmo tempo, exibidos em miniatura. Isso facilita a adição, exclusão e movimentação dos slides, adição de intervalos e seleção de transições animadas para mover de um slide para outro. Você também pode visualizar animações em vários slides, selecionando os slides que deseja visualizar e clicando na Guia Exibição, Grupo Modo de exibição e apresentação. Quando estiver criando a apresentação, você pode, no momento em que desejar, iniciar a apresentação de slides e visualizá-la, clicando em Apresentação de Slides 195 Microsoft PowerPoint Trabalhando com os comandos do 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 manuseio de documentos no PowerPoint. Início Inserir Guia onde você tem os comandos para incluir objetos no seu slide. Design Guia onde se encontra a opção de edição e design dos slides. Animações Guia onde se encontra animações de transição e abertura de slides Apresentação de Slides Guia contém comandos para iniciar a apresentação Revisão Guia Onde você tem comando que verifica ortografia, dicionário e comentários. Exibição Guia onde estão as opções de visualização sobre a área de trabalho. Guia Início Guia Inserir 196 Microsoft PowerPoint Guia Design Guia Animações Guia Apresentação de Slides Guia Revisão 197 Microsoft PowerPoint Guia Exibição Trabalhando com Slides e Layouts 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. Copiar um slide de uma apresentação para outra Exiba o slide que precederá o slide que você deseja inserir. Na guia Design, Grupo Temas, clique em , e Procurar Temas. 199 Microsoft PowerPoint Aparecerá a tela abaixo e: Localize e selecione a apresentação da qual você deseja copiar um slide. Selecione o(s) slide(s) que você deseja copiar e clique em Aplicar. Excluir um slide Selecione o slide que você deseja excluir. Na Guia Início, Grupo Slides, clique em Excluir. 200 Microsoft PowerPoint Dica: Para excluir vários slides, vá o modo de classificação de slides no lado esquerdo da tela. Mantenha pressionada a tecla CTRL enquanto clica nos slides e clique em Delete. Trabalhando com Slides e Slide Mestre 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. Para exibir o slide mestre você deve: Na Guia Exibição, Grupo Modo de Exibição de Apresentação clique em Slide Mestre. 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. Use o layout Slide de título para slides baseados no título mestre. Modelos de estrutura e mestres Cada modelo de estrutura é fornecido com seu próprio slide mestre. Os elementos do slide mestre controlam a estrutura do modelo. Vários modelos também contêm um título mestre separado. Quando você aplica um modelo de estrutura a uma apresentação, o PowerPoint atualiza automaticamente os estilos de texto e os elementos gráficos no slide mestre e altera o esquema de cores para o contido no novo modelo de estrutura. Qualquer objeto adicionado ao slide mestre, como uma caixa de texto ou figura, não será excluído quando você aplicar um novo modelo de estrutura. Alterar o slide mestre Se você aplicar um novo modelo de estrutura, modifique a cor ou o tamanho do texto mestre ou altere a cor de plano de fundo no slide mestre. Todos os slides refletirão a alteração. Se você adicionar um elemento gráfico ao slide mestre, ele aparecerá em todos os slides. Da mesma maneira, se você modificar o layout do título mestre, os slides designados como slides de título também serão alterados. Para realizar tais modificações você deve: No Guia Exibição, Grupo Modos de Exibição de Apresentação e clique em Slide Mestre. 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. Usando, criando e modificando Plano de Fundo. 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. Criar um Plano de Fundo Na Guia Design, Grupo Plano de Fundo, clique em Estilos de Plano de Fundo. Selecione uma opção de Plano de fundo. Ou selecione a opção Formatar Plano de Fundo. Selecione a opção Preenchimento sólido, clique no botão Cor e selecione a opção Mais Cores. Na paleta de cores Padrão, clique na cor desejada. Na paleta de cores Personalizar, arraste o cursor em forma de cruz para selecionar uma cor, arraste a barra de rolagem para ajustar o brilho e clique em OK. Repita esse processo para cada cor que desejar alterar. Para aplicar a nova cor apenas ao slide atual, clique em Fechar. Para aplicá-la a todos os slides da apresentação, clique em Aplicar a tudo. Aplicar o esquema de cores de um slide a outro 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 mais de um slide. para recolorir um slide, ou clique duas vezes para recolorir 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. Apresentando os slides na tela do computador 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. Veja abaixo como fazer para acionar a apresentação na tela. 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. Abaixo você tem um exemplo do que é um botão de ação: O botão Avançar ou Próximo quando inserido no slide, avança o slide para o próximo, ao clique do mouse. 204 Microsoft PowerPoint 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. Colocando textos nos slides 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 slide Digitando textos em formas Neste espaço reservado, você pode dar um clique, e logo após, começar a digitar o seu texto. 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 Usando a ferramentas “Texto” Para adicionar texto fora de um espaço reservado ou forma, use o botão Caixa de Texto se encontra na Guia Inserir, Grupo texto. que 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 Selecionando e editando um texto Selecionar um texto Faça o seguinte Para selecionar Clique duas vezes na palavra Uma palavra Clique três vezes em qualquer local Um parágrafo ou (no painel de do parágrafo estruturas de tópicos) um parágrafo e todos os seus subparágrafos Clique em Pressione CTRL+T Todo o texto em um único slide (no painel de estruturas de tópicos) Todo o texto em um objeto ou (no painel de estruturas de tópicos) uma estrutura de tópicos inteira 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: Localizando e substituindo texto 207 Microsoft PowerPoint Localizar texto Na Guia Início, Grupo Edição, clique em Localizar. Na caixa Localizar, insira o texto que você deseja pesquisar. Clique em Localizar próxima. Dica: Para cancelar uma pesquisa em andamento, pressione ESC. Verifi cand o Orto grafi 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. Para substituir a próxima ocorrência do texto, clique em Substituir. Dica: Para cancelar uma pesquisa em andamento, pressione ESC. Para substituir todas as ocorrências do texto, clique em Substituir todas. a 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 Utilizando método de tópicos No modo de tópicos, o PowerPoint mostra somente o texto da apresentação. Neste modo de visualização é possível digitar o texto e organizar as idéias para sua apresentação. Os parágrafos da apresentação são tratados como tópicos, neste modo, você além de editar, pode modificar o nível e organizar os tópicos. Selecione a Aba Tópicos Exemplo de dois slides no modo de estrutura de tópicos Título do slide 209 Microsoft PowerPoint Conteúdo do slide (com marcador) Título do segundo slide Barra de ferramenta estrutura de tópicos: Selecionando no modo de tópicos: 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. Utilizando textos de outros aplicativos 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 Clique na aba Slides à esquerda. Clique com o botão direito do mouse no slide que deseja ocultar. Aparecerá a tela abaixo: 210 Microsoft PowerPoint Escolha a opção Ocultar Slide. Inserir um Hyperlink Clicar no botão Hyperlink, na Guia Inserir, Grupo Links Abrirá a caixa de diálogo Inserir Hyperlink Digite aqui o nome que irá ser exibido no slide Barra dos tipos de links a ser utilizado. feita. Aqui será indica o caminho de acesso ao arquivo, e-mail ou web. Botões de procura por arquivo ou página web. 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. Adicionando elementos visuais nos slides Desenhando objetos no PowerPoint Para desenhar algum objeto escolha-o antes na Guia Inserir, Grupo Ilustração, logo após, clique no slide e arraste até desenhar a forma desejada, depois solte o mouse. Ferramentas de desenho Clique no desenho e aparecerá nas Guias, a opção Ferramenta de Desenho. Utilize a Ferramentas para desenho para você agrupar/desagrupar, Ordenar, Alinhar ou alterar as formas das figuras clip-art que são inseridas na apresentação do PowerPoint Dica: Dando duplo clique no botão escolhido esse se torna ativo para desenhar quantos objetos você queira. Para torná-la inativa escolha outra ferramenta ou dê um clique sobre o botão ativo. Desenhando linhas e formas livres: A seguir segue como desenhar algumas formas, sendo que as demais formas disponíveis no PowerPoint devem seguir o mesmo procedimento para serem desenhas. Linhas: Na Guia Inserir, Grupo Ilustração, clique em Formas, a ponte para Linhas linha desejado. e clique no estilo de 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. Inserir uma figura do Clip Gallery Exiba o slide ao qual você deseja adicionar uma figura. Clique no botão Clip Art na Guia Inserir, Grupo Ilustração. Note que a barra Painel de Tarefas exibe uma opção para você procurar a figura que deseja, para isso digite a categoria da figura como, por exemplo, a palavra ―futebol‖ e logo em seguida clique no botão Ir como mostra a figura abaixo: Nota: O Office encontra automaticamente as figuras relacionadas com a palavra que você pesquisou. 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 Exiba o slide ao qual você deseja adicionar uma figura. Para adicionar a figura a todos os slides da apresentação, adicione-a ao slide mestre. Na Guia Inserir, Grupo Ilustração, acione o comando Imagem. Localize a pasta que contém a figura que você deseja inserir. Clique na figura. Siga um destes procedimentos: Para incorporar a figura na apresentação, clique em Inserir. Para vincular a figura da apresentação ao arquivo de figuras contido na unidade de disco rígido, clique na seta ao lado de Inserir e, em seguida clique em Vincular ao Arquivo. 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 Criar um álbum de fotografias Na Guia Inserir, Grupo Ilustração, acione o comando Álbum de Fotografias. Aparecera a tela abaixo: Para inserir fotografias de sua pasta pessoal ou disco Para adicionar caixas de texto. Para ajustar as fotos. Após ter escolhido suas fotografias, clique em Criar. Automaticamente será criado um novo documento do PowerPoint e as fotografias serão inseridas nos slides em seu formato ideal. Criando Gráficos Adicionar um gráfico a uma apresentação Quando você cria um gráfico clicando duas vezes em um espaço reservado para gráficos ou clicando na Guia Inserir, Grupo Ilustração, opção Gráfico, o Microsoft Graph exibe um gráfico e seus dados associados em uma tabela chamada "planilha de dados". A planilha de dados fornece informações de exemplo que mostram onde digitar seus próprios rótulos e dados de linhas e colunas. Depois de criar um gráfico, você pode inserir seus próprios dados na planilha de dados, pode importar dados de um arquivo de texto ou arquivo do Lotus 1-2-3, importar uma planilha ou gráfico do Microsoft Excel ou copiar dados de outro programa. 215 Microsoft PowerPoint Espaço reservado para adicionar um gráfico. Para adicionar o gráfico, basta dar um duplo clique em cima do ícone. Logo após o duplo clique Aparecerá uma Janela com opções de gráficos já pronto conforme a tela a esquerda. Escolha um dos gráficos e aparecerá à tela abaixo dividida com uma planilha do Excel, você pode alterar os dados na planilha que automaticamente será alterado no gráfico. Quando terminar, de um clique fora da área do gráfico, dentro da Janela do PowerPoint. 216 Microsoft PowerPoint Podemos alterar algumas opções do gráfico. Para isso, Clique no gráfico, aparecerá acima da guia Design... sobre um componente do gráfico e altere as suas propriedades de cor, fonte e em alguns tipos a ex: Exibição 3D Criando Organograma Como Inserir um 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 Clique nas caixas (retângulos) para incluir o texto desejado. OBS.: Para retornar ao PowerPoint, clique fora da área de seleção do organograma 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. Inserir um objeto de desenho WordArt No painel de slides, clique no slide ao qual você deseja adicionar um efeito especial. Na guia Inserir, Grupo Texto, clique em WordArt . Clique no efeito especial desejado. Na caixa que aparecerá, digite o texto que deseja formatar, Para adicionar ou alterar efeitos do texto, Selecione o texto e Clique na Guia Ferramentas de desenho, Grupo Estilos de Formas e selecione o design desejado. 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. Trabalhando com Objetos do PowerPoint Selecionando e agrupando objetos Selecionando objetos no modo de slides Objeto de texto selecionado Para selecionar aponte com a para o objeto e clique. Quando o cursor estiver com esta pronta para mover o objeto. Figura selecionada Para selecionar esse objeto aponte com a e clique. Quando o objeto estiver com pontos brancos em seu redor é porque está selecionado. Esses pontos brancos servem para redimensionar os objetos. 220 Microsoft PowerPoint Vários objetos selecionados ao mesmo tempo: Caixa de Texto Figura do ClipArt Formas Gráfico Elipses 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 superior direito da folha e arraste até o final da mesma. . Dê um clique no canto Movendo e alinhando objetos Mover um objeto ou um conjunto de objetos Selecione o objeto, espaço reservado, seleção múltipla ou grupo que deseja mover. Arraste o objeto para o novo local. Dicas: Para fazer com que um objeto se mova somente na horizontal ou na vertical, pressione a tecla SHIFT enquanto arrasta o objeto. Você também pode mover um objeto em pequenas distâncias selecionando-o e pressionando as teclas de seta. 221 Microsoft PowerPoint Alinhar objetos em relação ao slide Selecione os objetos que deseja alinhar. Na Guia correspondente ao objeto que foi adicionado (Figura, Desenho), clique em Formatar, Grupo Organizar , opção Alinhar e aponte para Alinhar ou Distribuir. 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. Alinhar objetos com guias Arraste uma guia para colocá-la no local em que deseja alinhar os objetos. 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. Trazer um objeto para frente, Enviar para trás, Avançar e Recuar. 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 Seleção do objeto Clique no ponto do objeto e arraste o mouse Parar de girar livremente Recortando, copiando, colando e duplicando objetos. 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: Selecione o objeto que deseja redimensionar. Na Guia Ferramenta de Desenho, Guia Formatar, clique no comando referente ao tipo de objeto selecionado — por exemplo, Formas ou Figuras — e, em seguida, clique na guia Tamanho. 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. Utilizando PowerPoint com outros produtos 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. Criar um novo objeto incorporado Exiba o slide em que você deseja inserir o objeto incorporado. Na Guia Inserir, Grupo Texto, clique em Objetos. Clique em Criar novo. Na caixa Tipo de Objeto, clique no tipo de objeto que você deseja criar. Para exibir o objeto incorporado como um ícone, marque a caixa de seleção Exibir como ícone. 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. Objeto vinculado ou incorporado a partir de um arquivo existente 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. Objeto vinculado ou incorporado a partir das informações em um arquivo existente Selecione as informações a partir das quais você deseja criar um objeto vinculado ou um objeto incorporado. Clique na Guia Início, Grupo Área de Transferência, clique em Copiar Alterne para o arquivo em que você deseja colocar as informações e clique no local em que deseja que as informações sejam exibidas. Clique na Guia Início, Grupo Área de Transferência e clique em Colar Especial. Para criar um objeto vinculado, clique em Colar Vínculo. 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. Anotações, folhetos e Apresentações de slides 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 Digite anotações no painel de anotações quando você trabalhar em uma apresentação. Quando você salva a apresentação como uma página da Web, as anotações são exibidas com cada slide. Para ver uma maior parte do painel de anotações, aponte para a borda superior dele até que o ponteiro assuma a Folhetos forma de seta de duas pontas esteja do tamanho desejado. e arraste até que o painel 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 Criando apresentações de slides Depois de montados os slides, e ter se organizado a seqüência da apresentação, o usuário poderá trabalhar a classificação de slides, que é a definição de como todos os slides aparecerão na tela quando o mesmo for apresentado. Nos tópicos que se seguirão abaixo, mostraremos cada passo destas configurações, afim de que a sua apresentação possa ser bem estimulante visualmente. 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 Os slides ficarão na forma de miniatura. 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: Clique na Guia Início, Grupo Edição 230 Microsoft PowerPoint Clique em Selecionar e escolha a opção Selecionar Tudo Vá até a barra classificação de slides Escolha a Guia Animações, Grupo Transição para este slide. Aplicando efeitos em textos O PowerPoint oferece uma forma para você criar um efeito para a gradual de textos na apresentação. Para aplicar efeitos em objetos e texto que entender que existem efeitos de Entrada, Saída, Ênfase e Trajetória animação que podemos definir para único texto ou objeto. Observe a figura abaixo: rápida entrada temos de um Selecione o texto dentro da caixa de testos 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. Aplicando efeitos de animação em objetos É 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. Inserindo arquivo de música 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: Esse procedimento abre a caixa de diálogo Inserir Som. Selecione um arquivo com som, geralmente os arquivos de som do Windows, encontram-se no seguinte caminho: c:\windows\media. Em seguida aparecerá a tela abaixo para configurar o modo de execução. 232 Microsoft PowerPoint Clique sobre o botão Automaticamente ou Quando Clicado. Um ícone em formato de alto-falante surgirá no seu slide. Para configurar o modo de execução da música: Clique no objeto e aparecerá as Ferramenta de Som, Guia opções. Conforme Figura abaixo. 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. Para inserir um vídeo no seu slide, você deve: 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... Esse procedimento abre a caixa de diálogo Inserir Filme. Em seguida aparecerá a tela abaixo para configurar o modo de execução. 233 Microsoft PowerPoint Clique sobre o botão Automaticamente ou Quando Clicado. Aparecerá uma pequena tela onde será apresentado filme. 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 Fale o que deseja gravar e clique no botão Parar 234 Microsoft PowerPoint Para executar o som gravado, clique no botão Play. Assistente para Viagem 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. Na caixa Nomear o CD, escreva o nome do pacote de arquivos. 235 Microsoft PowerPoint 1 2 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... 5 6 Na caixa Nome da Pasta, defina o nome da pasta. Na caixa Local, selecione o local onde deseja criar a pasta com o pacote de arquivos. Configurando o Modo de Apresentação 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. Observe abaixo a caixa de diálogo ―Configurar apresentação‖ : As três primeiras opções referem-se ao modo como os slides serão apresentados. Pode-se definir se todos os slides serão apresentados ou só uma pequena seqüência de um grande documento. 236 Microsoft PowerPoint Se o usuário desejar que a apresentação seja contínua, ou seja, sem parar (muito usado em feiras de ciências, apresentações, etc.), deverá marcar esta caixa “repetir continuamente até „Esc” ser pressionado. Se o usuário definiu tempo automático de transição de um slide para o outro, a opção “Usar intervalos se houver” deverá estar ativa; ( marcada ). 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 Teclas de atalho para o 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. Número+ENTER = Vai para o slide número. A = Mostra ou oculta o cursor em forma de seta. 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. X ou SINAL DE MAIS = Interrompe ou reinicia uma apresentação de slides automática. ESC, CTRL+BREAK ou HÍFEN = Encerra uma apresentação de slides. E = Apaga anotações na tela. H = Vai para o próximo slide oculto. T = Define novos intervalos ao testar. O = Usa os intervalos originais ao testar. M = Usa um clique do mouse para avançar ao testar. 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. CTRL+O = Oculta imediatamente o ponteiro e o botão de navegação. CTRL+M = Mostra ou oculta a marcação à tinta. CTRL+S = Oculta o ponteiro e o botão de navegação em 15 segundos. CTRL+F = Exibe a barra de tarefas. CTRL+S = Caixa de diálogo Todos os Slides. 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. SHIFT+TAB = Vai para o último hiperlink ou o anterior em um slide. ENTER enquanto um hiperlink estiver selecionado = Executa o comportamento "clique no mouse" do hiperlink selecionado. SHIFT+ENTER enquanto um hiperlink estiver selecionado = Executa o comportamento "mouse desativado" do hiperlink selecionado. 240 Unidade 5 - Web – construção de páginas Microsoft FrontPage O Microsoft FrontPage é um editor HTML WYSIWYG e ferramenta de administração de websites da Microsoft para o sistema operacionalWindows. Foi parte da suíte de aplicativos Microsoft Office de 1997 a 2006. Foi substituído pelo Microsoft Expression Web. Como um editor WYSIWYG (o que você vê é o que você tem), o FrontPage foi projetado para esconder os detalhes dos códigos HTML do usuário, tornando possível a criação de páginas de Internet por usuários leigos. Alguns desenvolvedores criticam o programa por criar códigos muito maiores do que o necessário deixando a performance dos navegadores web fraca. Além disso, outros reclamam que o FrontPage não cria páginas de acordo com os padrões da W3C e que às vezes não aparece corretamente em navegadores que não são da Microsoft. Tela inicial Criando a primeira página Clique em Arquivo/ Propriedades (veja na tela abaixo). Com essa opção, você pode: escrever o título da página (na Guia Geral) Páginas Web 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. PARA INSERIR FIGURAS: Opção 1 – De um arquivo do seu microcomputador. Clique em ou em Barra de Menu Principal clique em Inserir/Figuras/ Do Arquivo. Basta selecionar a imagem desejada e clicar em ―OK‖. 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). PARA EDITAR FIGURAS Ao Inserir uma imagem e depois selecioná-la podemos utilizar várias ferramentas para tratar a nossa imagem. Ao selecioná-la surgira no rodapé do FrontPage a seguinte barra. 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. Branco e Preto e Desbotar O Primeiro dos botões permite que visualize e transforme a sua imagem colorida em preto e branco e o segundo botão transforma a sua imagem em marca d´água. COMO INSERIR LINHA HORIZONTAL As páginas WEB freqüentemente empregam linhas horizontais para dividir visualmente as páginas em seções. Para poder inserir uma linha horizontal, posicione o cursor onde você deseja inserir a linha e depois na Barra Menu Principal clique em Inserir / Linha Horizontal. A linha que é inserida será cinza como padrão, para podermos alterar as propriedades desta linha, basta apenas dar um duplo clique na linha e abre-se a janela de propriedades da linha horizontal. Figura a seguir. 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 Linguagem HTML e a Internet 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. Por que Entender o HTML? 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. Conceitos Básicos de HTML 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. TAG O QUE FAZ <!-- comentário --> Insere comentários nas páginas <html> Toda página HTML deve estar entre o tag de início de um documento HTML e o tag de fim deste documento. <head> Envolvem a seção de cabeçalho do documento, no qual são especificadas informações que não são exibidas na página, 249 HTML e WebStandards como título do documento e informações sobre o assunto da página. <title> Indica o título do documento para o Browser. Geralmente os Browsers apresentam este título na barra de título da sua Janela no Windows <body> Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND. <br> Insere uma quebra de linha Exemplo de HTML com Tags Básicas 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> Principais Tags HTML 250 HTML e WebStandards <br> Quebra de linha; <p> Parágrafo; <strong> Negrito; <em> Itállico; <h1> Padrão para títulos. Pode ser de <h1> a <h6>; <hr> Marca uma linha horizontal para dividir partes da página; <div> Tag de divisão lógica; <ul> Listas com marcadores; <ol> Listas numeradas; <li> Item da lista <img> Insere imagem <a> Define link <table> Tag para criar tabelas; <tr> Tag para criar linha da tabela; <td> Tag para criar célula da tabela; <form> Define um formulário; 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: <font color= “#000000”>texto em preto</font> <font color=”#ffffff”>texto em branco</font> <font color=”#ff0000”>texto em vermelho</font> 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: Número codificado em hexadecimal Valor do mesmo em decimal 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 Linguagem HTML e a Internet 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 organizações associadas, incluindo Microsoft, America 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. Importância dos Web Standards 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. Por que Entender o HTML? 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. Conceitos Básicos de HTML 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. TAG O QUE FAZ <!-- comentários --> Insere comentários nas páginas <html> Toda página HTML deve estar entre o tag de início de um documento HTML e o tag de fim deste documento. <head> Envolvem a seção de cabeçalho do documento, no qual são especificadas informações que não são exibidas na página, como título do documento e informações sobre o assunto da página. <title> Indica o título do documento para o Browser. Geralmente os Browsers apresentam este título na barra de título da sua Janela no Windows <body> Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND. <br> Insere uma quebra de linha 255 HTML e WebStandards Exemplo de HTML com Tags Básicas 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> Familiarizando-se com o 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. TAG O QUE FAZ <hn> Marca um título. Sendo que ―n‖ representa um valor que pode ser de 1 a 6, o tamanho muda de forma decrescente, ou seja, o número 1 é o maior tamanho do título. <hr> Insere uma linha horizontal <p> Marca um parágrafo <center> Centraliza todo o conteúdo entre as tags <center> e </center> <b> Coloca o texto em negrito <i> Coloca o texto em itálico <u> Coloca o texto sublinhado <tt> Coloca o texto em fonte monoespaçada. (fonte Courier,como máquina de escrever) <font> Modifica a formatação do texto. Atributos: Size = define o tamanho da letra. Ex: <font size=5>Texto</font> Face = define o estilo da letra. Ex: <font face=verdana>Texto</font> Color = define a cor da letra. Ex:<font color=red>Texto</font> <pre> Marca um trecho formatado com fonte monoespaçada. A formatação com espaços e entrada de parágrafos é respeitada. <basefont> Modifica a formatação padrão do texto. Ex: <basefont size=5> Exemplo de Títulos e Subtítulos 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. <!-- início do documento html--> <html> <head> <title>Melhorando minha home page</title> </head> <!-- início do corpo da página--> <body> <h1>Este é o título Principal</h1> <h2>Este é o título Secundário</h2> <h3>Estou adorando criar páginas</h3> <hr> <p>Este é o 1º primeiro paragráfo <br>Esta é 2ª linha do 1º paragráfo </p> <p>Com este recurso inicio um paragráfo <br>E com este recurso quebro uma linha </p> <hr> <!-- fim do corpo da página --> </body> </html> <!-- fim do documento html--> Veja o resultado no browser. 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> Para ver o resultado deste exemplo abra o browser: 259 HTML e WebStandards Exemplo de Formatação de Textos 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 <br><font face=verdana>Texto com a letra Verdana</font> <br><center> <font color=blue face=verdana size=5><b>Olá Mundo!!!</b></font></center> <br>Você poderá os atributos para cada tipo de letra! <br> <font color=blue size=6>O</font><font color=red size=4>lá Mundo</font> <br> <pre> Estamos progredindo no curso de HTML. Este tag permite que todos os espaços feitos no código fonte sejam respeitados. Certo? </pre> </p> </body> </html> 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: TAG O QUE FAZ 261 HTML e WebStandards <ol> Marca o início e o fim de uma lista ordenada. Recebem na primeira linha um número ou letra. Atributos: Start = especifica o número a partir do qual os itens começam a ser contados. Ex: <ol start=3> Type = modifica o tipo do numerador que pode ser: número, letras ou algarismo romano. <ul> Marca o início e o fim de uma lista não ordenada, ou seja, os itens da lista recebem símbolos na primeira linha. Atributos Type = modifica o tipo do marcador (símbolo), que pode ser: Circle = um círculo vazio. Disc = um círculo cheio. Square = um quadrado cheio <li> Marca um item de uma lista, ordenada ou não ordenada. 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: Listas Simples – Exemplo 1 Confira este primeiro exemplo de uma lista simples: basico5.html. <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> Listas Simples – Exemplo 2 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> Listas com Subníveis 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: <font color=#000000>texto em preto</font> <font color=#ffffff>texto em branco</font> <font color=#ff0000>texto em vermelho</font> 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: Número codificado em hexadecimal Valor do mesmo em decimal 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 Digite o código abaixo como cores1.html <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. Utilizando o Vermelho com Verde 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 a imagem abaixo em seu browser para poder conferir as cores: Um Exemplo com Todas as Cores 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 Fazendo Referência a Outros Documentos 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=/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. Incluindo Imagens com a Tag IMG 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. TAG O QUE FAZ <img> Insere uma imagem Atributos src indica o nome da imagem a ser carregado. align=middle centraliza o base do texto com o centro da imagem align=left faz a imagem flutuar a esquerda enquanto o texto circunda imagem à direita. align=top alinha o texto no topo align=right faz a imagem flutuar a direita enquanto o texto circunda imagem à esquerda. alt=‖n‖ indica o texto para ser exibido quando o navegador não exibe a imagem. Sendo que n é o título que identifique a imagem. Exemplo: <img src=fig.jp alt=‖Esta é uma imagem legal‖> 270 HTML e WebStandards Incluindo Imagens – Exemplo 1 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> Alinhando Imagens – Exemplo2 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 <img src=imagem1.gif align=top> Neste exemplo a imagem está à esquerda e o texto está no topo. Observe que quando o texto continua na linha seguinte ele segue para abaixo da imagem <br><hr><br> <img src=imagem1.gif align=middle>A imagem está à esquerda e o texto no centro, porém a situação da quebra de linha persiste, com o texto seguindo, na linha seguinte, para abaixo da imagem. <br><hr><br> <img src=imagem1.gif align=left>Neste exemplo a imagem ficou alinhada à esquerda, permitindo que o texto ficasse todo à direita ao redor da imagem. Utilize este recurso toda vez que desejar que o texto fique ao lado da imagem <br><hr><br> <img src=imagem1.gif align=right>Neste exemplo a imagem ficou alinhada à direita, permitindo que o texto ficasse todo à esquerda ao redor da imagem. </body> </html> Acompanhe com o professor como cada comando de alinhamento posiciona de forma diferente o texto e a imagem. 272 HTML e WebStandards Incluindo Imagens no Fundo da Página – Tag BODY É 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>. <body> Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND. 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 Fundo com Padronagem 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: TAG O QUE FAZ <a> Define um link 274 HTML e WebStandards Atributos Href: indica o endereço do link. Target: define onde o link será aberto: _blank define que será aberta uma nova janela. Página com Links – Exemplo 1 Confira a página link1.html: <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> Veja o resultado na figura a seguir: 275 HTML e WebStandards Criando TABELAS Tabelas e Layout de Páginas O recurso de tabelas foi originalmente criado, no HTML, com o objetivo de organizar informações e exibir dados na forma de planilhas. Este ainda é um dos principais usos de planilhas em HTML, e será bastante explorado nesta unidade. Entretanto, com este recurso também foi possível exercer um controle muito maior sobre o layout de uma página HTML. Utilizando uma série de técnicas envolvendo imagens de 1 pixel de altura, planilhas com bordas invisíveis e formas inteligentes de posicionar imagens, é possível criar layouts bastante sofisticados. Esta técnica está caindo em desuso, porém, pois com o HTML 4.1 e o CSS é possível controlar de forma bastante precisa a diagramação de um site sem ter que utilizar as tabelas como um subterfúgio. Nas próximas unidades serão apresentadas técnicas de diagramação sem o uso de tabelas (tableless design), enquanto que nesta unidade o foco é no uso de tabelas para a exibição de informações em planilhas. Construindo uma Tabela Tabelas são definidas, em HTML, com a definição das linhas e, dentro das linhas, das células de cada coluna. Com apenas 4 tags, vistas na tabela seguinte, é possível definir diversos tipos de tabelas: 276 HTML e WebStandards TAG O QUE FAZ <table> Define uma tabela. Antes e depois de uma tabela, acontece sempre uma quebra de linha. Atributos Border: define espessura da borda da tabela Cellspacing: espaço entre cada célula Cellpadding: distância entre borda e conteúdo de cada célula. Width: largura da tabela, em pixels ou valor percentual <tr> Define uma linha normal da tabela (table row). Atributos Align: valores left, right e center definem o alinhamento horizontal. Valign: valores top, middle e bottom definem o alinhamento vertical. <td> Esta é a marcação que define cada célula de uma tabela. As células de uma tabela devem sempre aparecer entre as marcações de linhas (<tr> e </tr>). Como padrão, o texto nas células é alinhado a esquerda. Atributos Align: valores left, right e center definem o alinhamento horizontal. Valign: valores top, middle e bottom definem o alinhamento vertical. Nowrap: não há quebra de linhas dentro das células Colspan: número de colunas que a célula irá ocupar Rowspan: número de linhas que a célula irá ocupar Width: largura da célula, em pixels ou valor percentual <th> Desta forma são definidos os títulos de uma tabela. Estes podem ser posicionados em qualquer célula. A diferença entre a marcação de célula e título de célula é que o título aparece em negrito. Atributos: os mesmos apresentados acima, para td Exemplo de uma Tabela Simples 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. Tabelas Mais Sofisticadas As marcações das tabelas, podem apresentar resultados diferentes, se acompanhadas de alguns atributos mostrados na tabela anterior. Vamos ver os principais em exemplos práticos: Tabela2.html – exemplo de alinhamento horizontal (align) <table border=1> <tr> <td>Primeira célula</td><td>Segunda célula</td><td>Terceira célula</td> </tr> <tr> <td align=center>centro</td> <td align=left>esquerda</td> <td align=right>direita</td> 278 HTML e WebStandards </tr> </table> Tabela3.html – alinhamento vertical (valign) <table border=1> <tr> <td> Teste para alinhamento<br> com relação a bordas<br> inferior e superior<br> </td> <td valign=top> TOP </td> <td valign=middle>MIDDLE</td> <td valign=botton>BOTTOM</td> </tr> </table> Tabela4.html – Célula em várias colunas (colspan) <table border=1> <tr> <td colspan=3>3colunas</td> <td>normal</td> <td>normal</td> </tr> <tr> 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> Tabela5.html – Célula em várias linhas (rowspan) <table border=1> <tr> <td rowspan=3>3 linhas</td> <td>col 2</td> <td>col 3</td> <td>col4</td> <td>col5</td> </tr> <tr> <td>col 2</td> <td>col 3</td> <td>col4</td> <td>col 5</td> </tr> <tr> <td>col 2</td> <td>col 3</td> <td>col4</td> <td>col 5</td> </tr> </table> 280 HTML e WebStandards Tabela6.html – borda maior (border) <table border=5> <tr> <td>teste1</td> <td>teste2</td> <td>teste3</td> </tr> <tr> <td>teste4</td> <td>teste5</td> <td>teste6</td> </tr> </table> Tabela7.html – Espaço entre células (cellspacing) <table border=2 cellspacing=5> <tr> <td>teste1</td> <td>teste2</td> <td>teste3</td> </tr> <tr> <td>teste4</td> <td>teste5</td> <td>teste6</td> </tr> </table> 281 HTML e WebStandards Tabela 8.html – Espaçamento interno a célula (cellpadding) <table border=2 cellpadding=8> <tr> <td>teste1</td> <td>teste2</td> <td>teste3</td> </tr> <tr> <td>teste4</td> <td>teste5</td> <td>teste6</td> </tr> </table> Tabela9.html – largura da tabela em percentuais (width) <table border=1 width=90%> <tr> <td>segunda</td> <td>terça</td> <td>quarta</td> </tr> <tr> <td>quinta</td> <td>sexta</td> <td>sábado</td> </tr> </table> 282 HTML e WebStandards Tabela10.html – espaçamento em célula (width) <table border=1 width=90%> <tr> <td width=70% >segunda</td> <td>terça</td> <td>quarta</td> </tr> <tr> <td>quinta</td> <td>sexta</td> <td>sábado</td> </tr> </table> Exercícios Sugeridos Sugestões de exercícios para serem trabalhados em aula ou em casa. Construindo uma Tabela mais Sofisticada Tente reproduzir a tabela mostrada na figura abaixo utilizando códigos HTML. Observe um cuidado especial com os detalhes de alinhamento. 283 HTML e WebStandards Integrando Recursos em Tabelas Crie agora uma tabela, utilizando sua imaginação, fazendo uso do maior número possível de recursos vistos anteriormente. Inclua imagens, links para outras páginas e as formatações de textos vistos anteriormente. 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 TAG O QUE FAZ <form> Define um formulário Atributos method: get, que envia as informações na própria URL, ou post, que envia de forma não visível para o usuário action: url que será chamada, a priori um aplicativo capaz de tratar os dados enviados pelo formulário (PHP, ASP, JSP). <input> Define uma entrada de dados Atributos Type: text, campo tipo texto; password, para senhas; hidden, não aparece para o usuário; checkbox, para marcar; radio, para escolher entre um conjunto de opções. submit cria um botão para enviar os dados e reset um botão para limpar o formulário. Name: nome do campo Value: valor pré-definido para o campo Size: tamanho do campo a ser exibido Maxlength: tamanho máximo de caracteres Checked: para campos checkbox e radio, define como marcado <textarea> Define uma entrada de texto com várias linhas Atributos Rows: número de linhas Cols: número de colunas <select> Define uma lista de opções para selecionar Atributos Name: nome do campo Multiple: permite selecionar vários campos da lista Site: define o número de linhas a serem exibidas <option> Item de uma lista aberta Atributos 285 HTML e WebStandards Value: valor do campo se este item for selecionado Selected: indica que este valor está selecionado 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. Formulários com Diferentes Tipos do INPUT Vamos agora estudar vários exemplos de pequenos formulários, cada um apresentando um recurso diferente. Teste cada um deles para se familiarizar com a tag apresentada: Form2.html – utilizando tipo password <form method="post" action="/cgi-bin/post-query"> Informe sua senha de acesso (8 caracteres): 286 HTML e WebStandards <input type="password" value="xpto" name="sua_senha" size="8" maxlength="8"> </form> Obs: neste exemplo não faz sentido utilizarmos o método get, pois a função do tipo password perderia o sentido. Form3.html – Botões de limpar e enviar formulário (submit e reset) <form method="get"> Qual o seu primeiro nome? <input type="text"><br> <input type="reset" value="limpa campos"> <input type="submit"> </form> 287 HTML e WebStandards Form4.html – Campos para marcar opções (checkbox) <form method="get"> <p> <input type="checkbox" name="boletim" checked>Sim, eu desejo receber o boletim de notícias. </p> <p> <input type="checkbox" name="info">Sim, eu gostaria de receber mais informações turísticas. </p> <input type="reset" value="limpa campos"> <input type="submit"> </form> 288 HTML e WebStandards Form5.html – campos de opção (radio) <form method=get> Suas preferências na viagem: <dl> <dd>Classe do bilhete: <input type="radio" name="classe" value="eco">econômica <input type="radio" name="classe" value="exe">executiva <input type="radio" name="classe" value="pri" checked>primeira </dd> <dd>Localização: <input type="radio" name="local" value="frente">área fumante <input type="radio" name="local" value="tras">área não fumante </dd> </dl> <input type="reset" value="limpa campos"> <input type="submit"> </form> 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. Entrada de várias linhas de texto - TEXTAREA Observe o exemplo a seguir. Se você deseja que um texto seja exibido no campo textual ao abrir o formulário, simplesmente coloque este texto entre as marcações de início e fim da TEXTAREA. É recomendável utilizar o método post para este tipo de campo, pois existe uma limitação para o máximo de informações que podem ser transmitidas através do método get. Form6.hrml – Texto em várias linhas <form method="post"> Por favor, escreva aqui suas sugestões, dúvidas e críticas:<br> <textarea name="critica" rows="3" cols="40"> gostaria de obter mais informações sobre este servidor. grato. </textarea> <input type="reset" value="limpa campos"> <input type="submit"> </form> 289 HTML e WebStandards Menus com opções - SELECT A marcação SELECT segue a mesma convencão de TEXTAREA. Ou seja, as opções de menu ficam entre a marcação de início <SELECT> e a de fim </SELECT>. Observe os dois exemplos a seguir: Form7.html – Menu de opções <form method="get"> Onde você pretende fazer turismo nas férias? <select name="lugares_para_ver"> <option>fortaleza <option value="sul">Florianópolis ou Porto alegre <option>Rio de janeiro <option selected>Brasília <option value="amazonia">Manaus </select> <br> <input type="reset" value="limpa campos"> <input type="submit"> </form> 290 HTML e WebStandards Form8.html – Opção com múltiplas escolhas <form method="get"> Onde você pretende fazer turismo nas férias? <select multiple size=3 name="lugares_para_ver"> <option>fortaleza <option value="sul">Florianópolis ou Porto alegre <option>Rio de janeiro <option selected>Brasília <option value="amazonia">Manaus </select> <br> <input type="reset" value="limpa campos"> <input type="submit"> </form> 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. Introdução a Estilos CSS 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. Os estilos são geralmente definidos em folhas de estilo. 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. Benefícios em Utilizar CSS 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 criar sites com identidade visual unificada e coerente. 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. Menos código na página => mais fácil codificar. Permitir que visitantes alterem suas preferências definindo estilos dinamicamente. Mais acessível para uma ampla variedade de aparelhos. 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. CSS para Separar Conteúdo da Apresentação 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). Outra vantagem na separação é a possibilidade de tornar disponível o mesmo conteúdo para múltiplos devices (aparelhos) sem necessidade de duplicar o conteúdo, alterando somente a formatação (CSS). Isto inclusive pode ser feito de forma dinâmica ou utilizando linguagem script (Javascript, por exemplo). Entre os devices que suportam conteúdo Web podemos citar: Browsers. Impressoras. PDAs (Personal Digital Assistants). 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/ Páginas Com Semântica Correta 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. Para títulos em tabelas, utilize a tag <th> em vez da tag <td>. Para listas, utilize elementos de lista <li>, <ol> e <ul>. Para o layout, utilize a tag <div> em vez de <table>. 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 A sintaxe do CSS é uma sintaxe de marcação, definindo o elemento(s) a ser formatado, a propriedade e o valor: body { font-size : 70%; color : #000000; 295 HTML e WebStandards background-color : #F1F1F1; margin : 0; } As informações sobre os estilos podem ser armazenadas: Interno - No cabeçalho de um documento HTML. Inline ou Em Linha - Junto a uma determinada tag. Externo – Em um documento .css separado vinculado ao documento HTML através de uma referência externa no cabeçalho do documento. Aplicando estilos a uma página Como mencionado, existem 3 formas de aplicar estilos à uma página HTML, que veremos à seguir: Aplicando estilos a toda a página HTML 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> Aplicando estilos à apenas uma tag HTML específica 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. Utilizando um arquivo de estilos externo 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> Formas de utilização dos Seletores 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: Aplicando estilos à uma tag: 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. Definindo estilos para mais um grupo de tags Semelhante ao primeiro caso, sendo que nosso seletor será uma lista de tags, separadas por vírgulas (,). Agora veremos como podemos aplicar estilos às tags <FONT> e <P> utilizando apenas uma definição de estilo: <html> <head> <title>Alterando o estilo da tag font</title> <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> Definindo uma classe de estilos 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: Atributo Descrição Valores Permitidos Exemplos background Especifica uma imagem de segundo plano ou cor. URL ou o código da cor {background:#33 CC00} border Especifica a lateral da borda que sofre o efeito top / left / right / center {border-left} border-color Especifica a cor da borda. Nome ou código da cor. {border-color: blue} border-style Especifica o estilo da borda. dotted / dashed / solid / double / none / grove / ridge / inset / outset {border-style: grove} border-width Especifica a largura da borda. thin / thick / medium {border-width: medium} color Especifica a cor do texto. Nome ou código da cor. {color: blue} font-family Seleciona o tipo de fonte. Nome da fonte (de acordo com o Windows) {font-family: courier} {font-family: arial} font-size Ajusta o tamanho da fonte. points (pt) {font-size: 12pt} inches (in) centimeters (cm) pixels (px) font-style Aplica o efeito itálico. normal {font-style: italic} italic 300 HTML e WebStandards font-weight Ajusta a espessura da fonte. extra-light {font-weight: bold} light demi-light {font-weight: extra-bold} medium demi-bold bold extra-bold line-height Especifica a distância entre as linhas. points (pt) {line-height: 24pt} inches (in) centimeters (cm) pixels (px) percentage(%) margin-left Ajusta a distância da margem da esquerda. points (pt) {margin-left: 5in} inches (in) centimeters (cm) pixels (px) margin-right Ajusta a distância da borda direita da página. points (pt) {margin-right: 1cm} inches (in) centimeters (cm) pixels (px) margin-top Ajusta a distância da borda superior da página points (pt) {margin-top: 20px} inches (in) centimeters (cm) pixels (px) text-align Especifica o alinhamento do texto. left {text-align: right} center right 301 HTML e WebStandards text-decoration Aplica efeitos no texto. none {text-decoration: none} underline italic line-trough text-indent Especifica a distância entre o texto e a margem esquerda. points (pt) {text-indent: 0.5in} inches (in) centimeters (cm) pixels (px) Exercícios Aplique três estilos a uma página HTML: 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. Utilizando CSS em Situações Reais 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/. Criando Tabelas com Estilos CSS 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. Dados Exibidos em uma Tabela com CSS Observe o exemplo abaixo e a imagem do mesmo: 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. Alterando o Estilo CSS 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> Dados e Formulários com CSS 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 Exercícios com CSS 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. Introdução ao Tableless Design 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). Problemas no Design com Tabelas Podemos enumerar diversos problemas quando utilizamos tabelas para definir o layout de uma página: Misturar informações de apresentação com o conteúdo da 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. Design Tableless – CSS Box Model 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. Um Exemplo de Tableless Design 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 entrega e temos os melhores prazos do mercado</p> </div> </div> </div> </body> </html> Observe o resultado no browser e estude com o instrutor como os elementos CSS definiram o layout da página: XHTML Razões para Existir o XHTML Existem diferentes tipos de navegadores no mercado atual: alguns rodam Internet em computadores pessoais, outros estão instalados em celulares e outros dispositivos móveis. É importante que o 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: <?xml version=‖1.0‖ encoding=‖iso-8859-1‖?> <!DOCTYPE html PUBLIC ―-//W3C//DTD XHTML 1.0 Transitional//EN‖ ―DTD/xhtml1-transitional.dtd‖> <html xml:lang=‖pt-BR‖ lang=‖pt-BR‖ xmlns=‖http://www.w3c.org/1999/xhtml‖> <head> <title> Uso de XHTML </title> </head> <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> Elementos sem Conteúdo Alguns elementos não possuem conteúdo algum. Para eles, existe uma sintaxe especial. Em vez de inserir uma tag de fechamento logo após a tag de abertura, é colocada uma barra (/) antes do fechamento da tag inicial para indicar ao navegador que esse elemento foi terminado. Exemplo: <br /> A tag <br> no HTML não tem conteúdo. É utilizada para realizar uma quebra de linha. No XHTML, essa mesma tag deve ser utilizada como no exemplo anterior para ser válida. O espaço que aparece antes da barra é necessário para que o código seja suportado por navegadores mais antigos, que irão simplesmente ignorar o espaço e o que estiver depois dele. 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> Valores dos Atributos Os valores de atributos, em XHTML, devem estar sempre entre aspas: Correto: <table width="100%"> Incorreto: <table width=100%> Além disto, os elementos sempre devem ter um valor definido: Incorreto: <dl compact> <input checked> <input readonly> <input disabled> <option selected> <frame noresize> 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. <!DOCTYPE html PUBLIC ―-//W3C//DTD XHTML 1.0 strict//EN‖ http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd> 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. <!DOCTYPE html PUBLIC ―-//W3C//DTD XHTML 1.0 Transitional//EN‖ http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> 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> <div class = altcolor> Parágrafo utilizando DIV e a classe altcolor. O elemento DIV sempre insere uma quebra de linha no texto. </div> </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: TAG O QUE FAZ <!-- comentários --> Insere comentários nas páginas <html> Toda página HTML deve estar entre o tag de início de um documento HTML e o tag de fim deste documento. <head> Envolvem a seção de cabeçalho do documento, no qual são especificadas informações que não são exibidas na página, como título do documento e informações sobre o assunto da página. <title> Indica o título do documento para o Browser. Geralmente os Browsers apresentam este título na barra de título da sua Janela no Windows <body> Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND. <br> Insere uma quebra de linha TAG O QUE FAZ <hn> Marca um título. Sendo que ―n‖ representa um valor que pode ser de 1 a 6, o tamanho muda de forma decrescente, ou seja, o número 1 é o maior tamanho do título. <hr> Insere uma linha horizontal <p> Marca um parágrafo <center> Centraliza todo o conteúdo entre as tags <center> e </center> <b> Coloca o texto em negrito <i> Coloca o texto em itálico <u> Coloca o texto sublinhado <tt> Coloca o texto em fonte monoespaçada. (fonte Courier,como máquina de escrever) <font> Modifica a formatação do texto. 316 HTML e WebStandards Atributos: Size = define o tamanho da letra. Ex: <font size=5>Texto</font> Face = define o estilo da letra. Ex: <font face=verdana>Texto</font> Color = define a cor da letra. Ex:<font color=red>Texto</font> <pre> Marca um trecho formatado com fonte monoespaçada. A formatação com espaços e entrada de parágrafos é respeitada. <basefont> Modifica a formatação padrão do texto. Ex: <basefont size=5> TAG O QUE FAZ <ol> Marca o início e o fim de uma lista ordenada. Recebem na primeira linha um número ou letra. Atributos: Start = especifica o número a partir do qual os itens começam a ser contados. Ex: <ol start=3> Type = modifica o tipo do numerador que pode ser: número, letras ou algarismo romano. <ul> Marca o início e o fim de uma lista não ordenada, ou seja, os itens da lista recebem símbolos na primeira linha. Atributos Type = modifica o tipo do marcador (símbolo), que pode ser: Circle = um círculo vazio. Disc = um círculo cheio. Square = um quadrado cheio <li> Marca um item de uma lista, ordenada ou não ordenada. TAG O QUE FAZ 317 HTML e WebStandards <img> Insere uma imagem Atributos src indica o nome da imagem a ser carregado. align=middle centraliza o base do texto com o centro da imagem align=left faz a imagem flutuar a esquerda enquanto o texto circunda imagem à direita. align=top alinha o texto no topo align=right faz a imagem flutuar a direita enquanto o texto circunda imagem à esquerda. alt=‖n‖ indica o texto para ser exibido quando o navegador não exibe a imagem. Sendo que n é o título que identifique a imagem. Exemplo: <img src=fig.jp alt=‖Esta é uma imagem legal‖> TAG O QUE FAZ <a> Define um link Atributos Href: indica o endereço do link. Target: define onde o link será aberto: _blank define que será aberta uma nova janela. TAG O QUE FAZ <table> Define uma tabela. Antes e depois de uma tabela, acontece sempre uma quebra de linha. Atributos Border: define espessura da borda da tabela Cellspacing: espaço entre cada célula Cellpadding: distância entre borda e conteúdo de cada célula. Width: largura da tabela, em pixels ou valor percentual <tr> Define uma linha normal da tabela (table row). Atributos 318 HTML e WebStandards Align: valores left, right e center definem o alinhamento horizontal. Valign: valores top, middle e bottom definem o alinhamento vertical. <td> Esta é a marcação que define cada célula de uma tabela. As células de uma tabela devem sempre aparecer entre as marcações de linhas (<tr> e </tr>). Como padrão, o texto nas células é alinhado a esquerda. Atributos Align: valores left, right e center definem o alinhamento horizontal. Valign: valores top, middle e bottom definem o alinhamento vertical. Nowrap: não há quebra de linhas dentro das células Colspan: número de colunas que a célula irá ocupar Rowspan: número de linhas que a célula irá ocupar Width: largura da célula, em pixels ou valor percentual <th> Desta forma são definidos os títulos de uma tabela. Estes podem ser posicionados em qualquer célula. A diferença entre a marcação de célula e título de célula é que o título aparece em negrito. Atributos: os mesmos apresentados acima, para td TAG O QUE FAZ <form> Define um formulário Atributos method: get, que envia as informações na própria URL, ou post, que envia de forma não visível para o usuário action: url que será chamada, a priori um aplicativo capaz de tratar os dados enviados pelo formulário (PHP, ASP, JSP). <input> Define uma entrada de dados Atributos Type: text, campo tipo texto; password, para senhas; hidden, não aparece para o usuário; checkbox, para marcar; radio, para escolher entre um conjunto de opções. submit cria um botão para enviar os dados e reset um 319 HTML e WebStandards botão para limpar o formulário. Name: nome do campo Value: valor pré-definido para o campo Size: tamanho do campo a ser exibido Maxlength: tamanho máximo de caracteres Checked: para campos checkbox e radio, define como marcado <textarea> Define uma entrada de texto com várias linhas Atributos Rows: número de linhas Cols: número de colunas <select> Define uma lista de opções para selecionar Atributos Name: nome do campo Multiple: permite selecionar vários campos da lista Site: define o número de linhas a serem exibidas <option> Item de uma lista aberta Atributos Value: valor do campo se este item for selecionado Selected: indica que este valor está selecionado 320 HTML e WebStandards 321 HTML e WebStandards 322