Tutorial Macromedia Dreamweaver 2. Tutorial Macromedia Dreamweaver 2

Tamanho: px
Começar a partir da página:

Download "Tutorial Macromedia Dreamweaver 2. Tutorial Macromedia Dreamweaver 2"

Transcrição

1 Tutorial Macromedia Dreamweaver 2 1

2 Indice 1) INTRODUÇÃO...3 OVERVIEW...3 VISUALIZANDO A VERSÃO COMPLETA DO SITE...4 COMO AS PÁGINAS DO TUTORIAL ESTÃO AGRUPADAS...5 2) DEFININDO UM SITE LOCAL...6 FAZENDO O UPLOADING DE UM SITE...8 3) EDITANDO A HOMEPAGE OLIVEBRANCH...10 DEFININDO A COR E A IMAGEM DO BACKGROUND...10 DEFININDO O TÍTULO DA PÁGINA...12 CRIANDO UM MAPA DO SITE CRIANDO LINKS ) CRIANDO UM LAY-OUT DE PÁGINA COMPLEXO...18 CONVERTENDO UMA TABELA EM CAMADAS (LAYERS)...19 ADICIONANDO UMA TACING IMAGE (IMAGEM DE TRAÇADO) PARA GUIAR O LAY-OUT...20 POSICIONANDO AS CAMADAS...21 ADICIONANDO NOVAS CAMADAS...22 ADICIONANDO IMAGENS...22 CONVERTENDO CAMADAS EM TABELAS ) EDITANDO UMA TABELA...26 FORMATANDO A TABELA...26 ORDENANDO A TABELA ) FORMATANDO TEXTOS USANDO ESTILOS ) APLICANDO UM MODELO (TEMPLATE)...32 EDITANDO O MODELO...33 APLICANDO UM MODELO DIFERENTE A UMA PÁGINA ) UNINDO BEHAVIORS A ELEMENTOS DA PÁGINA ) ADICIONANDO UM FILME FLASH ) CONFIRA O SITE

3 1. Introdução Para facilitar o seu trabalho e o meu, neste tutorial nós vamos usar os arquivos criados pela Macromedia assim o que basicamente eu fiz foi traduzir o tutorial que já vem com o Dreamweaver 2, melhorar as explicações quando elas pareciam confusas, eu espero ter conseguido, e adicionar algumas novas informações. Você de estar pensando, no que isso facilita o meu trabalho? Eu respondo: Você já tem todos os arquivos necessários em seu computador, sejam páginas HTML, imagens ou Flash movies. Atenção: eu não tornei explicito no texto os locais em que faço comentários ou acrescento informações ao tutorial Macromedia. Salvo algumas exceções. Se você for como eu não deve gostar daqueles tutoriais que ficam dizendo, faça isso, depois faça isso, e depois isso... sem dizer o porquê deste monte de coisas. Infelizmente os tutoriais da Macromedia são mais ou menos assim. Por isso eu acrescentei, quando possível, mais informações sobre a razão de se fazer deste, e não do outro modo. Overview Neste tutorial, você vai editar um Web Site para uma companhia fictícia, Olivebranch Gourmet Foods, uma fazenda que vende produtos alimentícios. Quando alguém visitar seu site, ele poderá ler sobre a oferta do dia ver o catálogo online, os fregueses também poderão saber mais sobre a Olivebranch e sobre seus eventos. Você vai aprender como: Visualizar as páginas em um browser Definir um site local Escolher propriedades das páginas como background (imagem de fundo) e cores dos links Criar um mapa do site Criar links Criar um layout com layers (camadas) e converter as camadas em tabelas Usar uma tracing image Editar uma tabela Formatar textos aplicando estilos Aplicar um modelo Adicionar behaviors Inserir arquivos Flash ; Para o Dreamweaver as layers são como as caixas de texto para o Word. Nota: Neste tutorial as páginas terão certas características que só serão visualizadas em browsers 4.0 ou superiores (Netscape Communicator, Microsoft Internet Explorer). 3

4 Visualizando a versão completa do Site. Vamos dar uma olhada na versão final do site para termos um idéia do que vamos fazer. 1. No Dreamweaver, escolha File > Open. Encontre a pasta do Dreamweaver, abra a pasta tutorial, e depois a pasta Olivebranch_site, se você não mudou o caminho na hora de instalar ele deve estar em: C:\Arquivos de Programa\Macromedia\Dreamweaver 2\Tutorial\ Olivebranch_site. 2. Selecione index.htm para abrir a home page na janela Document. Não edite esta página, pois ela já está completa. Nós vamos trabalhar em uma outra versão. 3. Escolha File > Preview in Browser, e então selecione um browser para visualizar. (Lembre-se de usar um browser 4.0 ou superior). ; Para conseguir visualizar o site completamente você vai precisar do Flash Player, um plug-in da Macromedia, instalado em seu browser. Para saber se você tem ele instalado vá para Help > About plug-ins e procure por Shockwave Flash. Se você não encontrou pode fazer o download em: 4. Passe o mouse sobre os quatro itens no lado esquerdo da página (about, events, e catalog) e note que os itens mudam indicando que eles são links ativos. Click em qualquer um deles para explorar as outras páginas. Nota: A seção gift basket não será usada. 5. Feche o browser quando você enjoar de ver o site. 4

5 Como as páginas do tutorial estão agrupadas Tanto as páginas HTML completas como as parcialmente completas usadas neste tutorial estão na pasta Olivebranch_site. Imagens e outros arquivos associados estão em um diretório abaixo. Cada arquivo tem um nome significativo por exemplo, o arquivo HTML para a página de eventos é nomeada events_main.htm. Os arquivos parcialmente completos possuem os mesmos nomes mas com o sufixo DW2_; dessa forma o arquivos de eventos parcialmente completo chama-se DW2_events_main.htm. 5

6 1) Definindo Um site local Para começar a trabalhar com o Dreamweaver, você precisa criar um site local. Este site define a estrutura das páginas que você está criando. Um site é um local de armazenamento para todos os documentos (páginas HTML) e arquivos (imagens, sons, etc.) pertencentes ao site na web, em outras palavras é um local no seu disco onde ficará um cópia do seu site na web. Dessa forma você vai trabalhar como se estivesse criando um texto e colocando figuras nele, depois de pronto é só carregar este site local para o seu provedor na web. Precisamos então definir um nome e uma pasta (root folder), para que o Dreamweaver saiba onde você planeja armazenar todos os arquivos deste site. Você deve criar um site local para cada site da web que você trabalhar. Neste tutorial vamos escolher a pasta Olivebranch_site para ser usada pelo site local. / Se até hoje, a única coisa que você costuma fazer na Internet é navegar com seu browser, então talvez você esteja um pouco confuso com estes conceitos sobre site local, site web. Este tutorial não tem a pretensão de ensinar estes conceitos, apenas mostrar como eles funcionam no Dreamweaver, mas para você não sair por aí dizendo que eu te deixei na mão, você pode encontrar várias informações sobre estes conceitos em: ou Para criar um site local: Agora nós vamos dar um nome para nosso site local e depois escolher o diretório em que ele estará localizado: 1. Abra a caixa de diálogo Site Definition (Definição do Site) no Dreamweaver: escolha File > New Site. 2. Na caixa de diálogo Site Definition, certifique-se de que Local Info está selecionada na lista Category 3. No campo Site Name, escreva My_Tutorial, este será o nome de nosso site. Este nome é basicamente um apelido que direciona diretamente para a pasta que definimos como nosso site local. 4. Click na pasta à direita do campo Local Root Folder e navegue até a pasta Olivebranch_site e click Select. 6

7 Nota: O caminho completo para a pasta Olivebranch_site irá variar dependendo de onde você instalou o Dreamweaver 2. Por isso não se preocupe se o caminho mostrado na figura for diferente do seu. 5. Observe que existe um Check Box chamado Cache. Deixe ele como está, quando você for criar o site, o Dreamweaver vai perguntar se você quer criar um cache. Você pode marcá-la agora ou depois. Se você marcar agora o Dreamweaver vai mostrar uma janela dizendo que irá criar o cache, e você vai ter que confirmar mais uma vez, quando estiver criando o site. 6. Click OK. Uma nova janela aparece perguntando se você gostaria de criar um arquivo de cache para este site. Criando um cache para os arquivos do nosso site, cria-se um registro de todos os arquivos existentes neste site, assim o Dreamweaver pode atualizar os links mais rapidamente se você mover, renomear ou apagar um arquivo. A janela Site mostra uma lista de todas as pastas e arquivos que o site local My_Tutorial contém. Esta lista também funciona como um gerenciador de arquivos (como o Windows Explorer), permitindo que você copie, cole, apague, mova e abra arquivos da mesma forma que você faz com o Windows Explorer. Atenção: Sempre que você quiser apagar, mover, renomear, criar, ou qualquer outra ação deste tipo com os arquivos do seu site, use a janela Site. Dessa forma o Dreamweaver gerencializa estas mudanças, evitando desastres! Por exemplo, se você mover uma imagem que esta em várias páginas através da janela Site, o Dreamweaver muda automaticamente os links de todas estas páginas para encontrar a figura neste novo local. Vai por mim, depois não diga que eu não avisei. 7

8 7. Estamos com duas janelas abertas, certo? Pois, bem feche a janela Document, aquela que está com o arquivo index.htm. Mas deixe a janela Site aberta! Quanto à criação do site local o tutorial da Macromedia para por aqui. Talvez você me pergunte: Como é que eu vou colocar este Site na Internet? Vou ter que usar um daqueles programas de ftp e copiar os arquivos? Para aqueles que quiserem saber como fazer com que o Dreamweaver faça o upload do nosso site leia a próxima seção. Se isto não te interessar vá para o próximo capítulo, se você decidir ler a próxima seção, lembre-se: Ela não está no tutorial da Macromedia. Fazendo o Uploading de um site Primeiro deixe-me explicar o que é upload. É simples, você está fazendo um site para colocar na Internet, ou qualquer outra net que use HTML. Você criou o site em seu computador e agora vai copiá-lo o disco que está no computador de um provedor. Assim ele estará acessível para todos que têm acesso a internet. Isso é upload, copiar seu site do seu computador para o computador do provedor através da própria internet. Para definir as opções do servidor: 1. Na janela Site, abra o menu Site > Define Sites. Na caixa com os nomes dos sites clique em My_Tutorial, para selecioná-lo. Então clique no botão Edit. 2. Na caixa Category clique em Web Server Info. No menu Server Access selecione FTP. Vou demonstrar apenas o acesso via ftp pois este é a forma mais comum, e é um pouco mais complicada, já que na Local/Network é só localizar a pasta. 8

9 3. No campo FTP Host digite o endereço do ftp do provedor no qual ficará a sua página. Para exemplificar vou usar um nome qualquer, mas você deve entrar em contato com seu provedor para saber o endereço correto. Por exemplo: usuarios.provendo.com.br. 4. Em Host Directory, você deve colocar o nome de seu diretório público. A advertência sobre o exemplo no passo 3 serve também para agora. Por exemplo: public_html. 5. Para o campo Login, você deve digitar o seu login, isto é o nome que você usa para ser identificado no provedor que dará lugar às suas páginas. Em password você deve colocar a sua senha, mas para ter maior segurança deixe em branco. Na hora de fazer o upload o Dreamweaver vai requisitá-la. 6. Clique OK e depois Done. Pronto! Quando estivemos com o tutorial completo nós vamos fazer o upload! 9

10 2) Editando a Homepage Olivebranch Agora de você já tem a estrutura do site Olivebranch preparada, vamos abrir a versão incompleta da homepage. Vamos criar links e escolher uma cor e uma imagem para o background (de fundo), e um título para a página de tal forma que ela fica como a versão completa. Para abrir a homepage parcialmente completa no Dreamweaver: 1. Na janela Site, dê um duplo clique em DW2_index.htm. 2. Feche a janela Site. Definindo a cor e a imagem do Background Se você usar tanto uma imagem como uma cor para o background, a cor aparecerá enquanto a imagem estiver sendo baixada, criando um background mais atrativos para os usuários enquanto eles esperam a imagem ser baixada. Se a imagem do background tiver pixels transparentes, a cor do background será mostrada através deles. Para definir uma cor de background para a página: 1. Escolha Modify > Page Properties para abrir a caixa de diálogo Page Properties. 2. Altere a cor padrão do background digitando #FFFCC no campo Background. Neste caso, você sabe a cor exata que você deseja. Mas você também pode escolher uma cor da paleta ou usar o conta gotas para escolher uma cor de um objeto qualquer na página. 3. Clique Apply para aplicar a cor do backgorund. Assim que você clicar Apply na caixa de diálogo Page Properties, a página é atualizada na janela Document. Agora, vamos especificar uma imagem para o backgrund da página: 1. Próximo ao campo Background Image, clique em Browse. 2. Selecione home_bg.jpg na pasta Assets da pasta Olivebranch_site. 10

11 3. Clique Apply para adicionar a imagem do background à página. 4. Deixe a caixa de diálogo Page Properties aberta por enquanto. Depois destes passos, a nossa página deve estar assim: 11

12 Definindo o título da página. ; O título de uma página HTML é uma de suas partes mais importantes. O título deve ajudar ao usuário, dizendo a ele o que está prestes a aparecer enquanto o resto da página carrega no browser, além disso, é este título que identificará a página no histórico e na lista de bookmarks. Se você não nomear uma página, ela aparecerá na janela do browser e nas listas de histórico e bookmark como Untitled Document, ou Sem Nome se seu browser estiver em português. Para definir um título para a página: 1. No campo Title da caixa de diálogo Page Properties, digite Olivebranch Gourmet Foods, como título da página, e então clique OK. A barra de título é atualizada para refletir o nome que você deu ao arquivo. 2. Escolha File > Save para salvar as alterações feitas. Criando um mapa do site. Uma mapa do site provê uma representação de alto nível da estrutura do site. Além disso você pode usar o mapa para adicionar novos arquivos para o site, para adicionar, remover e alterar links. Outro recurso muito interessante é que você pode transformar este mapa em uma imagem bitmap, para usar no próprio site ou imprimir. O homepage de um site sempre aparece no topo do mapa; abaixo dela estão as páginas para as quais ela possui links. Se a pasta que você definiu como caminho do site tiver um arquivo chamado index.htm, o Dreamweaver irá automaticamente usá-la como homepage; como a homepage de nosso site My_Tutorial é chamada DW2_index.htm, iremos redefinir a homepage enquanto alteramos a aparência do mapa do site. 12

13 Para criar um mapa do site: 1. Na janela Site, pressione e mantenha o ícone Site Map que está no canto superior esquerdo e escolha Map and Files do menu pop-up. A janela Site agora aparece dividida em dois views de seu local site: na esquerda a árvore do mapa do site representando a estrutura completa do site Olivebanch (com index.htm como a homepage), e na direita está a lista de arquivos que nós já conhecemos. Agora vamos redefinir a homepage do site para que seja usada a versão do tutorial ao invés da versão completa. Para trocar a homepage e modificar a aparência do mapa do site: 1. Escolha View > Layout no menu da janela Site para abrir a caixa de diálogo Site Definition. 2. Selecione Site Map Layout na lista Category da caixa de diálogo Site Definition. 3. Especifique a nova homepage do site clicando na pasta próxima ao campo Home Page e navegando para DW2_index.htm na pasta Olivebranch_site da pasta Tutorial. 13

14 4. Para termos 3 colunas digite 3 em Number of Columns. 5. Clique OK para fechar a caixa de diálogo Site Definition e retorne à janela Site. O mapa do site é atualizado para refletir as mudanças, com a versão do tutorial como homepage no início do mapa. Por enquanto, a versão tutorial da homepage contém apenas um link. Logo vamos estar adicionando mais links a ela. 6. Deixe a janela Site aberta por enquanto, assim você pode ver como o mapa do site é atualizado a medida que você vai adicionando links à homepage. 14

15 Criando Links As imagens na coluna esquerda da homepage guiam os visitantes através do site Oliverbranch. A imagem do topo, about, já linka (permitam-me o aportuguesar esta palavra como sinônimo de tem um link para ) para a página apropriada do site. Você adicionará links para os outros gráficos, events e catalog para que eles também linkem para as páginas apropriadas. ( Nós não vamos trabalhar com a imagem gift basket.) Primeiro adicione um link do gráfico events para a página Events usando o Property inspector. Para criar um link usando o Property inspector: 1. Clique a barra de título da janela Document que contém DW2_index.htm para torná-la ativa, ou selecione o nome do arquivo no menu Window. 2. Clique na imagem events para selecioná-la na janela Document. Nota: Não dê um duplo clique na imagem, ou o Dreamweaver pedirá para você escolher outro arquivo para substituir a imagem. 3. Escolha Window > Properties para abrir o Property inspector se ele ainda não estiver aberto. O Property inspector mostra informações sobre a imagem selecionada. 4. No Property inspector, clique na pasta próxima ao campo Link, que está vazio. 5. Na caixa de diálogo Select HTML File, navegue até a pasta Olivebranch_site, escolha DW2_events_main.htm, e clique Select. Este arquivo aparece no campo Link do Property inspector. Agora vamos adicionar um link ao gráfico catalog de uma outra forma, usando o Property inspector e a janela Site. 1. Clique na barra de título da janela Site para torná-la ativa. 2. Redimensione a janela Document, se necessário, de tal forma que você possa posicionar o lado esquerdo da janela Document e a Janela Site lado a lado. 15

16 3. Clique na imagem catalog para selecioná-la na janela Document. 4. No Property inspector, arraste o ícone point-to-file (aponte para arquivo), localizado próximo ao campo Link para a janela Site e aponte o arquivo DW2_cat_main_index.htm O caminho completo para o arquivo aparece no campo Link no Property inspector para a imagem catalog. Assim que você solta o botão do mouse, o mapa do site é atualizado para refletir o link que você adicionou. 16

17 Um sinal de adição (+) próximo a qualquer ítem do mapa do site indica que há mais ítens associados a ele. Clique no sinal de adição para expandir a árvore assim você verá os ítens associados; clique no sinal de subtração (-) para diminuir a visualização do mapa do site. 5. Feche o Property inspector, mas deixe a janela Site aberta. 6. Escolha File > Save para salvar as alterações feitas na home page. 7. Escolha File > Close para fechar a página. 17

18 3) Criando um lay-out de página complexo Assim como a homepage Olivebranch, a página About Us possuiu um arquivo tutorial relacionado que já foi iniciado para você. Vamos completar a versão tutorial desta página, de forma que seu lay-out seja igual ao da versão completa. Vamos começar abrindo a versão completa da página About Us em um browser pois assim você pode ir observando-a enquanto trabalha na versão tutorial. Para visualizar a versão terminada da página About Us em um browser: 1. Escolha File > Open e selecione about_main.htm na pasta Olivebranch_site dentro da pasta tutorial. Não edite esta página, pois ela pertence ao site terminado. 2. Escolha File > Preview in Browser e selecione um browser 4.0 ou superior. Deixe a janela do browser aberta para que você possa observá-la mais tarde. 3. No Dreamweaver, escolha File > Close para fechar a janela Document que contém a versão terminada da página About Us. Agora, vamos abrir a versão parcialmente completa da página About Us para editá-la no Dreamweaver. Na janela Site do Dreamweaver, dê um duplo clique no arquivo DW2_about_main.htm. 18

19 Convertendo uma tabela em camadas (Layers) Tabelas são muito úteis na criação de lay-out de páginas, além disso elas são suportadas em browsers 3.0 e superiores. Camadas são mais úteis ainda na criação de lay-out complexos, pois você pode reposicionar elementos que foram colocados em camadas simplesmente arratando-o para o seu lugar. As camadas (layers) não são suportadas por browsers 3.0, entretanto com o Dreamweaver você pode tomar vantagem das melhores características de camadas e tabelas, simplesmente convertendo um no outro até que a página tenha o formato que você deseja. Depois que você chegar no lay-out desejado, você pode convertê-la em formato de tabela, de forma que ela seja visualisada em qualquer browser. A página About Us foi iniciada utilizando uma tabela para formatá-la. Vamos iniciar convertendo as células da tabela existente em camadas (layers). Para converter células de uma tabela em camadas: 1. Escolha Modify > Layout > Reposition Content Using Layers. 2. Na caixa de diálogo que aparece, retire a seleção das opções Show Grid e Snap to Grid, deixando as outras opções selecionadas. A opção Show Grid mostra uma grade e a opção Snap to Grid força as camadas a grudarem na linha mais próxima da grade quando você as cria ou modifica. Embora isso ajude você a alinhar elementos, neste caso irá impedir que você mova as camadas (layers) livremente na página como você precisa. 3. Clique em OK para fechar a caixa de diálogo e fazer a conversão. As células da tabela tornam-se camadas e a paleta Layers aparece para ajudá-lo a controlar todas as camadas da página atual. 19

20 Adicionando uma Tacing Image (imagem de traçado) para guiar o lay-out Você pode usar uma imagem JPG, GIF ou PNG como guia para criar uma página web que você primeiro diagramou em um aplicativo gráfico (como o Adobe Photoshop e o Macromedia Fireworks). Uma Tracing Image age como um guia de fundo enquanto você diagrama a página na janela Document. Você irá usar uma Tracing image para posicionar as camadas no documento About Us para que o design da página seja igual ao da imagem abaixo dela. Para carregar uma tracing image: 1. Escolha View > Tracing Image > Load. 2. Selecione about_us_comp.gif na pasta Assets, e então clique Select. 3. Na caixa de diálogo Page Properties, use o deslizador Image Transparency para ajustar a opaticidade da tracing image para 50%. Ajustando o nível de transparência para 50% faz com que a tracing image apareça apagada na janela Document, tornando mais fácil para você distinguir entre a tracing image e os elementos editáveis da página. 4. Clique em OK para adicionar a tracing image e fechar a caixa de diálogo. Uma imagem, a tracing image, aparece na área de trabalho e as camadas (layers) existentes aparecem em frente a ela, mas ainda não alinhadas com a tracing image. (Se nenhuma imagem apareceu, certifique-se de que há uma marca de checagem próximo a Show quando você escolhe o menu View > Tracing Image > Show.) 20

21 Quando você carrega uma tracing image, a imagem e a cor do background não estão visíveis na janela do Documento mas aparecerá quando você visualizar a página em um browser. A tracing image só é visível enquanto você está editando a página na janela Document e nunca aparecerá quando a página é carregada em um browser. Posicionando as camadas Agora mova as camadas que foram criadas a partir da tabela para cima dos seus respectivos lugares na tracing image. Para posicionar as camadas na página: 1. Clique na borda da camada (layer) que contém o texto sobre a Olivebranch para selecioná-la. Uma camada selecionada parece com esta: 2. Pressione o botão do mouse sobre a alça da camada e o mantenha pressionado (ou use as teclas de setas) para mover esta alça sobre o texto genérico na tracing image, redimencione a camada se necessário, para que ela tenha o mesmo tamanho da área do bloco de texto na tracing image. Como os dois blocos contém textos diferentes, as palavras não se alinharão perfeitamente sobre a tracing image, mas como a tracing image aparece somente na área de trabalho, o texto da camada aparecerá normalmente em um browser. 21

22 3. Siga os mesmos passos para a camada contendo a letra O e a posicione sobre a letra O da tracing image. Adicionando novas camadas Agora vamos adicionar novas camadas para as outras partes da tracing image que não aparece na sua página. Para adicionar novas camadas na página: 1. Clique em uma área em branco (sem nenhum objeto) na janela Document. Certifique-se de que o cursor não está dentro de uma camada já existente, ou você criará camadas aninhadas, o que não permitirá que você converta as camadas devolta em tabela. 2. Escolha Insert > Layer para adicionar uma nova camada na página. 3. Mova a camada para a área quadrada na tracing image que diz Diana close-up photo. Como a opção Prevent Overlap (prevenir sobreposição) está selecionada na paleta Layer, você não pode colocar camadas sobre outras. Você deverá redimensionar a camada para que ela possa ser colocada em seu lugar, sem sobrepor outras. 4. Selecione a camada e a redimencione, conforme necessário, para que ela se ajuste na área correspondente da tracing image. 5. Repita estes passos para adicionar mais camadas sobre as áreas da tracing image nomeadas Farm photo (with daughter) and Tree photo. Adicionando imagens Agora, vamos inserir figuras dentro de cada uma das camadas, e então alinhar estas figuras com a tracing image. 22

23 Para inserir uma figura dentro de uma camada e alinhá-las à tracing image: 1. Dê um clique dentro da camada Diana close-up photo para posicionar o cursor dentro da camada sem selecioná-la. Uma camada ativa com o cursor inserido dentro dela se parece com esta: 2. Escolha Insert > Image e selecione about_diana.jpg na pasta Assets para adicionar a imagem na camada. 3. Depois que a imagem apareceu na camada, clique na borda da camada para seleciona toda a camada, então use as teclas de setas para alinhar a figura sobre a tracing image. (Se for necessário, redimencione novamente a camada para que ela se ajuste perfeitamente na área respectiva da tracing image.) 4. Repita estes passos, adicionando a imagem About_daughter.jpg da pasta Assets para a camada Tree photo. 5. Feche a paleta Layer Convertendo camadas em tabelas Agora que já terminamos com a diagramação desta página, vamos converter as camadas em tabelas para que esta página possa ser visualizada tantos em browser 3.0 quanto superiores. 23

24 Para converter todas as camadas em uma tabela: 1. Escolha Modify > Layout > Convert Layers to Table. 2. Clique OK na caixa de diálogo Convert Layers to Table para aceitar as configurações padrão. O Dreamweaver não pode criar uma tabela a partir de camadas que se sobrepõem, foi por isso que usamos a opção Prevent Overlap para impedir esta sobreposição, quando criamos as camadas a partir da tabela original. Agora vamos visualizar a página About Us que acabamos de editar. Para visualizar a página em um browser: 1. Pressione F12 para ver o documento no web browser padrão. Não é necessário salvar um documento antes de visualizá-lo. Todas as funções relativas ao browser irão funcionar neste preview. 2. Compare o arquivo que acabamos de editar com a versão completa que foi aberta no início da lição. 24

25 Se você fechou acidentalmente a janela do browser, a versão completa é about_main.htm. 3. Quando terminar de compará-las, feche ambas as janelas do browser. 4. Retorne ao Dreamweaver e escolha File > Save para salvar as mudanças feitas na página About Us. 5. Escolha File > Close para fechar a página. 25

26 4) Editando uma tabela A página Olivebranch Events mostra concertos, demonstrações e festivais patrocinados pela nossa fazenda. Estes eventos são mostrados em uma tabela que descreve a localização, data e natureza de cada evento. O arquivo tutorial para a página Events contém a tabela de eventos completa. Vamos editar esta tabela movendo as colunas e ordenando as informações contidas nas células. Para abrir a página tutorial Events: 1. Na janela Site, dê um duplo clique no arquivo DW2_events_main.htm. Se você não encontra a janela Site, escolha Windows > Site Files para abri-la ou torná-la ativa. A tabela na página se parece com esta: 2. Mantenha a janela Site aberta mas minimizada. Formatando a Tabela Vamos mover a coluna Where do lado direito da tabela para o esquerdo, para torná-la a primeira coluna da tabela. Para mover colunas dentro de uma tabela: 1. Clique a célula Where no topo da coluna, mantenha o botão pressionado e arraste o ponteiro do mouse para a última célula da coluna para selecionar toda a coluna. Uma forma que eu considero mais fácil para selecionar toda a coluna é mover o ponteiro do mouse exatamente sobre a borda superior da coluna, quando o ponteiro tornar-se uma seta de seleção, clique e você terá toda a coluna selecionada. Apenas tome o cuidado de só clicar o botão do mouse quando o ponteiro mudar, senão ao invés de selecionar somente a coluna você vai selecionar toda a tabela. 26

27 2. Escolha Edit > Cut. 3. Clique dentro da célula When. (Não selecione a célula, apenas posicione o ponteiro dentro dela). 4. Escolha Edit > Paste. Se tudo correu bem, agora a coluna Where é a primeira da tabela. Ordenando a tabela Vamos então colocar a tabela em ordem alfabética pela localização. Para ordenar células em uma tabela: 1. Clique em qualquer lugar dentro da tabela e escolha Commands > Sort Table. 2. Na caixa de diálogo Sort Table, especifique as seguintes opções: Sort By: Column 1 Order: Alphabetically Ascending Then By: Column 2 Order: Numerically Ascending. 27

28 A primeira ordem (Sort By) ordena a tabela alfabeticamente, de acordo com o conteúdo da primeira coluna. A segunda ordem (Then By) ordena a tabela numericamente pelo conteúdo da segunda coluna. 3. Clique OK para ordenar a tabela. Agora vamos formatar a tabela centralizando o conteúdo das células da coluna When. Para centralizar o conteúdo das células de uma tabela: 1. Clique na primeira célula abaixo do cabeçalho When, mantenha o botão pressionado e arraste o mouse para a última célula desta coluna. 2. Escolha Modify > Selection Properties para abrir o Property inspector. 3. Se você não ver o menu Horz no Property inspector, clique na seta expansora no canto inferior direito para mostrar uma lista completa de propriedades. 4. Escolha Center no menu Horz. O conteúdo das células da coluna When é centralizado. 28

29 5) Formatando textos usando estilos Um estilo é um grupo de atributos de formatação que controla a aparência de um bloco ou mais de texto. No Dreamweaver os estilos funcionam basicamente com nas ferramentas de desktop publishing como o Adobe Pagemaker. Alguns editores de texto como o Microsoft Word também possuem a capacidade de formatação por estilos. Por isso eu acho que você já deve estar acostumado a utilizá-los. O Dreamweaver armazena todos os estilos de um documento em um planilha (Style sheet). Vamos criar um estilo personalizado para formatar os cabeçalhos da tabela na página Events. Para criar um estilo personalizado: 1. Escolha Window > Estilos para abrir a paleta Estilos. 2. Clique em Style Sheet para abrir a caixa de diálogo Edit Style Sheet. 3. Clique em New na caixa de diálogo Edit Style Sheet. 4. Certifique-se de que para Type está selecionada Make Custom Style (class). 5. Digite.tablehead para o nome do novo estilo e clique OK. 29

Banner Flutuante. Dreamweaver

Banner Flutuante. Dreamweaver Banner Flutuante Dreamweaver Começamos com um arquivo em branco no Dreamweaver MX. Para que o banner apareça sobre a página, precisamos inserir uma camada a mais no arquivo HTML. Selecione o menu Inserir

Leia mais

Microsoft Office Excel

Microsoft Office Excel 1 Microsoft Office Excel Introdução ao Excel Um dos programas mais úteis em um escritório é, sem dúvida, o Microsoft Excel. Ele é uma planilha eletrônica que permite tabelar dados, organizar formulários,

Leia mais

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4 Sumário Todos os direitos reservados e protegidos pela Lei 5.988 de 14/12/73. Nenhuma parte deste livro, sem prévia autorização por escrito de Celta Informática, poderá ser reproduzida total ou parcialmente,

Leia mais

Capítulo 7 O Gerenciador de Arquivos

Capítulo 7 O Gerenciador de Arquivos Capítulo 7 O Gerenciador de Arquivos Neste capítulo nós iremos examinar as características da interface do gerenciador de arquivos Konqueror. Através dele realizaremos as principais operações com arquivos

Leia mais

Guia de Início Rápido

Guia de Início Rápido Guia de Início Rápido O Microsoft Word 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Barra de Ferramentas de Acesso Rápido

Leia mais

Clique no menu Iniciar > Todos os Programas> Microsoft Office > Publisher 2010.

Clique no menu Iniciar > Todos os Programas> Microsoft Office > Publisher 2010. 1 Publisher 2010 O Publisher 2010 é uma versão atualizada para o desenvolvimento e manipulação de publicações. Juntamente com ele você irá criar desde cartões de convite, de mensagens, cartazes e calendários.

Leia mais

O Windows também é um programa de computador, mas ele faz parte de um grupo de programas especiais: os Sistemas Operacionais.

O Windows também é um programa de computador, mas ele faz parte de um grupo de programas especiais: os Sistemas Operacionais. MICROSOFT WINDOWS O Windows também é um programa de computador, mas ele faz parte de um grupo de programas especiais: os Sistemas Operacionais. Apresentaremos a seguir o Windows 7 (uma das versões do Windows)

Leia mais

Crie um novo documento de mais ou menos 300x300Selecione a ferramenta Elipse tool (elipse U)

Crie um novo documento de mais ou menos 300x300Selecione a ferramenta Elipse tool (elipse U) Animação Crie um novo documento de mais ou menos 300x300Selecione a ferramenta Elipse tool (elipse U) Crie uma bola segurando a tecla SHIFT com uma cor qualquer Duplique essa bola através do menu Editar

Leia mais

Apostila de CmapTools 3.4

Apostila de CmapTools 3.4 Apostila de CmapTools 3.4 Índice Definição do software... 3 Criando um novo mapa... 3 Adicionando um conceito... 3 Alterando a formatação das caixas (Barra de Ferramentas Estilos Paleta Styles)... 7 Guia

Leia mais

Guia de Inicialização para o Windows

Guia de Inicialização para o Windows Intralinks VIA Versão 2.0 Guia de Inicialização para o Windows Suporte 24/7/365 da Intralinks EUA: +1 212 543 7800 Reino Unido: +44 (0) 20 7623 8500 Consulte a página de logon da Intralinks para obter

Leia mais

Capítulo 1. Guia de Início Rápido. Você vai aprender a programar a sua primeira reunião em 5 passos fáceis.

Capítulo 1. Guia de Início Rápido. Você vai aprender a programar a sua primeira reunião em 5 passos fáceis. Capítulo 1 Guia de Início Rápido Você vai aprender a programar a sua primeira reunião em 5 passos fáceis. PRIMEIRO PASSO: Entrando no ClaireMeeting Use o seu navegador e acesse: http://www.clairemeeting4.com.br

Leia mais

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes ALUNES MANUAL DO USUÁRIO Guia rápido Alunes 1 Manual de Instruções Versão 2.0 Alunes Informática 2 Sumário Introdução... 5 Pré-requisitos... 5 Principal/Home... 6 Como editar texto do home... 7 Desvendando

Leia mais

Sumário. 1 Tutorial: Blogs no Clickideia

Sumário. 1 Tutorial: Blogs no Clickideia 1 Tutorial: Blogs no Clickideia Sumário Introdução... 2 Objetivos... 2 Instruções para utilização do Tutorial... 2 Acesso ao Portal e a Home Blog... 3 Página Inicial da área do Blog... 4 Apresentação da

Leia mais

Google Drive. Passos. Configurando o Google Drive

Google Drive. Passos. Configurando o Google Drive Google Drive um sistema de armazenagem de arquivos ligado à sua conta Google e acessível via Internet, desta forma você pode acessar seus arquivos a partir de qualquer dispositivo que tenha acesso à Internet.

Leia mais

Editor HTML. Composer

Editor HTML. Composer 6 Editor HTML 6 Composer Onde criar Páginas Web no Netscape Communicator? 142 A estrutura visual do Composer 143 Os ecrãs de apoio 144 Configurando o Composer 146 A edição de Páginas 148 Publicando a sua

Leia mais

Montar planilhas de uma forma organizada e clara.

Montar planilhas de uma forma organizada e clara. 1 Treinamento do Office 2007 EXCEL Objetivos Após concluir este curso você poderá: Montar planilhas de uma forma organizada e clara. Layout da planilha Inserir gráficos Realizar operações matemáticas 2

Leia mais

Informática - Básico. Paulo Serrano GTTEC/CCUEC-Unicamp

Informática - Básico. Paulo Serrano GTTEC/CCUEC-Unicamp Informática - Básico Paulo Serrano GTTEC/CCUEC-Unicamp Índice Apresentação...06 Quais são as características do Windows?...07 Instalando o Windows...08 Aspectos Básicos...09 O que há na tela do Windows...10

Leia mais

Dicas para usar melhor o Word 2007

Dicas para usar melhor o Word 2007 Dicas para usar melhor o Word 2007 Quem está acostumado (ou não) a trabalhar com o Word, não costuma ter todo o tempo do mundo disponível para descobrir as funcionalidades de versões recentemente lançadas.

Leia mais

Usar Atalhos para a Rede. Logar na Rede

Usar Atalhos para a Rede. Logar na Rede GUIA DO USUÁRIO: NOVELL CLIENT PARA WINDOWS* 95* E WINDOWS NT* Usar Atalhos para a Rede USAR O ÍCONE DA NOVELL NA BANDEJA DE SISTEMA Você pode acessar vários recursos do software Novell Client clicando

Leia mais

Mozart de Melo Alves Júnior

Mozart de Melo Alves Júnior Mozart de Melo Alves Júnior WORD 2000 INTRODUÇÃO: O Word é um processador de texto com recursos de acentuação, formatação de parágrafo, estilo de letras diferentes, criação de tabelas, corretor ortográfico,

Leia mais

Dúvidas Freqüentes sobre o OpenOffice Apresentação

Dúvidas Freqüentes sobre o OpenOffice Apresentação Dúvidas Freqüentes sobre o OpenOffice Apresentação 1 - Como posso inserir mais de um fundo em uma apresentação? 2 - Como uso o slide de uma apresentação em outra apresentação? 3 - Quando recorto um documento

Leia mais

FAQ Perguntas Frequentes

FAQ Perguntas Frequentes FAQ Perguntas Frequentes 1. COMO ACESSO A PLATAFORMA DE ENSINO?... 2 2. NÃO CONSIGO REALIZAR O MEU CADASTRO NO AMBIENTE VIRTUAL DO MMA.... 4 3. FIZ MEU CADASTRO NO SITE E NÃO RECEBI O E-MAIL DE CONFIRMAÇÃO

Leia mais

Ave: Manual do usuário

Ave: Manual do usuário As iniciais no canto superior esquerdo indicam a atual lista de espécies em uso. Clique neste campo para abrir uma grade com todas Ave: Manual do usuário Introdução A Janela Inicial O botão Listas Sobre

Leia mais

Iniciando o Word 2010. Criar um novo documento. Salvando um Documento. Microsoft Office Word

Iniciando o Word 2010. Criar um novo documento. Salvando um Documento. Microsoft Office Word 1 Iniciando o Word 2010 O Word é um editor de texto que utilizado para criar, formatar e imprimir texto utilizado para criar, formatar e imprimir textos. Devido a grande quantidade de recursos disponíveis

Leia mais

INTRODUÇÃO AO WINDOWS

INTRODUÇÃO AO WINDOWS INTRODUÇÃO AO WINDOWS Paulo José De Fazzio Júnior 1 Noções de Windows INICIANDO O WINDOWS...3 ÍCONES...4 BARRA DE TAREFAS...5 BOTÃO...5 ÁREA DE NOTIFICAÇÃO...5 BOTÃO INICIAR...6 INICIANDO PROGRAMAS...7

Leia mais

Microsoft Office 2007

Microsoft Office 2007 Produzido pela Microsoft e adaptado pelo Professor Leite Júnior Informática para Concursos Microsoft Office 2007 Conhecendo o Office 2007 Visão Geral Conteúdo do curso Visão geral: A nova aparência dos

Leia mais

CRIANDO TEMPLATES E LEGENDAS

CRIANDO TEMPLATES E LEGENDAS CRIANDO TEMPLATES E LEGENDAS Este tutorial tem como objetivo instruir passo à passo como criar templates de peças, utilizar os novos recursos de cadastro de propriedade de peças e criação de legenda. 1-

Leia mais

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com. Manual de uso 1. ACESSO AO SISTEMA LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.br Após acessar o link acima, favor digitar seu LOGIN

Leia mais

Linux. Educacional. Tutorial Buzzword

Linux. Educacional. Tutorial Buzzword Linux Educacional Tutorial Buzzword Para trabalhar com o programa Buzzword online, é necessário que crie uma conta no site. Para isso acesse o endereço - https://buzzword.acrobat.com/ Para criar uma conta

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Compartilhamento de Arquivos no Google Drive Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Utilização do Google Grupos Introdução...

Leia mais

OneDrive: saiba como usar a nuvem da Microsoft

OneDrive: saiba como usar a nuvem da Microsoft OneDrive: saiba como usar a nuvem da Microsoft O OneDrive é um serviço de armazenamento na nuvem da Microsoft que oferece a opção de guardar até 7 GB de arquivos grátis na rede. Ou seja, o usuário pode

Leia mais

ÁREA DE TRABALHO. Área de Trabalho ou Desktop Na Área de trabalho encontramos os seguintes itens: Atalhos Barra de tarefas Botão iniciar

ÁREA DE TRABALHO. Área de Trabalho ou Desktop Na Área de trabalho encontramos os seguintes itens: Atalhos Barra de tarefas Botão iniciar WINDOWS XP Wagner de Oliveira ENTRANDO NO SISTEMA Quando um computador em que trabalham vários utilizadores é ligado, é necessário fazer login, mediante a escolha do nome de utilizador e a introdução da

Leia mais

Digitalização. Copiadora e Impressora WorkCentre C2424

Digitalização. Copiadora e Impressora WorkCentre C2424 Digitalização Este capítulo inclui: Digitalização básica na página 4-2 Instalando o driver de digitalização na página 4-4 Ajustando as opções de digitalização na página 4-5 Recuperando imagens na página

Leia mais

Instalando o IIS 7 no Windows Server 2008

Instalando o IIS 7 no Windows Server 2008 Goiânia, 16/09/2013 Aluno: Rafael Vitor Prof. Kelly Instalando o IIS 7 no Windows Server 2008 Objetivo Esse tutorial tem como objetivo demonstrar como instalar e configurar o IIS 7.0 no Windows Server

Leia mais

Instalando o IIS 7 no Windows Server 2008

Instalando o IIS 7 no Windows Server 2008 Goiânia, 16/09/2013 Aluno: Rafael Vitor Prof. Kelly Instalando o IIS 7 no Windows Server 2008 Objetivo Esse tutorial tem como objetivo demonstrar como instalar e configurar o IIS 7.0 no Windows Server

Leia mais

Manual de Uso Wordpress

Manual de Uso Wordpress Manual de Uso Wordpress Olá! Seja bem vindo ao igual. Agora você pode transmitir todas as notícias importantes da sua comunidade de forma mais simples e eficiente. Mas para que isso aconteça, primeiro

Leia mais

Unidade 1: O Painel de Controle do Excel *

Unidade 1: O Painel de Controle do Excel * Unidade 1: O Painel de Controle do Excel * material do 2010* 1.0 Introdução O Excel nos ajuda a compreender melhor os dados graças à sua organização em células (organizadas em linhas e colunas) e ao uso

Leia mais

HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR PARA MÉDICOS

HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR PARA MÉDICOS HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR PARA MÉDICOS 1 CADASTRANDO CLIENTES 1.1 BUSCANDO CLIENTES 1.1.1 BUSCANDO CLIENTES PELO NOME 1.1.2 BUSCANDO CLIENTES POR OUTRAS BUSCAS 1.2 CAMPO OBSERVAÇÕES 1.3

Leia mais

Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail...

Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail... FACEBOOK Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail... 8 Características do Facebook... 10 Postagens... 11

Leia mais

ROBERTO OLIVEIRA CUNHA

ROBERTO OLIVEIRA CUNHA LEIAME APRESENTAÇÃO Nenhuma informação do TUTORIAL DO MICRO- SOFT OFFICE WORD 2003 poderá ser copiada, movida ou modificada sem autorização prévia e escrita do Programador Roberto Oliveira Cunha. Programador:

Leia mais

Como colocar material no blog da turma?

Como colocar material no blog da turma? Como colocar material no blog da turma? O que é um blog? CICLO A palavra blog é uma abreviação de weblog um log na web. Um notebook online ou uma log de viagem. Um blog pode ser descrito como um fluxo

Leia mais

02 - Usando o SiteMaster - Informações importantes

02 - Usando o SiteMaster - Informações importantes 01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,

Leia mais

Manual de utilização do Portal Entrelace.org.br. William Oyama www.evisionbrasil.com.br

Manual de utilização do Portal Entrelace.org.br. William Oyama www.evisionbrasil.com.br Manual de utilização do Portal Entrelace.org.br William Oyama www.evisionbrasil.com.br Índice do tutorial 1 Portal entrelace.obr.br 2- Painel Administrativo 3- Informações Restritas 4- Acervo 5- Notícias

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

ALBUM DE FOTOGRAFIAS NO POWER POINT

ALBUM DE FOTOGRAFIAS NO POWER POINT ALBUM DE FOTOGRAFIAS NO POWER POINT O PowerPoint é uma poderosa ferramenta que faz parte do pacote Office da Microsoft. O principal uso desse programa é a criação de apresentação de slides, para mostrar

Leia mais

Lync Acessando o Lync Web App

Lync Acessando o Lync Web App Lync Acessando o Lync Web App Saiba como ingressar em uma reunião, quais são os recursos disponíveis, as configurações e conheça o layout do Lync Web App. Sumário Lync Web App... 1 Ingressar em uma Reunião

Leia mais

ArcMAP (parte 2) Rodar o ArcMap teclar: Iniciar > Todos os programas > ArcGIS > ArcMap. Sobre a janela selecionar o item An existing map:

ArcMAP (parte 2) Rodar o ArcMap teclar: Iniciar > Todos os programas > ArcGIS > ArcMap. Sobre a janela selecionar o item An existing map: ArcMAP (parte 2) Nesta parte do tutorial, você irá mapear cada tipo de uso da terra dentro do noise contour. Você adicionará dados ao seu mapa, desenhará feições baseadas em atributos, selecionará feições

Leia mais

Manual de Utilização

Manual de Utilização Se ainda tiver dúvidas entre em contato com a equipe de atendimento: Por telefone: 0800 642 3090 Por e-mail atendimento@oisolucoespraempresas.com.br Introdução... 3 1. O que é o programa Oi Backup Empresarial?...

Leia mais

Irá abrir a página de login. Digite ali seu Nome de usuário e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Acessar.

Irá abrir a página de login. Digite ali seu Nome de usuário e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Acessar. Criando um artigo Painel Administrativo Para criar um artigo, entre no Painel Administrativo do seu site pelo endereço do mesmo, acrescentando no final /administrator (ex: HTTP://www.seusite.com.br/administrator

Leia mais

Vinte dicas para o Word 2007

Vinte dicas para o Word 2007 Vinte dicas para o Word 2007 Introdução O Microsoft Word é um dos editores de textos mais utilizados do mundo. Trata-se de uma ferramenta repleta de recursos e funcionalidades, o que a torna apta à elaboração

Leia mais

HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR/SBOT PARA MÉDICOS

HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR/SBOT PARA MÉDICOS HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR/SBOT PARA MÉDICOS 1 CADASTRANDO CLIENTES 1.1 BUSCANDO CLIENTES 1.1.1 BUSCANDO CLIENTES PELO NOME 1.1.2 BUSCANDO CLIENTES POR OUTRAS BUSCAS 1.2 CAMPO OBSERVAÇÕES

Leia mais

XXIV SEMANA MATEMÁTICA

XXIV SEMANA MATEMÁTICA XXIV SEMANA ACADÊMICA DA MATEMÁTICA Minicurso: Produção de Páginas Web para Professores de Matemática Projeto de Extensão: Uma Articulação entre a Matemática e a Informática como Instrumento para a Cidadania

Leia mais

Introdução ao Tableau Server 7.0

Introdução ao Tableau Server 7.0 Introdução ao Tableau Server 7.0 Bem-vindo ao Tableau Server; Este guia orientará você pelas etapas básicas de instalação e configuração do Tableau Server. Em seguida, usará alguns dados de exemplo para

Leia mais

15. OLHA QUEM ESTÁ NA WEB!

15. OLHA QUEM ESTÁ NA WEB! 7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER

Leia mais

Word 1 - Introdução 1.1 - Principais recursos do word 1.2 - A janela de documento 1.3 - Tela principal

Word 1 - Introdução 1.1 - Principais recursos do word 1.2 - A janela de documento 1.3 - Tela principal Word 1 - Introdução O Word para Windows ou NT, é um processador de textos cuja finalidade é a de nos ajudar a trabalhar de maneira mais eficiente tanto na elaboração de documentos simples, quanto naqueles

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

Introdução. Como adquirir o FrontPage?

Introdução. Como adquirir o FrontPage? Introdução O software FrontPage é muito utilizado para a criação, gerenciamento e publicação de páginas (sites) na Internet. Sendo um produto da Microsoft Corporation, ele apresenta uma interface bastante

Leia mais

Tutorial SGCD. 1. Efetuando Login no Sistema. 2. Criando uma nova página. 3. Editando uma página já existente

Tutorial SGCD. 1. Efetuando Login no Sistema. 2. Criando uma nova página. 3. Editando uma página já existente Tutorial SGCD 1. Efetuando Login no Sistema 2. Criando uma nova página 3. Editando uma página já existente 4. Anexando arquivos em páginas e no menu esquerdo 5. Colocando Imagens em páginas 6. Colocando

Leia mais

1. Introdução. 2. A área de trabalho

1. Introdução. 2. A área de trabalho Curso Criiar web siites com o Dreamweaver Parrttee II 1. Introdução O Macromedia DreamWeaver é um editor de HTML profissional para desenhar, codificar e desenvolver sites, páginas e aplicativos para a

Leia mais

Google Drive: Acesse e organize seus arquivos

Google Drive: Acesse e organize seus arquivos Google Drive: Acesse e organize seus arquivos Use o Google Drive para armazenar e acessar arquivos, pastas e documentos do Google Docs onde quer que você esteja. Quando você altera um arquivo na web, no

Leia mais

Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas

Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material

Leia mais

INTRODUÇÃO INICIANDO O WORD INSERIR TEXTO

INTRODUÇÃO INICIANDO O WORD INSERIR TEXTO SUMÁRIO 01 - INTRODUÇÃO 02 - INICIANDO O WORD 03 - INSERIR TEXTO 04 - SALVAR UM DOCUMENTO 05 - FECHAR UM DOCUMENTO 06 - INICIAR UM NOVO DOCUMENTO 07 - ABRIR UM DOCUMENTO 08 - SELECIONAR TEXTO 09 - RECORTAR,

Leia mais

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Ele considera que você já tem o Joomla! instalado no seu computador. Caso você queira utilizá lo em um servidor na web,

Leia mais

Continuação. 32. Inserir uma imagem da GALERIA CLIP-ART

Continuação. 32. Inserir uma imagem da GALERIA CLIP-ART Continuação 32. Inserir uma imagem da GALERIA CLIP-ART a) Vá para o primeiro slide da apresentação salva no item 31. b) Na guia PÁGINA INICIAL, clique no botão LAYOUT e selecione (clique) na opção TÍTULO

Leia mais

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias SECOM MANUAL DO WARAM v. 1.5 Secretarias WARAM 1.5 Ferramenta de atualização do Portal da Prefeitura de São Paulo. Use preferencialmente o navegador Internet Explorer superior ou igual a 7.0. No campo

Leia mais

Manual da Ferramenta Metadata Editor

Manual da Ferramenta Metadata Editor 4 de março de 2010 Sumário 1 Introdução 3 2 Objetivos 3 3 Visão Geral 3 3.1 Instalação............................. 3 3.2 Legenda.............................. 4 3.3 Configuração Inicial........................

Leia mais

TUTORIAIS E REGRAS - NEWPOSTER/TRADUTORES Conteudo exclusivo do site Kristen Stewart Brasil.

TUTORIAIS E REGRAS - NEWPOSTER/TRADUTORES Conteudo exclusivo do site Kristen Stewart Brasil. TUTORIAIS E REGRAS - NEWPOSTER/TRADUTORES Conteudo exclusivo do site Kristen Stewart Brasil. Em primeiro lugar, obrigada por ter se inscrito para fazer parte da equipe do Kristen Stewart Brasil. Seu cargo

Leia mais

WIN + D WIN + M SHIFT + WIN + M WIN + R WIN + E WIN + PAUSE BREAK

WIN + D WIN + M SHIFT + WIN + M WIN + R WIN + E WIN + PAUSE BREAK Windows em geral WIN = Abre o menu Iniciar. Use as setas para navegar nas opções, e dê ENTER para abrir um item. WIN + D = Mostrar área de trabalho. WIN + M = Minimizar tudo. SHIFT + WIN + M = Desminimizar

Leia mais

MICROSOFT WORD 2007. George Gomes Cabral

MICROSOFT WORD 2007. George Gomes Cabral MICROSOFT WORD 2007 George Gomes Cabral AMBIENTE DE TRABALHO 1. Barra de título 2. Aba (agrupa as antigas barras de menus e barra de ferramentas) 3. Botão do Office 4. Botão salvar 5. Botão de acesso à

Leia mais

APOSTILA WORD BÁSICO

APOSTILA WORD BÁSICO APOSTILA WORD BÁSICO Apresentação O WORD é um editor de textos, que pertence ao Pacote Office da Microsoft. Suas principais características são: criação de textos, cartas, memorandos, documentos, mala

Leia mais

Neste tutorial apresentarei o serviço DFS Distributed File System. Veremos quais as vantagens

Neste tutorial apresentarei o serviço DFS Distributed File System. Veremos quais as vantagens Neste tutorial apresentarei o serviço DFS Distributed File System. Veremos quais as vantagens em utilizar este serviço para facilitar a administração de pastas compartilhadas em uma rede de computadores.

Leia mais

GANHE DINHEIRO FACIL GASTANDO APENAS ALGUMAS HORAS POR DIA

GANHE DINHEIRO FACIL GASTANDO APENAS ALGUMAS HORAS POR DIA GANHE DINHEIRO FACIL GASTANDO APENAS ALGUMAS HORAS POR DIA Você deve ter em mente que este tutorial não vai te gerar dinheiro apenas por você estar lendo, o que você deve fazer e seguir todos os passos

Leia mais

Ela funciona de um jeito parecido com as mídia de RSS próprio: o sistema acessa o feed do twitter e exibe, na tela, os últimos tweets.

Ela funciona de um jeito parecido com as mídia de RSS próprio: o sistema acessa o feed do twitter e exibe, na tela, os últimos tweets. Mídia do Twitter Esta mídia serve para mostrar os últimos tweets de uma conta específica. É útil para estabelecimentos que usam com frequência o twitter e que desejam que seus clientes acompanhem isso

Leia mais

Prática 3 Princípios da Animação

Prática 3 Princípios da Animação Prática 3 Princípios da Animação As animações em um site são bem discutidas quanto ao seu uso, pois, qualquer coisa que se movimenta na visão periférica ocupa lugar na consciência. Isso faz com que o usuário

Leia mais

Microsoft Power Point 2007

Microsoft Power Point 2007 Microsoft Power Point 2007 Sumário Layout e Design 4 Formatação de Textos 8 Salvando um arquivo do PowerPoint 15 Plano de Fundo 16 Marcadores 18 Réguas e grade 19 Tabelas 20 Gráficos 21 Imagens 22 Smart

Leia mais

Guia de Início Rápido

Guia de Início Rápido Guia de Início Rápido O Microsoft OneNote 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Alterne entre a entrada por toque

Leia mais

Manual das funcionalidades Webmail AASP

Manual das funcionalidades Webmail AASP Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento

Leia mais

Construtor Iron Web. Manual do Usuário. Iron Web Todos os direitos reservados

Construtor Iron Web. Manual do Usuário. Iron Web Todos os direitos reservados Construtor Iron Web Manual do Usuário Iron Web Todos os direitos reservados A distribuição ou cópia deste documento, ou trabalho derivado deste é proibida, requerendo, para isso, autorização por escrito

Leia mais

1 Crie uma pasta (dentro do seu diretório) com o seu nome. 2. Se tiver dúvida pergunte o seu professor

1 Crie uma pasta (dentro do seu diretório) com o seu nome. 2. Se tiver dúvida pergunte o seu professor i.exe FrontPage Criação de Home Page s PPaaggi innaa 1 Sobre FrontPage Parte 1 Front Page é uma ferramenta para criação e gerenciamento de web s.o aluno não necessita de nenhum conhecimento de programação

Leia mais

Portal Contador Parceiro

Portal Contador Parceiro Portal Contador Parceiro Manual do Usuário Produzido por: Informática Educativa 1. Portal Contador Parceiro... 03 2. Acesso ao Portal... 04 3. Profissionais...11 4. Restrito...16 4.1 Perfil... 18 4.2 Artigos...

Leia mais

Banco de Dados BrOffice Base

Banco de Dados BrOffice Base Banco de Dados BrOffice Base Autor: Alessandro da Silva Almeida Disponível em: www.apostilando.com 27/02/2011 CURSO TÉCNICO EM SERVIÇO PÚBLICO Apostila de Informática Aplicada - Unidade VI Índice Apresentação...

Leia mais

Desenhando no Flash. Comece um novo arquivo novo, de tamanho 500 X 300 pixels.

Desenhando no Flash. Comece um novo arquivo novo, de tamanho 500 X 300 pixels. Desenhando no Flash Os arquivos criados no Flash guardam e apresentam as informações gráficas vetorialmente. Isto significa que as imagens são entendidas como formas e preenchimentos e o que é armazenado

Leia mais

INFORMÁTICA APLICADA III APOSTILA VISUAL

INFORMÁTICA APLICADA III APOSTILA VISUAL INFORMÁTICA APLICADA III APOSTILA VISUAL ACRESCENTANDO UMA NOVA COMPOSIÇÃO UNITÁRIA DE CUSTO AO BANCO GERAL DE DADOS (cunitgr.xls) Os arquivos cunitgr.xls e Bennett Profissional 04.xls são "pastas de trabalho"

Leia mais

Início Rápido para Fotos e Histórias do FamilySearch

Início Rápido para Fotos e Histórias do FamilySearch Início Rápido para Fotos e Histórias do FamilySearch Você pode adicionar fotos e histórias da família aos registros dos seus antepassados na Árvore Familiar. Com o novo recurso Adicionar Fotos e Histórias,

Leia mais

WORD. Professor: Leandro Crescencio E-mail: leandromc@inf.ufsm.br. http://www.inf.ufsm.br/~leandromc. Colégio Politécnico 1

WORD. Professor: Leandro Crescencio E-mail: leandromc@inf.ufsm.br. http://www.inf.ufsm.br/~leandromc. Colégio Politécnico 1 WORD Professor: Leandro Crescencio E-mail: leandromc@inf.ufsm.br http://www.inf.ufsm.br/~leandromc Colégio Politécnico 1 WORD Mala direta Cartas Modelo Mesclar Etiquetas de endereçamento Formulários Barra

Leia mais

POWERPOINT BÁSICO. Facilitador Alisson Cleiton dos Santos Analista Programador / Professor contato@alissoncleiton.com.br

POWERPOINT BÁSICO. Facilitador Alisson Cleiton dos Santos Analista Programador / Professor contato@alissoncleiton.com.br POWERPOINT BÁSICO Facilitador Alisson Cleiton dos Santos Analista Programador / Professor contato@alissoncleiton.com.br POWER POINT INICIANDO O POWERPOINT 2000 Para iniciar o PowerPoint 2000. A partir

Leia mais

Introdução aos Projectos

Introdução aos Projectos Introdução aos Projectos Categoria Novos Usuários Tempo necessário 20 minutos Arquivo Tutorial Usado Iniciar um novo arquivo de projeto Este exercício explica a finalidade ea função do arquivo de projeto

Leia mais

Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail. Zimbra Versão 8.0.2

Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail. Zimbra Versão 8.0.2 Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail Zimbra Versão 8.0.2 Sumário Convertendo a assinatura de e-mail a partir do Microsoft Outlook... 1 Para usuários do Microsoft

Leia mais

Pág 31. UC Introdução a Informática Docente: André Luiz Silva de Moraes 1º sem Redes de Computadores. 5 Introdução ao uso do BrOffice Impress

Pág 31. UC Introdução a Informática Docente: André Luiz Silva de Moraes 1º sem Redes de Computadores. 5 Introdução ao uso do BrOffice Impress 5 Introdução ao uso do BrOffice Impress O pacote BrOffice é um pacote de escritório muito similar ao já conhecido Microsoft Office e ao longo do tempo vem evoluindo e cada vez mais ampliando as possibilidades

Leia mais

GERENCIANDO SUA BIBLIOTECA

GERENCIANDO SUA BIBLIOTECA GERENCIANDO SUA BIBLIOTECA ORGANIZANDO SUA BIBLIOTECA Os livros da sua biblioteca são ordenados alfabeticamente pelo título. Clique em ORDENAR POR, na parte superior da página, para alterar a forma como

Leia mais

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Introdução ao Microsoft Windows 7 O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Visualmente o Windows 7 possui uma interface muito intuitiva, facilitando a experiência individual do

Leia mais

Manual de Utilização do PLONE (Gerenciador de página pessoal)

Manual de Utilização do PLONE (Gerenciador de página pessoal) Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

Microsoft Office FrontPage 2003

Microsoft Office FrontPage 2003 Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft

Leia mais

Usando o NVU Parte 2: Inserindo imagens

Usando o NVU Parte 2: Inserindo imagens Usando o NVU Parte 2: Inserindo imagens Simão Pedro P. Marinho Para uso exclusivo por alunos da PUC Minas Inserindo uma imagem que está no seu computador Inserindo uma imagem que já está na Internet Inserindo

Leia mais

Instruções para os Templates do Site do Curso 1

Instruções para os Templates do Site do Curso 1 Instruções para os Templates do Site do Curso 1 Instruções para os Templates do Site de Curso Tabela de Conteúdos Os Templates do Site do Curso... 2 Baixando os templates... 3 Criando seu Web site de curso...

Leia mais

MANUAL DO BLOG. Blog IBS

MANUAL DO BLOG. Blog IBS MANUAL DO BLOG Blog IBS Seja bem vindo! O Blog é um website dinâmico, um espaço virtual que usa a internet para compartilhar informações. Por meio do blog você pode publicar textos, opiniões, notícias,

Leia mais

HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR PARA SECRETÁRIAS

HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR PARA SECRETÁRIAS HELP DE UTILIZAÇÃO DO SISTEMA ONLINE DOCTOR PARA SECRETÁRIAS 1 - A TELA AGENDA 1.1 - TIPOS DE AGENDA 1.1.1 AGENDA NORMAL 1.1.2 AGENDA ENCAIXE 2 - AGENDANDO CONSULTAS 2.1 - AGENDANDO UMA CONSULTA NA AGENDA

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais