XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida).

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

Download "XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida)."

Transcrição

1 XHTML 1. Significado do Termo HTML (HyperText Markup Language Linguagem de Marcação de Hipertexto) é a linguagem na qual são feitas as páginas que irão compor um site da Internet. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). Como funciona uma página? O espaço para sua página na Internet fica em um computador, onde estão todos os arquivos de HTML/XHTML, som, imagem, etc., ou seja, tudo aquilo que vai compor o site. Este computador onde ficam os arquivos da sua home page (página principal/site) é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para que todos possam acessar seu site. Quando uma pessoa entra na sua home page, ela está acessando este servidor. A linguagem HTML ou XHTML é uma linguagem simples, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores. Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode, por exemplo, criar uma página sobre um assunto que lhe agrade a partir de outra página contendo sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu. 2. Conhecendo o HTML\XHTML Vamos agora conhecer o HTML\XHTML para que você possa começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Microsoft Internet Explorer e o Mozilla Firefox. Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. Navegadores não atualizados (versão antiga) não conseguem mostrar uma página XHTML corretamente. Durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização do site está correta Introdução Todo documento HTML/XHTML é composto de Tags. Este é o nome dado aos comandos HTML. Você deve começar sua página com a tag <html>, na primeira linha do código, e terminar com </html> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. Posteriormente veremos mais detalhes sobre a tag <html>.

2 2.2. A Estrutura das Tags <xxx>: Este é o inicio da tag;* </xxx>: Este é o fechamento da tag para que ela possa funcionar.** * xxx é apenas uma representação de uma tag, não é uma tag HTML. ** Algumas tags não necessitam do fechamento. Neste caso você será avisado. Entre o início da tag e o seu fechamento ficam os textos, parâmetros e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada de forma correta ou nem mesmo irá aparecer A Estrutura de um Documento HTML/XHTML Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho, o que é feito pelas tags <head>... </head> (serão detalhadas posteriormente). E também um título usando o par <title>... </title>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam como título para a janela de visualização. Coloque um título bem claro e explicativo para seus documentos. O "corpo do documento deve ser demarcado pelo par <body>... </body>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML, ou seja, todos os códigos para sua página. Um documento simples seria digitado da seguinte maneira: Digite o conteúdo do quadro abaixo no Bloco de Notas Salve com o nome EXERC1.html Abra no navegador e verifique sua primeira página HTML <html> <head> <title> Meu documento HTML </title> </head> <body> Aqui serão coloca os comandos em HTML para construção da página. </body> </html> Obs.: os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma: <html><head><title> Meu documento HTML </title></head><body>aqui você coloca os comandos em HTML.</body></html> A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.

3 3. Conhecendo as Tags do HTML\XHTML Agora que você já aprendeu como é um arquivo HTML básico, pode começar a ver as tags que irão ajudá-lo a construir suas páginas. Elas ficam após o comando <body> e neste local você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto: 3.1. Tags de título <h>...</h> ("Headings") Com esta tag você pode apenas definir o tamanho das letras, mas não a fonte. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6. Digite no bloco de notas, salve como EXERC2.HTML e abra no navegador <html> <head> <title> Meu segundo documento HTML </title> </head> <body> <h1> Este é o primeiro nível </h1> <h2> Este é o segundo nível </h2> <h3> Este é o terceiro nível </h3> <h4> Este é o quarto nível </h4> <h5> Este é o quinto nível </h5> <h6> Este é o sexto nível </h6> </body> </html> Veja abaixo o efeito que deverá aparecer em seu navegador: Este é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível

4 3.2. Tag <p> Em HTML são necessários comandos para definir parágrafos. Não basta simplesmente pressionar "ENTER" para que a linha vá para baixo, como nos editores de texto. É necessário colocar uma tag ( <p> ) para fazer um novo parágrafo. Digite no bloco de notas, salve como EXERC3.HTML e abra no navegador Texto do primeiro parágrafo <p> Texto do segundo parágrafo </p> O resultado será: Texto do primeiro parágrafo Texto do segundo parágrafo Obs.: para criar um parágrafo em branco (criar espaço entre um bloco e texto e outro) deve-se usar: <p> </p>. Também utilizado para representar um espaço em branco que não pode ser quebrado em duas linhas. Exemplo: 5 cm ficaria 5 cm Tag <br /> (tag órfã/única: a tag de abertura também é de fechamento, note / ) Quando desejamos simplesmente mudar de linha, ao invés de criar um novo parágrafo, usamos a tag <br />. Digite no bloco de notas, salve como EXERC4.HTML e abra no navegador Texto do parágrafo 1 <br /> linha 1 <p> Texto do parágrafo 2 </p> <br /> linha 2 O resultado será: Texto do parágrafo 1 linha 1 Texto do parágrafo 2 linha Tag <img src= imagem que vai aparecer /> Esta tag permite a inclusão de imagens na página. Os formatos ideais para home pages são GIF e JPG. Em "imagem que vai aparecer" colocamos o nome da imagem.gif ou.jpg ou o URL completo do local onde ela está gravada. Atributo: Alt Texto alternativo. A função é apresentar um texto no lugar da imagem, enquanto esta ainda não apareceu\carregou. Localize um arquivo.gif em seu computador e copie-o para a pasta onde está salvando os arquivos HTML de exercícios. Digite no bloco de notas, salve como EXERC5.HTML e abra no navegador <img src=nomearquivo.gif alt="texto Alternativo" />

5 Dicas e Formato de Arquivos de imagem Tamanho em Kb: Evite colocar imagens maiores do que 40Kb em sua página pois, quanto mais arquivos tiver e quanto maiores eles forem, mais lento será o carregamento da página e muitos visitantes poderão desistir de esperar. Uma grande quantidade de imagens na mesma página também não agrada a maioria dos visitantes. Programas: Um bom programa de edição de imagens dará ao seu site uma boa apresentação gráfica. Entre os programas mais usados estão o Corel Draw e Adobe Photoshop. O Formato GIF: O formato dominante na Internet é GIF, por ser relativamente pequeno quando comparado com o BMP. Além disso, GIF pode ser transparente, não transparente ou animado. Um GIF transparente é aquele onde uma cor pode ser escolhida para ser transformada em transparente quando vista por um navegador e mostrar o que há embaixo. Os programas que são mais usados para criar gifs e permitem que se crie transparências são o Photoshop e o Fireworks. Os GIFS animados são aqueles que têm movimento. Nada mais são que uma seqüência de GIF s previamente preparados. O criador do GIF animado, usando um programa como o GIF Animator, escolhe as imagens que formarão a seqüência que dará a idéia de movimento. O Formato JPG (jpeg): Grandes fotos geralmente são salvas neste formato pois, nestes casos, se consegue reduzir bastante o tamanho em bytes da imagem, sem prejudicar sua qualidade. É aconselhável, antes de mandar um arquivo GIF grande para Web, testar como ficaria se salvo como JPG. O Formato BMP: Apesar de muito utilizados no Windows, são muito pesados para a Web. Se quiser colocar alguma imagem que estiver neste formato, salve-a antes como GIF ou JPG usando um editor de imagens como o Paint (do Windows), o Paint Shop Pro, Photoshop ou FireWorks.

6 3.5. Criando links Links são os pontos clicáveis do documento HTML que levam a qualquer outro documento (ou qualquer outro ponto) na própria página ou em outra página. Os links podem ser internos (para documentos no mesmo servidor) ou externos para qualquer lugar na Web Tag <a href="nome-do-lugar-a-ser-levado"> descrição </a> Onde: "Nome-do-lugar-a-ser-levado" Coloca-se o nome do arquivo html para o qual se deseja criar o link, por exemplo, dados.htm ou um URL como "Descrição" É o texto que vai aparecer sublinhado na home page, indicando que se trata de um link que pode ser clicado. Exemplo1, se a descrição fosse "Clique aqui para visitar o UOL", a tag deveria conter o seguinte código: Digite no bloco de notas, salve como EXERC6.HTML e abra no navegador <a href=" aqui para visitar o UOL </a> O resultado será: Desafio! Digite no bloco de notas, salve como EXERC7.HTML e abra no navegador Crie uma página contendo um link para uma das páginas HTML que foram criadas nos exercícios anteriores (ou crie uma página com qualquer conteúdo). Obs.: a descrição deverá ser Clique aqui para ver a página Dica: para criar um link para uma outra página dentro da mesma home page, não é necessário colocar toda a URL ou caminho. Basta o nome do arquivo HTML (os dois arquivos html devem estar na mesma pasta).

7 Como fazer um link abrir em uma segunda janela (sem perder o conteúdo da primeira janela). É possível que colocar um link que abra em uma outra janela para que o que o visitante não saia do site. Basta incluir um atributo "target" (alvo), assim: Digite no bloco de notas, salve como EXERC8.HTML e abra no navegador <a href=" target="_blank">clique aqui para visitar o UOL </a> Como fazer um link para um ponto na mesma página (Âncora). É possível fazer com que clicando em um link você vá diretamente para uma determinada parte da mesma página ou até mesmo de outra página. Este recurso é chamado de Âncora. Usamos âncoras quando desejamos que um link vá direto para um texto que está no meio de uma página sem o visitante ter que rolar a página. Ao saltar para determinados pontos de uma página, facilitamos a navegação. Para o funcionamento de uma âncora deve-se estabelecer dois comandos: 1º)Um comando que identifique o ponto de destino do link, incluindo a seguinte TAG no local onde quer que o link vá: <a name="coloque o nome da ancora aqui"></a> 2º)Um comando que defina o lugar da página para onde se pretende "saltar". Usar a tag de link "comum" ( a href ) para fazer o link saltar para o ponto identificado. <a href="#nome da ancora">texto</a> O símbolo "#" antes do nome da âncora fará com que o navegador entenda que deve ir para uma âncora. Desafio! Digite no bloco de notas, salve como EXERC9.HTML e abra no navegador Usando uma página qualquer (daquelas criadas nos exercícios anteriores) acrescente texto (use as tags <br /> e <p> também) de modo que, ao ser aberta, ocupe mais de uma página (deve aparecer a barra de rolagem) e crie um link interno (link para uma das últimas linhas da página).

8 Como fazer um link com âncora (ponto específico) para uma outra página. 1º)Incluir, na página de destino, a tag da âncora no ponto desejado. <a name="coloque o nome da ancora aqui"></a> 2º)Na página que terá o link, construir a tag da seguinte maneira: <a href="nome-do-lugar-a-ser-levado#nome da ancora">texto</a> Obs.: Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora definido na página de destino. Podemos incluir quantas âncoras quisermos em uma página, mas cada uma deve ter um nome diferente Como fazer uma imagem ter um link É possível fazer com que uma imagem possa ter um link. Na tag de link, em vez de colocar o texto com a descrição, coloque a tag de imagem. Veja: <a href="nome-do-lugar-a-ser-levado"> <img src="nome do arquivo da imagem que vai aparecer"> </a> Obs.: Em "nome-do-lugar-a-ser-levado" coloca-se o arquivo html que se deseja visitar, por exemplo, dados.htm ou um URL como Em "nome do arquivo de imagem que vai aparecer" deve-se colocar o nome do arquivo da imagem que vai estar na página, por exemplo, "foto.gif". Digite no bloco de notas, salve como EXERC10.HTML e abra no navegador <a href=" <img src="foto.gif" alt="imagem com link para Google Home Page"></a> Como fazer links para download de arquivos Colocar arquivos para que os visitantes façam download em uma home page é um recurso simples. Não existe um comando que faça o download. O que acontece é que, sempre que aparece um tipo de arquivo que o navegador não reconhece (um arquivo que o navegador não abre), ele automaticamente inicia o download. Outra maneira de fazer o download é clicar com o botão direito do mouse e escolher Salvar.

9 Exemplo: Se o navegador não consegue abrir um arquivo "zip" (arquivo compactado), ele automaticamente inicia o download. Se desejarmos colocar um arquivo para download, tudo que se precisa fazer é direcionar um link para este arquivo como se estivesse colocando um link para uma página. Exemplo: Para o download de um arquivo "exemplo.exe", o código de um link simples ficaria assim: <a href="exemplo.exe">clique aqui para download de exemplo.exe </a> Obs.: Existem alguns tipos de arquivos que os navegadores, em vez de fazerem o download, abrem com programas já instalados no computador. Isso ocorre, por exemplo, com um link para um arquivo de vídeo ".avi" ou ".mpg", o navegador abrirá o programa para exibir esse vídeo. Digite no bloco de notas, salve como EXERC11.HTML, abra no navegador e faça o download (antes, use o bloco de notas para criar um arquivo chamado programa.exe com qualquer conteúdo) <a href="programa.exe">download do arquivo programa.exe</a> Como fazer link para enviar um É possível criar um link para enviar um . Ao clicar neste link o sistema operacional abrirá o software definido como padrão para envio de no computador (o Outlook por exemplo). Obs.: pouco utilizado. Depende do software de envio de estar configurado. <a href="mailto:seu ">deixe um para mim! </a>

10 3.6. Reprodução de Som e Vídeo Exemplo: <embed src="nome da música" autostart="true" loop=10></embed> Obs.: Em "nome da musica" coloca-se o nome da música (mid ou wav) ou vídeo (mpg ou wmv). Outros tipos necessitam de para os navegadores plugins. Em "autostart" indicamos se a reprodução será automátgica (true) ou não (false), neste caso, o usuário terá que clicar no botão de "play" para iniciar a reprodução. Em "loop" coloca-se o número de vezes que o som\vídeo vai ser repetido. Quando desejamos que se repita indefinidamente, basta colocar "infinity" no lugar de um número. Digite no bloco de notas, salve como EXERC12.HTML e abra no navegador (antes, obtenha um arquivo de som ou vídeo para incluir no exercício) <p> <embed src="arquivo" autostart="false"></embed> </p> 3.7. Letreiros Esta tag faz com que um texto fique "rolando" pela tela. Exemplo: <marquee direction="left" behavior="scroll" scrollamount=50 width=70%> Texto a ser exibido </marquee> Obs.: Em "direction" podemos indicar para qual direção o conteúdo deve deslizar (left ou right). Obs.: down e up somente no IE. Em "behavior" coloca-se o tipo de efeito, que pode ser "scroll" (contínuo) ou "slide" (uma vez) ou alternate (de um lado para o outro e assim sucessivamente). Em "scrollamount" podemos controlar a velocidade do conteúdo em movimento. Aceita números maiores que zero. Em "width" podemos definir o espaço (percentual) da linha que o letreiro ocupa. Digite no bloco de notas, salve como EXERC13.HTML e abra no navegador <marquee direction="right" behavior="alternate" scrollamount=100 width=30%> Texto texto texto </marquee>

11 Para o exercício abaixo obtenha os arquivos uol.gif e xpg.gif no site da disciplina ICC. Digite no bloco de notas, salve como EXERC14.HTML e abra no navegador <marquee behavior="scroll" scrollamount="10" direction="left"> <a href=" target="_blank"><img src="uol.gif"></a> <a href=" target="_blank"><img src="xpg.gif"></a> </marquee> O que foi feito? 3.8. Linhas Com as linhas é possível criar separações entre textos e imagens. Exemplo: <hr width=70% /> Obs.: Width define a largura, em pixels ou em porcentagem, que a linha ocupa na tela. Digite no bloco de notas, salve como EXERC15.HTML e abra no navegador <hr width=50% /> 3.9. Listas Usamos listas para organizar temas/textos em uma página. Podemos definir três categorias distintas de listas: - Ordenada, - Sem ordenação - Encadeada (lista dentro de lista). Atenção: não é preciso usar as tags <p> ou <br /> para forçar quebras de linha, isto é feito automaticamente. Podemos incluir tags após cada tag de lista Listas Ordenadas - As listas ordenadas são numeradas e usam um bullet (marca de. ) para demarcar cada uma das linhas. - Em listas ordenadas, o navegador se encarrega de colocar os números que referenciam cada item da lista.

12 - Uma lista ordenada deve ser envolvida pelo par <ol>... </ol>. Exemplo: Digite no bloco de notas, salve como EXERC16.HTML e abra no navegador <html> <head> <title>lista Ordenada</title> </head> <body> <ol> <li> Primeiro item de uma lista ordenada </li> <li> Segundo item de uma lista ordenada </li> <li> Terceiro item de uma lista ordenada</li> </ol> </body> </html> Produzirá o seguinte resultado: 1. Primeiro item de uma lista ordenada 2. Segundo item de uma lista ordenada 3. Terceiro item de uma lista ordenada Listas sem Ordenação - Nas listas não ordenadas é utilizado algum símbolo gráfico. - Este tipo de lista será envolvido pelo par <ul>... </ul>. Exemplo: Digite no bloco de notas, salve como EXERC17.HTML e abra no navegador <html> <head> <title>lista Não Ordenada</title> </head> <body> <ul> <li> Primeiro item de uma lista não ordenada</li> <li> Segundo item de uma lista não ordenada </li> <li> Terceiro item de uma lista não ordenada</li> </ul> </body> </html> Produzirá o seguinte resultado:

13 Listas Encadeadas Podemos encadear tantas listas quantas quisermos, basta envolver cada nível de encadeamento com <ol>... </ol> ou <ul>... </ul>. Exemplo: Digite no bloco de notas, salve como EXERC18.HTML e abra no navegador <html> <head> <title>lista Encadeada</title> </head> <body> <ol> <li> Primeiro item de uma lista encadeada</li> <li> Segundo item de uma lista encadeada</li> <ul> <li> Terceiro item de uma lista encadeada</li> <li> Quarto item de uma lista encadeada</li> </ul> <li> Quinto item de uma lista encadeada</li> </ol> </body> </html> Produz o seguinte resultado: Link nas Listas Podemos colocar links nas listas, basta usar a tag de link logo após a tag de lista. Exemplo: Digite no bloco de notas, salve como EXERC19.HTML e abra no navegador <html> <head> <title>lista com Link</title> </head> <body> <ol> <li><a href=" item de uma lista ordenada com link </a></li> <li> Segundo item de uma lista ordenada sem link</li> <li><a href=" item de uma lista ordenada com link </a></li> </ol> </body>

14 </html> Obs.: podemos incluir links externos (para outros sites) conforme o exemplo anterior ou links internos (para pontos fixos dentro da própria página ou abrindo outra página, criando âncoras, conforme já foi visto). Desafio: Altere o código de uma página criada em qualquer exercício anterior para incluir uma lista com link para um determinado ponto (âncora) da mesma página Listas Ordenadas em Algarismos Romanos e com Cabeçalho Exemplo 1: Digite no bloco de notas, salve como EXERC20.HTML, abra no navegador e analise o resultado <html> <head> <title> Lista ordenada em romanos</title> </head> <body> <ol type="i"> <lh> Cabeçalho da lista ordenada em romanos </lh> <li> Primeiro item da lista </li> <li> Segundo item da lista </li> <li> Terceiro item da lista </li> </ol> </body> </html> Variações: <ol type= I > <ol type= a > <ol type= A >. Exemplo 2: Altere o código do exercício anterior utilizando a tag <ol type= I > e salve como EXERC21.HTML, abra no navegador e analise o resultado Altere o código do exercício anterior utilizando a tag <ol type= a > e salve como EXERC22.HTML, abra no navegador e analise o resultado Altere o código do exercício anterior utilizando a tag <ol type= A > e salve como EXERC23.HTML, abra no navegador e analise o resultado

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Este é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível

Este é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível 1. Conhecendo as Tags HTML Agora que já vimos como é um arquivo HTML básico, podemos começar a ver as tags que irão construir as páginas. Elas ficam após o comando e neste local já se pode começar a escrever

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

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de

Leia mais

CRIAÇÃO DE SITES (AULA 4)

CRIAÇÃO DE SITES (AULA 4) Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 4) O que eu preciso para construir um link? Para construir um link você usa o que

Leia mais

Ela funciona de um jeito parecido com as mídia de RSS próprio: o sistema acessa o feed do twitter e exibe, na tela, os últimos tweets.

Ela funciona de um jeito parecido com as mídia de RSS próprio: o sistema acessa o feed do twitter e exibe, na tela, os últimos tweets. Mídia do Twitter Esta mídia serve para mostrar os últimos tweets de uma conta específica. É útil para estabelecimentos que usam com frequência o twitter e que desejam que seus clientes acompanhem isso

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML

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

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

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

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

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço

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

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

Série ArcGIS Online I. Aprenda em 20. Módulo 4. Configure pop-ups. www.academiagis.com.br

Série ArcGIS Online I. Aprenda em 20. Módulo 4. Configure pop-ups. www.academiagis.com.br Série ArcGIS Online I Aprenda em 20 Módulo 4 Configure pop-ups Junho/2015 academiagis@img.com.br www.academiagis.com.br 1 Configure pop-ups No módulo 3, você trabalhou com várias propriedades diferentes

Leia mais

Tela Principal. 2) Criação do CD para ser entregue ao cliente.

Tela Principal. 2) Criação do CD para ser entregue ao cliente. Tela Principal 1 1 Tela Principal 1) Coloque o e-mail que deseja receber o pedido enviado pelo cliente. Recomendamos emails da gmail ou hotmail, pois alguns provedores como yahoo ou terra, bloqueiam o

Leia mais

Aula Au 3 la 9 Windows-Internet

Aula Au 3 la 9 Windows-Internet Aula 39 Aula 1 Resolução de Vídeo São as dimensões de uma imagem ou tela na horizontal e vertical, medida em pixels. O termo pixel tem origem do inglês, sendo composto pelas palavras picture (imagem) e

Leia mais

QUEM FEZ O TRABALHO?

QUEM FEZ O TRABALHO? Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome

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

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

IMPEDIR QUE TODOS BLOGS E SITES PUXEM FOTOS, IMAGENS E GIFS

IMPEDIR QUE TODOS BLOGS E SITES PUXEM FOTOS, IMAGENS E GIFS IMPEDIR QUE TODOS BLOGS E SITES PUXEM FOTOS, IMAGENS E GIFS ***************************************************************** Você tem um site de imagens, fotos e gifs e percebe que alguns Blogs e Sites

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

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

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

Como incluir artigos:

Como incluir artigos: Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados

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

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

PHP Material de aula prof. Toninho (8º Ano)

PHP Material de aula prof. Toninho (8º Ano) Na aula anterior entendemos como se faz o acesso aos nossos arquivos PHP; Como construir um script em php. Nesta aula (3) vamos entender: Como roda o PHP Inserindo comentários Visualizando páginas a partir

Leia mais

Manual da Administração do site Abrasel 2.0

Manual da Administração do site Abrasel 2.0 Manual da Administração do site Abrasel 2.0 Caro usuário, Você está recebendo o manual que lhe dará acesso ao administrador do site 2.0 onde será possível fazer as seguintes alterações: Inserir notícias

Leia mais

72ABC - 2 Bimestre. Check-list para Prova Bimestral. 01 - Criar uma versão do site do primeiro bimestre em HTML.

72ABC - 2 Bimestre. Check-list para Prova Bimestral. 01 - Criar uma versão do site do primeiro bimestre em HTML. 72ABC - 2 Bimestre Check-list para Prova Bimestral 01 - Criar uma versão do site do primeiro bimestre em HTML. 02 Serão desenvolvidas as mesmas páginas já feitas, mas em versão HTML. A seguir, um exemplo

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

PDI 1 - Projeto e Design de Interfaces Web Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo

Leia mais

Redimensionamento de Imagens no Catálogo de Produtos

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

Leia mais

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail 1º Passo: Acesse o seguinte endereço http://www.smtp.com.br/sg/cliente/logar.php MANUAL DO INSTAR-MAIL 1.0 2º Passo: Será apresentada uma tela solicitando o seu login e senha: Sendo assim: Digite o seu

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

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

Simão Pedro P. Marinho, Ramon Orlando de Souza Flauzino NARRATIVAS DIGITAIS

Simão Pedro P. Marinho, Ramon Orlando de Souza Flauzino NARRATIVAS DIGITAIS Simão Pedro P. Marinho, Ramon Orlando de Souza Flauzino NARRATIVAS DIGITAIS CRIANDO VÍDEOS a partir do Microsoft PowerPoint para narrativas digitais 3 Recomenda-se a leitura do documento 14 dicas para

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

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

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

Leia mais

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

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

PASSO A PASSO MOVIE MAKER

PASSO A PASSO MOVIE MAKER PASSO A PASSO MOVIE MAKER Nesta etapa, você deverá apresentar o programa e ajudá-los a montarem o filme. Veja como é fácil. Siga as instruções do passo-a-passo: DICA O que é o Movie Maker? Com o Microsoft

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas

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

ASSOCIAÇÃO CRISTÃ DE MOÇOS DO RIO GRANDE DO SUL DEPARTAMENTO DE TECNOLOGIA DA INFORMAÇÃO

ASSOCIAÇÃO CRISTÃ DE MOÇOS DO RIO GRANDE DO SUL DEPARTAMENTO DE TECNOLOGIA DA INFORMAÇÃO MANUAL MEDIAWIKI Manual Media Wiki Página 2 Sumário O que é MediaWiki... 4 Acesso ao sistema... 5 Criação do índice principal... 7 Criação de página... 14 Bloqueio/Proteção de página... 17 Manual Media

Leia mais

Table of Contents. PowerPoint XP

Table of Contents. PowerPoint XP Table of Contents Finalizando a apresentação...1 Usando anotações...1 Desfazer e repetir...1 Localizar e substituir...2 Substituir...2 Efeitos de transição...3 Esquema de animação...6 Controlando os tempos

Leia mais

Celebre este natal e ano novo junto aos seus amigos e familiares distantes.

Celebre este natal e ano novo junto aos seus amigos e familiares distantes. Celebre este natal e ano novo junto aos seus amigos e familiares distantes. Receba fotos e mensagens deles na TV de sua casa em tempo real e sem custo, não se preocupe mais com a distância! A festa será

Leia mais

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar

Leia mais

Página 1 MANUAL DE UTILIZAÇÃO DA FERRAMENTA OFFICE ONLINE WORD ONLINE EXCEL ONLINE POWER POINT ONLINE

Página 1 MANUAL DE UTILIZAÇÃO DA FERRAMENTA OFFICE ONLINE WORD ONLINE EXCEL ONLINE POWER POINT ONLINE Página 1 MANUAL DE UTILIZAÇÃO DA FERRAMENTA OFFICE ONLINE WORD ONLINE EXCEL ONLINE POWER POINT ONLINE Página 2 Sumário Como começar usar?... 03 Iniciando o uso do OneDrive.... 04 Carregar ou Enviar os

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

Aula Au 3 la 7 Windows-Internet

Aula Au 3 la 7 Windows-Internet Aula 37 Aula Ferramenta de Captura 2 Você pode usar a Ferramenta de Captura para obter um recorte de qualquer objeto na tela e, em seguida, anotar, salvar ou compartilhar a imagem. 3 Vamos fazer o seguinte:

Leia mais

2 HTML Inserindo objetos

2 HTML Inserindo objetos 2 HTML Inserindo objetos Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Imagem...3 Links...5 Links para locais da mesma página...6 Áudio e vídeo...8

Leia mais

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo

Leia mais

Introdução ao HTML Hypertext Markup Language

Introdução ao HTML Hypertext Markup Language Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do

Leia mais

Usar o Office 365 no iphone ou ipad

Usar o Office 365 no iphone ou ipad Usar o Office 365 no iphone ou ipad Guia de Início Rápido Verificar o email Configure o seu iphone ou ipad para enviar e receber emails de sua conta do Office 365. Verificar o seu calendário onde quer

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

Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br)

Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Introdução A HyperText Markup Language e a Web No núcleo de toda página da Web, encontramos a HyperText Markup

Leia mais

Projeto ECA na Escola - Plataforma de Educação à Distância

Projeto ECA na Escola - Plataforma de Educação à Distância Página1 Apresentação Projeto ECA na Escola - Plataforma de Educação à Distância Olá Participante do Projeto ECA na Escola, Este tutorial pretende auxiliá-lo na navegação na Plataforma de Educação à Distância

Leia mais

Aula Au 3 la 3 Windows-Internet

Aula Au 3 la 3 Windows-Internet Aula 33 Aula O QUE É INFORMÁTICA? O meio mais comum da utilização da informática são os computadores que tratam informações de maneira automática. Informática Informação Automática TIPOS DE SOFTWARES Parte

Leia mais

Manual de Utilização COPAMAIL. Zimbra Versão 8.0.2

Manual de Utilização COPAMAIL. Zimbra Versão 8.0.2 Manual de Utilização COPAMAIL Zimbra Versão 8.0.2 Sumário ACESSANDO O EMAIL... 1 ESCREVENDO MENSAGENS E ANEXANDO ARQUIVOS... 1 ADICIONANDO CONTATOS... 4 ADICIONANDO GRUPOS DE CONTATOS... 6 ADICIONANDO

Leia mais

Simão Pedro P. Marinho

Simão Pedro P. Marinho Simão Pedro P. Marinho Para uso exclusivo por alunos da PUC Minas Numa web page podemos encontrar, basicamente, 3 (três) tipos de links, além do que permite abrir o software de e-mail para enviar uma mensagem.

Leia mais

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - SLIM

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - SLIM GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - SLIM ÍNDICE ITEM Página 1. Objetivo... 3 2. Requisitos... 3 3. Diretório do Slim... 3 4. Procedimento para Transferência de Servidor... 3 4.1 Compartilhamento da

Leia mais

Manual do Plone (novo portal do IFCE)

Manual do Plone (novo portal do IFCE) Manual do Plone (novo portal do IFCE) Dezembro/2015 Índice Como criar submenus... 3 Como criar banner rotativo... 4 Como remover um banner... 5 Como criar uma notícia... 6 Como inserir imagem na notícia...

Leia mais

Módulo: Criação de Páginas WEB

Módulo: Criação de Páginas WEB Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque

Leia mais

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo Manual Sistema MLBC Manual do Sistema do Módulo Administrativo Este documento tem por objetivo descrever as principais funcionalidades do sistema administrador desenvolvido pela MLBC Comunicação Digital.

Leia mais

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - MILLENNIUM

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - MILLENNIUM GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - MILLENNIUM ÍNDICE ITEM Página 1. Objetivo... 3 2. Requisitos... 3 3. Diretório do Millennium... 3 4. Procedimento para Transferência de Servidor... 3 4.1 Compartilhamento

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Conceitos de HTML Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Definição de HTML Linguagem de marcadores (tags).

Leia mais

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

Apostilas OBJETIVA Escrevente Técnico Judiciário TJ Tribunal de Justiça do Estado de São Paulo - Concurso Público 2015. Caderno 1. Caderno 1 Índice MS-Windows 7: conceito de pastas, diretórios, arquivos e atalhos, área de trabalho, área de transferência, manipulação de arquivos e pastas, uso dos menus, programas e aplicativos, interação

Leia mais

Portal do Projeto Tempo de Ser

Portal do Projeto Tempo de Ser Sumário Portal do Projeto Tempo de Ser O que é um Wiki?...2 Documentos...2 Localizando documentos...3 Links...3 Criando um Documento...4 Criando um link...4 Editando um Documento...5 Sintaxe Básica...5

Leia mais

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

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

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar links em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer

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

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web; CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.

Leia mais

Aula 03 PowerPoint 2007

Aula 03 PowerPoint 2007 Aula 03 PowerPoint 2007 Professor: Bruno Gomes Disciplina: Informática Básica Curso: Gestão de Turismo Sumário da aula: 1. Abrindo o PowerPoint; 2. Conhecendo a Tela do PowerPoint; 3. Criando uma Nova

Leia mais

Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail. Zimbra Versão 8.0.2

Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail. Zimbra Versão 8.0.2 Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail Zimbra Versão 8.0.2 Sumário Convertendo a assinatura de e-mail a partir do Microsoft Outlook... 1 Para usuários do Microsoft

Leia mais

Claudio Damasceno. Avançar

Claudio Damasceno. Avançar Claudio Damasceno Conteúdo Alinhamento Âncoras, Links Tabelas Formatação Próximo Capítulo HTML prof.claudiodamasceno@hotmail.com 2 Recapitulando - Estrutura básica título DA PÁGINA

Leia mais

Manual do Instar Mail v2.0

Manual do Instar Mail v2.0 Manual do Instar Mail v2.0 Sumário Conteúdo Menu Principal... 2 Menu Cliente... 3 Pagina Categorias do Instar-Mail... 4 Importação... 4 Campanhas... 8 Cadastramento de campanhas do Instar-Mail... 9 Ações

Leia mais

Manual de Atualização MATERIAL DE APOIO - KB IMÓVEIS

Manual de Atualização MATERIAL DE APOIO - KB IMÓVEIS 1 2 Manual de Atualização MATERIAL DE APOIO - KB IMÓVEIS Login é a área de autenticação do sistema. Por questões de segurança, é necessário que o usuário se identifique, impedindo a entrada de pessoas

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

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

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web Parte V - Hypertext

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

Lazarus pelo SVN Linux/Windows

Lazarus pelo SVN Linux/Windows Lazarus pelo SVN Linux/Windows Sei que não faltam artigos sobre como obter e compilar o Lazarus e o FPC pelo SVN, mas sei também que nunca é de mais divulgar um pouco mais e talvez escrever algo diferente.

Leia mais

Apostila de criação de website

Apostila de criação de website Apostila de criação de website "Webnode" OBS: Informações e imagens retiradas do webnode O que é o WebNode : O WebNode é um sistema de criação de sites de fácil utilização. # Grátis. Sem burocracias, #

Leia mais

Universidade Federal de Santa Maria UFSM Centro de Tecnologia CT. Power Point. Básico

Universidade Federal de Santa Maria UFSM Centro de Tecnologia CT. Power Point. Básico Universidade Federal de Santa Maria UFSM Centro de Tecnologia CT Power Point Básico Santa Maria, julho de 2006 O Power Point é um aplicativo do Microsoft Office direcionado à criação de apresentações.

Leia mais

Na tela dele, clique no sinal de + ao lado do nome do seu computador, para expandi-lo. A seguir, expanda também o item "Sites da web".

Na tela dele, clique no sinal de + ao lado do nome do seu computador, para expandi-lo. A seguir, expanda também o item Sites da web. Servidor WEB Desenvolvedores de sites que querem aprender ou testar ASP, ou mesmo profissionais que precisam desenvolver páginas ASP ou ASP.Net, não precisam necessariamente ter um servidor na web com

Leia mais

Procedimentos para Reinstalação do Sisloc

Procedimentos para Reinstalação do Sisloc Procedimentos para Reinstalação do Sisloc Sumário: 1. Informações Gerais... 3 2. Criação de backups importantes... 3 3. Reinstalação do Sisloc... 4 Passo a passo... 4 4. Instalação da base de dados Sisloc...

Leia mais

Manual do Visualizador NF e KEY BEST

Manual do Visualizador NF e KEY BEST Manual do Visualizador NF e KEY BEST Versão 1.0 Maio/2011 INDICE SOBRE O VISUALIZADOR...................................................... 02 RISCOS POSSÍVEIS PARA O EMITENTE DA NOTA FISCAL ELETRÔNICA.................

Leia mais

CURSO DE INFORMÁTICA BÁSICA AULA 2 O AMBIENTE WINDOWS

CURSO DE INFORMÁTICA BÁSICA AULA 2 O AMBIENTE WINDOWS CURSO DE INFORMÁTICA BÁSICA AULA 2 O AMBIENTE WINDOWS Relembrando... Gabinete Ligando o computador São três passos básicos O ambiente Windows O Windows é um tipo de software chamado sistema operacional

Leia mais

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. PÁGINA: 2 de 21 Nenhuma parte deste documento pode ser utilizado ou reproduzido, em qualquer meio

Leia mais

Manual do Google agenda. criação e compartilhamento de agendas

Manual do Google agenda. criação e compartilhamento de agendas Manual do Google agenda criação e compartilhamento de agendas 1 O que é o Google Agenda? Google Agenda é um serviço de agenda on line gratuito do Google, onde você pode anotar compromissos e tarefas, organizando

Leia mais

1.GUIA RAPIDO COMO SALVAR GRAVAÇÕES VIA CMS LUX VISION

1.GUIA RAPIDO COMO SALVAR GRAVAÇÕES VIA CMS LUX VISION 1.GUIA RAPIDO COMO SALVAR GRAVAÇÕES VIA CMS LUX VISION Com CMS aberto, você devera ir ate a parte inferior direita do vídeo e clicar no ícone Gravações como mostra figura abaixo. Após clicar em gravação,

Leia mais

Manual do Sistema "Fala Comigo - Sistema de Atendimento On-Line" Editorial Brazil Informatica

Manual do Sistema Fala Comigo - Sistema de Atendimento On-Line Editorial Brazil Informatica Manual do Sistema "Fala Comigo - Sistema de Atendimento On-Line" Editorial Brazil Informatica I Fala Comigo - Sistema de Atendimento On-Line Conteúdo Part I Introdução 2 1 Fala Comigo -... Sistema de Atendimento

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

Como Gerar documento em PDF com várias Imagens

Como Gerar documento em PDF com várias Imagens Como Gerar documento em PDF com várias Imagens Para Gerar documento em PDF com várias Imagens, temos que seguir dois passos: 1. Inserir Imagens no Word 2. Gerar PDF a partir de documento do Word 1- Inserir

Leia mais

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email]

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL COTAÇAO WEB [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA Material Desenvolvido para a Célula Materiais Autor: Equipe

Leia mais

Manual das funcionalidades Webmail AASP

Manual das funcionalidades Webmail AASP Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento

Leia mais

Curso Online A Escola no Combate ao Trabalho Infantil Plataforma de Educação à Distância

Curso Online A Escola no Combate ao Trabalho Infantil Plataforma de Educação à Distância Página1 Apresentação Curso Online A Escola no Combate ao Trabalho Infantil Plataforma de Educação à Distância Olá Participante do Curso A Escola no Combate ao Trabalho Infantil (ECTI), Este tutorial pretende

Leia mais