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

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

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

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

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

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

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

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

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

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

Prática 2 Características do Flash

Prática 2 Características do Flash Prática 2 Características do Flash 1. Objetivos Se familiarizar com os Painéis, Frames e Timelines. Desenvolver uma animação simples. 2. Recursos Necessários Computador com o programa Macromedia Flash

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

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

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

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

ANABELA GONÇALVES O GUIA PRÁTICO DO MACROMEDIA DREAMWEAVER MX

ANABELA GONÇALVES O GUIA PRÁTICO DO MACROMEDIA DREAMWEAVER MX ANABELA GONÇALVES O GUIA PRÁTICO DO MACROMEDIA DREAMWEAVER MX Portugal/2003 Reservados todos os direitos por Centro Atlântico, Lda. Qualquer reprodução, incluindo fotocópia, só pode ser feita com autorização

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

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

Início Rápido Desktop. 2015 Release 1 Xojo, Inc.

Início Rápido Desktop. 2015 Release 1 Xojo, Inc. Início Rápido Desktop 2015 Release 1 Xojo, Inc. Capítulo 1 Introdução Bem-vindo ao Xojo, O jeito mais fácil de criar aplicativos multi-plataforma para Desktop e Web. Seção 1 Sobre o Início Rápido para

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

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

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

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

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

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

MICROSOFT PowerPoint 2000 SUMÁRIO

MICROSOFT PowerPoint 2000 SUMÁRIO MICROSOFT PowerPoint 2000 SUMÁRIO 01 - INTRODUÇÃO 02 - INICIANDO O PowerPoint 2000 03 - ASSISTENTE DE AUTOCONTEÚDO 04 - MODELO DE ESTRUTURA 05 - INICIAR COM UM MODELO DE ESTRUTURA 06 - ESCOLHER UM AUTOLAYOUT

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

1. NOÇÕES BÁSICAS... 1.1. Iniciando o Excel... 1.1.1. Abrindo o Excel... 1.1.2. Encerrando o Excel... 1.2. A tela do Excel 7.0... 1.2.1.

1. NOÇÕES BÁSICAS... 1.1. Iniciando o Excel... 1.1.1. Abrindo o Excel... 1.1.2. Encerrando o Excel... 1.2. A tela do Excel 7.0... 1.2.1. 1. NOÇÕES BÁSICAS... 1.1. Iniciando o Excel... 1.1.1. Abrindo o Excel... 1.1.2. Encerrando o Excel... 1.2. A tela do Excel 7.0... 1.2.1. Partes da tela do Excel... Barra de fórmulas... Barra de status...

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

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

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

Início Rápido Web. 2015 Release 1 Xojo, Inc.

Início Rápido Web. 2015 Release 1 Xojo, Inc. Início Rápido Web 2015 Release 1 Xojo, Inc. Capítulo 1 Introdução Bem-vindo ao Xojo, O jeito mais fácil de criar aplicativos multi-plataforma para Desktop e Web. Seção 1 Sobre o Início Rápido Web INICIANDO

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

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

Configuração de assinatura de e-mail

Configuração de assinatura de e-mail Configuração de assinatura de e-mail Este manual irá lhe auxiliar a configurar a sua assinatura de E-mail no Microsoft Outlook (Desktop) e no Outlook Web App (Webmail). Gerando a sua assinatura de e-mail

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

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

Apresentação. Estamos à disposição para quaisquer dúvidas e sugestões! Atenciosamente, Equipe do Portal UNESC

Apresentação. Estamos à disposição para quaisquer dúvidas e sugestões! Atenciosamente, Equipe do Portal UNESC Sumário Apresentação... 1 1. Orientações Iniciais... 2 2. Recursos... 4 2.1 Rótulos... 4 2.2 Página de Texto Simples... 8 2.3 Página de Texto Formatado... 12 2.4 Site... 16 2.5 Arquivo... 21 2.6 Pasta

Leia mais

Capítulo 12 Criando Páginas Web

Capítulo 12 Criando Páginas Web Guia do Iniciante Capítulo 12 Criando Páginas Web Salvando documentos como arquivos HTML Direitos Autorais Este documento é protegido por Copyright 2010 por seus contribuidores listados abaixo. Você pode

Leia mais

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Manual do usuário Desenvolvendo páginas em Drupal Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Conteúdo Primeiro Passo... 3 1.1 Login... 3 1.2 Recuperando a Senha...

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

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

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

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

Microsoft Excel 2003

Microsoft Excel 2003 Associação Educacional Dom Bosco Faculdades de Engenharia de Resende Microsoft Excel 2003 Módulo II Macros e Tabelas Dinâmicas Professores: Eduardo Arbex Mônica Mara Tathiana da Silva Resende 2010 Macro

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

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

Introdução Microsoft PowerPoint 2013 apresentações Office PowerPoint 2013 Microsoft PowerPoint 2013 textos planilhas Excel Word

Introdução Microsoft PowerPoint 2013 apresentações Office PowerPoint 2013 Microsoft PowerPoint 2013 textos planilhas Excel Word PowerPoint 2013 Sumário Introdução... 1 Iniciando o PowerPoint 2013... 2 Criando Nova Apresentação... 10 Inserindo Novo Slide... 13 Formatando Slides... 15 Inserindo Imagem e Clip-art... 16 Inserindo Formas...

Leia mais

DESENVOLVIMENTO DE PÁGINAS PARA INTERNET

DESENVOLVIMENTO DE PÁGINAS PARA INTERNET UNIVERSIDADE ESTADUAL DE MARINGÁ PRÓ-REITORIA DE RECURSOS HUMANOS E ASSUNTOS COMUNITÁRIOS - PRH DIRETORIA DE RECURSOS HUMANOS - DRH DIVISÃO DE TREINAMENTO E DESENVOLVIMENTO TDE DESENVOLVIMENTO DE PÁGINAS

Leia mais

Sobre a Segunda Parte: Sobre a Primeira Parte:

Sobre a Segunda Parte: Sobre a Primeira Parte: Tutorial Sobre Como Criar Sprites 3D Utilizando o Editor Gráfico do Word e Sobre Como Manipular Sprites Criados no Word Utilizando o Programa de Criação de Jogos Game Maker Sobre a Primeira Parte: Esta

Leia mais

Conceitos básicos do Painel

Conceitos básicos do Painel Básico Wordpress Conceitos básicos do Painel Logando no Painel de Controle Para acessar o painel de controle do Wordpress do seu servidor siga o exemplo abaixo: http://www.seusite.com.br/wp-admin Entrando

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

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

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Índice Como acessar o Moodle Editando seu PERFIL Editando o curso / disciplina no Moodle Incluindo Recursos

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

Prof. Edwar Saliba Júnior Como fazer uma apresentação utilizando o software Microsoft Power Point

Prof. Edwar Saliba Júnior Como fazer uma apresentação utilizando o software Microsoft Power Point Prof. Edwar Saliba Júnior Como fazer uma apresentação utilizando o software Microsoft Power Point - Conceitos Básicos - Faculdade de Tecnologia INED Julho de 2007 Responsável pela obra: Prof. Edwar Saliba

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

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

Manual PowerPoint 2000

Manual PowerPoint 2000 Manual PowerPoint 2000 Índice 1. INTRODUÇÃO 1 2. DIRECTRIZES PARA APRESENTAÇÕES DE DIAPOSITIVOS 1 3. ECRÃ INICIAL 2 4. TIPOS DE ESQUEMA 2 5. ÁREA DE TRABALHO 3 5.1. ALTERAR O ESQUEMA AUTOMÁTICO 4 6. MODOS

Leia mais

Introdução ao X3. Exercício 1: Criando um registro de Contato

Introdução ao X3. Exercício 1: Criando um registro de Contato Introdução ao X3 Exercício 1: Criando um registro de Contato Inicie por adicionar um novo registro de Contato. Navegue para a tabela de Contato clicando na aba de Contato no alto da página. Existem duas

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

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

Dados contadores de história. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados.

Dados contadores de história. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Dados contadores de história Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik,

Leia mais

Fórmulas e Funções - Parte I

Fórmulas e Funções - Parte I Atividade 6 Fórmulas e Funções - Parte I Referências relativas e absolutas Muito comum é a necessidade de depois de criado uma fórmula é copiá-la para outras células ao invés de fazer tudo novamente, muitas

Leia mais

Centro Federal de Educação Tecnológica da Bahia Curso Excel Avançado Índice

Centro Federal de Educação Tecnológica da Bahia Curso Excel Avançado Índice Índice Apresentação...2 Barra de Título...2 Barra de Menus...2 Barra de Ferramentas Padrão...2 Barra de Ferramentas de Formatação...3 Barra de Fórmulas e Caixa de Nomes...3 Criando um atalho de teclado

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

ROBERTO OLIVEIRA CUNHA

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

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

MICROSOFT EXCEL - AULA NÚMERO 02

MICROSOFT EXCEL - AULA NÚMERO 02 MICROSOFT EXCEL - AULA NÚMERO 02 Escrevendo Fórmulas Você pode executar cálculos com seus dados usando fórmulas, que são formatadas por operadores de dados e quase sempre por funções. Você vai aprender

Leia mais

8/9/2010 WINDOWS. Breve Histórico. Profa. Leda G. F. Bueno. Seu desenvolvimento iniciou-se em 1981

8/9/2010 WINDOWS. Breve Histórico. Profa. Leda G. F. Bueno. Seu desenvolvimento iniciou-se em 1981 Conceitos Básicos e Gerenciamento de Arquivos WINDOWS EXPLORER Profa. Leda G. F. Bueno WINDOWS Sistema operacional criado pela Microsoft Corporation Característica Principal características o uso de janelas

Leia mais

MANUAL DO MOODLE VISÃO DO ALUNO

MANUAL DO MOODLE VISÃO DO ALUNO MANUAL DO MOODLE VISÃO DO ALUNO Desenvolvido por: Patricia Mariotto Mozzaquatro SUMÁRIO 1 INTRODUÇÃO....03 2 O AMBIENTE MOODLE......03 2.1 Quais as caixas de utilidade que posso adicionar?...04 2.1.1 Caixa

Leia mais

TUTORIAL DE UTILIZAÇÃO DO PROTEUS

TUTORIAL DE UTILIZAÇÃO DO PROTEUS 1 Para iniciar a edição de um esquema elétrico para posterior simulação, busque no menu Iniciar do Windows, a opção Todos os Programas. Localize a pasta onde foi instalado o Proteus e selecione o programa

Leia mais

Conteúdo Programático do Web Design

Conteúdo Programático do Web Design Conteúdo Programático do Web Design O Ambiente Macromedia Dreamweaver Instalação do Dreamweaver Arquivos Utilizados na Apostila A Inicialização de Dreamweaver Área de Trabalho Dreamweaver Criação de uma

Leia mais

Autor: Júlio Battisti www.juliobattisti.com.br

Autor: Júlio Battisti www.juliobattisti.com.br Autor: Júlio Battisti www.juliobattisti.com.br Livro: Aprenda com Júlio Battisti: Excel 2010 Avançado, Análise de Dados e Cenários, Tabelas e Gráficos Dinâmicos, Macros e Programação VBA - Através de Exemplos

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

Apostila Microsoft Word 2000

Apostila Microsoft Word 2000 Apostila Microsoft Word 2000 SUMÁRIO I. INTRODUÇÃO II. INSERIR TEXTO III. SALVAR UM DOCUMENTO IV. FECHAR UM DOCUMENTO V. INICIAR UM NOVO DOCUMENTO VI. ABRIR UM DOCUMENTO VII. SELECIONAR TEXTO VIII. RECORTAR,

Leia mais

Iniciando no Visual Basic.NET

Iniciando no Visual Basic.NET Iniciando no Visual Basic.NET A Microsoft disponibiliza duas versões das suas ferramentas de desenvolvimento, a versão profissional, que integra, em um único ambiente, todas as ferramentas de desenvolvimento

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

Microsoft Word INTRODUÇÃO

Microsoft Word INTRODUÇÃO INTRODUÇÃO O Word é uma ferramenta utilizada para o processamento e editoração eletrônica de textos. O processamento de textos consiste na possibilidade de executar e criar efeitos sobre um texto qualquer,

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

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

Treinamento de Drupal para Administradores do Site Bibliotecas UFU

Treinamento de Drupal para Administradores do Site Bibliotecas UFU Treinamento de Drupal para Administradores do Site Bibliotecas UFU 1 1. Como logar no sistema como usuário autenticado Para logar no sistema como usuário autenticado é necessário digitar /user na frente

Leia mais

MICROSOFT EXCEL - AULA NÚMERO 05

MICROSOFT EXCEL - AULA NÚMERO 05 Modificando seus Gráficos MICROSOFT EXCEL - AULA NÚMERO 05 Quando você coloca seus dados num gráfico, nem sempre ele fica como você imaginou. Você pode mudar o estilo de seu gráfico a qualquer momento.

Leia mais

ATENÇÃO. Leitura Indispensável

ATENÇÃO. Leitura Indispensável ATENÇÃO Leitura Indispensável O Guia Rápido do Asure ID 2009 foi criado com base na versão Exchange, ou seja, a versão mais completa da linha Asure ID 2009, portanto, os usuários de outras versões ao utilizarem

Leia mais

Lição 2: aperfeiçoando e publicando um site...4 Aprendendo mais sobre o FrontPage...5. Abrindo o FrontPage...7 Visão geral da área de trabalho...

Lição 2: aperfeiçoando e publicando um site...4 Aprendendo mais sobre o FrontPage...5. Abrindo o FrontPage...7 Visão geral da área de trabalho... Tutorial do Microsoft FrontPage 2002 Conteúdo Introdução...3 Antes de começar...3 Visão geral...3 Se houver um software de servidor Web instalado...4 FrontPage e Microsoft Internet Explorer...4 Se você

Leia mais

Lidar com números e estatísticas não é fácil. Reunir esses números numa apresentação pode ser ainda mais complicado.

Lidar com números e estatísticas não é fácil. Reunir esses números numa apresentação pode ser ainda mais complicado. , ()! $ Lidar com números e estatísticas não é fácil. Reunir esses números numa apresentação pode ser ainda mais complicado. Uma estratégia muito utilizada para organizar visualmente informações numéricas

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

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

A Estação da Evolução

A Estação da Evolução Microsoft Excel 2010, o que é isto? Micorsoft Excel é um programa do tipo planilha eletrônica. As planilhas eletrônicas são utilizadas pelas empresas pra a construção e controle onde a função principal

Leia mais

Tornando sites mais fáceis para visualização 16

Tornando sites mais fáceis para visualização 16 Primeiros passos com o essential Accessibility 3 O que é essential Accessibility? essential Accessibility : uma visão geral Sobre este manual Como instalar o essential Accessibility Requisitos do sistema

Leia mais

Usando o Outlook MP Geral

Usando o Outlook MP Geral Usando o Outlook MP Geral Este guia descreve o uso do Outlook MP. Este guia é baseado no uso do Outlook MP em um PC executando o Windows 7. O Outlook MP pode ser usado em qualquer tipo de computador e

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

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software O Animail é um software para criar campanhas de envio de email (email Marketing). Você pode criar diversas campanhas para públicos diferenciados. Tela Principal do sistema Para melhor apresentar o sistema,

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

Aula 04 Word. Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/

Aula 04 Word. Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/ Aula 04 Word Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/ Agenda da Aula Editor de Texto - Word Microsoft Office Conjunto de aplicativos para escritório que contém programas

Leia mais

FOXIT READER 6.0 Guia Rápido. Sumário... II Use o Foxit Reader 6.0... 1. Leitura... 5. Trabalhar em PDFs... 8. Comentários... 10. Formulários...

FOXIT READER 6.0 Guia Rápido. Sumário... II Use o Foxit Reader 6.0... 1. Leitura... 5. Trabalhar em PDFs... 8. Comentários... 10. Formulários... Sumário Sumário... II Use o Foxit Reader 6.0... 1 Instalar e desinstalar... 1 Abrir, Criar, Fechar, Salvar e Sair... 1 Definir o estilo da interface e da aparência... 4 Veja todas as diferentes ferramentas...

Leia mais

Treinamento Outlook Express

Treinamento Outlook Express Ministério da Saúde Secretaria Executiva Departamento de Informática do SUS Treinamento Outlook Express Série A. Normas e Manuais Técnicos Brasília DF 2003 1 2003. Ministério da Saúde. É permitida a reprodução

Leia mais

Redimensionamento de Imagens no Catálogo de Produtos

Redimensionamento de Imagens no Catálogo de Produtos REDIMENSIONAMENTO DE IMAGENS NO PORTAL DE OPERAÇÕES DO CARTÃO BNDES Redimensionamento de Imagens no Catálogo de Produtos Atualizado em 15/05/14 Pág.: 1/14 Introdução Este manual destina-se a orientar os

Leia mais