UFCD 0152 Estrutura de um Sítio para Internet

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

Download "UFCD 0152 Estrutura de um Sítio para Internet"

Transcrição

1 SERVIÇO DE FORMAÇÃO PROFISSIONAL MÓDULOS UFCD 0152 Estrutura de um Sítio para Internet UFCD 0153 Finalização de um sítio para Internet REFERENCIAL Referencial Técnico/a de Multimédia, Nível 4 Formador: Paulo Garrido Data Início 24/04/2013 Data Fim 20/05/2013 Duração 50 Horas

2 SERVIÇO DE FORMAÇÃO PROFISSIONAL Barcelos

3 SERVIÇO DE FORMAÇÃO PROFISSIONAL Índice Sítio Para Internet... 1 Definição... 1 Organograma... 1 Pastas e Ficheiros... 2 Esquemas de navegação... 3 Linear... 3 Árvore... 3 Estrela... 4 Mista... 5 Não Linear... 5 Ligações entre ecrãs... 6 Coerência e funcionalidade das ligações... 6 A Interface... 7 Design... 7 Cores... 8 Textos... 8 Imagens... 9 Outros... 9 Os dez maiores erros em Web Design Tipos de Páginas Editor de Páginas Web Weebly Escolha um Tema Adicionar Elementos Título Parágrafo Parágrafo com título Imagem Parágrafo com Imagem Colunas / Múltiplas Colunas Divisor Adicionar Página Adicionando Editores Formulário de Contato Galeria de Imagens Slides Modificar o Desenho da Página Como Modificar: Primeiros elementos: Adicionar texto ao site Primeiros elementos: adicionar imagens a um site Colocar elemento colunas Criar mais páginas para o seu site Criar um link de navegação para outro site Mudar Temas e editar Fontes Editar o cabeçalho... 34

4 SERVIÇO DE FORMAÇÃO PROFISSIONAL Links de Texto Links em Imagens O elemento de botão Criar um Slideshow Imagem Utilizar o Leitor de Vídeo Utilizar o Audio Player Elemento de vídeo YouTube Iniciar um novo blog Criar um Formulário de contacto básico Publicar o seu Site... 58

5 SERVIÇO DE FORMAÇÃO PROFISSIONAL Índice Imagens Imagem 1 - Organograma... 2 Imagem 2 - Pastas... 2 Imagem 3 - Ficheiros... 2 Imagem 4 - Estrutura Linear... 3 Imagem 5 - Estrutura em Árvore... 4 Imagem 6 - Estrutura em estrela... 4 Imagem 7 - Estrutura Mista... 5 Imagem 8 - Ligações entre ecrãs... 6 Imagem 9 - Escolha do tema... 14

6 SERVIÇO DE FORMAÇÃO PROFISSIONAL Sítio Para Internet Uma página web, também conhecida pelo no inglês webpage, é uma "página" na world wide web, geralmente em formato HTML e com ligações de hipertexto que permitem a navegação de uma página, ou secção, para outra. As páginas web usam com frequência ficheiros gráficos associados para fins de ilustração, e também estes ficheiros podem ser ligações clicáveis. Uma página web é apresentada com recurso a um navegador, ou browser, e pode ser construída por forma a recorrer a applets (subprogramas que correm dentro da página), que muitas vezes fornecem gráficos em movimento, interação com o utilizador e som. É difícil conseguir uma receita mágica capaz de assegurar que um Web Site vá agradar a todos os utilizadores. Existem contudo, algumas orientações e princípios, que podem contribuir para a conceção de Web Sites eficazes. Definição Tema: : identificação do assunto e da ideia principal do site. Objetivos: : identificação da função que o site vai desempenhar. Pretende-se dar resposta a questão: para quê? Como em qualquer projeto temos de ter em mente determinados objetivos a atingir. Destinatários: : Identificação e caracterização da "audiência" (utilizadores), que idade, que experiência possuem, porque razões podem visitar o site. Pretende-se dar resposta à questão: para quem? Deve fazer-se com que os visitantes da nossa página não se sintam defraudados, para tal a página deve conter conteúdo significativo. Temos de ter consciência que quem visita a nossa página, procura alguma informação. É fundamental que o visitante localize essa informação. Se a página não a possuir, deve orientar no sentido de ser localizada. Organograma Uma vez conhecidos os objetivos e a audiência da página, é altura de ver como vamos apresentar a informação. Criamos então um diagrama com a estrutura das páginas, agrupadas por tópicos. 1

7 SERVIÇO DE FORMAÇÃO PROFISSIONAL Pastas e Ficheiros Imagem 1 - Organograma Depois de termos as páginas construídas, devemos guardá-las em pastas, por tópicos. Uma pasta é um sítio onde pode armazenar ficheiros. Por exemplo criamos uma pasta para todas as imagens, outra para documentos, etc. Podem conter ficheiros, mas também podem conter outras pastas (subpastas). Imagem 2 - Pastas Imagem 3 - Ficheiros 2

8 SERVIÇO DE FORMAÇÃO PROFISSIONAL Esquemas de navegação A estrutura deve permitir visualizar de forma fácil e clara, os conteúdos de um conjunto de páginas Web. Uma estrutura deficiente, pode produzir no espectador a sensação de estar perdido e incapacidade de encontrar a informação procurada, o que conduzirá ao abandono da página. A estrutura deve dar uma ideia geral da organização da informação e consequentemente situar melhor os utilizadores. Uma boa estrutura, facilita a navegação, porque requer menos esforço cognitivo e ajuda a uma melhor assimilação da informação. A estruturação da informação pode depender muito do conteúdo do site, das finalidades e do tipo de utilizadores (deficiências, experiência, etc.) São várias as estruturas para organização da apresentação. A seguir apresentam-se algumas: Linear Este tipo de organização é a forma que tradicionalmente tem sido usada, desde as inscrições em pedra, até ao vídeo dos nossos dias. O hipertexto/hipermedia é intrinsecamente não linear, o que não é sinónimo de incapacidade para suportar a sequencialidade. A informação linear está organizada de forma a que, para ser recuperada, não necessita referências a si mesma ou outras informações externas. Só existem duas possibilidades de navegação: para a frente ou para trás. É perfeitamente fiável, mas monotonamente previsível, seguindo a lógica tradicional da transmissão da informação. Imagem 4 - Estrutura Linear Árvore Este tipo de estrutura é também bastante familiar. Esta estrutura simples é a base da classificação, da organização administrativa ou das árvores genealógicas. A organização do conteúdo, na base hipertexto faz-se de forma hierárquica, com a informação mais geral no 3

9 SERVIÇO DE FORMAÇÃO PROFISSIONAL topo, e a mais detalhada, em níveis mais baixos, submetida à mais geral. Todos os nós descendem de uma raiz comum. De cada nó podem sair múltiplas ligações para outros nós de nível inferior na hierarquia. Imagem 5 - Estrutura em Árvore A organização hierárquica resultante, ajuda o utilizador a criar um modelo mental coerente da base da informação. Estrela Estas estruturas caracterizam-se por possuírem um nó central e principal, e um conjunto de nós ligados a este. A passagem de um nó a outro requer sempre o regresso ao "local central". Adapta-se a conteúdos, onde, por exemplo, existe um tópico principal, do qual fazem parte vários sub-tópicos. Ícones nesse nó principal, podem estabelecer ligações a conteúdos mais específicos desse assunto, regressando de novo ao local central para o estabelecimento de uma nova ligação. Imagem 6 - Estrutura em estrela 4

10 SERVIÇO DE FORMAÇÃO PROFISSIONAL Mista O diagrama mostra um túnel colocado numa estrutura de roda. Isto é, o utilizador chega a uma página (de uma roda) que é o início de uma sequência que você gostaria que ele visitasse (o túnel). Poderá até combinar sites distintos num esquema de navegação mista. Considere um site sobre desporto que tem estrutura de roda ou cadeias de rodas. Na seção sobre ténis, há um link para o site de uma escolinha de ténis que tem estrutura de túnel, apresentando a escola e no final, um formulário de inscrição. Assim combina os sites estrategicamente. Imagem 7 - Estrutura Mista Não Linear 5

11 SERVIÇO DE FORMAÇÃO PROFISSIONAL Ligações entre ecrãs Uma etapa importante na conceção do Web site é a conceção do sistema de navegação. É um componente da interface, muito dependente da estruturação da informação e é constituído por todas as ligações e hiperligações. É o sistema de navegação que permite mover-nos através das diferentes páginas, criando as condições e estilos de interatividade. Imagem 8 - Ligações entre ecrãs Coerência e funcionalidade das ligações Os sistemas de navegação podem ser constituídos por: Sequências utilizadas para ir para a página seguinte e anterior, também utilizadas pelos browsers. Barras de navegação (botões ou menus), podendo ser constituídas por itens de texto, itens gráficos, ou as duas coisas. Contém apenas as ligações principais. As barras de navegação podem estar sempre presentes em todas as páginas, estar apenas na principal, ou nos níveis fundamentais. As barras ou menus não devem ser muito extensas, isto é, não devem possuir demasiadas opções. Ligações de deslocação para o início e fim de página, no caso desta necessitar de barra de deslocação vertical. Ligação de deslocação, em todas as páginas, para a página principal. Existem outras estruturas de navegação que se podem usar, como os índices, 6

12 SERVIÇO DE FORMAÇÃO PROFISSIONAL formulários de pesquisa, mapas ou esquemas do site, que podem ser utilizadas para que o utilizador recupere rapidamente a informação e não se desoriente no site. Depois de concebido o sistema de navegação, devem ser testados todas as ligações e verificar se funcionam como se esperava. Verificar que todas as ligações fazem sentido, isto é, existem por uma razão lógica. Não colocar ligações que conduzam a mensagens de erro (404 File Not Found). Evitar estabelecer ligações que conduzam a páginas em construção. Não colocar a página na Internet sem tudo estar funcional. Deve convidar alguém, outra pessoa (ou pessoas) para fazer o teste da funcionalidade, verificar as dificuldades encontradas, a correção ortográfica, e se tudo funcionar corretamente considera-se se o Web site validado. A Interface O desenho visual da interface, descrevendo as ferramentas que o utilizador possui para aceder e navegar ao longo do documento hipermédia, consiste nos elementos gráficos, como a organização do ecrã, a apresentação da informação e os comandos do ecrã. A sua conceção deve obedecer a alguns princípios da comunicação visual, tendo em conta fatores de perceção, legibilidade, unidade organizacional, códigos de cor e estruturas de acesso à informação. Conseguir assim, boas ideias para o desenho de interfaces é algo que se reveste de certa complexidade, pois são vários os aspetos a ter em conta. O que se pretende com uma boa interface é tornar a interação do homem com o documento hipermédia, fácil, agradável, intuitiva, numa palavra amigável -. Design Frame lateral esquerda sempre presente de modo que o utilizador não se sinta perdido e possa em qualquer momento alterar a sua navegação; Separadores entre as imagens; Setas personalizadas do mesmo padrão; Cores com ténues diferentes entre o menu esquerdo e as páginas do lado direito da frame; 7

13 SERVIÇO DE FORMAÇÃO PROFISSIONAL Música apenas com duas repetições para não maçar o utilizador e colocada na página esquerda da frame para que possa ser ouvida até ao fim. Cores Fundos em tons claros; Letras em tons escuros e contrastantes (preto ou azul) com o fundo; A utilização de fundos de páginas com muitos gráficos, imagens animadas ou cores muito berrantes podem funcionar como dispersantes, podendo confundir o utilizador e tornar difícil a leitura do texto que se encontra sobre o background. É importante que se crie um ambiente harmonioso entre as cores utilizadas nas fontes das letras e a cor utilizada no background da página. Atenção que o uso de cores claras (branco, por exemplo) em backgrounds escuros impossibilita ao utilizador a impressão do texto, pois o branco das letras não vai aparecer na impressão de uma folha branca. Logotipo em cada página com uma cor que realce em relação à cor do fundo; Separador numa página entre os diferentes temas ou assuntos suntos (em tom concordante com o fundo); Título de cada página em tom contrastante com o fundo e a cor do restante texto. Textos Em fonte Verdana (com a alternativa Arial) porque não têm serifa, o que facilita a leitura; Os títulos podem ser em Times ou outro tipo de letra mais desenhada (com ou sem serifa); Os textos nunca são sublinhados para que o utilizador não confunda com uma hiperligação. Evitar a utilização de texto cintilante, animação só por si, desviam a atenção do utilizador daquilo que é essencial para o acessório. 8

14 SERVIÇO DE FORMAÇÃO PROFISSIONAL Imagens Nas imagens deverá proceder-se à introdução de uma descrição textual que identifique a imagem. Numa página WWW apenas se podem utilizar imagens com formato.gif ou.jpg, sendo o primeiro geralmente utilizado para ilustrações s e o segundo para fotos. Manter os ficheiros das imagens com dimensões reduzidas por forma a manter o mínimo tempo possível para o carregamento da página. Uma imagem que apoia um texto (método aconselhável para ajudar a compreensão do texto) deve aparecer do lado direito, para que o utilizador comece por ler o texto. A consistência, a nível de imagens, do grafismo e de ícones de navegação utilizados, ao longo de todo o site é importante para a sua identificação. Os ícones de navegação deverão ser óbvios, se suscitarem dúvidas é preferível substituí-los por texto, ou acompanhá-los por texto. Outros O site pode ter um formulário para que os utilizadores possam: enviar uma mensagem ao autor do site; escrever algumas opiniões sobre um tema pré-definido; responder a um questionário sobre um tema; O site pode ter um fórum com um tema pertinente; O site deve ter um pesquisador interno para facilitar a pesquisa; A página do lado esquerdo da frame, ou shared border (o menu) deve estar totalmente observável, deste modo, evita-se de ter a barra de deslocamento vertical; A página do lado direito da frame (a primeira a aparecer) deve estar 90% observável. Ao deslocar para baixo a barra de navegação vê-se informações complementares, tais como o contador ou a data; O site deverá ter um contador na página principal para informar o webmaster e os utilizadores da frequência e quantidade de utilizadores que a consultam; Inserir uma data de produção em cada página de modo a servir de indicador sobre a atualidade da informação nela contida; 9

15 SERVIÇO DE FORMAÇÃO PROFISSIONAL No final da página inicial deverá estar visível o contacto com ligação direta ao correio eletrónico do responsável pela produção do site. Evitar finais de páginas das quais não seja possível sair. As barras de navegação devem surgir no final de todas as páginas permitindo redirecionar o utilizador para outras páginas, nomeadamente para a página inicial. Os dez maiores erros em Web Design Utilização de quadros- Uma página dividida em quadros é muito confusa para os utilizadores, uma vez que os quadros vão contra o modelo fundamental de uma página web. Não se pode ao mesmo tempo marcar a página corrente e voltar a esta, os URL s param de trabalhar e as impressões tornam-se difíceis. A previsibilidade da reação dos utilizadores deixa de fazer sentido quando estes não sabem que informação será disponibilizada quando clicam num link. Utilização gratuita da tecnologia mais avançada- Não se deve atrair os utilizadores para um site, fazendo menção de que utiliza a última tecnologia web. Pode atrair alguns fanáticos pela informática, mas a maioria dos utilizadores prestam mais atenção aos conteúdos e à possibilidade do site oferecer um bom serviço. Utilizar a melhor e última tecnologia mesmo antes de ser lançada no mercado irá certamente desencorajar os utilizadores: se os seus sistemas forem abaixo enquanto visitam o site, podese apostar que muitos deles não voltarão a consultar o site. A não ser que se comercialize produtos ou serviços na net, torna-se mais favorável aguardar até que se obtenha experiência relativamente à forma mais apropriada de utilizar essas técnicas. Quando apareceu o desktop as pessoas colocaram vinte fontes nos seus documentos, logo há que evitar que aconteça uma situação similar relativamente à web. Texto, marcas e constantes animações em movimento- Nunca se deve incluir numa página elementos que se movam incessantemente. As imagens em movimento têm um efeito nefasto na visão dos humanos. A página web deve dar ao utilizador alguma paz e serenidade para que este possa efetivamente ler o texto. URL s complexas- As URL s nunca devem estar expostas no interface do utilizador, é previsível que os utilizadores tentem descodificar as URL s das páginas para perceber a estrutura do site. Os utilizadores tomam esta atitude devido à grande falta de apoio na navegação e sentido de orientação no browser corrente. Então, a URL deve conter diretorias de leitura acessível aos utilizadores e nomes que reflitam a natureza da informação contida no site. 10

16 SERVIÇO DE FORMAÇÃO PROFISSIONAL Páginas solitárias- Assegurar que todas as páginas incluem uma clara indicação de qual o website a que pertencem, uma vez que os utilizadores podem aceder a páginas diretamente, sem ter de passar pela página inicial. Pela mesma razão, todas as páginas deverão ter um link para a página inicial, bem como alguma indicação sobre a sua localização dentro da estrutura do site. Páginas com longos textos corridos- Apenas 10% dos utilizadores, acedem à informação que está disponível para além da que está visível no ecrã quando surge a página. Todos os conteúdos importantes e opções de navegação devem estar no topo da página. Falta de suporte à navegação - Nunca se deve assumir que os utilizadores sabem tanto acerca do site como o designer. Eles têm sempre dificuldade em encontrar informação, logo necessitam de suporte no que diz respeito à sua estrutura e localização. Começar o design com uma boa compreensão da estrutura espacial da informação e comunicar explicitamente essa estrutura ao utilizador. Disponibilizar o mapa do site para que os utilizadores saibam onde estão e para onde se podem encaminhar. É necessário, também, um bom motor de busca, uma vez que o melhor de navegação nunca é suficiente. Cores não Standard nos Links - Os links que não tenham sido utilizados devem ser azuis; os links para páginas que tenham sido anteriormente visitadas devem ser púrpura ou vermelhos. Não se deve misturar estas cores, uma vez que a possibilidade de perceber quais os links que já foram utilizados é uma das poucas ajudas para a navegação e é standard na maioria dos browsers.. A consistência é a chave para ensinar aos utilizadores o significado das cores dos links. Informação desatualizada- É necessário contratar um jardineiro web para fazer parte da equipa, torna-se necessário que alguém retire as ervas daninhas e plante novamente flores enquanto o website se altera, mas a maioria das pessoas preferem criar novos conteúdos em detrimento da manutenção do site. Na prática, a manutenção do site é uma forma barata de realçar o conteúdo do website uma vez que muitas das páginas antigas mantém a sua relevância e devem ter um link para novas páginas. Claro que algumas páginas deverão ser totalmente removidas do server uma vez que se tornam obsoletas. Downloads demorados- Este erro é referido em último lugar porque muitas pessoas já têm conhecimento sobre o mesmo; e não por ser menos importante. As premissas tradicionais 11

17 SERVIÇO DE FORMAÇÃO PROFISSIONAL indicam um máximo de resposta de10 segundos até que os utilizadores percam interesse. Na web, os utilizadores têm sido treinados para suportar r tanto sofrimento que se torna aceitável aumentar esse limite para 15 segundos nalgumas páginas. Tipos de Páginas Páginas Pessoais Objetivos: partilhar informação pessoal Audiência: alunos, colegas, amigos, etc. Páginas Comerciais Objetivos: Proporcionar novos negócios, vender produtos, fornecer informações, etc. Audiência: clientes, etc. Páginas Informativas Objetivos: transmitir informações Audiência: público em geral 12

18 Editor de Páginas Web Weebly O Weebly é um serviço de criação de sites em que qualquer pessoa pode fazer um site de forma gratuita, sem ter necessidade de aprender HTML.. Tudo é feito online, em português, sem ser necessário a instalação de nenhum software. O processo de criar um site no Weebly está bastante facilitado, tudo é feito com operações simples de arrastar elementos (disponíveis numa barra de ferramentas) e soltá-los em cima do layout do site. Criar uma conta no Weebly (http://www.weebly.com/?lang=pt): 1. Introduza o seu nome 2. Introduza o seu 3. Introduza uma password Escolher um título para o Website e o tipo de Website. 13

19 Escolher o endereço do seu Website online. Deve utilizar um sub-domínio do Weebly uma vez que é gratuito. Escolha um Tema O primeiro passo na criação de um site é escolher um tema. Tem mais de uma centena de temas para escolher através da página Escolher um tema. Imagem 9 - Escolha do tema 14

20 Clique com o botão direito sobre o tema que pretende para selecioná-lo. A qualquer altura poderá facilmente mudar o tema. Depois de escolher um tema poderá dar um título ao seu site. Se não tem um título em mente, basta pensar num título temporário, bem como o tema, o título pode ser facilmente alterado mais tarde. De seguida, pode escolher o endereço do seu site (também chamado de domínio). Isto não é particularmente importante até que tenha terminado o seu site. Se ainda não sabe qual o domínio que deseja usar, a forma mais simples é selecionar um subdomínio gratuito de Weebly.com como primeira opção. Tal como o tema e o título, esta é mais uma parte do site que poderá alterar. 15

21 Após terminar a configuração inicial, está pronto para começar a criar o seu site! Adicionar Elementos O Weebly disponibiliza muitos recursos para a criação de sites, nele existe uma barra (semelhante ao Office) onde estão posicionados os elementos que podem ser incluídos no corpo do site. Alguns dos elementos que podem ser incluídos são: Título Como o nome próprio diz é apenas um ícone para escrever um título sem parágrafo, podendo usar diversas ferramentas de edição. Elemento > Básico > Ícone Titulo Parágrafo É um ícone cujo o objetivo é somente escrever um complemento ou algo que não necessite de um Titulo, podendo utilizar ferramentas de edição. Elementos >Básico > Ícone Paragrafo Parágrafo com título Serve para escrever textos com Titulo, dos mais variados assuntos, possui ferramentas que possibilitam colocar o seu texto em Negrito, Itálico, além de poder alterar o tipo de escrita (Fonte) e o tamanho! Elementos > Básico > Ícone Parágrafo com Título. 16

22 Imagem Serve apenas para adicionar uma única imagem solitária ao site, muitas vezes a mesma é centrada, possuindo a capacidade de aumentar ou diminuir o tamanho da imagem, caso a imagem não seja um Gif, pois se for o efeito de animação é cancelado, tem a possibilidade de adicionar alguns efeitos como Antique (imagem velha/amarelada), preto e branco, queimada entre outros. Elementos > Básico > Ícone Imagem Parágrafo com Imagem Não passa de uma junção do Parágrafo com Titulo e Imagem, onde poderá escrever como no Parágrafo com Titulo, incluindo uma imagem ao lado da escrita, e podendo utilizar o efeito de ambos os ícones. Elementos > Básico > Ícone Paragrafo com Imagem Colunas / Múltiplas Colunas Permite separar a página verticalmente, onde pode colocar vários ícones nessas separações, pode colocar elementos diferentes como imagem, texto e vídeo. Elementos >Básico > Ícone Múltiplas Colunas Divisor Como o nome diz, é um divisor, porém diferente das Colunas, só divide a página horizontalmente com 1 traço. Elementos > Mais > Divisor Adicionar Página É o Local/Forma onde pode acrescentar páginas ao seu site, definindo Nome, a ordem que ficará no menu de páginas, entre outras características. É possível também excluir a página, porém ao excluir uma página perde todo o conteúdo localizado na mesma! Adicionando Editores É a forma de convidar colaboradores para o seu site, porém vai ter total acesso podendo, apagar qualquer coisa é inclusive páginas. É necessário para convidar um Editor que o mesmo possua um registo e o que utiliza para acesso ao Weebly, assim basta ir a Editores no canto superior do ecrã, próximo de Elementos e Paginas e convidar utilizando o , o futuro editor irá receber um que ao aceitar e 17

23 efetuar o login será direcionado para o site no qual tem privilégios para fazer alterações. Somente o criador do site poderá enviar convite para ser editor do site! Formulário de Contato É um Ícone que permite que os leitores do seu site weebly enviem diretamente para o do Administrador do site dúvidas, sugestões ou resposta a perguntas feitas por si através do Formulário. O formulário é totalmente editável, ou seja através da programação que é simples, é possível decidir o nomes dos tópicos preenchidos, se são obrigatórios ou não, entre outras configurações. Elementos > Básico > Ícone Formulário de Contacto Galeria de Imagens É o ícone que possibilita adicionar várias imagens, mostrando todas ao mesmo tempo, como se fosse um quadro, podendo escolher a forma (quadricular, retangular) entre outras coisas, para adicionar basta colocar o ícone na página e clicar no quadro azul e selecionar as imagens no seu computador. Elementos > Multimédia > Fotografia Galeria Slides É semelhante à Galeria, porém as suas imagens aparecem uma a uma. Possibilita que o criador do site ou editores possam selecionar que forma desejam para visualizar as imagens, por menu de números, ou pelas imagens em miniatura! Elementos > Multimédia > Apresentação de Slides Modificar o Desenho da Página No caso de não ter gostado de nenhum dos temas ou se pretende um exclusivo, isso é possível. Primeiro deve encontrar um desenho de página que possa ser modificado, pois não são todos. O segundo passo é encontrar uma imagem grande, que encaixe nas proporções para cobrir o fundo, procure na internet pois precisará do URL da mesma. Como Modificar: 1. Procure uma imagem na internet e uma página que possa ser modificada. 2. Escolha Desenho, clique em Editar HTML/ CSS use ctrl+f para abrir o localizado, assim que abrir procure por background que fica em body, no caso de não ter um Link à frente de background é por que a página não pode ser modificada. 3. Ao encontrar o link deve apagar o mesmo que se encontra dentro de (), e coloca o URL da imagem que encontrou na internet dentro dos ( ), a página vai carregar a imagem e o fundo será alterado. 18

24 Utilizar HTML É um ícone que permite colocar no site elementos externos, como animações, imagens, etc, que se encontram conectados ao "site dono", assim pode adicionar músicas, chat, ao seu site weebly. Elementos > Básico > Personalizador HTML Ficheiro Possibilita que o criador ou editor do site disponibilize imagens, documentos e programas para serem descarregados pelos utilizadores do site. Elementos > Multimédia > Ícone Ficheiro Primeiros elementos: Adicionar texto ao site Elementos são objetos que pode utilizar na construção de um site. Todo o texto, fotos, vídeos e outros são adicionados através de elementos. Em seguida são apresentados alguns desses elementos e a forma que estes funcionam. Para adicionar um elemento a um site basta clicar no elemento pretendido e arrastá-lo para a área da página. O elemento mais básico - o elemento parágrafo / texto: 19

25 O elemento de texto é exatamente o que parece: um elemento para escrever texto. Para começar a escreve clique no elemento: Pode escrever uma palavra, uma frase, ou vários parágrafos em um único elemento. Quando escreve, repare na barra cinza na parte superior do elemento. Esta é a barra de ferramentas de texto que permite fazer alterações básicas ao seu texto. Funciona como qualquer outro tipo de barra de ferramentas: selecione o texto que deseja alterar e clique no botão apropriado para fazer essa alteração. Da esquerda para a direita, poderá encontrar os botões de formatação para: negrito, itálico, sublinhado, colocar o texto maior ou menor, mudar a cor, criar um link, escolher o alinhamento de todo o texto dentro do elemento, criar listas com marcadores e numeradas, e remover a formatação. Como já percebeu uma coisa que não pode fazer é mudar o tipo de letra para outro diferente. Para adicionar mais texto a uma página poderá continuar a escrever neste mesmo elemento, ou arrastar outro elemento de parágrafo, ou usar um dos outros elementos do texto: 20

26 Título: Usado para adicionar títulos / cabeçalhos de uma página. Parágrafo w / Título: Um elemento de parágrafo com um lugar para um título já construído dentro. Parágrafo w / Imagem: Um elemento de parágrafo com um lugar tanto para um título como para uma imagem construída dentro. Primeiros elementos: adicionar imagens a um site Para adicionar imagens ao site o processo é idêntico ao do texto, arrasta o elemento de imagem para a página. Clique na caixa Imagem de upload para adicionar uma imagem. 21

27 Vai abrir uma caixa de diálogo que apresenta várias formas de adicionar uma imagem. As duas principais opções são: ou upload (ou arrastar) uma imagem do seu próprio computador ou pesquisar na base de dados do Weebly. Vamo-nos concentrar na opção de fazer upload de uma imagem do seu próprio computador. A maneira mais fácil de abordar esta questão é arrastar a imagem que deseja para a caixa "arraste a imagem para aqui." Pode também clicar no botão verde "Enviar foto" e dar o caminho da imagem. O tamanho de uma imagem vai variar após o upload, mas normalmente assume o tamanho do elemento. 22

28 Pode ajustar o tamanho da imagem, clicando e arrastando a caixa que aparece no canto inferior direito da imagem (precisa clicar sobre a imagem para poder vê-la). Clicando na imagem abre uma caixa de diálogo de configurações que pode usar para fazer mais alterações. Opções de formatação: Lightbox : Se ativar, significa que qualquer utilizador que clique na imagem do seu site terá acesso a uma versão maior da mesma. 23

29 INSTITUTO DO EMPREGO E FORMAÇÃO PROFISSIONAL, IP Ligação : Esta opção transforma a imagem num link. Espaçamento : Faz pequenos ajustes para a quantidade de espaço em branco à volta da imagem. Caption : Permite adicionar uma legenda de texto básico. Avançado : Permite ajustar (ou ligar / desligar) o limite da imagem. Editar Imagem: Editar imagem - abre um editor de imagens simples. Este editor oferece algumas opções básicas para a adição de efeitos, permite girar a imagem em qualquer sentido e tem uma característica que pode cortar partes indesejadas da imagem. Exemplo: 24

UFCD 0152 Estrutura de um sítio para Internet

UFCD 0152 Estrutura de um sítio para Internet INSTITUTO DO EMPREGO E FORMAÇÃO PROFISSIONAL, IP DELEGAÇÃO REGIONAL DO NORTE CENTRO DE EMPREGO E FORMAÇÃO PROFISSIONAL DE VIANA DO CASTELO-SERVIÇO DE FORMAÇÃO PROFISSIONAL UFCD 0152 Estrutura de um sítio

Leia mais

GUÍA PARA UTILIZAR A WEBNODE EDU

GUÍA PARA UTILIZAR A WEBNODE EDU GUÍA PARA UTILIZAR A WEBNODE EDU Imagina que queres criar o teu próprio site. Normalmente, terías que descarregar e instalar software para começar a programar. Com a Webnode não é preciso instalar nada.

Leia mais

20 Escola Digital Manual do Utilizador Professor

20 Escola Digital Manual do Utilizador Professor 20 Escola Digital Manual do Utilizador Professor Manual do Utilizador Professor... 1 1. Conhecer o 20 Escola Digital... 4 2. Autenticação... 6 2.1. Criar um registo na LeYa Educação... 6 2.2. Aceder ao

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

Microsoft Power Point - Manual de Apoio

Microsoft Power Point - Manual de Apoio Microsoft Power Point - Manual de Apoio Pág. 1 de 26 Apresentação e introdução O ambiente de trabalho do Power Point. Abrir, guardar e iniciar apresentações. Obter ajuda enquanto trabalha. Principais barras

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 Microsoft FrontPage2002 Guião Elementar 1. Apresentação Geral do programa Programa Competências Básicas em

Leia mais

Manual de Utilização. Site Manager. Tecnologia ao serviço do Mundo Rural

Manual de Utilização. Site Manager. Tecnologia ao serviço do Mundo Rural Manual de Utilização Site Manager Tecnologia ao serviço do Mundo Rural Índice 1. Acesso ao Site Manager...3 2. Construção/Alteração do Menu Principal...4 3. Inserção/ Alteração de Conteúdos...7 4. Upload

Leia mais

Google Sites. A g r u p a m e n t o C a m p o A b e r t o 2 0 1 0 / 2 0 1 1

Google Sites. A g r u p a m e n t o C a m p o A b e r t o 2 0 1 0 / 2 0 1 1 Google Sites A g r u p a m e n t o C a m p o A b e r t o 2 0 1 0 / 2 0 1 1 1. Google Sites A Google veio anunciar que, para melhorar as funcionalidades centrais do Grupos Google, como listas de discussão

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

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

XXIV SEMANA MATEMÁTICA

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

Leia mais

Migrar para o Access 2010

Migrar para o Access 2010 Neste Guia Microsoft O aspecto do Microsoft Access 2010 é muito diferente do Access 2003, pelo que este guia foi criado para ajudar a minimizar a curva de aprendizagem. Continue a ler para conhecer as

Leia mais

Office Web Apps para Professores Passo-a-passo

Office Web Apps para Professores Passo-a-passo Office Web Apps para Professores Passo-a-passo Usar o Office Web Apps no Windows Live Para usar o Office Web Apps no Windows Live precisa de ter uma conta Microsoft, Windows Live ou Office 365 um endereço

Leia mais

Instruções para Administração do Site do Jornal de Oleiros... 2 Recomendações e Sugestões Técnicas... 2 Aceder à Zona de Administração do Site...

Instruções para Administração do Site do Jornal de Oleiros... 2 Recomendações e Sugestões Técnicas... 2 Aceder à Zona de Administração do Site... Instruções para Administração do Site do Jornal de Oleiros... 2 Recomendações e Sugestões Técnicas... 2 Aceder à Zona de Administração do Site... 2 Gerir Notícias no Site... 4 Inserir uma Notícia no Site...

Leia mais

Manual de Utilização do Easy Reader versão 6

Manual de Utilização do Easy Reader versão 6 Manual de Utilização do Easy Reader versão 6 Página 1 Índice Manual de Utilização do Easy Reader versão 6 1 O que é o EasyReader? 4 Abrir um livro 5 Abrir um novo livro de um CD/DVD 5 Abrir um novo livro

Leia mais

Manual de Utilização

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

Leia mais

Guião para as ferramentas etwinning

Guião para as ferramentas etwinning Guião para as ferramentas etwinning Registo em etwinning Primeiro passo: Dados de quem regista Segundo passo: Preferências de geminação Terceiro passo: Dados da escola Quarto passo: Perfil da escola Ferramenta

Leia mais

TUTORIAL. Como criar um blogue/página pessoal no WordPress

TUTORIAL. Como criar um blogue/página pessoal no WordPress TUTORIAL Como criar um blogue/página pessoal no WordPress Índice Criar o blogue... 3 Alterar as definições gerais... 4 Alterar tema... 6 Criar Páginas... 7 Colocar Posts (citações)... 9 Upload de ficheiros...

Leia mais

Linux. Educacional. Tutorial Buzzword

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

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

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

Leia mais

Outlook 2003. Nivel 1. Rui Camacho

Outlook 2003. Nivel 1. Rui Camacho Outlook 2003 Nivel 1 Objectivos gerais Enviar e Responder a mensagens de correio electrónico, e gestão de contactos, marcação de compromissos e trabalhar com notas. Objectivos específicos Começar a trabalhar

Leia mais

LeYa Educação Digital

LeYa Educação Digital Índice 1. Conhecer o 20 Aula Digital... 4 2. Registo no 20 Aula Digital... 5 3. Autenticação... 6 4. Página de entrada... 7 4.1. Pesquisar um projeto... 7 4.2. Favoritos... 7 4.3. Aceder a um projeto...

Leia mais

Criar Newsletters. Guia rápido sobre...

Criar Newsletters. Guia rápido sobre... Guia rápido sobre... Criar Newsletters Neste guia... Saiba como criar atrativas newsletters em texto simples ou HTML para captar a atenção de seus contatos e ir ao encontro de seus interesses e expectativas.

Leia mais

Painel de Navegação Para ver o Painel de Navegação, prima CTRL+F. Pode arrastar os cabeçalhos dos documentos neste painel para reorganizá-los.

Painel de Navegação Para ver o Painel de Navegação, prima CTRL+F. Pode arrastar os cabeçalhos dos documentos neste painel para reorganizá-los. Guia de Introdução O Microsoft Word 2013 tem um aspeto diferente das versões anteriores, pelo que criámos este guia para ajudar a minimizar a curva de aprendizagem. Barra de Ferramentas de Acesso Rápido

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

UNIVERSIDADE TECNOLOGIA FEDERAL DO PARANÁ. Owncloud SERVIÇO DE COMPARTILHAMENTO EM NUVEM. Manual

UNIVERSIDADE TECNOLOGIA FEDERAL DO PARANÁ. Owncloud SERVIÇO DE COMPARTILHAMENTO EM NUVEM. Manual UNIVERSIDADE TECNOLOGIA FEDERAL DO PARANÁ Owncloud SERVIÇO DE COMPARTILHAMENTO EM NUVEM Manual DIRETORIA DE GESTÃO DE TECNOLOGIA DA INFORMAÇÃO DIRGTI 2015 Sumário 1. Introdução... 3 2. Acessando o serviço...

Leia mais

Universidade de São Paulo Centro de Informática de Ribeirão Preto TUTORIAL HOTMAIL

Universidade de São Paulo Centro de Informática de Ribeirão Preto TUTORIAL HOTMAIL Universidade de São Paulo Centro de Informática de Ribeirão Preto TUTORIAL HOTMAIL Tutorial Hotmail Sobre o MSN Hotmail Acessando o Hotmail Como criar uma conta Efetuando o login Verificar mensagens Redigir

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

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

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

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 Guião Páginas WWW com o editor do Microsoft Office Word 2003 1. Introdução. 2. Abrir uma página Web. 3. Guardar

Leia mais

ÍNDICE BLUELAB A UTILIZAÇÃO DO BLUELAB PELO PROFESSOR RECURSOS PARA PROFESSORES E ALUNOS...05 INICIANDO O BLUELAB PROFESSOR...06

ÍNDICE BLUELAB A UTILIZAÇÃO DO BLUELAB PELO PROFESSOR RECURSOS PARA PROFESSORES E ALUNOS...05 INICIANDO O BLUELAB PROFESSOR...06 ÍNDICE BLUELAB RECURSOS PARA PROFESSORES E ALUNOS...05 INICIANDO O BLUELAB PROFESSOR...06 ELEMENTOS DA TELA INICIAL DO BLUELAB PROFESSOR guia Meu Espaço de Trabalho...07 A INTERFACE DO BLUELAB...07 INICIANDO

Leia mais

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

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

Leia mais

Portal Contador Parceiro

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

Leia mais

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

FrontPage Express. Manuel Cabral Reis UTAD Departamento de Engenharias Curso de Ciências da Comunicação Disciplina de Introdução à Informática

FrontPage Express. Manuel Cabral Reis UTAD Departamento de Engenharias Curso de Ciências da Comunicação Disciplina de Introdução à Informática FrontPage Express Manuel Cabral Reis UTAD Departamento de Engenharias Curso de Ciências da Comunicação Disciplina de Introdução à Informática O que é o FrontePage Express Para aceder ao programa que vai

Leia mais

O serviço de criação de Website : Instruções de operação

O serviço de criação de Website : Instruções de operação O serviço de criação de Website : Instruções de operação 1 Sommaire 1) Como conectar-se à sua interface cliente? 2) Como começar a criação do seu Website? 3) Como gerenciar as páginas do seu Website? 4)

Leia mais

Administração da disciplina

Administração da disciplina Administração da disciplina Agrupamento Vertical de Escolas de Tarouca Documento disponível em: http://avetar.no-ip.org 1.Acesso e utilização da plataforma:. Seleccione a opção Entrar, que se encontra

Leia mais

Manual do Utilizador. PowerPoint 2013. Carlos Diniz

Manual do Utilizador. PowerPoint 2013. Carlos Diniz Manual do Utilizador PowerPoint 2013 Carlos Diniz Índice 1. Acerca do PowerPoint 2013... 3 1.1. Principais caraterísticas do PowerPoint 2013... 3 2. Trabalhar no interface do PowerPoint 2013... 3 2.1.

Leia mais

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

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

Leia mais

1.4.5 Ligar outros serviços de armazenamento

1.4.5 Ligar outros serviços de armazenamento Configurar o Word FIGURA 1.26 Serviços ligados 1.4.5 Ligar outros serviços de armazenamento O Microsoft Office 2013 apenas tem disponíveis ligações a serviços de armazenamento proprietários da Microsoft.

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

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

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

Leia mais

Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/

Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/ Crie uma pasta (0) no ambiente de trabalho com o seu nome. Inicie o Internet Explorer através do: W O R K S H O P Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/

Leia mais

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

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

Leia mais

MÓDULO - I Manual Prático Microsoft Excel 2007

MÓDULO - I Manual Prático Microsoft Excel 2007 MÓDULO - I Manual Prático Microsoft Excel 2007 MÓDULO - I APRESENTAÇÃO... 1 AMBIENTE DE TRABALHO... 2 A folha de cálculo... 2 O ambiente de trabalho do Excel... 3 Faixas de Opções do Excel... 4 - Guia

Leia mais

Migrar para o Excel 2010

Migrar para o Excel 2010 Neste Guia Microsoft O aspecto do Microsoft Excel 2010 é muito diferente do Excel 2003, pelo que este guia foi criado para ajudar a minimizar a curva de aprendizagem. Continue a ler para conhecer as partes

Leia mais

Sistemas Enturma: Manual de Ferramentas do Usuário

Sistemas Enturma: Manual de Ferramentas do Usuário versão do manual: 1 1 Apresentação A evolução da tecnologia vem provocando uma revolução no ensino. O acesso à Internet e a disseminação do uso do computador vêm mudando a forma de produzir, armazenar

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

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

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

Leia mais

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

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

Área de Administração

Área de Administração Área de Administração versão 1.1 Partir de 2012/01/14 aplica-se para a versão phpcontact 1.2.x www.phpcontact.net Geral A área de administração é utilizado para uma fácil configuração do software elaboraçao

Leia mais

NTI Núcleo de Tecnologia de Informação / UNIFAL-MG Drupal Manual do Usuário DRUPAL MANUAL DO USUÁRIO

NTI Núcleo de Tecnologia de Informação / UNIFAL-MG Drupal Manual do Usuário DRUPAL MANUAL DO USUÁRIO DRUPAL MANUAL DO USUÁRIO Primeiros passos para inserir conteúdo no site. 1. Logar-se no site através de seu usuário e senha. 2. Criar um novo menu. 3. Ativar o menu criado, colocando-o em alguma região

Leia mais

Tópicos de Ambiente Web Web Design III

Tópicos de Ambiente Web Web Design III Tópicos de Ambiente Web Web Design III Professora: Sheila Cáceres Conteúdo para Web Educacional Entretenimento Comercial Industrial Cientifico Entre outros Tópicos de Ambiente Web - Prof. Sheila Cáceres

Leia mais

1. Para criar uma conta grátis no site JIMDO, basta aceder através do url: www.jimdo.com e preencher os vários campos.

1. Para criar uma conta grátis no site JIMDO, basta aceder através do url: www.jimdo.com e preencher os vários campos. 1. Para criar uma conta grátis no site JIMDO, basta aceder através do url: www.jimdo.com e preencher os vários campos. 2. Opção de escolha do idioma do site. 1 3. Escolher o nome do site, colocar o email

Leia mais

1. INICIANDO NO FOTOÍ

1. INICIANDO NO FOTOÍ 1. INICIANDO NO FOTOÍ Após ter criado uma conta no site Fotoí (www.fotoi.com.br) e efetuado a contratação de um plano do tipo PRO (com venda de arquivos digitais, impressão de fotos e seleção de fotos),

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

MANUAL DE UTILIZAÇÃO DA PLATAFORMA MOODLE

MANUAL DE UTILIZAÇÃO DA PLATAFORMA MOODLE MANUAL DE UTILIZAÇÃO DA PLATAFORMA MOODLE A EQUIPA DO PTE 2009/2010 Índice 1. Entrar na plataforma Moodle 3 2. Editar o Perfil 3 3. Configurar disciplina 4 3.1. Alterar definições 4 3.2. Inscrever alunos

Leia mais

Sumário INTRODUÇÃO... 3. 1. Acesso ao Ambiente do Aluno... 4. 2. Ferramentas e Configurações... 5. 2.1 Ver Perfil... 5. 2.2 Modificar Perfil...

Sumário INTRODUÇÃO... 3. 1. Acesso ao Ambiente do Aluno... 4. 2. Ferramentas e Configurações... 5. 2.1 Ver Perfil... 5. 2.2 Modificar Perfil... Sumário INTRODUÇÃO... 3 1. Acesso ao Ambiente do Aluno... 4 2. Ferramentas e Configurações... 5 2.1 Ver Perfil... 5 2.2 Modificar Perfil... 6 2.3 Alterar Senha... 11 2.4 Mensagens... 11 2.4.1 Mandando

Leia mais

Google Apps para o Office 365 para empresas

Google Apps para o Office 365 para empresas Google Apps para o Office 365 para empresas Mude O Office 365 para empresas tem um aspeto diferente do Google Apps, por isso, ao iniciar sessão, obterá esta vista para começar. Após as primeiras semanas,

Leia mais

XXIV SEMANA MATEMÁTICA

XXIV SEMANA MATEMÁTICA XXIV SEMANA ACADÊMICA DA MATEMÁTICA Minicurso: Criação e Desenvolvimento de Cursos Online via Moodle Projeto de Extensão: Uma Articulação entre a Matemática e a Informática como Instrumento para a Cidadania

Leia mais

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik, QlikTech,

Leia mais

Editor HTML. Composer

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

Leia mais

Como Criar um Site Passo a Passo

Como Criar um Site Passo a Passo Como Criar um Site Passo a Passo Para si que caiu de paraquedas e está perdido sem saber por onde começar a criar o seu site no construtor Wix, seguem abaixo artigos com todo o passo-apasso para começar

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

604 wifi. Visite www.archos.com/manuals para transferir a versão mais recente deste manual.

604 wifi. Visite www.archos.com/manuals para transferir a versão mais recente deste manual. 604 wifi FUNÇÕES WIFI e Internet Suplemento ao Manual do Utilizador ARCHOS 504/604 Versão 1.2 Visite www.archos.com/manuals para transferir a versão mais recente deste manual. Este manual contém informações

Leia mais

1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO

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

Como funciona a MEO Cloud?

Como funciona a MEO Cloud? Boas-vindas O que é a MEO Cloud? A MEO Cloud é um serviço da Portugal Telecom, lançado a 10 de Dezembro de 2012, de alojamento e sincronização de ficheiros. Ao criar uma conta na MEO Cloud fica com 16

Leia mais

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Sandro da Silva Camargo UNIVERSIDADE FEDERAL DO PAMPA NTIC - NÚCLEO

Leia mais

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

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

Leia mais

Como criar e editar Blogs. Manual Básico do. Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz

Como criar e editar Blogs. Manual Básico do. Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz Como criar e editar Blogs Manual Básico do Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz São Carlos Setembro / 2008 Sumário Introdução...3 Criando um Blog no Edublogs...4

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

Manual de utilização do Moodle

Manual de utilização do Moodle Manual de utilização do Moodle Docentes Universidade Atlântica 1 Introdução O conceito do Moodle (Modular Object Oriented Dynamic Learning Environment) foi criado em 2001 por Martin Dougiamas, o conceito

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

W o r d p r e s s 1- TELA DE LOGIN

W o r d p r e s s 1- TELA DE LOGIN S U M Á R I O 1Tela de Login...2 2 Painel......3 3 Post...4 4 Ferramentas de Post...10 5 Páginas...14 6 Ferramentas de páginas...21 7 Mídias...25 8 Links......30 1 1- TELA DE LOGIN Para ter acesso ao wordpress

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

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Sumário 1. Configurações Iniciais...2 1.1. Configurando o Menu Personalizado...2 1.2. Configurando os Widgets...3 2. Localize o nome de

Leia mais

Centro de Competência Entre Mar e Serra. Guia

Centro de Competência Entre Mar e Serra. Guia SMART Notebook Software Guia O Software Notebook permite criar, organizar e guardar notas num quadro interactivo SMART Board (em modo projectado e não-projectado), num computador pessoal e, em seguida,

Leia mais

Construir um e-portefólio com o Blogger

Construir um e-portefólio com o Blogger TUTORIAIS CienTIC7 Construir um e-portefólio com o Blogger O suporte informático para um e-portefólio pode ser tão simples como um documento criado num processador de texto ou tão específico e elaborado

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereç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

BrOffice Impress. FREDERICO J. D. MÖLLER PET Mecatrônica/BSI IF Sudeste MG Campus Juiz de Forta. Frederico Möller

BrOffice Impress. FREDERICO J. D. MÖLLER PET Mecatrônica/BSI IF Sudeste MG Campus Juiz de Forta. Frederico Möller BrOffice Impress FREDERICO J. D. MÖLLER PET Mecatrônica/BSI IF Sudeste MG Campus Juiz de Forta Objetivos: Apresentar conceitos básicos sobre software livre e informática. Apresentar a interface do BrOffice

Leia mais

4.3 Ferramentas para criar conteúdos/recursos educativos

4.3 Ferramentas para criar conteúdos/recursos educativos 4.3 Ferramentas para criar conteúdos/recursos educativos 4.3.2. Google Sites Célio Gonçalo Marques a) Introdução O Google Sites foi lançado oficialmente no dia 23 de Outubro de 2008 em mais de 37 línguas,

Leia mais

Expresso Livre Correio Eletrônico

Expresso Livre Correio Eletrônico Expresso Livre Correio Eletrônico 1. EXPRESSO LIVRE Para fazer uso desta ferramenta de correio eletrônico acesse seu Navegador de Internet e digite o endereço eletrônico expresso.am.gov.br. Figura 1 A

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

Tutorial do administrador do HelpCenterLive (Sistema de Ajuda)

Tutorial do administrador do HelpCenterLive (Sistema de Ajuda) Tutorial do administrador do HelpCenterLive (Sistema de Ajuda) Sumário Introdução...3 Entrar (Login)...3 Página Inicial (Home Page)...4 Ajuda...5 Conversação (Chat)...6 Mensagens Registradas...7 Registros...8

Leia mais

Manual de Uso. Intranet

Manual de Uso. Intranet Manual de Uso Intranet última atualização: setembro de 2013 1 2 Sumário 1- Acesso 04 2- Gerenciamento de páginas 04 3- Gerenciamento de layout e aparência das páginas 3.1- Layout 3.3- Aparência 07 07 08

Leia mais

Conceitos básicos do Painel

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

Leia mais

Montando um Site. Wordpress

Montando um Site. Wordpress Montando um Site Wordpress O Sistema Wordpress O Wordpress é uma plataforma de vanguarda para publicação pessoal, com foco na estética, nos Padrões Web e na usabilidade. Ao mesmo tempo um software livre

Leia mais

Unidade 1: O Painel de Controle do Excel *

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

Leia mais

UNIVERSIDADE FEDERAL DE GOIÁS CERCOMP (CENTRO DE RECURSOS COMPUTACIONAIS) TUTORIAL DE USO DO WEBMAIL - UFG

UNIVERSIDADE FEDERAL DE GOIÁS CERCOMP (CENTRO DE RECURSOS COMPUTACIONAIS) TUTORIAL DE USO DO WEBMAIL - UFG UNIVERSIDADE FEDERAL DE GOIÁS CERCOMP (CENTRO DE RECURSOS COMPUTACIONAIS) TUTORIAL DE USO DO WEBMAIL - UFG Página 1 de 26 Sumário Introdução...3 Layout do Webmail...4 Zimbra: Nível Intermediário...5 Fazer

Leia mais

MICROSOFT WORD 2007. George Gomes Cabral

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

Leia mais

Noções de Informática

Noções de Informática Noções de Informática 2º Caderno Conteúdo Microsoft Excel 2010 - estrutura básica das planilhas; manipulação de células, linhas e colunas; elaboração de tabelas e gráficos; inserção de objetos; campos

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

Manual de Administração Intranet BNI

Manual de Administração Intranet BNI Manual de Administração Intranet BNI Fevereiro - 2010 Índice 1. Apresentação... 3 2. Conceitos... 5 3. Funcionamento base da intranet... 7 3.1. Autenticação...8 3.2. Entrada na intranet...8 3.3. O ecrã

Leia mais

1. Como criar uma conta

1. Como criar uma conta Tutorial MediaWiki 1. Como criar uma conta Para criar uma conta clique no botão, disponível canto superior direito, "Entrar". Será então mostrada a página de entrada na conta onde terá de introduzir os

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

OpenOffice Writer. Por: Leandro Dalcero

OpenOffice Writer. Por: Leandro Dalcero OpenOffice Writer Por: Leandro Dalcero Índice 1 Iniciando o Writer... Pág. 1 2 Componentes básicos da janela do Writer... Pág. 1 3 Menu Arquivo... Pág. 3 3.1 Novo... Pág. 3 3.2 Abrir... Pág. 3 3.3 Piloto

Leia mais