Web Desing Prá tico CS3

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

Download "Web Desing Prá tico CS3"

Transcrição

1 Web Desing Prá tico CS3

2 Sumário Introdução... 1 Instruções Iniciais... 1 Criando Layout... 3 Criando Elementos no Illustrator Concluindo o Layout Exportando o Layout Adicionando Animação Finalizando o Site Publicando o Site... 30

3

4 Introdução O que é Web Design? É uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web. O Web Design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a programação, adoção de webstandards, inovações nos recursos dos navegadores em conjunto com o design gráfico, estão em constante evolução afetando diretamente esta atividade. Produzir e manter um site requer dedicação constante do webmaster, pois a Internet transforma-se com rapidez. A cada ano surgem novas tendências, padrões e tecnologias que influenciam no desenvolvimento para web e também na sua utilização. Instruções Iniciais Um bom design baseia-se em princípios que permitem que a mensagem que seu site deve passar seja da maneira mais agradável possível. Aperfeiçoar a percepção visual de uma mensagem pode ser adquirido seguindo as leis de Gestalt*, resumindo-se em: Atração: a distribuição coerente dos elementos na página do seu site causa melhor atração visual. Harmonia: todos os elementos de cor da página devem ser considerados como parte de um todo, estabelecendo um relacionamento entre elas. Equilíbrio: espalhar os componentes pela página de qualquer forma além de gerar desconforto, deixa o layout horrível; tenha bom senso e distribua-os ordenadamente. Simplicidade: permite fácil assimilação das informações agregando valor à sua página. * Escola de Psicologia Experimental que realizou intensas pesquisas sobre percepção do homem sobre as formas. 1

5 Forma, Função e Movimento As imagens, cores e texturas possuem um determinado valor dentro de um contexto. Se você for projetar um site para uma sorveteria ou lanchonete, certamente optará por usar muitas cores ou apenas algumas mais vibrantes com boas imagens, que despertem o apetite. E se for o site de um banco? Usar cores e imagens mais formais seria a saída. Pesquisas em outras mídias como revistas e vídeos podem ajudar no momento de decidir as formas e cores de um projeto. Veja a seguir algumas formas e suas características: Quando se aplicam formas a um layout de página, gera-se movimento visual. Usar isso de maneira adequada é fundamental para transmitir a mensagem desejada de forma clara e objetiva. Tenha isso em mente: Qual a mensagem principal da página e o que o visitante olhará de imediato? Você consegue que ele olhe para o que você quer utilizando corretamente a disposição dos elementos. Estruturando o conteúdo Ao projetar um site pessoal ou para algum cliente, é importante observar alguns aspectos do planejamento como: público (tipo de visitante do seu site). conteúdo (o que você oferecerá aos visitantes). suporte (como você ou o cliente administrará o site). Um site de sucesso passa por uma pesquisa de público para definir com qualidade o seu conteúdo e traça um plano de como isso será disponibilizado e administrado. Após concluir esse processo inicial, é hora de "desenhar" a informação. 2

6 O tema proposto é Música. Sabemos que todos nós gostamos e que existem estilos diferentes, uma grande indústria por trás dela e inúmeros títulos sendo lançados a cada dia. Criaremos um site de música que atingirá qualquer pessoa, pois não se restringirá a um estilo ou região. O conteúdo das páginas deve ser relativo ao tema, então propomos os seguintes assuntos: notícias do meio musical. letras de música. álbum de fotos dos artistas. vídeos musicais. eventos musicais. rádios. Agora, devemos organizar esses assuntos. Você pode usar caneta e papel ou qualquer programa para anotar e desenhar uma pré-estrutura de informações, relacionando os vínculos entre os assuntos e sua ordem de importância. Isso é uma prévia criação dos links do site. Criando Layout Nessa lição, trabalhamos inicialmente com o Photoshop para criar a base do layout do site, desenhando algumas formas, tratando imagens e inserindo uma prévia dos textos. 3

7 No exemplo acima, temos um layout com o azul como cor predominante, o logotipo do site com fonte bastão/fantasia, um menu relacionando os principais itens do conteúdo, uma imagem ilustrativa de uma jovem ouvindo música, uma barra de rádio online, um quadro de notícias, um quadro com outras informações do conteúdo e um rodapé. Usando o programa Photoshop criamos um novo arquivo, definindo o tamanho do layout de 778x732 pixels. A largura de 778 corresponde ao tamanho máximo visível em um monitor com resolução 800x600. Utilizamos esse tamanho, pois é uma resolução mínima. Acima disso, o site sofrerá cortes e dependerá do uso de barras de rolagem no browser. O uso de 72 dpi se dá pelo fato das imagens do site ser para Internet sendo uma resolução suficiente, em se tratando de qualidade. O padrão RGB é usado para qualquer tipo de trabalho com finalidade de ser publicado na Internet ou usado em computadores. Esse padrão nunca deve ser usado para impressão. Clicando em OK, seu arquivo estará pronto para o início do trabalho. Utilizamos a Gradient Tool para criar um fundo com gradiente entre 2 tons de azul. Selecionamos essa ferramenta, alteramos a cor de frente (foreground) para 00619c e a cor de trás (background) para 00273e. Em seguida, mantenha a cor mais clara como a de frente, clique com o botão esquerdo do mouse no topo da área de trabalho, segure, arraste até a base e solte o botão. Foram criadas as seguintes pastas nesse arquivo do Photoshop: logotipo, menu, rádio, notícias, quadro, rodapé e imagem de fundo. 4

8 Logotipo Clique sobre a pasta logotipo e crie uma nova camada. A seguir, use a ferramenta texto (Horizontal Type Tool) para digitar MusicWave (o nome do site), com fonte Abode, estilo Light, tamanho 50 e cor branca. Por fim, posicione o texto no topo, do lado esquerdo do layout. Você ainda pode melhorar a aparência do logotipo, alterando outras propriedades da fonte. Menu Cria-se uma nova camada nessa pasta e, com a ferramenta Pencil Tool de espessura 1, faça uma linha branca na vertical. Com a mesma ferramenta usando agora a espessura 3, faça uma pequena marca na cor amarela (#ffd800), alinhada à base da linha. Duplique a camada utilizando as teclas de atalho <Ctrl+J>, fazendo 4 cópias. Não é necessário renomeá-las. Para ajudar nesse processo, você pode selecionar todas as camadas e usar as ferramentas de Alinhamento e Distribuição. Na camada menu, através da ferramenta de texto digita-se o nome dos itens: galeria, música, notícias, letras e contato. 5

9 Utilize fonte Arial, estilo Bold, tamanho 12, cor branca, escala vertical de 80%, Faux Bold e em maiúsculo. Utilize linhas-guias para facilitar o alinhamento de definir uma área para a inserção dos outros elementos do layout. Barra de rádio O próximo passo é criar a barra de rádio. Esse espaço é reservado para inclusão de um código de programação que executa uma programação de rádio para web. Nesse curso isso não será desenvolvido, pois envolve outra área. Normalmente o web designer cria elementos para o site, que outros profissionais complementarão. Outro exemplo é a criação de banco de dados para notícias. Nosso site pode comportar esse tipo de recurso e dependerá do trabalho em conjunto com o programador para fazer a integração com nosso trabalho. Nada impede que o web designer possa programar esses códigos. Porém, a proposta desse curso se baseia em ensinar a construção de um site funcional, mesmo que alguns elementos dependam de outros tipos de linguagem. Para a construção dessa barra, selecione a pasta rádio e crie uma nova camada. Nela, utilize a ferramenta retângulo arredondado (Rounded Rectangle Tool), com raio 10 px e cor azul (#0065a2). Agora, aplique um contorno branco nesse objeto. Para isso, selecione a camada e clique no botão Add a layer style do painel Layers e escolha a opção Stroke. Na caixa de diálogo Layer Style, opção Stroke, configure o contorno com 2 px de espessura, cor branca e clique em OK. 6

10 Para fazer os botões da barra, crie uma nova camada renomeando-a como play. Use a ferramenta retângulo arredondado (Rounded Rectangle Tool), com raio 4 px e faça um pequeno quadrado de qualquer cor. Você aplicará uma colorização gradiente e um contorno azul escuro. Para isso, selecione a camada e clique no botão Add a layer style do painel Layers e escolha a opção Blending Option Na caixa de diálogo Layer Style, configure as opções Gradient Overlay e Stroke, conforme a imagem. O botão está pronto. Duplique a camada (<Ctrl>+<J>) e dê a ela o nome de stop. Para completar esses botões, crie os símbolos de play e stop fazendo um triângulo e um quadrado amarelo (#ffd800). Para isso, crie novas camadas e use a ferramenta Custom Shape Tool. Faça mais um botão. Dessa vez com o ícone do Media Player, que servirá como indicação de um possível link para download do arquivo que reproduz a rádio. Importe-o, através do comando Place. Quadro de notícias Para o quadro de notícias, basta criar um retângulo de cor azul com contorno branco. Crie uma nova camada na pasta notícias. Use a ferramenta retângulo arredondado (Rounded Rectangle Tool), com raio 10 px e cor (# 0065a2). Em seguida, aplique um contorno branco de 3 px de espessura usando o recurso Stroke. 7

11 Quadro Principal Para o quadro principal do layout, faça o mesmo procedimento anterior, usando a Rounded Rectangle Tool, com raio 10 px, cor (# 0065a2) e aplicando um contorno branco de 3 px. Use as linhas-guias como referência para alinhar os objetos, proporcionando harmonia ao layout. O passo seguinte é fazer as divisões dentro desse quadro, usando outros retângulos que serão os destaques das seções do site. Crie uma nova camada na pasta quadro. Use o mesmo procedimento do quadro anterior, mas dessa vez use a Rounded Rectangle Tool, com raio 8 px, cor (#005182) e aplique um contorno branco de 1 px. Faça como na imagem abaixo: Repita o procedimento criando outro quadro com as mesmas características do anterior, mas com o tamanho mostrado abaixo: Inserindo textos Volte à pasta notícias. Utilize a ferramenta de texto (Horizontal Type Tool) para digitar o título ÚLTIMAS NOTÍCIAS, criando uma nova camada acima do quadro de notícias. Faça o mesmo procedimento, com as mesmas configurações, criando os títulos SHOW & EVENTOS, LANÇAMENTOS e MÚSICA na pasta quadro. Volte para a pasta notícias. Selecione a camada notícias, onde está o quadro azul e utilize a ferramenta de texto (Horizontal Type Tool) para criar uma caixa de texto. 8

12 Clique sobre a camada recém criada e utilize a paleta de caracteres (menu Window, opção Character) para formatar o texto. Então, clique 2 vezes sobre o ícone T da camada de texto que você criou para ativá-la e escreva algum texto para simular um conteúdo de notícias. Faremos as outras caixas de texto. Dessa vez, clonaremos essa última camada e posicionaremos no layout. Duplique a camada de notícias usando a tecla de atalho <Ctrl+J>. Faça isso 7 vezes e você terá o número suficiente de quadros de texto para o restante do layout. Mova essas camadas para a pasta quadro. Posicione e redimensione cada uma delas para ocupar os espaços. Agora, vá até a pasta rodapé para criar a linha com textos na base do site. Use a ferramenta de texto (Horizontal Type Tool) para digitar GALERIA MÚSICA GRÁTIS CONTATO SOBRE O SITE e na linha de baixo MusicWave (coloque o ano) - Política de Privacidade - Termos de Uso. Use as mesmas configurações de texto do passo anterior. Tratamento de imagens para o layout Trabalharemos a seguir com a criação e tratamento de imagens para complementar o layout. Fotos, ilustrações e outros elementos gráficos são importantes num site, pois atribuem um "valor gráfico", despertando o emocional do visitante. Imagens também facilitam a percepção/recepção da mensagem que você deseja transmitir. No Photoshop, abrimos os seguintes arquivos. 9

13 banda.jpg cantor.jpg ensaio.jpg guitarrista.jpg musica.jpg show.jpg Com exceção da musica.jpg, as outras imagens serão colocadas na pasta quadro em suas respectivas subpastas, que ilustrarão as seções ali mostradas. Você deverá redimensionar essas imagens. Crie um novo arquivo com dimensões de 63x91 pixels, com 72 dpi de resolução e modo de cor RBG. Depois vá até a imagem desejada, copie para o novo arquivo. Para isso, basta selecionar toda a área da imagem (<Ctrl>+<A>) copiar (<Ctrl>+<C>) e colar (<Ctrl>+<V>) no novo arquivo criado. Para redimensionar, selecione uma das camadas e utilize a transformação livre (Free Transform - Ctrl+T) que está localizada no menu Edit. Em seguida, use o mouse para diminuir a imagem e deixá-la visível dentro da extensão do arquivo. Dê <Enter> para concluir. Depois que redimensionar as duas imagens, faça novamente o procedimento de selecionar (<Ctrl>+<A>) copiar (<Ctrl>+<C>) e colar (<Ctrl>+<V>) no arquivo projeto_musica.psd, na subpasta lançamentos. Copie uma imagem de cada vez e posicione-as no layout. Finalizando, esta imagem será a principal do layout, transmitindo a idéia principal do site. Você deverá recortar o fundo da foto, antes de aplicá-la no layout. No arquivo musica.jpg, duplique a camada Background com <Ctrl>+<J> e oculte a original, para trabalhar somente com a cópia. Isso permitirá que ao recortar o fundo, ele seja transparente. Selecione a ferramenta varinha mágica (Magic Wand Tool - W) e clique sobre as regiões que pertencem ao fundo da imagem. Verifique antes se as opções Anti-alias e Contiguous nas propriedades da ferramenta estão selecionadas. Use a tecla <Shift> para fazer mais de uma seleção, mantendo as anteriores. 10

14 Veja que por causa do pouco contraste de cores, a seleção ultrapassa as regiões do fundo. Você deve então corrigir isso com a ferramenta laço poligonal (Polygonal Lasso Tool - L). Selecione essa ferramenta e com a ajuda do zoom (Z), aproxime a visualização das regiões que você irá trabalhar: - segure a tecla <Alt> para ativar o modo de subtração e retirar as regiões que você não deseja. - segure a tecla <Shift> para ativar o modo de adição e selecionar as áreas que não foram atingidas pela ferramenta Magic Wad Tool. Depois de fazer isto em toda a imagem, basta apertar a tecla Delete para apagar o fundo. Por fim, copie a imagem recortada para o arquivo projeto_musica.psd, colando na pasta imagem de fundo. Redimensione a imagem usando a transformação livre (Free Transform - Ctrl+T). 11

15 Criando Elementos no Illustrator Abra o programa acessando o menu Iniciar, Todos os Programas, Adobe Design Premium CS3 e por fim selecione a opção Adobe Illustrator CS3. Crie um novo documento. Utilize a ferramenta linha (Line Segment Tool - \) para criar uma linha na área de trabalho, como é mostrado abaixo. Em seguida, use a ferramenta seleção direta (Direct Selection Tool - A) e clique em uma das extremidades da linha para selecionar um dos nós. Ative o botão de suavizar o nó (Convert selected anchor points to smooth). Faça o mesmo na outra extremidade. Por fim, use a Direct Selection Tool - A para arrastar os nós de apoio de curva alterando a forma da linha e deixá-la como é mostrado a seguir: O passo seguinte é duplicar a linha, movê-la para uma nova posição e fazer pequenas alterações. Para isso, segure a tecla <Alt>, clique sobre o objeto, arraste para cima e use a Direct Selection Tool - A para fazer uma leve mudança nas curvas. Clique duas vezes sobre a ferramenta Blend Tool (W) e, em sua caixa de diálogo selecione a opção Specified Steps e altere o valor para 10. Clique em OK e vá até uma das linhas (repare na mudança do cursor), clique sobre ela e depois sobre a outra linha. 12

16 Foram criadas 10 linhas entre as duas inicialmente criadas, produzindo um interessante efeito. Para finalizar, aplique cores sobre a primeira e a última linha usando o painel Color e Swatches. Em Color, selecione a opção contorno (Stroke), escolha um azul claro e arraste-o para a primeira linha. Depois, arraste a cor branca para a última linha. Crie um novo documento com as mesmas configurações do anterior, com o nome de autofalante. Use a ferramenta Ellipse Tool para criar 6 círculos com os tamanhos próximos ao mostrado abaixo: Aplique preenchimento conforme indicado abaixo: Nos círculos de colorização gradiente do tipo radial, faça a configuração através da paleta Gradient. Depois de aplicar o preenchimento em todos os círculos, selecione-os todos e clique nos botões de alinhamento na barra de propriedades: Horizontal Align Center e Vertical Align Center. Observe que surgiu o auto-falante. Para finalizá-lo, faça pequenas alterações no posicionamento de alguns círculos e na proporção do grupo utilizando a ferramenta de seleção (Selection Tool - V) e as setas do teclado. Isso proporcionará um efeito de profundidade e perspectiva. Rotacione também o objeto em 45º. 13

17 Selecione todas as formas e agrupe com o comando Group (<Ctrl>+<G>). Faça duas cópias do auto-falante e posicione-os dessa maneira: Concluindo o Layout Agora que o layout está praticamente pronto e os últimos elementos foram criados no Illustrator, inseriremos esses para concluir definitivamente o layout. Após abrir o Photoshop, abra o arquivo projeto_musica.psd, que você salvou em sua pasta, clique sobre a camada onde está a foto principal (pasta imagem de fundo) e importe o arquivo autofalante.ai, também localizado em sua pasta. Use o comando Place, localizado no menu File. Ao importar o arquivo, uma caixa de diálogo aparecerá. Mantenha a opção Page selecionada e clique em OK. O objeto será adicionado na área de trabalho criando uma nova camada. Pressione a tecla <Enter> para concluir. Mova a camada para baixo da camada da foto. Redimensione e posicione o elemento. Duplique a camada e use o comando Free Transform (<Ctrl>+<T>) para espelhar horizontalmente a imagem, posicionando do outro lado da foto. 14

18 Aplique agora nas duas camadas do auto-falante e na camada da foto o efeito Outer Glow, com essas especificações: O resultado será de um contorno esfumaçado ao redor desses elementos, proporcionando certo destaque. 15

19 Exportando o Layout O layout do site está concluído e agora deverá ser exportado. Abra o Photoshop e seu arquivo projeto_musica.psd, caso seja necessário. Você se lembra das linhas-guias que você criou anteriormente com o intuito de ajudar no alinhamento dos elementos do layout? Pois bem, elas serão imprescindíveis nessa lição. Com o arquivo aberto, duplique-o clicando com o botão direito do mouse sobre a barra de título do documento e escolhendo a opção Duplicate. Deixe visível as linhas-guias através do menu View, Show, Guides. Vá até a camada logotipo faça a sua fusão, clicando com o botão direito do mouse sobre ela e escolhendo a opção Merge Group. Repita o processo com as camadas menu, rádio, quadro e notícias. O motivo dessa fusão é para facilitar a segmentação do layout pelas linhas-guias. Adicione linhas-guias separando o layout por partes, de acordo com seus elementos. A colorização mostra os espaços criados pelas linhas-guias. Clique sobre a ferramenta fatiar (Slice Tool - K) e faça recortes sobre todas as regiões demarcadas com as linhas-guias. 16

20 Depois que todas as regiões forem determinadas pela Slice Tool, o documento poderá ser exportado, finalmente. Certifique-se antes se todos os recortes estão corretamente posicionados entre as linhas. Evite deixar espaços. Use o comando Save for Web & Devices do menu File. Dê <Ctrl>+<A> para selecionar todos os recortes, selecione depois as opções JPEG - Very High para salvar nesse formato e clique em Save. Na caixa de diálogo Save Optimize As, no campo Settings, escolha Other para alterar algumas configurações. No menu drop-down onde aparece HTML, escolha Saving Files. Altere o nome da pasta em Put Images in Folder para imagens (que é o nome de sua pasta de imagens). Clique em OK. Vá até sua pasta onde estão aquelas que você criou no início do curso (fotos, imagens, letras e vídeos). Em seguida, altere o campo Salvar como tipo: para HTML and Images. Mude também o nome do arquivo para musicwave. Clique em Salvar. Esse procedimento cria um arquivo HTML e gera as imagens recortadas do seu layout dentro da pasta imagens. Em outras palavras, seu layout já está exportado e transformado em página para Internet. Adicionando Animação Nessa lição você utilizará o Adobe Flash CS3 para adicionar elementos animados em parte do site, proporcionando atratividade a ele. Abra o programa, crie um novo documento em Create New, Flash File (ActionScript 2.0) e altere suas propriedades clicando em Size na barra de propriedades (Properties). 17

21 Você adaptou a área de trabalho para o tamanho de um dos recortes do layout feito em Photoshop. É nessa imagem que será adicionada a animação. Importe o arquivo musicwave_12.jpg da pasta imagens, usando o menu File, Import, Import to Stage ou as teclas de atalho <Ctrl>+<R>. Bloqueie a camada Layer 1 e crie uma nova camada (Insert Layer) onde você criará os elementos animados. Na Layer 2, crie notas musicais usando as ferramentas retângulo (Rectangle Tool) e oval (Oval Tool). Selecione cada uma das notas e converta-as em símbolo usando o menu Modify, Convert to Symbol (ou <F8>). Escolha a opção Graphic e dê os nomes de nota 1 e nota 2. Depois, clique em cada uma delas e volte a usar o comando Convert to Symbol. Dessa vez, crie um Movie clip colocando o prefixo m- antes dos nomes nota 1 e nota 2 para diferenciar dos outros nomes. 18

22 Isso coloca os gráficos nota 1 e nota 2 dentro dos Movie clips m-nota1 e m-nota2, respectivamente. Use a ferramenta Free Transform Tool para redimensionar as imagens e posicioná-las como é mostrado abaixo. Dê um duplo clique sobre esses Movie clips para editá-los. Crie um quadro-chave pressionando a tecla de atalho <F6> no quadro 20 da linha de tempo e adicione uma interpolação de movimento (Create Motion Tween). Reposicione a figura do quadro 20 até a extremidade da imagem de fundo. Veja o resultado executando o comando Test Movie (<Ctrl>+<Enter>). Repare que a animação está rápida e não apresenta uma boa atratividade. Feche a janela de teste. Faça as seguintes alterações nos Movie clips: adicione um Ease de 100 no primeiro quadro (isso dará suavidade ao movimento), altere a propriedade Color do objeto do último quadro para Alpha 0 e adicione quadro em branco (use <F7>) após o quadro 20 (para criar um espaço de tempo até o reinício da animação). Ao testar o filme, um SWF é gerado na mesma pasta do arquivo FLA. Esse SWF você usará para substituir a imagem correspondente no layout utilizando o Dreamweaver. Isso você fará na próxima lição. Antes, copie o arquivo para a pasta imagens do seu site. Observe a seguir outra animação para ser adicionada no site. Dessa vez, você criará uma animação com o título MusicWave. No arquivo projeto_musica.psd, utilize a ferramenta Crop Tool para selecionar somente a região da fatia correspondente ao logotipo do site. Preste atenção nas linhas-guias, pois essa seleção deve ter o mesmo tamanho da imagem que você gerou na lição Exportando o Layout. 19

23 Pressione a tecla <Enter> para finalizar a seleção e use o comando do menu File, Save as para salvar uma cópia do arquivo com o nome de logotipo.psd em sua pasta. Retorne ao Flash e use File, Open para abrir o arquivo logotipo.psd. Não se esqueça de selecionar a opção All Files (*.*). Repare que ao importar o logotipo.psd, uma nova caixa de diálogo aparecerá listando as camadas do arquivo. Deixe marcada somente as camadas logotipo e Background. Selecione a camada logotipo e marque a opção Create movie clip for this layer e Set stage size to same size as Photoshop canvas. Foi criado automaticamente, um novo documento com o tamanho da imagem PSD, com duas camadas (logotipo e Background) sendo que a imagem logotipo está em um Movie clip. Bloqueie a camada Background e entre no Movie clip logotipo, clicando duas vezes sobre o título MusicWave. Crie uma nova camada chamada mascara e transforme-a com o comando Mask. Você criou uma máscara acima da camada Layer 1, que contém o título MusicWave. Com ela, você pode criar o efeito para essa etapa. Quando uma máscara é criada, a camada abaixo dela só ficará visível se alguma forma estiver na camada mascara. Então usaremos isso para criar o efeito que simulará a escrita do texto Desbloqueie as duas camadas, selecione a camada mascara e utilize a ferramenta Brush Tool para criar um ponto sobre o texto, conforme é mostrado abaixo: 20

24 Se você bloquear novamente as camadas, você verá a máscara em ação, exibindo apenas uma parte do texto da camada Layer 1, que corresponde ao ponto que você criou com a Brush Tool. Com as camadas desbloqueadas, continue o processo criando novos quadros-chave (tecla de atalho <F6>) e adicionando pontos com a Brush Tool para cada quadro. Faça uma letra de cada vez até que todo o título seja coberto. Adicione o comando Stop no último quadro para que a animação não fique se repetindo. Saia do Movie clip logotipo clicando em Scene 1 e na barra Properties altere o Frame rate para 36. Isso fará com que a animação seja mais fluente, sendo executada a 36 quadros por segundo. Teste o filme com o comando <Ctrl>+<Enter>. Copie o arquivo logotipo.swf para a pasta imagens do site. 21

25 Finalizando o Site Nessa lição utilizamos o Dreamweaver para adicionar editar e finalizar o site, adicionando o arquivo de animação, links e criando outras páginas. Com o programa aberto, acesse o menu Site, New site para criar um perfil de site dentro do Dreamweaver e estabelecer uma estrutura de acesso e administração de arquivos. Configure o site conforme a instrução abaixo, definindo um nome para ele, especificando a pasta onde estão os arquivo, entre outras configurações. Automaticamente o Dreamweaver criará uma estrutura do site na paleta Files. Abra o arquivo musicwave.html através da paleta Files. Você verá seu layout pronto. Repare que o layout está alinhado à esquerda. Portanto, para que ele seja melhor visualizado no navegador, alinhe-o ao centro selecionando todo o conteúdo, clicando em sua borda e escolhendo a opção Align, Center através do painel Properties. Clique fora do layout para retirar a seleção. Acesse as propriedades da página para alterar outras configurações clicando no botão Page Properties do painel Properties. Defina o título da página, as cores das fontes, os links e título. 22

26 Confirmando essas opções, o Dreamweaver gerará um código CSS de cada componente configurado (exceto o título da página). Esse código será útil para formatar o conteúdo do site. Visualizamos essas configurações através da guia Code. Teste o arquivo usando a tecla de atalho <F12>, que fará a página abrir no navegador padrão do computador. Após fechar o navegador e retornar ao Dreamweaver, substitua a imagem dos auto-falantes por aquela que você criou no Flash. Selecione a imagem, delete-a, execute o comando Flash <Ctrl+<Alt>+<F> do menu Insert, Media e escolha o arquivo som.swf. Cancele a caixa de diálogo que aparecerá em seguida e seu arquivo já estará inserido no layout. Se quiser testar a animação, selecione-a e clique em Play no painel Properties. Ao adicionar algum arquivo swf no Dreamweaver, ele criará uma pasta Script com um código para execução do componente. Essa pasta deve ser publicada junto com o site para que a animação funcione corretamente na Internet. Normalmente o site precisa de atualizações constantes e alterá-lo usando somente o Dreamweaver seria o ideal. Por isso, editaremos mais essa página para que possa ser utilizada no Dreamweaver para futuras atualizações de conteúdo. Editaremos essa página principal e criaremos outra que servirá de modelo para as seções do site. Retire do layout as imagens correspondentes aos textos e fotos das áreas Últimas Notícias, Shows & Eventos, Lançamentos e Música, deixando somente seus títulos. Se for preciso, altere essas imagens no Photoshop. Defina o preenchimento dessas áreas com a mesma cor que a imagem reproduziu. 23

27 Insira tabelas (menu Insert, Table) de 1 coluna por 1 linha, se necessário, nesses espaços. Escreva um texto para verificar a funcionalidade. Altere o posicionamento vertical do conteúdo na célula pelo painel Properties. A região do rodapé também pode ser editada dessa forma. Agora, faremos uma cópia do arquivo para servir de modelo para as outras seções. Salve uma cópia do musicwave.html com o nome de template.html em sua pasta (menu File, Save as). Depois, retire os textos e imagens da região do quadro maior para que se torne uma forma única usando o comando Mergers selected cells using spans, na barra Properties. Veja: Agora você tem o arquivo principal do site (musicwave.html) e outro que serve de modelo para as seções (template.html) sem divisão do quadro principal. 24

28 Agora, criaremos os links e as páginas de navegação do site. No arquivo template.html, crie alguns hotspot maps que são áreas clicáveis com links sobre as imagens. Para criar essas áreas, selecione a imagem desejada, vá até a barra Properties e clique sobre o botão Rectangular Hotspot Tool. Em seguida, clique e arraste com o mouse sobre a imagem, criando uma área sobre o local onde você deseja fazer o link. Provavelmente uma mensagem aparecerá comunicando que você pode escrever uma legenda para o link na barra Properties. Ignore a mensagem clicando em OK e crie o link digitando o endereço do arquivo que você apontará, no caso galeria.html. Dê <Enter> para concluir. Para adicionar uma legenda ao link, use o campo Alt. Repita o processo, criando áreas de links para o restante do menu, apontando para musica.html, noticias.html, letras.html e contato.html, respectivamente. Crie também uma área clicável sobre o logotipo MusicWave e adicione ali um link para o arquivo index.html. Digite Página Inicial no campo Alt. Isso servirá como caminho para a página principal de seu site e é normalmente feito por desenvolvedores de sites. Seu arquivo template.html agora possui vários hotspots com links: Crie links também para o rodapé. Se ele estiver como imagem, use Hotspot Maps. Porém, se for texto, basta selecioná-lo e adicionar o link no campo de mesmo nome na barra Properties. Crie cópias do template.html com os nomes galeria.html, musica.html, noticias.html, letras.html e contato.html. Você pode usar o Save as do menu File ou simplesmente usar os comandos Copiar e Colar no Windows Explorer em sua pasta de aluno ou até mesmo no painel Files do Dreamweaver. Aproveite para alterar o nome do arquivo musicwave.html para index.html. Como todas as páginas criadas são cópias do arquivo template.html, elas têm o mesmo título: MusicWave. Abra esses arquivos e altere seus títulos, de acordo com o nome da página. Use o campo Title. Abra agora o index.html e adicione link para a página noticias.html nos textos mais dos quadros de Shows & Eventos e Notícias. Faça o mesmo procedimento adicionando links nos textos dos quadros Lançamentos e Músicas para a página musica.html. 25

29 Ainda com o index.html aberto, aproveite para inserir a animação do logotipo do site, feita em Flash. Ela deve ser inserida somente nessa página que servirá como uma abertura e apresentação inicial para o site. Substitua a imagem GIF do logotipo pelo arquivo SWF que você criou na lição anterior, localizado na pasta imagem do site. Utilize o comando Flash (<Ctrl>+<Alt>+<F>) do menu Insert, Media e escolha o arquivo logotipo.swf. Cancele a caixa de diálogo que aparecerá em seguida e seu arquivo já estará inserido no layout. Inserindo conteúdo às páginas Primeiro criaremos uma galeria de fotos para ser exibida em Galeria. Usaremos o Photoshop que possui um recurso automático de criação de galeria de fotos. Antes, copie as fotos da pasta Web Design CS3, crie uma nova pasta dentro da pasta fotos do site com o nome de galeria. Dentro dela, crie outra com o nome 001. Cole as fotos dentro da pasta 001. No Photoshop use o comando Web Photo Gallery, no menu File, Automate. Configure o assistente de criação conforme as imagens abaixo: 26

30 Clique em OK para iniciar o processo automático. Aguarde, feche a janela do Internet Explorer e retorne ao Dreamweaver. Abra o arquivo galeria.html. Insira um IFrame no espaço principal da página com as seguintes especificações: Isso criará um quadro que abrirá a página da galeria (index.html) dentro da página galeria.html. Clicando sobre as fotos, você pode vê-las em tamanho maior. Você pode criar outros tipos de galeria, pois no Photoshop há outros modelos. Se preferir criar manualmente uma galeria, basta preparar as fotos no Photoshop, salvá-las na pasta galeria e adicioná-las no Dreamweaver através do menu Insert, Image. Para inserir os vídeos, copie os arquivos musica_dance.mp3 e video_dance.flv para a pasta videos do seu site. 27

31 No Dreamweaver, abra o arquivo musica.html. Clique no quadro principal da página e vá até o menu Insert, Media, Plugin. Vá até a pasta vídeos e escolha o arquivo musica_dance.mp3. Ao confirmar, uma mensagem aparecerá comunicando que outro arquivo javascript foi gerado na pasta Script. Confirme e altere o tamanho do componente. No arquivo noticias.html, simularemos o trabalho com textos e fotos. Insira uma tabela através do menu Insert, Table ou com o comando <Ctrl>+<Alt>+<T>. Ela deve ter 1 linha e 3 colunas, com extensão de 100% e valor 0 para borda e espaçamentos entre células. Altere a largura das colunas utilizando o mouse ou inserindo valores nos campos Width e Height no painel Properties. Por padrão, o cursor nas células da tabela recém-criada é posicionado no meio e à esquerda. Altere o posicionamento vertical para Top no painel Properties. Devido ao estilo CSS criado no início da lição, qualquer texto que você digitar nessa página terá o padrão de fonte Verdana, tamanho 10, cor branca. Digite as informações que desejar na página, simulando notícias. Para inserir imagens, usaremos aquelas miniaturas criadas na galeria. Use o menu Insert, Image ou o comando <Ctrl>+<Alt>+<I>. Vá até a pasta fotos, galeria, thumbnails e selecione uma imagem. Insira uma legenda (campo Alternate text) para a foto e dê OK ou clique em Cancelar. Sua imagem estará inserida na página. 28

32 Agora será feito o formulário de contato para servir de meio de comunicação entre o usuário e dono do site. Informações de contato são indispensáveis em um site, mesmo que seja apenas o endereço do seu no rodapé da página. O formulário usará um método de envio que dependerá do Outlook, ou seja, para que o usuário consiga enviar os dados do formulário, ele precisa ter o programa instalado em seu computador. Abra o arquivo contato.html. Altere o alinhamento horizontal do quadro principal para o centro, usando a barra Properties. Use a barra de ferramentas Forms para adicionar um campo de formulário clicando em seu primeiro botão: o de Formulário (Form). Isso criará um campo tracejado que indica a região do formulário. Dentro desse campo, insira uma tabela com 5 linhas e 3 colunas. Criaremos um campo para Nome, um para , outro para a Mensagem e dois botões (Enviar e Apagar) Use a barra de ferramentas Form e insira na coluna da direita dois campos de texto, uma na linha 1 e o outro na 2. Na linha 3 insira uma caixa de texto. Na caixa de diálogo que aparecerá para cada inserção, escreva no campo ID: nome, e mensagem, respectivamente. Na última linha, insira dois botões. Você pode especificar o nome deles na caixa de diálogo que aparece ou cancelar e configurar pelo painel Properties. Configure um como botão de envio (Submit) e o outro como de anulação (Reset). Veja: Para finalizar o formulário, insira na sua linha de código, na tag action o para onde será enviada a mensagem (precedido de mailto:) e a função enctype="text/plain" que formatará os dados enviados. 29

33 Teste o documento no browser. Publicando o Site Independente do serviço que você escolher, a publicação dos arquivos do site será feita por FTP (File Transfer Protocol). Após o cadastro em algum serviço de hospedagem, você receberá um login e uma senha de acesso para sua pasta no servidor, (o endereço para ela também será enviado). Abra o Internet Explorer e digite na barra de endereços É necessário que seja feito um cadastro para a publicação do site. Além da criação da conta é necessário fazer sua ativação através de um , para que o login seja reconhecido no site. Após acessar o endereço, informe o site desejado, , senha e o assunto do site. Em seguida, clique em Criar meu Site Caso não exista nenhum endereço igual ao informado, a conclusão do cadastro será efetivada. 30

34 Em seguida, abra o cadastrado para a ativação do site e clique na mensagem da Equipe XPG. Com a mensagem aberta, clique no link de validação. Informe o login, senha e clique em Entrar. É possível enviar os arquivos através do próprio site, opção FTP Web. Em nosso caso utilizaremos um programa de nome WS_FTP. Abra o programa WS_FTP através do menu Iniciar. Logo em seguida, o programa será aberto. Na janela Propriedades de Session informe a seguinte descrição: Lembre-se que na opção User ID e Password serão informados o usuário e a senha cadastrados no site XPG. No lado esquerdo da janela WS_FTP LE, utilizando a barra de rolagem, selecione com dois cliques, o local onde se encontra o seu arquivo. Utilizando a tecla <Ctrl>, selecione os arquivos que fazem parte do site e clique na seta para adicionar ao lado direito da janela. 31

35 Com a página do XPG aberta, clique no link localizado ao lado direito da página referente a publicação. Em nosso exemplo clicamos em Em seguida, o site será exibido. Na janela XPG, clique no link sair e feche a exibição do site. 32

Introdução ao Fireworks CS4

Introdução ao Fireworks CS4 Introdução ao Fireworks CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Fireworks CS4 Design para Web Processor Alfamídia Criação de Sites: Layout e Projetos - Processor Alfamídia Crie, Anime e Publique

Leia mais

Introdução ao Fireworks CS4

Introdução ao Fireworks CS4 Introdução ao Fireworks CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Fireworks CS4 Design para Web Processor Alfamídia Criação de Sites: Layout e Projetos - Processor Alfamídia Crie, Anime e Publique

Leia mais

c) Insira uma nova camada, acima daquela que contém o texto. Nomeie-a de máscara. Clique com o botão direito nesta camada e marque a opção Mask.

c) Insira uma nova camada, acima daquela que contém o texto. Nomeie-a de máscara. Clique com o botão direito nesta camada e marque a opção Mask. Prática 5 Efeitos 1. Objetivos Desenvolver animações usando máscaras Fazer metamorfose pelo uso do Break apart 2. Recursos Necessários Computador com o programa Macromedia Flash MX ou superior. 3. Conceitos

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

Instrutor Alexandre - CorelDraw

Instrutor Alexandre - CorelDraw Quem não leu o meu primeiro tutorial, corra para ler, pois tem muitas dicas interessantes lá! Quem já leu, preparem-se para mais dicas!! Abra o COREL e coloque a folha na horizontal (paisagem). Feito assim

Leia mais

[CURSO DE FÉRIAS FIREWORKS] JULHO / 2011

[CURSO DE FÉRIAS FIREWORKS] JULHO / 2011 Conteúdo 1. OBJETIVO DO FIREWORKS... 2 1.1 - Diferença entre imagem Vetorial e Bitmap... 2 1.2 - Formato de Arquivos... 3 2. AMBIENTE DO FIREWORKS... 3 2.1 - INICIANDO UM PROJETO... 4 3. DESENHANDO NO

Leia mais

INTRODUÇÃO 01 MUDANDO O CURSOR DO MOUSE. A série

INTRODUÇÃO 01 MUDANDO O CURSOR DO MOUSE. A série FLASH CS5 ÍNDICE ÍNDICE... 2 INTRODUÇÃO... 3 A série... 3 01 MUDANDO O CURSOR DO MOUSE... 3 02 ANIMAÇÃO COM GUIAS... 5 03 MÁSCARAS COM BORDAS... 9 04 O SENHOR BATATA... 11 05 MUDANDO A COR DO CLIPE DE

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

CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX

CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX Introdução Este tutorial vai-te ajudar a compreender os princípios básicos do Flash MX - tal como layers, tweens, cores, texto, linhas e formas. No final deste tutorial

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

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

Introdução ao Adobe Flash CS4

Introdução ao Adobe Flash CS4 Principais Arquivos do Flash http://tv.adobe.com/show/learn-flash-professional-cs4/ Introdução ao Adobe Flash CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Flash CS4 Design para Web Processor Alfamídia

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

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

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

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

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

Lição3 Adobe Photoshop CS5. Princípios Básicos de Camadas. Utilize o painel Layers e copie uma camada a partir de um arquivo

Lição3 Adobe Photoshop CS5. Princípios Básicos de Camadas. Utilize o painel Layers e copie uma camada a partir de um arquivo Lição3 Adobe Photoshop CS5 Princípios Básicos de Camadas CENTRO DE ENSINO SUPERIOR DO AMAPÁ O Adobe Photoshop permite isolar diferentes partes de uma imagem em camadas. Cada camada pode ser editada como

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

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

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

Excel 2010 Modulo II

Excel 2010 Modulo II Excel 2010 Modulo II Sumário Nomeando intervalos de células... 1 Classificação e filtro de dados... 3 Subtotais... 6 Validação e auditoria de dados... 8 Validação e auditoria de dados... 9 Cenários...

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

Manual PAINT.NET de imagens

Manual PAINT.NET de imagens Manual PAINT.NET de imagens 1. Instalação 1.1 - Para instalar o programa paint.net, o primeiro passo é baixá-lo do endereço a seguir e salvá-lo em seu computador. http://ww2.prefeitura.sp.gov.br/paint_net/paint.net.3.36.exe

Leia mais

Bem vindo ao ajuda do software QUICKFISH para criação de sites.

Bem vindo ao ajuda do software QUICKFISH para criação de sites. Bem vindo ao ajuda do software QUICKFISH para criação de sites. SUMÁRIO 1 Exemplo de site criado no software QUICKFISH...02 2 Salvando Seu Site...03 3 Publicando Seu Site...03 4 Visão inicial do Software

Leia mais

Informática Aplicada. Aula 2 Windows Vista. Professora: Cintia Caetano

Informática Aplicada. Aula 2 Windows Vista. Professora: Cintia Caetano Informática Aplicada Aula 2 Windows Vista Professora: Cintia Caetano AMBIENTE WINDOWS O Microsoft Windows é um sistema operacional que possui aparência e apresentação aperfeiçoadas para que o trabalho

Leia mais

Sumário - Power Point

Sumário - Power Point Power Point Sumário - Power Point 1. INICIANDO O POWERPOINT... 116 2. APRESENTAÇÃO DA JANELA DO POWERPOINT... 117 3. CONCEITOS BÁSICOS DO POWERPOINT... 118 4. INICIANDO UMA APRESENTAÇÃO... 118 4.1 Autolayouts

Leia mais

Microsoft Word 97 Básico

Microsoft Word 97 Básico Poder Judiciário Tribunal Regional Federal da Terceira Região Microsoft Word 97 Básico DIMI - Divisão de Microinformática e Redes Índice: I. Executando o Word... 4 II. A tela do Word 97... 6 III. Digitando

Leia mais

BrOffice Impress Módulo 06 ÍNDICE

BrOffice Impress Módulo 06 ÍNDICE ÍNDICE VÍDEO 1 Trabalhando com o BrOffice.org Impress VÍDEO 2 Conhecendo o BrOffice.org Impress VÍDEO 3 Criando uma nova apresentação VÍDEO 4 Estrutura de tópicos VÍDEO 5 Layout VÍDEO 6 Trabalhando com

Leia mais

Introdução ao Adobe Flash CS4

Introdução ao Adobe Flash CS4 Introdução ao Adobe Flash CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Flash CS4 Design para Web Processor Alfamídia Classroom in a Book Guia de Treinamento Oficial da Adobe Crie, Anime e Publique

Leia mais

Introdução ao Adobe Flash CS4

Introdução ao Adobe Flash CS4 Introdução ao Adobe Flash CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Flash CS4 Design para Web Processor Alfamídia Classroom in a Book Guia de Treinamento Oficial da Adobe Crie, Anime e Publique

Leia mais

Índice Apresentando o software Programa aberto Criando nova animação Trabalhando as animações Ferramentas Abrir uma figura como animação

Índice Apresentando o software Programa aberto Criando nova animação Trabalhando as animações Ferramentas Abrir uma figura como animação Apostila Índice Apresentando o software...o que são GIF s animadas Programa aberto 2 Criando nova animação 3 Trabalhando as animações 3 Ferramentas 4 Abrir uma figura como animação 5 Barras de ferramentas

Leia mais

Manual do Usuário. Sumário

Manual do Usuário. Sumário Manual do Usuário Sumário Login... 2 Tela inicial (Dashboard)... 3 Modelo Operacional... 4 Agrupamentos de Menus... 6 Conteúdos / Notícias / Eventos... 9 Capas... 14 Repositório de Arquivos... 17 Enquetes...

Leia mais

Universidade Federal do Mato Grosso - STI-CAE. Índice

Universidade Federal do Mato Grosso - STI-CAE. Índice CAPA Universidade Federal do Mato Grosso - STI-CAE Índice 1. Página da área administrativa... 1.1 Botões e campo iniciais... 2. Explicar como funcionam as seções... 2.1. Seções dinâmicos... 2.1.1 Como

Leia mais

Iniciação à Informática

Iniciação à Informática Meu computador e Windows Explorer Justificativa Toda informação ou dado trabalhado no computador, quando armazenado em uma unidade de disco, transforma-se em um arquivo. Saber manipular os arquivos através

Leia mais

Este arquivo está disponível em: http://www.unesc.net/diario/manual

Este arquivo está disponível em: http://www.unesc.net/diario/manual Este arquivo está disponível em: http://www.unesc.net/diario/manual Diário On-line Apresentação ----------------------------------------------------------------------------------------- 5 Requisitos Básicos

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

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

WEB DESIGN ELEMENTOS GRÁFICOS

WEB DESIGN ELEMENTOS GRÁFICOS ELEMENTOS GRÁFICOS Parte 6 José Manuel Russo 2005 35 Introdução Uma das formas como criar os elementos gráficos para a Web, é utilizar o Corel Draw para produzir os diversos objectos em formato Vectorial

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

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

Corel Draw 12. Enviado por: Jair Marcolino Felix. Rua Dr. Osvaldo Assunção nº 72 Tucano BA Próximo a Escola de Artes e Ofícios (antigo CESG)

Corel Draw 12. Enviado por: Jair Marcolino Felix. Rua Dr. Osvaldo Assunção nº 72 Tucano BA Próximo a Escola de Artes e Ofícios (antigo CESG) Corel Draw 12 Enviado por: Jair Marcolino Felix Corel Draw 12 O Corel Draw é um programa de design gráfico pertencente à Corel.O Corel Draw é um aplicativo de ilustração e layout de página que possibilita

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

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

SGCD 2.2. Sistema Gerenciador de Conteúdo Dinâmico

SGCD 2.2. Sistema Gerenciador de Conteúdo Dinâmico Atualizado em 13/AGO/2012 Sistema Gerenciador de Conteúdo Dinâmico No final de 2007, o Serviço Técnico de Informática da UNESP Marília, disponibilizou para a comunidade acadêmica e administrativa o Sistema

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

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

SGCD 2.0 Sistema Gerenciador de Conteúdo Dinâmico

SGCD 2.0 Sistema Gerenciador de Conteúdo Dinâmico Sistema Gerenciador de Conteúdo Dinâmico Atualizado em 24/08/2011 No final de 2007, o Serviço Técnico de Informática da UNESP Marília, disponibilizou para a comunidade acadêmica e administrativa o Sistema

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

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

Textos com o Photoshop

Textos com o Photoshop Textos com o Photoshop Texto 1 Efeito Glow 1 Criar nova imagem em formato RGB 2 Aplicar cor ao fundo 3 Selecionar a ferramenta "Horizontal Type Mask Tool" e escrever o seu texto (usar no mínimo fonte tamanho

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

Projeto solidário para o ensino de Informática Básica

Projeto solidário para o ensino de Informática Básica Projeto solidário para o ensino de Informática Básica Parte 2 Sistema Operacional MS-Windows XP Créditos de desenvolvimento deste material: Revisão: Prof. MSc. Wagner Siqueira Cavalcante Um Sistema Operacional

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

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

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

Conceitos Fundamentais de Microsoft Word. Professor Rafael rafampsilva@yahoo.com.br www.facebook.com/rafampsilva

Conceitos Fundamentais de Microsoft Word. Professor Rafael rafampsilva@yahoo.com.br www.facebook.com/rafampsilva Conceitos Fundamentais de Microsoft Word Professor Rafael www.facebook.com/rafampsilva Introdução É um editor de texto ou processador de texto? editores de texto: editam texto (assim como uma máquina de

Leia mais

BrOffice.org - Impress

BrOffice.org - Impress BrOffice.org Impress 1 BrOffice.org - Impress Programa de apresentação, utilizado para criação e manipulação de slides. Os slides criados para uma eletrônica podem conter texto, gráficos, objetos, formas,

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

Trabalhar com Layers em Photoshop

Trabalhar com Layers em Photoshop Painel Layers / Camadas Trabalhar com Layers em Photoshop Existem cinco tipos de layers / camadas, que podem estar listados neste painel: - de imagem, contendo pixéis - de texto, com texto editável - de

Leia mais

Barra de Títulos. Barra de Menu. Barra de Ferramentas. Barra de Formatação. Painel de Tarefas. Seleção de Modo. Área de Trabalho.

Barra de Títulos. Barra de Menu. Barra de Ferramentas. Barra de Formatação. Painel de Tarefas. Seleção de Modo. Área de Trabalho. Conceitos básicos e modos de utilização das ferramentas, aplicativos e procedimentos do Sistema Operacional Windows XP; Classificação de softwares; Principais operações no Windows Explorer: criação e organização

Leia mais

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico. Criar um logotipo Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico. Neste tutorial, você criará um logotipo para uma cafeteria imaginária.

Leia mais

(Ilustração gerada no Sodipodi, tratada no gimp, Documento gerado no OpenOffice)

(Ilustração gerada no Sodipodi, tratada no gimp, Documento gerado no OpenOffice) (Ilustração gerada no Sodipodi, tratada no gimp, Documento gerado no OpenOffice) Tutorial Sodipoi Autor: Alexandre da silva costa Anakinpendragon (anakinpendragon@yahoo.com.br) Esse tutorial vem para

Leia mais

ÍNDICE. Sobre o SabeTelemarketing 03. Contato. Ícones comuns à várias telas de gerenciamento. Verificar registros 09. Tela de relatórios 09

ÍNDICE. Sobre o SabeTelemarketing 03. Contato. Ícones comuns à várias telas de gerenciamento. Verificar registros 09. Tela de relatórios 09 ÍNDICE Sobre o SabeTelemarketing 03 Ícones comuns à várias telas de gerenciamento Contato Verificar registros 09 Telas de cadastro e consultas 03 Menu Atalho Nova pessoa Incluir um novo cliente 06 Novo

Leia mais

IMAGEM REFLECTIDA NA ÁGUA

IMAGEM REFLECTIDA NA ÁGUA IMAGEM REFLECTIDA NA ÁGUA Introdução Vamos criar a imagem de um carro reflectida na água. Quando uma imagem é reflectida na água com ondulação o reflexo não é nítido, varia com as ondas. Aqui a variação

Leia mais

TUTORIAL PARA ATUALIZAÇÃO DO PORTAL DO TJRN

TUTORIAL PARA ATUALIZAÇÃO DO PORTAL DO TJRN Poder Judiciário do Estado do Rio Grande do Norte TUTORIAL PARA ATUALIZAÇÃO DO PORTAL DO TJRN Agosto/2012 Versão 1.0 1. ACESSANDO O PORTAL Acesse o site do TJ no endereço www.tjrn.jus.br Observação: utilize

Leia mais

StarOffice Módulo StarWriter

StarOffice Módulo StarWriter Gerência de Transferência Tecnológica - GTTEC StarOffice Módulo StarWriter Autora Daniela Cristina Maestro Fevereiro/2000 Gerência de Transferência Tecnológica - GTTEC Índice Requisitos para Instalação...

Leia mais

Apostila da Ferramenta AdminWEB

Apostila da Ferramenta AdminWEB Apostila da Ferramenta AdminWEB Apostila AdminWEB SUMÁRIO OBJETIVO DO CURSO... 3 CONTEÚDO DO CURSO... 4 COMO ACESSAR O SISTEMA... 5 CONHEÇA OS COMPONENTES DA PÁGINA... 6 COMO EFETUAR O LOGIN... 9 MANTER

Leia mais

ROBERTO OLIVEIRA CUNHA

ROBERTO OLIVEIRA CUNHA LEIAME Nenhuma informação do TUTORIAL DO PHOTO- SHOP CS 8.0 poderá ser copiada, movida ou modificada sem autorização prévia e escrita do Programador Roberto Oliveira Cunha. Programador: Roberto Oliveira

Leia mais

Quatro para três (4:3): vou virar freguês!

Quatro para três (4:3): vou virar freguês! Uma breve introdução ao Photoshop. Embora várias ferramentas de manipulação de imagens sejam mais baratas e um pouco mais fáceis de utilizar, o Photoshop é a ferramenta mais importante de manipulação de

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

APOSTILA BÁSICA COMO UTILIZAR A LOUSA DIGITAL E O SOFTWARE SMART NOTEBOOK

APOSTILA BÁSICA COMO UTILIZAR A LOUSA DIGITAL E O SOFTWARE SMART NOTEBOOK APOSTILA BÁSICA COMO UTILIZAR A LOUSA DIGITAL E O SOFTWARE SMART NOTEBOOK 1 SÚMARIO ASSUNTO PÁGINA Componentes da Lousa... 03 Função Básica... 04 Função Bandeja de Canetas... 05 Calibrando a Lousa... 06

Leia mais

Microsoft PowerPoint

Microsoft PowerPoint Microsoft PowerPoint Microsoft PowerPoint é utilizado para desenvolver apresentações. Os trabalhos desenvolvidos com este aplicativo normalmente são apresentados com o auxílio de um datashow. Apresentações

Leia mais

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO. SUMÁRIO TUTORIAL DO HQ... 2 DICAS PEDAGÓGICAS:... 2 DOWNLOAD DA INSTALAÇÃO... 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD... 2 PASSO 2 ESCOLHENDO A VERSÃO... 3 PASSO 3 INSTRUÇÕES DE INSTALAÇÃO... 4 CRIANDO NOVAS

Leia mais

Manual da AGENDA GRACES 2011

Manual da AGENDA GRACES 2011 1 Agenda Graces Manual da AGENDA GRACES 2011 O Sistema Agenda Graces integrada ao Sistema Graces e Agenda Graces Grátis foi desenvolvido pela empresa Quorum Informática. Este Manual tem por objetivo atender

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

Adobe Photoshop CS5. Aula 5

Adobe Photoshop CS5. Aula 5 Adobe Photoshop CS5 Aula 5 Tema da aula: Mudando a cor dos olhos Assuntos tratados nesta aula: Criar nova camada Renomear camada Ferramenta Zoom Ferramenta Pincel Definindo Cor do Primeiro Plano Regulagem

Leia mais

Descobrindo e analisando. Qlik Sense 1.0.3 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados.

Descobrindo e analisando. Qlik Sense 1.0.3 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Descobrindo e analisando Qlik Sense 1.0.3 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik,

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

Criando Quiz com BrOffice.impress

Criando Quiz com BrOffice.impress Criando Quiz com BrOfficeimpress A ferramenta de apresentação possibilita o desenvolvimento de várias atividades interativas como: Sete erros Quiz (Perguntas/Respostas), Colocar em ordem objetos, alfabeto,

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

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

Oficina de Construção de Páginas Web

Oficina de Construção de Páginas Web COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Actividades de exploração Objectivo Explorar as funcionalidades essenciais do Programa, na perspectiva da construção/actualização

Leia mais

Índice. Manual de uso do Wordpress Produção de conteúdo. 1) Acesso ao Painel de Controle. 2) Ambientação na Ferramenta. 3) Inserir novo Post

Índice. Manual de uso do Wordpress Produção de conteúdo. 1) Acesso ao Painel de Controle. 2) Ambientação na Ferramenta. 3) Inserir novo Post Índice 1) Acesso ao Painel de Controle 2) Ambientação na Ferramenta 2.1) Posts 2.1.1) Adicionar novo post 2.1.2) Editar posts 2.2) Mídia 2.2.1) Tipos de Mídia 2.2.2) Biblioteca 2.2.3) Adicionar novo 3)

Leia mais

LIÇÃO 1 - USANDO O GRAVADOR DE MACROS

LIÇÃO 1 - USANDO O GRAVADOR DE MACROS 1_15 - ADS - PRO MICRO (ILM 001) - Estudo dirigido Macros Gravadas Word 1/35 LIÇÃO 1 - USANDO O GRAVADOR DE MACROS No Microsoft Office Word 2007 é possível automatizar tarefas usadas frequentemente criando

Leia mais

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES MANUAL SITE ADMINISTRÁVEL TV ÍNDICE 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES 3.1 - Dados Cadastrais 3.2 - Noticias 3.3 Redes Sociais 3.4 - Player 4. DESIGN

Leia mais

Explorando a Interface Flash

Explorando a Interface Flash CAPÍTULO UM Explorando a Interface Flash Se essa é sua primeira vez utilizando o Flash, pode levar algum tempo até que você se acostume com a abordagem idiossincrática do programa em relação aos desenhos

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

Trabalhando com Imagens no Word XP

Trabalhando com Imagens no Word XP Table of Contents Trabalhando com imagens...1 A barra de desenho...2 Tela de desenho...2 Caixa de Texto...3 Linha...4 Seta...4 Retângulo (e quadrado)...5 Elipse (e círculo)...5 AutoFormas...6 Modificação

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

Curso de Adobe Illustrator CS2

Curso de Adobe Illustrator CS2 Curso de Adobe Illustrator CS2 Sessão 1: Desenhar logótipos e botões O Adobe Illustrator disponibiliza uma grande variedade de ferramentas para criar formas geométricas, logótipos e símbolos, com muitos

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

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

WINDOWS EXPLORER Pro r f. f. R o R be b rt r o t A n A d n r d a r de d

WINDOWS EXPLORER Pro r f. f. R o R be b rt r o t A n A d n r d a r de d WINDOWS EXPLORER Prof. Roberto Andrade Roteiro desta aula 1. OqueéoWindowsExplorer 2. Acionamento do Windows Explorer 3. Entendendo Unidades, Pastas e Arquivos 4. Ambiente gráfico(janela, Barras e Botões)

Leia mais

APOSTILA DE DESENHO TÉCNICO NO COREL DRAW PROFESSORA GRAZIELA BRUNHARI KAULING UNIDADE 02: COREL DRAW

APOSTILA DE DESENHO TÉCNICO NO COREL DRAW PROFESSORA GRAZIELA BRUNHARI KAULING UNIDADE 02: COREL DRAW APOSTILA DE DESENHO TÉCNICO NO COREL DRAW PROFESSORA GRAZIELA BRUNHARI KAULING UNIDADE 02: COREL DRAW 1 INTRODUÇÃO ÀS FERRAMENTAS DO PROGRAMA COREL DRAW INTRODUÇÃO O Corel Draw é um programa de design

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

LABORATÓRIO DE INTERNET FRONTPAGE

LABORATÓRIO DE INTERNET FRONTPAGE I LABORATÓRIO DE INTERNET FRONTPAGE Prof. Antonio Geraldo da Rocha Vidal II SUMÁRIO Introdução...3 Construindo um Web Site...4 Iniciando...4 Administrando o Site...5 Navegação...5 Trabalhando com Páginas...6

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

Migrando para o Outlook 2010

Migrando para o Outlook 2010 Neste guia Microsoft O Microsoft Outlook 2010 está com visual bem diferente, por isso, criamos este guia para ajudar você a minimizar a curva de aprendizado. Leia-o para saber mais sobre as principais

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