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

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

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

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

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

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

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

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

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

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

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

Leia mais

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Í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

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

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

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

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

SSE 3.0. Guia Rápido. Módulo Secretaria. Nesta Edição

SSE 3.0. Guia Rápido. Módulo Secretaria. Nesta Edição SSE 3.0 Guia Rápido Módulo Secretaria Nesta Edição 1 Acessando o Módulo Secretaria 2 Cadastros Auxiliares 3 Criação de Modelos Definindo o Layout do Modelo Alterando o Layout do Cabeçalho 4 Parametrização

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

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

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

Í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

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

[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

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

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

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

Leia mais

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

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

Turma. PowerPoint 2003

Turma. PowerPoint 2003 PowerPoint 2003 Apresentação O Power Point é um aplicativo do Microsoft Office direcionado à criação de apresentações. Com ele você poderá criar rapidamente slides com esquemas, textos animados, sons e

Leia mais

Microsoft Office FrontPage 2003

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

Leia mais

Agente Administrativo do MTE

Agente Administrativo do MTE PowerPoint 2003 Apresentação O Power Point é um aplicativo do Microsoft Office direcionado à criação de apresentações. Com ele você poderá criar rapidamente slides com esquemas, textos animados, sons e

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

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

Índice. Atualizado em: 01/04/2015 Página: 1

Índice. Atualizado em: 01/04/2015 Página: 1 MANUAL DO USUÁRIO Índice 1. Introdução... 3 2. Acesso ao Sistema... 4 2.1. Instalação... 4 2.1.1. Servidor - Computador Principal... 4 2.1.2. Estação - Computador na Rede... 6 2.1.3. Estação - Mapeamento

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

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

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Sumário Objetivos do Blog... 2 Log-in... 3 Esqueci minha senha... 4 Utilizando o Blog... 5 Encontrando seu Blog... 5 Conhecendo o

Leia mais

FEMA Fundação Educacional Machado de Assis INFORMÁTICA Técnico em Segurança do Trabalho P OW ERPOI NT. Escola Técnica Machado de Assis Imprensa

FEMA Fundação Educacional Machado de Assis INFORMÁTICA Técnico em Segurança do Trabalho P OW ERPOI NT. Escola Técnica Machado de Assis Imprensa P OW ERPOI NT 1 INTRODUÇÃO... 3 1. Iniciando o PowerPoint... 3 2. Assistente de AutoConteúdo... 4 3. Modelo... 5 4. Iniciar uma apresentação em branco... 6 5. Modo de Exibição... 6 6. Slide Mestre... 7

Leia mais

Manual Vivo Sync. Manual do Usuário. Versão 1.0.0. Copyright Vivo 2013. http://vivosync.com.br

Manual Vivo Sync. Manual do Usuário. Versão 1.0.0. Copyright Vivo 2013. http://vivosync.com.br Manual do Usuário Versão 1.0.0 Copyright Vivo 2013 http://vivosync.com.br 1 1 Índice 1 Índice... 2 2 Vivo Sync... 5 3 Vivo Sync Web... 6 3.1 Página Inicial... 6 3.1.1 Novo Contato... 7 3.1.2 Editar Contato...

Leia mais

Manual de configuração do sistema

Manual de configuração do sistema Manual de configuração do sistema (v.1.5.x Beta) Rua México, 119 Sala 2004 Centro Rio de Janeiro, RJ www.doctors-solution.com.br www.simdoctor.com.br contato@simdoctor.com.br Sumário 1. Fazendo seu primeiro

Leia mais

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

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

Leia mais

Superintendência Regional de Ensino de Ubá - MG Núcleo de Tecnologia Educacional NTE/Ubá. LibreOffice Impress Editor de Apresentação

Superintendência Regional de Ensino de Ubá - MG Núcleo de Tecnologia Educacional NTE/Ubá. LibreOffice Impress Editor de Apresentação Superintendência Regional de Ensino de Ubá - MG Núcleo de Tecnologia Educacional NTE/Ubá LibreOffice Impress Editor de Apresentação Iniciando o Impress no Linux Educacional 4 1. Clique no botão 'LE' no

Leia mais

FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos

FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos Manual do Usuário Presidente Prudente, outubro de 2010 Índice 1. Introdução e Instruções

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

Universidade Federal do Espírito Santo

Universidade Federal do Espírito Santo Universidade Federal do Espírito Santo Núcleo de Tecnologia da Informação Gerenciamento do Conteúdo de Sítios Institucionais Versão 1.4 Atualizado em: 8/10/2015 Sumário Sumário................................................

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

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

Power Point. Autor: Paula Pedone

Power Point. Autor: Paula Pedone Power Point Autor: Paula Pedone INTRODUÇÃO O POWER POINT é um editor de apresentações, pertencente ao Pacote Office da Microsoft. Suas principais características são: criação de apresentações através da

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

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

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 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

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

Mini Curso Básico De Introdução Ao Metasys. Apostila 1

Mini Curso Básico De Introdução Ao Metasys. Apostila 1 Mini Curso Básico De Introdução Ao Metasys. Apostila 1 Aluno: Turma Aula 1: Objetivos Aprender quais são as partes principais do computador, e quais suas funcoes. Aprender a ligar e desligar o computador

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

Os elementos básicos do Word

Os elementos básicos do Word Os elementos básicos do Word 1 Barra de Menus: Permite aceder aos diferentes menus. Barra de ferramentas-padrão As ferramentas de acesso a Ficheiros: Ficheiro novo, Abertura de um documento existente e

Leia mais

MANUAL DO BLOG. Blog IBS

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

Leia mais

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

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

Seleção Retangular Esta é uma das ferramentas mais usadas. A seleção será indicada pelas linhas tracejadas que fazem a figura de um retângulo.

Seleção Retangular Esta é uma das ferramentas mais usadas. A seleção será indicada pelas linhas tracejadas que fazem a figura de um retângulo. O que é o Gimp? O GIMP é um editor de imagens e fotografias. Seus usos incluem criar gráficos e logotipos, redimensionar fotos, alterar cores, combinar imagens utilizando o paradigma de camadas, remover

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

Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados

Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do

Leia mais

V.1.0 SIAPAS. Sistema Integrado de Administração ao Plano de Assistência à Saúde. Contas Médicas

V.1.0 SIAPAS. Sistema Integrado de Administração ao Plano de Assistência à Saúde. Contas Médicas 2014 V.1.0 SIAPAS Sistema Integrado de Administração ao Plano de Assistência à Saúde Contas Médicas SIAPAS Sistema Integrado de Administração ao Plano de Assistência à Saúde Módulos CONTAS MÉDICAS Capa

Leia mais

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

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

Leia mais

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

IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer.

IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer. CONFIGURANDO O SISTEMA OFFLINE DR.MICRO IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer. 1- Ao acessar a plataforma online a opção Minha Escola

Leia mais

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

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

Leia mais

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

O computador organiza os programas, documentos, músicas, fotos, imagens em Pastas com nomes, tudo separado.

O computador organiza os programas, documentos, músicas, fotos, imagens em Pastas com nomes, tudo separado. 1 Área de trabalho O Windows XP é um software da Microsoft (programa principal que faz o Computador funcionar), classificado como Sistema Operacional. Abra o Bloco de Notas para digitar e participar da

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. Trabalhar com layout 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 pôster para uma cafeteria imaginária.

Leia mais

PS02_02-08: Exercícios: Photoshop CS3. Objetivo: FERRAMENTAS DE PINTURA. 1) Abra um novo arquivo e altere os valores para a seguinte configuração:

PS02_02-08: Exercícios: Photoshop CS3. Objetivo: FERRAMENTAS DE PINTURA. 1) Abra um novo arquivo e altere os valores para a seguinte configuração: PS02_02-08: Objetivo: FERRAMENTAS DE PINTURA Exercícios: 1) Abra um novo arquivo e altere os valores para a seguinte configuração: 2) Finalize a configuração. A janela da imagem, também chamada de tela

Leia mais

Sumário. 1. Instalando a Chave de Proteção 3. 2. Novas características da versão 1.3.8 3. 3. Instalando o PhotoFacil Álbum 4

Sumário. 1. Instalando a Chave de Proteção 3. 2. Novas características da versão 1.3.8 3. 3. Instalando o PhotoFacil Álbum 4 1 Sumário 1. Instalando a Chave de Proteção 3 2. Novas características da versão 1.3.8 3 3. Instalando o PhotoFacil Álbum 4 4. Executando o PhotoFacil Álbum 9 3.1. Verificação da Chave 9 3.1.1. Erro 0001-7

Leia mais

Informática básica: Sistema operacional Microsoft Windows XP

Informática básica: Sistema operacional Microsoft Windows XP Informática básica: Sistema operacional Microsoft Windows XP...1 Informática básica: Sistema operacional Microsoft Windows XP...1 Iniciando o Windows XP...2 Desligar o computador...3 Área de trabalho...3

Leia mais

Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor

Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor Sumário Pré-requisitos para o Moodle... Entrar no Ambiente... Usuário ou senha esquecidos?... Meus cursos... Calendário... Atividades recentes...

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

C D. C) Coleções: é usada para organizar o conteúdo de áudio, vídeo e imagens em pastas, buscando facilitar a montagem do storyboard.

C D. C) Coleções: é usada para organizar o conteúdo de áudio, vídeo e imagens em pastas, buscando facilitar a montagem do storyboard. 1 Windows Movie Maker XP O Windows Movie Maker é um software de edição de vídeos que permite criar e editar filmes caseiros, inserindo efeitos, músicas, legendas e transições. O vídeo pode ser criado a

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

Apostila para uso do Power Point

Apostila para uso do Power Point Apostila para uso do Power Point Introdução O Power Point, é um aplicativo da MicroSoft desenvolvido para a elaboração de apresentações. Possui recursos de hipertexto e multimídia como som, imagem, animação,

Leia mais