Licenciamento de Uso

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

Download "Licenciamento de Uso"

Transcrição

1

2 Licenciamento de Uso Este documento é propriedade intelectual 2002 do Centro de Computação da Unicamp e distribuído sob os seguintes termos: 1. As apostilas publicadas pelo Centro de Computação da Unicamp podem ser reproduzidas e distribuídas no todo ou em parte, em qualquer meio físico ou eletrônico, desde que os termos desta licença sejam obedecidos, e que esta licença ou referência a ela seja exibida na reprodução. 2. Qualquer publicação na forma impressa deve obrigatoriamente citar, nas páginas externas, sua origem e atribuições de direito autoral (o Centro de Computação da Unicamp e seu(s) autor(es)). 3. Todas as traduções e trabalhos derivados ou agregados incorporando qualquer informação contida neste documento devem ser regidas por estas mesmas normas de distribuição e direitos autorais. Ou seja, não é permitido produzir um trabalho derivado desta obra e impor restrições à sua distribuição. O Centro de Computação da Unicamp deve obrigatoriamente ser notificado de tais trabalhos com vista ao aperfeiçoamento e incorporação de melhorias aos originais. Adicionalmente, devem ser observadas as seguintes restrições: A versão modificada deve ser identificada como tal O responsável pelas modificações deve ser identificado e as modificações datadas Reconhecimento da fonte original do documento A localização do documento original deve ser citada Versões modificadas não contam com o endosso dos autores originais a menos que autorização para tal seja fornecida por escrito. A licença de uso e redistribuição deste material é oferecida sem nenhuma garantia de qualquer tipo, expressa ou implícita, quanto a sua adequação a qualquer finalidade. O Centro de Computação da Unicamp não assume qualquer responsabilidade sobre o uso das informações contidas neste material. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 2

3 Í ndice I nternet 4 HT ML Principais Tags 6 Dicas para a cons tr ução de um site 10 Visão ger al do Dr eamweaver MX 15 Proj eto S ite B ioder m 18 Vínculos (Links) 19 Criando um novo s ite 20 Criando uma nova página em branco 23 T abelas 25 Mapeamento de imagens 28 Modelos 30 Criando páginas a par tir de modelos 31 Criando a página inicial do s ite 32 Criando a página empr es a 34 Estilos HTML 36 Criando a página pr odutos 38 Estilos CSS 41 Criando a página atendimento 44 Formulário 45 Criando a página dicas _ belez a 48 Âncoras 49 Última atualização: 12/08/2003 Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 3

4 I nt er net A I nter net não não s e cons titui apenas numa r ede de computador es, mas numa r ede de r edes, conectadas umas as outras. Um computador ligado a I nter net pode compartilhar recursos e infor mações a nível mundial. Existem vários serviços que utilizam essa es tr utura e um dos mais conhecidos é a World Wide Web, ou simplesmente Web. É formada por milhões de lugar es chamados sites, que s ão localizados através de s eus endereços. Esse s is tema de ender eços é também chamado de URL (Uniform Resource Locator, localizador uniforme de recursos). A Web r evolucionou a I nter net por reunir interface gr áfica, recursos de multimídia e hipertexto. Possibilitou a cons tr ução de páginas gráficas, que podem conter fotos, animações, trechos de vídeo e s ons. As páginas Web s ão es cr itas na linguagem H T ML (Hypertex Markup Language), ou sej a, Linguagem de Mar cação de Hiper tex to. Nas páginas, a informação es tá or ganiz ada de for ma hiper tex tual, ou seja, as páginas estão ligadas entre s i, através de links. Isso per mite uma leitura não linear do texto. H iper t ext o é o conceito que possibilita a " navegação" entre s egmentos de tex to independentemente de s ua s eqüência linear ou de s ua localização, o leitor salta de uma infor mação a outr a, não necessariamente numa or dem seqüencial. Um site é um conjunto de páginas Web es trutur adas sobre um determinado conteúdo, este conteúdo pode conter : informações, textos, imagens, ilustrações, programas, textos históricos, diagramas, jogos, etc. A página de entrada de um site é chamada de " Home Page". O Navegador Para que o conteúdo de um documento HT ML possa s er formatado e ex ibido devemos usar um programa chamado br ows er, ou navegador. Os mais conhecidos são o I nternet Explorer e Nets cape Navigator. O navegador funciona independentemente de s e es tar conectado a I nter net. A melhor forma de s e trabalhar desenvolvendo uma página HT ML é off-line, desconectado. Primeiro você cr ia as páginas em seu computador e as testa por meio do navegador. Depois, deve colocá-las em um servidor Web par a que outras pessoas também possam visualizá-las. S er vidor Web S ão computador es equipados com software que per mite " s er vir " a uma r ede de computadores. Quanto mais potente o s er vidor maior e melhor poderá s er a r ede por ele atendida. São máquinas de alta capacidade, com grande poder de pr ocessamento e conexões velozes. Podemos usar como exemplo a máquina Obelix, que atende a Unicamp. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 4

5 F erramentas necessárias para a cr iação de páginas É recomendável possuir alguns conhecimentos básicos da linguagem HT ML, embora atualmente s ej a possível criar um site utilizando unicamente os editores de páginas, que ger am todo o código. Existem vários softwares para edição de páginas html no mercado, os mais conhecidos são: Netscape Compos er (gratuito), FrontPage da Microsoft, Dreamweaver da Macr omedia e GoLive da Adobe. É preciso também ter um navegador instalado, para poder mos testar as páginas. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 5

6 H T ML - P r incipais Tags Como j á dissemos, o Dr eamweaver MX disponibiliza vár ias ferramentas que facilitam a confecção de páginas Web, no entanto, é des ej ável que s e conheça pelo menos as tags básicas da linguagem HT ML para o cas o de ter que fazer uma manutenção no s ite. A s eguir, as tags básicas da linguagem html: Quebr as de L inha < P ></P> Exemplo: < P> Primeira linha.< /P><P>Segunda linha.< /P> Resultado: Primeira linha. S egunda linha. < B R > Exemplo: Primeira linha.< BR> S egunda linha.< BR> Resultado: Primeira linha. S egunda linha. t ext o em negrito < B ></B> Exemplo: Resultado: Curso de < B > Confecção de Web - básico< /B> Curso de Cof ecção de W eb - bás ico t ext o em itálico < I ></I> Exemplo: Centro de Computação - < I > CCUE C< /I > Resultado: Centro de Computação - CCUE C cent r alizar texto < cent er ></center> Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 6

7 t ext o à dir eit a < r ight ></right> t ext o à es quer da < lef t ></left> Exemplo: Resultado: < center> Centro de Computação< /center > Centro de Computação < right> Centro de Computação< /right> Centro de Computação < left> Centro de Computação< /left> Centro de Computação F or mat ação do texto Exemplo: < FONT FACE=Arial color = red s ize= 2> Centro de Computação< /FONT > Resultado: Centro de Computação L is t as Não Numeradas Exemplo: < UL> < LI > UNI CAMP < LI > UNES P < /UL> Resultado: UNI CAMP UNES P L is t as Numeradas Exemplo: < OL> < LI > UNICAMP < LI > UNESP < /OL> Resultado: 1. UNI CAMP 2. UNES P B arras horizontais < H R > = marcação de linha S I Z E = espessura Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 7

8 W idt h = largura Exemplo: < HR SIZE=2 width=100% > Resultado: I ns er ir imagens Exemplo: < img s r c= " exemplos /imagem.j pg> Resultado: L inks < A></A> H R E F = referência a página a s er aberta T AR GE T = _ B L ANK : abre a página em uma nova j anela do br ows er Chamando uma página: (arquivos com extensão.htm ou.html) Exemplo: < A HREF= " /exemplos /Pagina.html" TARGET=_BLANK>Clique aqui!!!</a> Resultado: Clique aqui!!! E xibindo uma imagem: (arquivos com extensão.gif ou.jpg) Exemplo: < A HREF= " /exemplos /I magem.jpg" TARGET=_BLANK>Clique aqui!!!</a> Resultado: Clique aqui!!! F az endo download de um arquivo: (arquivos com extensão.doc,.t XT,.ZI P) Exemplo: < A HREF= " /exemplos /texto.txt" TARGET=_BLANK>Clique aqui!!!</a> Resultado: Clique aqui!!! Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 8

9 R ecebendo s: Exemplo: < A HREF= " aqui </A> para enviar sua opinião!! Resultado: Clique aqui para enviar sua opnião!! Chamando uma página em outro servidor: pr ot ocolo://servidor/diretorio/arquivo Os protocolos mais usados são (file ou http): F ile = arquivo no s er vidor de ftp http = arquivo no s er vidor World Wide Web Exemplo: < A HREF= TARGET=_BLANK>Clique aqui!!!</a> Resultado: Clique aqui!!! T r abalhando com tabela de cor es Os valores para as cores devem ser escritos no padr ão Hexadecimal. Para obter uma lista de cor es Hexadecimais, aqui está : Cores Hexadecimais Paleta com 216 cores hexadecimais. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 9

10 Dicas para a const r ução de um site 1ª Fase: Organização da infor mação 2ª Fase: Conceituação do s ite e definição da es tr utura de navegação 3ª Fase: Montagem do S ite 4ª Fase: T estar localmente 5ª Fase: Disponibilizar o s ite Dica de como organizar e es t r ut ur ar a navegação de um site 01- Definir o conteúdo, o que s er á divulgado no s ite exemplo: I nformações pessoais: informações sobre você; Publicações como j or nais, revistas; Perfis da empr es a; segmento da empr es a; clientes, parceiros, etc Estabelecer objetivos: Você deve per guntar -se o que os leitores vão es tar procurando no s ite. Qual é o obj etivo do s ite. Antes de começar entrar com códigos ou imagens você deve pens ar o que você quer colocar em sua página Como s er á es tr uturada? Ela es tá adequada ou não ao meu público alvo? Ao des envolver um site par a uma empr es a ou pessoas é impor tante que você colha j unto ao s eu cliente s eus objetivos, idéias, a for ma que imagina s ua página, etc. Assim, ficará bem mais fácil de começar seu trabalho. 03- Divida o s eu conteúdo em tópicos: Crie uma lista com os principais tópicos, a pr incípio não impor ta a ordem. Esta é uma for ma de começar a s e or ganizar. S ua lista poder á ter quantos tópicos desejar, mas cuidado, o s eu leitor poderá s e cans ar e s e per der em meio a tantas opções. 04- Quais as quetões que devo levantar com relação a or ganiz ação e a navegação de um site? S erá que os leitores conseguem navegar pelo conteúdo de cada tipo de estrutura par a encontr ar as informações de que pr ecis am. Como ter certeza de que os leitores conseguem se localizar nos meus documentos (contexto) e achar o caminho de volta até uma pos ição conhecida. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 10

11 T ipos de sites: S it e estático - S omente código HT ML S it e dinâmico Pode conter Java S cr ipts, que s ão pr ogr amas embutidos detro do código HT ML. Normalmente r odam localmente, do lado do cliente, ou seja, no computador do us uár io. Exemplo: Java S cr ipt Programação PHP, ASP Pode conter programação (PHP, ASP) que s ão executados pelo servidor Web, produzindo dinamicamente páginas HTML, que então s ão enviadas ao cliente par a viz ualização E xemplos de navegação 1. Hierárquica É fácil para os leitores descobrir a pos ição em que s e encontram na es tr utura. Nas hierarquias, a home page for nece uma vis ão ger al do conteúdo que es tá s ubor dinado a ela e ainda define os principais vínculos ás páginas dos níveis inferiores da hier ar quia. E XE MP L O: Mapa do site most r a a es t r ut ur a hier ár quica das páginas do site. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 11

12 Neste tipo de es trutur a Linear a home page é o título, ou introdução, e todas as outras páginas acompanham em seqüência com vínculos que levam de uma página a outr a, normalmente com opções de avançar e r etroceder. 2. Linear E XE MP L O: instruções passo-a-passo. 3. Estrutura L inear com alternativas A es trutur a linear menos rígida per mitindo que o leitor se des vie do caminho pr incipal. Pode ter, por exemplo, uma es tr utura linear com ramificações alternativas que par tam de um único tronco. As ramificações podem se r eunir ao tronco principal em algum ponto mais adiante, em um nível mais baixo da es tr utura, ou continuar se ramificando em níveis inferiores seguindo caminhos próprios até chegar a um "fim". Além de r amificar a es tr utura linear, você pode também oferecer vínculos que per mitam aos leitores avançar ou retroceder na cadeia, caso precisem rever alguma etapa ou já conheçam alguma par te do conteúdo. Estrutura linear e hier ár quica, em cada página do r oteir o você deve ofer ecer vínculos para o leitor avançar, retroceder, retornar ao início e subir um nível 3. Combinação Estrutura L inear com H ier ár quica Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 12

13 P r óxima et apa do planejamento S ua apr es entação da Web cons is te em determinar o conteúdo que s er á apr es entado em cada uma das páginas e cr iar alguns vínculos (links) simples que possibilitem a navegação por essas páginas. 1. Coloque cada tópico em uma página, mas se tiver um grande númer o de tópicos, a manutenção e... vinculação pode s e tor nar maçante. 2. Defina bem a for ma de navegação entre as páginas. Se houver formas alternativas, torne a... navegação par a os leitores a mais intuitiva possível. 3. T ome cuidado com o que s er á incluindo na home page, lembre-se, ela será a por ta da s ua... apresentação. 4. T enha s empr e em mente s eus objetivos. Procure não s e dis tanciar deles. Dica impor t ant e: A dis pos ição de imagens, textos, vídeos, etc. Tudo que você des ej a colocar em sua página pr ecis a s er colocado de for ma agr adável ao leitor. Daí abordarmos, de for ma ger al, a diagr amação. Esta palavra vêm do mundo dos impressos. Trata-se da dis pos ição de elementos que compõem uma página. Deve s er observado o tamanho das fontes, disposição das imagens, forma como o texto s er á apr es entado, etc. Uma boa diagr amação também garante o r etor no do inter nauta. Compos ição da equipe a) Analistas de s is temas (com experiência em gerência de I nfor mação), responsável pela or ganiz ação...da infor mação; Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 13

14 b) Design Gráfico, responsável pelo pr oj eto gr áfico; c) Programadores, que, dependendo do tipo de s ite, podem ser programadores HTML, Java, JavaScript,...CGI, PHP, ASP, etc; A equipe dever á ter um coor denador, responsável em fazer o trabalho fluir de for ma eficiente, dentro de um cronograma apr oveitando o máximo de cada pr ofissional. Depois do s ite cons truído s ur gir á uma outra pessoa: o W ebmaster, que s er á r es pons ável pela adminis tração do s ite. É muito haver o acúmulo de funções por membros da equipe. Mas é impor tante definir o papel de cada na cons tr ução do s ite. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 14

15 Vis ão Geral do Dreamweaver MX Ár ea de T r abalho: P ainel I nserir O Painel Inserir permite trabalhar com vários tipos de obj etos como tabelas, imagens, formulários, etc. As opções estão or ganizadas em guias: Comuns, Layout, Texto, T abelas, Molduras, Formulários, Modelos, Caracteres, Mídia, Cabeçalho, Script e Aplicativo. Para mos tr ar ou ocultar o painel Inserir: es colha w indow / ins er t Para ex pandir ou reduzir o painel Inserir: clique na s et a de expansão, no canto es quer do da barra de título da B arra I ns er ir. B arras de ferramentas Contém botões que possibilitam diferentes visualizações da j anela do documento (visualização do des enho e/ou do código da página) Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 15

16 Janela do documento Exibe o documento que es tá s endo cr iado e editado. Ao clicar com o botão dir eito do mous e s obr e essa ár ea s ão ativados menus contextuais. Utilizados para facilitar o acesso aos comandos e pr opr iedades mais utilizados, relativos ao obj eto ou janela que es ta s endo trabalhada. Os menus contextuais contêm apenas a lista dos comandos que per tencem a s eleção atual. I ns pet or de P r opr iedades Na ver s ão anter ior do Dr eamweaver, o ins petor de pr opr iedades era flutuante, agora é fixo e fica alocado na par te infer ior da ár ea de trabalho. Sua função é editar ou inserir propriedades em um elemento pr eviamente s elecionado. Para mos tr ar ou ocultar o ins petor de pr opr iedades, basta s elecionar na barra de menus as opções W indow / P r oper t ies. A maior ia das alterações feitas nas propriedades é imediatamente aplicada à j anela do documento. P ainéis e gr upos de painéis Os painéis e gr upos de painéis podem ser encaixados e combinados conforme a s ua necessidade. P ar a expandir e r eduzir o grupo de painéis: Clique na s eta de ex pans ão. P ar a s epar ar o grupo de painéis: Arraste o gr upo através da pinça. P ar a agr upar a um painel em outro grupo de painéis: Clique n ícone de opções que fica á direita da j anela Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 16

17 É apresentado um menu onde é possível mudar o gr upo, renomear e fechar o gr upo de painéis. R edimencionar janela Ao clicar no tamanho da j anela exibe o meu popup. Para facilitar o des enho de páginas com boa apar ência em um determinado tamanho, a j anela do documento poder á s er aj ustada a qualquer um dos tamanhos listados no menu. Menu janela Este menu proporciona acesso fácil a todas as janelas, ins pet or es e palet as do Dreamweaver. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 17

18 P r ojet o: Site B ioder m Vamos construir um site de uma empr es a fictícia chamada " B ioder m". Através desse site dis ponibilizaremos dados sobre a empr es a (ins titucional), portifólio dos produtos e contato. Durante a confecção do s ite apr ender emos a utilizar melhor as ferramentas do Dreamweaver MX. E s t r ut ur ando o site A or ganização do s ite facilita o entendimento e economiza tempo. Para configurar um site comece cr iando uma es tr utura de pas tas locais em disco. É importante que es ta estrutura fique bem definida, pois ela s er á a mes ma publicada no s er vidor. Crie uma pas ta chamada " bioder m" e dentro dela as sub-pastas: document acao: armazenará a documentação do s ite (ar quivos do wor d, etc) imagens : armazenará as imagem utilizadas no s ite empr es a: armazenará as páginas referentes ao assunto empr es a pr odut os : armazenará as páginas referentes ao assunto pr odutos at endiment o: armazenará as páginas referentes ao assunto atendimento dicas _ belez a: armazenará as páginas referentes ao assunto dicas de beleza A es trutur a das pastas ficará assim: Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 18

19 Vínculos (Links) No hiper texto, as páginas se ligam umas as outras através de links. Existem vários tipos de links: I nt er nos - para documentos de um mesmo s ite E xt er nos - para documentos de um outro s ite Correio Eletrônico - para enviar mensagens através do ger enciador de s Âncor as - para s eções específicas de uma página Quando s e cr ia um link é pr ecis o definir o caminho entre o documento de onde par te o link até o que es tá s endo chamado. Esse caminho pode s er absoluto ou relativo: Caminho absolut o - é us ado par a es tabelecer um link a um documento em outro s er vidor, é pr ecis o for necer a URL (endereço) completa do documento que es tá s endo chamado. Por exemplo Caminho relativo - é usado para cr iar vínculos locais na maior ia dos sites. É útil para es tabelecer vínculos com documentos situados na mes ma pas ta ou em outra pas ta do mes mo s ite, através de caminhos de es trutur a das pastas. Nesse caso, coloca-se s omente o s egmento do caminho, não é necessário especificar a URL. T omando como exemplo a es tr utura do s ite bioder m: o Para cr iar um link entre o documento index.html e um documento (documento.html) que es tá na mes ma pas ta r aíz - link: document o.ht ml (coloca apenas o nome do ar quivo) o Para cr iar um link entre o documento index.html e um documento (documento.html) que es tá dentr o da s ub-pasta empr es a - link: empr es a/ document o.ht ml (coloca a pas ta e o nome do ar quivo, separados pelo car acter / ) o Para cr iar um link entre o documento index.html e uma imagem (imagem.gif) que es tá dentr o da s ub-pasta imagens - link: imagens / imagem.gif (coloca a pas ta e o nome do ar quivo, separados pelo car acter / ) o Para cr iar um link entre um documento que es tá na s ub-pasta empr es a e uma imagem (imagem.gif) que está dentr o da s ub-pasta imagens - link:../ imagens/ imagem.gif (sobe um nível na es tr utura de pas tas com.. e em seguida coloca a pasta e o nome do ar quivo, separados pelo car acter / ) o S upondo que tivessemos um documento dentro de uma s ub-pasta pertencente a sub-pasta empr es a, com um link para uma imagem (imagem.gif) que es tá dentr o da s ub-pasta imagens - link:../../ imagens/ imagem.gif (sobe dois níveis na es tr utura de pas tas com../.. e em seguida coloca a pas ta e o nome do ar quivo, separados pelo car acter / ) Para definir um link de correio eletrônico: coloque a ex pr essão " mailto:" e em seguida o do des tinatár io, exemplo - Com relação as âncoras, veremos num dos próximos tópicos da apos tila. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 19

20 Cr iando um novo site Defina um novo s ite, na barra de menus localizada na par te s uper ior da tela clique em S it e/ Novo site (será apr es entado um assistente par a a cr iação do s ite). Em Nome do site digite o nome do s ite (B I ODERM) e em P as t a r aiz local selecione a pasta onde ficar á ar maz enado o s ite, nesse cas o deve s er selecionada a pas ta bioderm. A opção H TTP Address permite a checagem dos links do s ite. Deve-se digitar o endereço final (URL) que o s ite ter á na Web. Clique no botão OK. Essa é a maneir a us ual de s e cr iar um site, outra alternativa é o método bás ico com a aj uda de um assistente do Dr eamweaver. O painel ao lado exibe todos os arquivos e pas tas do s ite atuando como um gerenciador de ar quivos, permitindo copiar, colar, excluir, mover e abr ir arquivos da mesma maneir a que o Windows Explorer. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 20

21 S elecionando as imagens Acesse o ender eço uni camp. br /tr ei namentos /dr eamweaver /pagina8 _ cr i ando_ novo_ s i te. html Copie as imagens abaixo par a a pas ta imagens. Clique com o botão dir eito do mous e sobre as imagens e es colha a opção s alvar imagem como. t opo.gif f ot o1 _ home.gif Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 21

22 f ot o2 _ home.gif f ot o3 _ home.gif f ot o4 _ home.gif r odapé.gif Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 22

23 Cr iando uma nova página em branco Na barra de menus selecione Ar quivo > Novo É apresentada uma caix a de diálogo em que o us uár io poder á es colher o tipo de documento. Na guia Ger al, escolha a categor ia P ágina bás ica e H T ML Em seguida, clique no botão Cr iar Def inindo as propriedades da página Na barra de menus, selecione Modif icar > P r opr iedades da P ágina e configur e as seguintes propriedades: T ítulo (título da página): modelo Fundo (cor de fundo): # FFFFFF (branco) T exto (cor do texto): # (preto) Links (cor dos links): # (azul) Links visitados (cor dos links visitados): # CC0000 (lilás) Links ativos (cor do link no momento em que ele é ativado): # (vermelho) Margem superior: 1 Clique no botão OK. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 23

24 Obs: Ao abr ir a paleta de cor es, o ponteir o do mous e s e trans for ma em um contagotas que pode " carregar" qualquer cor de obj etos das janelas abertas do Dreamweaver. Movimente o mous e e per ceba que ele s e alter a. Clique na cor desej ada. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 24

25 T abelas A maneir a mais comum de dis por os elementos numa página é trabalhando com tabelas. Uma tabela é for mada de três elementos: L inha: espaçamento hor izontal entre uma bor da e outra; Coluna: espaçamento ver tical entre uma bor da e outra; Célula: espaço r es ultante da inter s eção de uma linha com uma coluna. Existem duas maneiras de cr iar tabelas: pelo Painel Inserir Comuns > Inserir tabela, ou pela barra de menus I ns er ir > Tabela. Vamos criar uma tabela com 3 linhas e 1 coluna, largura de 760 pixels, preenchimento da célula = 0, espaçamento entre as células = 0 e bor da = 0. Clique em OK. P r opr iedades de tabela Quando a tabela es tiver selecionada, suas característica apar ecer ão no I ns petor de Propriedades. No campo Alinhar selecione a opção Ao centro. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 25

26 I ns er indo mais linhas ou colunas na t abela S elecione uma linha da tabela e clique com o botão dir eito do mous e s obr e a ár ea selecionada, no menu de opções que s er á ex ibido s elecione as opções T abela > I ns er ir Linhas ou Colunas. Na outr a j anela que s e abr e s elecione o nº de linhas ou colunas que des ej a ins er ir e a pos ição em que elas serão incluídas. Dividindo ou mesclando células, linhas ou colunas Para dividir : Selecione a célula, linha ou coluna que pr etende dividir e no I ns petor de propriedades selecione as opções Célula > Divide as células em linha ou colunas Para mes clar : S elecione as células, linhas ou colunas que pr etende mes clar e no I nspetor de pr opr iedades selecione as opções Célula/ L inha > Mes clar as células s elecionadas utilizando extensões Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 26

27 E xcluindo linhas e colunas Posicione o cur s or sobre a linha ou coluna a s er excluída, clique s obr e a ár ea selecionada com o botão dir eito do mous e e no menu de opções que s er á ex ibido escolha as opções T abela > Delet ar Linha/Delet ar Coluna Obs.: Após fazer os testes com a tabela, deixe-a com o for mato inicial, ou seja, com 3 linhas e 1 coluna. I ns er indo imagens Para ins er ir uma imagem: pelo Painel Inserir Comuns > I magem ou pela barra de menus I ns er ir > I magem. Na pr imeir a linha da tabela ins ir a a imagem t opo.gif (selecione a imagem topo.gif no diretório " imagens " ). Na ter ceir a linha da tabela ins ir a a imagem r odape.gif (também armazenada no diretório " imagens " ). I mpor t ant e: Na opção U R L : Relativa a: escolha a opção document o. Para que s ej a criado corretamente o caminho r elativo até as imagens. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 27

28 Mapeament o de imagens O mapeamento de imagens é utilizado quando há necessidade de colocar vínculo em apenas uma par te de uma imagem, e não na imagem toda. S elecione a imagem topo.gif (na pr imeir a linha da tabela). Vamos mapear a ár ea da imagem onde apar ece a palavra " Home", colocando um link para a página index.html. Com a imagem topo.gif selecionada, veja que o ins petor de pr opr iedades disponibiliza três tipos de mapas : retangular, oval e poligonal. Selecione a opção r etangular, como mostra a figura abaix o. Após selecionar a opção mapa r etangular, mova o cur s or novamente s obr e a imagem topo.gif, o cur s or assumirá a for ma de cr uz. Desenhe um retângulo em volta da palavra Home ( 1 ) e no campo Link do ins petor de pr opr iedades digite o ender eço da página que s er á acessada: index.html ( 2 ). Veja a figura abaix o: Repita o mes mo pr ocedimento par a os ítens do menu. Com a imagem topo.gif selecionada, escolha a opção mapa r etangular : Desenhe um retângulo em volta da palavra E mpr es a e no campo Link do inspetor de pr opr iedades digite o ender eço da página que s er á acessada:../empresa/empresa.html Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 28

29 Desenhe um retângulo em volta da palavra P r odut os e no campo Link do inspetor de pr opr iedades digite o ender eço da página que s er á acessada:../produtos/produtos.html Desenhe um retângulo em volta da palavra At endiment o e no campo Link do inspetor de pr opr iedades digite o ender eço da página que s er á acessada:../atendimento/atendimento.html Desenhe um retângulo em volta das palavras Dicas de B eleza e no campo Link do ins petor de pr opr iedades digite o ender eço da página que s er á acessada:../dicas_beleza/dicas_beleza.html Obs.: O mapeamento é válido apenas para uma página, normalmente s er ia necessário repetir esse pr ocedimento par a as demais páginas do s ite. No entanto, se quis er mapear a imagem uma única vez, e fazer isso valer para todas as páginas, terá que utilizar o r ecur s o de Modelos, como ver emos a s eguir. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 29

30 Modelos Os modelos são muito utilizados para facilitar o trabalho r epetitivo. Quando s e tem um layout de página que s er á apr oveitado vár ias vezes. Poderíamos utilizar o pr ocedimento de copiar a página ou s alvar como, mas se houvessem mudanças no layout das páginas, teríamos que alter á-las uma por uma. A vantagem de s e utilizar modelo é que em caso de mudança, todas as páginas são alteradas de uma vez. Permite também criar regiões bloqueadas e r egiões editáveis, mantendo assim a integr idade da página or iginal. As regiões editáveis são as áreas da página que poderão s er alteradas. Quando s e cr ia um modelo todas as áreas estão bloqueadas, para editar essas áreas é necessário cr iar regiões editáveis. Def inido regiões editáveis S elecione o texto ou a célula que des ej a tor nar editável, nesse cas o es colha a s egunda linha da tabela na qual estamos trabalhando. Na barra de menus escolha I ns er ir > Objet os de Modelos > R egião Editável ou através do Painel Inserir escolha a guia Modelos, clique no ter ceir o botão R egião E dit ável. Ao apar ecer uma mens agem avisando que o documento s er á conver tido em modelo, clique em OK. Em seguida pr eencha o nome da r egião: cont eudo. Clique no botão OK, note que essa ár ea ficar á contor nada por um retângulo, com o nome da ár ea em cima. S alvaremos essa página como um modelo que s er á utilizado par a as demais páginas do s ite. Na barra de menus selecione Ar quivo / S alvar como Modelo, salve com o nome de bioder m_ modelo. O ar quivo de modelo é um arquivo com extensão.dwt e ficará ar maz enado na pas ta T emplates, que s er á cr iada automaticamente na r aiz do site. Feche o modelo. Divisão de Serviços à Comunidade - Centro de Computação - Unicamp 30

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

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

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

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

Leia mais

Portal 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

Gerente de Tecnologia: Ricardo Alexandre F. de Oliveira Marta Cristiane Pires M. Medeiros Mônica Bossa dos Santos Schmid WORD 2007

Gerente de Tecnologia: Ricardo Alexandre F. de Oliveira Marta Cristiane Pires M. Medeiros Mônica Bossa dos Santos Schmid WORD 2007 WORD 2007 PREFEITURA DO MUNICÍPIO DE LONDRINA SECRETARIA MUNICIPAL DE EDUCAÇÃO GERÊNCIA DE TECNOLOGIA Gerente de Tecnologia: Ricardo Alexandre F. de Oliveira Marta Cristiane Pires M. Medeiros Mônica Bossa

Leia mais

15. OLHA QUEM ESTÁ NA WEB!

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

Leia mais

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

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

Leia mais

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

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

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

02 - Usando o SiteMaster - Informações importantes

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

Leia mais

Como Criar uma Aula? Na página inicial do Portal do Professor, acesse ESPAÇO DA AULA: Ao entrar no ESPAÇO DA AULA, clique no ícone Criar Aula :

Como Criar uma Aula? Na página inicial do Portal do Professor, acesse ESPAÇO DA AULA: Ao entrar no ESPAÇO DA AULA, clique no ícone Criar Aula : Como Criar uma Aula? Para criar uma sugestão de aula é necessário que você já tenha se cadastrado no Portal do Professor. Para se cadastrar clique em Inscreva-se, localizado na primeira página do Portal.

Leia mais

Passa a passo para construir uma página pessoal - Parte 1

Passa a passo para construir uma página pessoal - Parte 1 Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

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

Leia mais

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,

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

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

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

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

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

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

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

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

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

Apostila de Word 2013 Iniciando o word 2013...01 Regras Básicas para digitação de um texto...02 Salvando um arquivo com senha...02 Salvando um arquivo nas nuvens (OneDrive).... 02 Verificando a ortografia e a gramática do texto...

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

Apostila Site Personalizado

Apostila Site Personalizado Apostila Site Personalizado Índice Para inserir informações sobre a empresa é utilizado o componente GERENCIADOR DE ARTIGOS. Através dele é possível inserir infomações como: - A EMPRESA - HISTÓRICO - ENDEREÇO

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

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

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software

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

Leia mais

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

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

Leia mais

Í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

Manual do Painel Administrativo

Manual do Painel Administrativo Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...

Leia mais

Introdução. História. Como funciona

Introdução. História. Como funciona Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado

Leia mais

ÍNDICE. www.leitejunior.com.br 16/06/2008 17:48 Leite Júnior

ÍNDICE. www.leitejunior.com.br 16/06/2008 17:48 Leite Júnior ÍNDICE MICROSOFT INTERNET EXPLORER 6 SP2 (IE6 SP2)...2 JANELA PRINCIPAL...2 PARTES DA JANELA...2 OS MENUS DO IE6...3 MENU ARQUIVO...3 MENU EDITAR...3 MENU EXIBIR...3 MENU FAVORITOS...4 MENU FERRAMENTAS...4

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

Lotus Notes 8.5 para o Office 365 para empresas

Lotus Notes 8.5 para o Office 365 para empresas Lotus Notes 8.5 para o Office 365 para empresas Faça a migração O Microsoft Outlook 2013 pode parecer diferente do Lotus Notes 8.5, mas você rapidamente descobrirá que o Outlook permite fazer tudo o que

Leia mais

Instalando o IIS 7 no Windows Server 2008

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

Leia mais

Instalando o IIS 7 no Windows Server 2008

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

Leia mais

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

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

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

Manual do Usuário Publicador

Manual do Usuário Publicador Manual do Usuário Publicador Portal STN SERPRO Superintendência de Desenvolvimento SUPDE Setor de Desenvolvimento de Sítios e Portais DEDS2 Versão 1.1 Fevereiro 2014 Sumário Sobre o Manual... 3 Objetivo...

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

Serviço Técnico de Informática. Curso Básico de PowerPoint

Serviço Técnico de Informática. Curso Básico de PowerPoint Serviço Técnico de Informática Curso Básico de PowerPoint Instrutor: Tiago Souza e Silva de Moura Maio/2005 O Microsoft PowerPoint No Microsoft PowerPoint, você cria sua apresentação usando apenas um arquivo

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

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

Manual. Pedido Eletrônico

Manual. Pedido Eletrônico Manual Pedido Eletrônico ÍNDICE 1. Download... 3 2. Instalação... 4 3. Sistema de Digitação SantaCruz... 8 3.1. Configuração... 8 4. Utilização do Sistema Digitação SantaCruz... 11 4.1. Atualizar cadastros...11

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

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

Licenciamento de Uso

Licenciamento de Uso Licenciamento de Uso Este documento é propriedade intelectual 2002 do Centro de Computação da Unicamp e distribuído sob os seguintes termos: 1. As apostilas publicadas pelo Centro de Computação da Unicamp

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

INTRODUÇÃO AO WINDOWS

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

Leia mais

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

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

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

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

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

Leia mais

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

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo) APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...

Leia mais

CICLO DE APERFEIÇOAMENTO PROFISSIONAL DOS SERVIDORES MUNICIPAIS DE MARICÁ- RJ EDITOR DE TEXTO - WORD

CICLO DE APERFEIÇOAMENTO PROFISSIONAL DOS SERVIDORES MUNICIPAIS DE MARICÁ- RJ EDITOR DE TEXTO - WORD Faculdade de Administração, Ciências Contábeis e Turismo Pós-Graduação em Gestão de Negócios CICLO DE APERFEIÇOAMENTO PROFISSIONAL DOS SERVIDORES MUNICIPAIS DE MARICÁ- RJ EDITOR DE TEXTO - WORD EMENTA

Leia mais

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de: AULA: BrOffice Impress terceira parte Objetivo Ao final dessa aula, você deverá ser capaz de: Conhecer a integração dos softwares do BrOffice; Aprender a trabalhar no slide mestre; Utilizar interação entre

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

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

Status. Barra de Título. Barra de Menu. Barra de. Ferramentas Padrão. Caixa de nomes. Barra de. Ferramentas de Formatação. Indicadores de Coluna

Status. Barra de Título. Barra de Menu. Barra de. Ferramentas Padrão. Caixa de nomes. Barra de. Ferramentas de Formatação. Indicadores de Coluna O que é uma planilha eletrônica? É um aplicativo que oferece recursos para manipular dados organizados em tabelas. A partir deles pode-se gerar gráficos facilitando a análise e interpretação dos dados

Leia mais

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

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

Leia mais

Planilhas Eletrônicas

Planilhas Eletrônicas Planilhas Eletrônicas APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice AULA 1... 3 Apresentação do BrOffice Calc... 3 Tela Inicial... 4 Teclas e Atalhos de movimentação... 6

Leia mais

Smart Laudos 1.9. A Forma Inteligente de Criar seus Laudos Médicos. Manual do Usuário

Smart Laudos 1.9. A Forma Inteligente de Criar seus Laudos Médicos. Manual do Usuário Smart Laudos 1.9 A Forma Inteligente de Criar seus Laudos Médicos Manual do Usuário Conteúdo 1. O que é o Smart Laudos?... 3 2. Características... 3 3. Instalação... 3 4. Menu do Sistema... 4 5. Configurando

Leia mais

OneDrive: saiba como usar a nuvem da Microsoft

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

Leia mais

4.14 - Imagens: src único atributo que não pode ser omitido neste TAG Nota: img

4.14 - Imagens: <img src=...> src <img src=tecnologia.jpg> único atributo que não pode ser omitido neste TAG Nota: img 4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

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

CAPÍTULO 2. Este capítulo tratará :

CAPÍTULO 2. Este capítulo tratará : 1ª PARTE CAPÍTULO 2 Este capítulo tratará : 1. O que é necessário para se criar páginas para a Web. 2. A diferença entre páginas Web, Home Page e apresentação Web 3. Navegadores 4. O que é site, Host,

Leia mais

Apostilas OBJETIVA Escrevente Técnico Judiciário TJ Tribunal de Justiça do Estado de São Paulo - Concurso Público 2015. Índice

Apostilas OBJETIVA Escrevente Técnico Judiciário TJ Tribunal de Justiça do Estado de São Paulo - Concurso Público 2015. Índice Índice Caderno 2 PG. MS-Excel 2010: estrutura básica das planilhas, conceitos de células, linhas, colunas, pastas e gráficos, elaboração de tabelas e gráficos, uso de fórmulas, funções e macros, impressão,

Leia mais

O computador. Sistema Operacional

O computador. Sistema Operacional O computador O computador é uma máquina desenvolvida para facilitar a vida do ser humano, principalmente nos trabalhos do dia-a-dia. É composto basicamente por duas partes o hardware e o software. Uma

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

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

Leia mais

Publisher. Publisher. versão 2012.2

Publisher. Publisher. versão 2012.2 versão 2012.2 Publisher Publisher Para diagramar, vamos utilizar o Publisher, do pacote de programas Microsoft Office. As instruções valem para as versões 2003, 2007 e 2010 do pacote. Vamos aprender através

Leia mais

CRIANDO TEMPLATES E LEGENDAS

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

Leia mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

Conhecendo o Kit Real

Conhecendo o Kit Real Conhecendo o Kit Real Versão do Kit Botão de Login Botões de Cálculo Pesquisa de Cálculos Botões de Transmissão Manutenção e Relatórios Acompanhamento de propostas transmitidas Versão do Kit: Mostra qual

Leia mais

Manual do Usuário Janeiro de 2016

Manual do Usuário Janeiro de 2016 Manual do Usuário Janeiro de 2016 SOBRE CMX CMX é uma interface que dá acesso aos estudantes a milhares de atividades, exercícios e recursos todos posicionados com os padrões e conceitos curriculares.

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

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

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

Leia mais

MDaemon GroupWare. Versão 1 Manual do Usuário. plugin para o Microsoft Outlook. Trabalhe em Equipe Usando o Outlook e o MDaemon

MDaemon GroupWare. Versão 1 Manual do Usuário. plugin para o Microsoft Outlook. Trabalhe em Equipe Usando o Outlook e o MDaemon MDaemon GroupWare plugin para o Microsoft Outlook Trabalhe em Equipe Usando o Outlook e o MDaemon Versão 1 Manual do Usuário MDaemon GroupWare Plugin for Microsoft Outlook Conteúdo 2003 Alt-N Technologies.

Leia mais

Guia de Início Rápido

Guia de Início Rápido Guia de Início Rápido Microsoft PowerPoint 2013 apresenta uma aparência diferente das versões anteriores; desse modo, criamos este guia para ajudá-lo a minimizar a curva de aprendizado. Encontre o que

Leia mais

Guia de Início Rápido

Guia de Início Rápido Guia de Início Rápido O Microsoft PowerPoint 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Encontre o que você precisa Clique

Leia mais

O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point.

O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point. Editor de Texto Microsoft Word 1. Microsoft Office O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point. O Word é um editor de texto com recursos

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

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

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Construtor de sites SoftPixel GUIA RÁPIDO - 1 - GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template

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

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

1. Introdução a Microsoft Excel

1. Introdução a Microsoft Excel Introdução a Microsoft Excel 1. Introdução a Microsoft Excel 1.1. O que é Microsoft Excel Microsoft Excel é um software de planilha eletrônica produzido pela Microsoft Corporation, para o sistema operacional

Leia mais

4.14 - Imagens: SRC único atributo que não pode ser omitido neste tag Nota: img

4.14 - Imagens: <IMG SRC=...> SRC <IMG SRC=tecnologia.jpg> único atributo que não pode ser omitido neste tag Nota: img 4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Menus Personalizados

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

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

TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS

TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS Autodesk 360 é a nuvem da Autodesk, podendo ser acessada pela sua conta da Autodesk Education Community (estudantes) ou Autodesk Academic Resource

Leia mais

Bem-vindo! Prazer em conhecê-lo.

Bem-vindo! Prazer em conhecê-lo. Bem-vindo! Prazer em conhecê-lo. A nova ferramenta para a confecção de livros do Blurb, o BookWright, foi projetado para ser o mais intuitivo possível, mas duas cabeças não pensam da mesma forma. E todos

Leia mais

Microsoft PowerPoint 2003

Microsoft PowerPoint 2003 Página 1 de 36 Índice Conteúdo Nº de página Introdução 3 Área de Trabalho 5 Criando uma nova apresentação 7 Guardar Apresentação 8 Inserir Diapositivos 10 Fechar Apresentação 12 Abrindo Documentos 13 Configurar

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

ÍNDICE... 2 INTRODUÇÃO... 4

ÍNDICE... 2 INTRODUÇÃO... 4 Mic crosoft Excel 201 0 ÍNDICE ÍNDICE... 2 INTRODUÇÃO... 4 Interface... 4 Guias de Planilha... 5 Movimentação na planilha... 6 Entrada de textos e números... 7 Congelando painéis... 8 Comentários nas Células...

Leia mais