Exemplo de uma barra de navegação onde foi usado o behavior Rollover Image. Realizado por Eduardo Rodrigues para o site zoom.pt.

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

Download "Exemplo de uma barra de navegação onde foi usado o behavior Rollover Image. Realizado por Eduardo Rodrigues para o site zoom.pt."

Transcrição

1 1 of 5 3/22/10 12:29 PM Menus de navegação Exemplo de uma barra de navegação onde foi usado o behavior Rollover Image. Realizado por Eduardo Rodrigues para o site zoom.pt. A partir do menu insert do Dreamweaver podemos inserir / criar menus de navegação. Obviamente esta não é a única forma de os criar, mas é, certamente, uma forma prática de os inserir num projecto. Vejamos dois exemplos, um com rollover image, outro com o navigation bar. Em ambos os exemlos o javascript é gerado automaticamente pelo Dreamweaver. Rollover image A de inserção de rollover image é simples podendo em poucas etapas obtermos uma barra de navegação atractiva e eficaz. O primeiro passo consiste em criar duas imagens para o botão de navegação: uma para o estado do botão antes da interacção, outra para o momento em que passamos o cursor sobre o botão. Depois das imagens criadas e guardadas no directório do site seguimos os seguintes passos: 1- No menu insert, tab common, abrir o menu dropdown e clicar em rollover image; 2- No popup aberto, só temos que dar um nome à imagem, escolher a imagem original e a imagem e a imagem que aparece quando passamos o cursor. Por uma questão de velocidade de refrescamento da página devemos seleccionar a opção Preload rollover image. Igualmente devemos escolher o alt para a imagem e, por último, definir a página a abrir quando clicamos no botão em When Clicked go to URL.

2 2 of 5 3/22/10 12:29 PM Quando realizamos estes passos o javascript necessário é automaticamente gerado e incluído na head do documento. <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.mm_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.osrc;i++) x.src=x.osrc; function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new Array(); var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++) if (a[i].indexof("#")!=0){ d.mm_p[j]=new Image; d.mm_p[j++].src=a[i]; function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexof("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=mm_findobj(n,d.layers[i].document); if(!x && d.getelementbyid) x=d.getelementbyid(n); return x; function MM_swapImage() { //v3.0 var i,j=0,x,a=mm_swapimage.arguments; document.mm_sr=new Array; for(i=0; i<(a.length-2);i+=3) if ((x=mm_findobj(a[i]))!=null){document.mm_sr[j++]=x; if(!x.osrc) x.osrc=x.src; x.src=a[i+2]; //--> </script> No ínício do body é gerado o script que permite o pré-carregamento (preload) das imagens. <body onload="mm_preloadimages('imagens/picture 5.png')"> <a href="index.html" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('image1','','imagens/picture 5.png',1)"><img src="imagens/picture 1.png" alt="pppp" name="image1" width="458" height="217" border="0" id="image1" /></a> Navigation Bar A par do rollover image o menu navigation bar é de simples realização. Para a sua concretização, depois de criadas as imagens, basta seguirmos os seguintes passos: 1- No menu insert, tab common, abrir o menu dropdown e clicar em Navigation Bar;

3 3 of 5 3/22/10 12:29 PM 2 - No popup aberto podemos verificar que não existem diferenças consideráveis relativamente ao rollover image. Neste painel podemos definir o nome dos botões da barra de navegação e decidir quatro estados do botão: up, over, down e over while down, ou seja, a imagem sem interacção (up), quando passamo o cursor por cima (over), quando clicamos ( down) e enquanto mantê-mos o ciursor por cima do botão depois de clicado(over whle down). Geralmente só precisamos de dois estados (up e over) portanto, o mesmo número de imagens do botão rollover image do exemplo anterior. Escolhemos o texto alternativo para cada imagem, seleccioná-mos a opção de preload images e definimos a página de destino em when clicked go to URL. Podemos, também, decidir se queremos inserir a barra de navegação na horizontal ou na vertical. O javascript é automaticamente gerado e incluido na head do documento. <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new Array(); var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++) if (a[i].indexof("#")!=0){ d.mm_p[j]=new Image; d.mm_p[j++].src=a[i];

4 4 of 5 3/22/10 12:29 PM function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexof("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=mm_findobj(n,d.layers[i].document); if(!x && d.getelementbyid) x=d.getelementbyid(n); return x; function MM_nbGroup(event, grpname) { //v6.0 var i,img,nbarr,args=mm_nbgroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2]))!= null &&!img.mm_init) { img.mm_init = true; img.mm_up = args[3]; img.mm_dn = img.src; if ((nbarr = document[grpname]) == null) nbarr = document[grpname] = new Array(); for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i]))!= null) { img.src = img.mm_dn = args[i+1]; else if (event == "over") { document.mm_nbover = nbarr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i]))!= null) { img.src = (img.mm_dn && args[i+2])? args[i+2] : ((args[i+1])? args[i+1] : img.mm_up); else if (event == "out" ) { for (i=0; i < document.mm_nbover.length; i++) { img = document.mm_nbover[i]; img.src = (img.mm_dn)? img.mm_dn : img.mm_up; else if (event == "down") { nbarr = document[grpname]; if (nbarr) for (i=0; i < nbarr.length; i++) { img=nbarr[i]; img.src = img.mm_up; img.mm_dn = 0; document[grpname] = nbarr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i]))!= null) { img.src = img.mm_dn = (args[i+1])? args[i+1] : img.mm_up; //--> </script> E no corpo do documento foi criado o script de preload das imagens e um menu inserido dentro de uma tabela. <body onload="mm_preloadimages('imagens/rollover1.jpg','imagens /rollover2.jpg')"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="index2.html" target="_top" onclick="mm_nbgroup('down','group1','inicio','',1)" onmouseover="mm_nbgroup('over','inicio','imagens/rollover1.jpg','',1)" onmouseout="mm_nbgroup('out')"><img src="imagens/navbar0.jpg" alt="" name="inicio" width="290" height="222" border="0" id="inicio" onload="" /></a></td> <td><a href="index.html" target="_top"

5 5 of 5 3/22/10 12:29 PM onclick="mm_nbgroup('down','group1','fim','',1)" onmouseover="mm_nbgroup('over','fim','imagens/rollover2.jpg','',1)" onmouseout="mm_nbgroup('out')"><img src="imagens/navbar1.jpg" alt="" name="fim" width="516" height="361" border="0" id="fim" onload="" /></a></td> </tr> </table>

Imagens - Formatos. GIF (Graphics Interchange Format) JPEG (ou JPG) (Joint Pictures Experts Graphis)

Imagens - Formatos. GIF (Graphics Interchange Format) JPEG (ou JPG) (Joint Pictures Experts Graphis) Imagens - Formatos GIF (Graphics Interchange Format) - Muito popular na web. - Permite ter um máximo de 256 cores. - Indicado para cartoons, logos, imagens com áreas transparentes e animações. JPEG (ou

Leia mais

<link rel=stylesheet type=text/css href=imagens.css /> Este código é responsável pela visualização html. exibição de Imagens

Leia mais

TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO ESTRUTURA DE UMA PÁGINA TIC 10 A estrutura de uma página é importante, pelo que, antes de passarmos à criação de uma página ou sítio, devemos ter o storyboard (esquema

Leia mais

TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas

Leia mais

PHP com Banco de Dados SQL

PHP com Banco de Dados SQL com Banco de Dados SQL 1 com Banco de Dados SQL IX Seminário de Tecnologia Funcesi 2009 2 PROGRAMAÇÃO O que é HTML? Sites dinâmicos Prática 1: Uso básico do Sothink (Editor HTML) Prática 2: Conexão com

Leia mais

Exemplo 5 Construção de um site básico (I)

Exemplo 5 Construção de um site básico (I) Vamos começar por criar um ficheiro html novo. MCM 2007 1 Vamos definir algumas características do nosso site em Page Properties: Modify > Page Properties ou No fundo da página clicar em Page Properties

Leia mais

GUIA DE CRIAÇÃO DE APRESENTAÇÕES MICROSOFT POWER POINT

GUIA DE CRIAÇÃO DE APRESENTAÇÕES MICROSOFT POWER POINT Nuno Azevedo 2005/06 ESCOLA BÁSICA B INTEGRADA DE ANGRA DO HEROÍSMO GUIA DE CRIAÇÃO DE APRESENTAÇÕES MICROSOFT POWER POINT A Janela de apresentação do Programa Barras de menus, padrão e de formatação Área

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

P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A. Criar uma relação mestre-detalhe. Pesquisa de informação

P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A. Criar uma relação mestre-detalhe. Pesquisa de informação P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A Módulo 18 Ferramentas de Desenvolvimento de Páginas Web Criar uma relação mestre-detalhe 1. Cria uma cópia da página «listaferram.php»

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

4. Características Gerais das Tabelas do HTML

4. Características Gerais das Tabelas do HTML 4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag

Leia mais

/*o elemento deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/

<head>/*o elemento <head> deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/ /*o declaração deve ser a primeira coisa em seu documento HTML, antes da tag . A declaração não é uma tag HTML; é uma instrução para o navegador da web sobre qual

Leia mais

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um

Leia mais

Introdução ao Fireworks CS4

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

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

Introdução ao HTML. Sumário

Introdução ao HTML. Sumário Introdução ao HTML Telemédia Grupo de Comunicações por Computador Sumário em HTML Texto Alternativo Alinhamento Margens Redimensionar 1 em HTML Para inserir uma imagem basta usar a etiqueta da seguinte

Leia mais

INTRODUZIR E EDITAR IMAGENS

INTRODUZIR E EDITAR IMAGENS INTRODUZIR E EDITAR IMAGENS Vamos ver como adicionar imagens a um artigo (post), bem como fazer alterações às imagens após a publicação dos artigos (posts). 1. Vamos escrever um artigo (post) que contenha

Leia mais

Introdução ao Fireworks CS4

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

Leia mais

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

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

Leia mais

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

Links e Imagens. Ana Cuper ana@instructor.com.br

Links e Imagens. Ana Cuper ana@instructor.com.br Links e Imagens Ana Cuper ana@instructor.com.br Links Existem duas maneiras de referenciar um documento: relativo ou absoluto. Caminho absoluto- começa de um ponto fixo :

Leia mais

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados

Leia mais

R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y

R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y SI S TE MAS D IS TR I BUÍD O S E TO LERÂ NC IA A FA L HA S Ângelo Santos M 4189 André Elias M4272 ÍNDICE Arquitectura e funcionamento... 3 Ferramentas...

Leia mais

<script language=javascript1.2 src=http://sinfo-58rc/sil/funcoes/mm_menu.js></script> sil - Sistema de Legislações

Leia mais

AULA 12 RELATÓRIOS PDF O QUE É UM FORMATO PDF

AULA 12 RELATÓRIOS PDF O QUE É UM FORMATO PDF AULA 11 PHP AVANÇADO AULA 12 RELATÓRIOS PDF O QUE É UM FORMATO PDF PDF é um formato de arquivo que tem sido muito usado na Internet quando é necessário garantir que a impressão de um texto (com ou sem

Leia mais

Prof Evandro Manara Miletto. parte 2

Prof Evandro Manara Miletto. parte 2 Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite

Leia mais

Criação de Filmes em Windows Movie Maker Nível B3

Criação de Filmes em Windows Movie Maker Nível B3 Ficha de Trabalho nº 1 Objectivos: Ambiente de trabalho Criar um novo projecto Inserir um Vídeo, uma Fotografia, uma Música Inserir um Título, uma Legenda ou uma Ficha Técnica Inserir uma Animação ou Efeito

Leia mais

José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas

José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript EmpregoWeb-Registo de pessoas Elabore um sítio Web de nome EmpregoWeb, recorrendo à linguagem HTML utilizando folhas de estilos (CCS) que registe

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

Tutorial Sistema de Administração de Sites - SAS

Tutorial Sistema de Administração de Sites - SAS Tutorial Sistema de Administração de Sites - SAS Este tutorial visa esclarecer dúvidas quanto ao sistema desenvolvido na DATI para o gerenciamento de conteúdos dos sites da instituição. Antes de conhecer

Leia mais

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão 1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:

Leia mais

Manual do site do Comitê do Itajaí: como inserir e atualizar

Manual do site do Comitê do Itajaí: como inserir e atualizar Manual do site do Comitê do Itajaí: como inserir e atualizar conteúdo autor: Fábio Roberto Teodoro 25 de março de 2010 Sumário 1 Definições 3 2 Interface Administrativa 4 3 Conteúdo 6 3.1 Notícias............................................

Leia mais

Irá abrir a página de login. Digite ali seu Nome de usuário e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Acessar.

Irá abrir a página de login. Digite ali seu Nome de usuário e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Acessar. Criando um artigo Painel Administrativo Para criar um artigo, entre no Painel Administrativo do seu site pelo endereço do mesmo, acrescentando no final /administrator (ex: HTTP://www.seusite.com.br/administrator

Leia mais

Módulo Publicações Publicações On Line. Módulo Publicações

Módulo Publicações Publicações On Line. Módulo Publicações Módulo Publicações Elaborado por: Julio Cesar Cavalheiro PÁG. 1/8 Índice 1. Objetivo... 3 2. Parametrização... 3 3. Baixando as Publicações... 4 4. Atribuindo processos aos Dados Baixados... 5 5. Status

Leia mais

Irá abrir a página de login. Digite ali seu login(nome de usuário) e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Login.

Irá abrir a página de login. Digite ali seu login(nome de usuário) e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Login. Criando um artigo Painel Administrativo Para criar um artigo, entre no Painel Administrativo do seu site pelo endereço do mesmo, acrescentando no final /administrator (ex: HTTP://www.seusite.com.br/administrator

Leia mais

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO As imagens são armazenadas em forma de arquivos, principalmente PNG (para desenhos) ou JPG (para fotos) Para incluir imagens usa-se

Leia mais

Guião de Utilização do FrontPage 2002

Guião de Utilização do FrontPage 2002 Ambiente de Trabalho Criar um novo site 1. Na barra Nova página ou Web (à direita) escolher a opção Novo/Web vazia. Indicar a localização da nova web. Por exemplo: C:\..\..\sess3g01 para o computador 1...

Leia mais

Como criar uma página WEB

Como criar uma página WEB Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Thunderbird e Terra Nesta terceira edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos do webmail

Leia mais

Exercícios Práticos de HTML e JavaScript.

Exercícios Práticos de HTML e JavaScript. <FORM ACTION=mailto:teste@gmail.com METHOD=POST ENCTYPE=text/plain NAME=cadastro> Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

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

24-05-2011. Técnico de Organização de Eventos Módulo III Criação de Páginas Web. Técnico de Organização de Eventos. Técnico de Organização de Eventos

24-05-2011. Técnico de Organização de Eventos Módulo III Criação de Páginas Web. Técnico de Organização de Eventos. Técnico de Organização de Eventos Sumário Tecnologias de Informação e Comunicação Aquisição do software Dreamweaver. Características recursos e potencialidades. Ambiente de trabalho do software. Operações básicas com páginas Web. Realização

Leia mais

VTEX TRIGGER ABANDONED CART TEMPLATE DO E-MAIL. VTEX On-line Applications

VTEX TRIGGER ABANDONED CART TEMPLATE DO E-MAIL. VTEX On-line Applications 2014 VTEX On-line Applications VTEX TRIGGER ABANDONED CART TEMPLATE DO E-MAIL "A real vantagem competitiva de uma empresa consiste em ter informação sobre seus clientes que a concorrência não tem e ser

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

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

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

Manual do ContentE CONTENTE. Editor de Conteúdos. Gilberto Pedrosa gfsp@ext.bn.pt Biblioteca Nacional Digital

Manual do ContentE CONTENTE. Editor de Conteúdos. Gilberto Pedrosa gfsp@ext.bn.pt Biblioteca Nacional Digital CONTENTE Editor de Conteúdos Gilberto Pedrosa gfsp@ext.bn.pt Biblioteca Nacional Digital 2 Índice 1. Pré-requisitos...4 2. Como criar uma nova obra?...5 3. Como associar um registo bibliográfico à obra?...7

Leia mais

Folha de Cálculo (Excel)

Folha de Cálculo (Excel) Tecnologias de Informação e Comunicação Folha de Cálculo (Excel) Professor: Rafael Vieira. 1. Introdução à folha de cálculo o nome folha de cálculo atribuído a este tipo de programas, deve-se, principalmente,

Leia mais

Desenvolvimento Web Prof. Elisa Maria Pivetta Cantarelli. DICAS: Dreamweaver

Desenvolvimento Web Prof. Elisa Maria Pivetta Cantarelli. DICAS: Dreamweaver Ministério da Educação Universidade Federal de Santa Maria Coordenadoria de Ensino Médio e Tecnológico Colégio Agrícola de Frederico Westphalen Desenvolvimento Web Prof. Elisa Maria Pivetta Cantarelli

Leia mais

http://www.blender.org/ Curso de extensão em Blender Prof. Luiz Gonzaga Damasceno

http://www.blender.org/ Curso de extensão em Blender Prof. Luiz Gonzaga Damasceno 1. Introdução http://www.blender.org/ Curso de extensão em Blender Prof. Luiz Gonzaga Damasceno Damasceno www.damasceno.info - damasceno12@hotmail.com Google: Blender 3D: Guia de sobrevivência 1. Introdução

Leia mais

1 Instalação do Ubuntu

1 Instalação do Ubuntu TOTEM 1.6 - RoboGol 18 de setembro de 2012- Eduardo Pezutti (eduardo@xbot.com.br) Este documento está disponível em: www.robogol.com.br/totem.pdf Os códigos-fontes estão em: www.robogol.com.br/totem.txt

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes

Leia mais

Squeak Componente Livro. Luís Valente, 2009

Squeak Componente Livro. Luís Valente, 2009 Squeak Componente Livro Luís Valente, 2009 No projecto, abra o catálogo de objectos (pode utilizar o ícone na barra de menus ou o item catálogo de objectos,no menu Projecto). No catálogo de objectos escolha

Leia mais

Definir um site com o Adobe Dreamweaver

Definir um site com o Adobe Dreamweaver Definir um site com o Adobe Dreamweaver Antes de começarmos a desenvolver o nosso site e depois da fase de planeamento, devemos começar por definir o site no Dreamweaver. Para isso devemos criar uma pasta

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

Criar fotos em 3D no Creator

Criar fotos em 3D no Creator Criar fotos em 3D no Creator O aplicativo Criar fotos em 3D da Roxio torna simples produzir fotos em 3D a partir de várias origens, incluindo arquivos 3D MPO de Fujifilm FinePix REAL 3D W1, fotos digitais

Leia mais

Portal AEPQ Manual do utilizador

Portal AEPQ Manual do utilizador Pedro Gonçalves Luís Vieira Portal AEPQ Manual do utilizador Setembro 2008 Engenharia Informática - Portal AEPQ Manual do utilizador - ii - Conteúdo 1 Introdução... 1 1.1 Estrutura do manual... 3 1.2 Requisitos...

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Imagens ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Imagens Índice

Leia mais

Mini manual para editar as informações no Portal bibliotecas.uff

Mini manual para editar as informações no Portal bibliotecas.uff Mini manual para editar as informações no Portal bibliotecas.uff Sumário 1.Sobre o Drupal 2.Como se logar 3.Inserindo conteúdo 4.Editando conteúdo 5.Alterando as notícias 6.Incluindo um serviço 7.Criando

Leia mais

STI - Seção Técnica de Informática. Dreamweaver. DreamWeaver 1

STI - Seção Técnica de Informática. Dreamweaver. DreamWeaver 1 Dreamweaver DreamWeaver 1 Índice Introdução 1. Conhecendo a Área de Trabalho 1.1. Barra de Título 1.2. Barra de Menus 1.3. Guias 1.3.1 Guia "Common" 1.4. Barra de "Edição do Documento" 1.5. Painéis 1.6.

Leia mais

Microsoft Office FrontPage 2003

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

Leia mais

Wordpress - Designtec. Manual básico de gerenciamento Práticas de Geografia

Wordpress - Designtec. Manual básico de gerenciamento Práticas de Geografia Wordpress - Designtec Manual básico de gerenciamento Práticas de Geografia 1 Índice Acessando o painel administrativo... 3 Gerenciamento de edições... 3 Gerenciamento de artigos... 3 Publicando mídias...

Leia mais

2.) Listagem Página a Página

2.) Listagem Página a Página Exemplos para construção de páginas em ASP 1.) Abertura de uma Base de Dados O código necessário para fazer a abertura de uma Base de Dados Access e execução de uma string SQL é muito simples. No exemplo

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

MICROSOFT ACCESS MICROSOFT ACCESS. Professor Rafael Vieira Professor Rafael Vieira

MICROSOFT ACCESS MICROSOFT ACCESS. Professor Rafael Vieira Professor Rafael Vieira MICROSOFT ACCESS MICROSOFT ACCESS Professor Rafael Vieira Professor Rafael Vieira - Access - Programa de base de dados relacional funciona em Windows Elementos de uma Base de Dados: Tabelas Consultas Formulários

Leia mais

Manual de Administração Intranet BNI

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

Leia mais

Aula 5 Microsoft PowerPoint 2003: Criando uma Apresentação

Aula 5 Microsoft PowerPoint 2003: Criando uma Apresentação Universidade de São Paulo/Faculdade de Saúde Pública Curso de Saúde Pública Disciplina: HEP 147 - Informática Aula 5 Microsoft PowerPoint 2003: Criando uma Apresentação 1 Introdução ao Microsoft PowerPoint

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

Os elementos básicos do Word

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

Leia mais

Manual Sindicatos. Gerenciador de conteúdo

Manual Sindicatos. Gerenciador de conteúdo Manual Sindicatos Gerenciador de conteúdo Índice: 1. Criar um novo conteúdo... 03 2. Gerenciar conteúdo... 05 3. Inserir um link no conteúdo... 07 4. Inserir uma imagem no conteúdo... 08 5. Inserir um

Leia mais

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas HTML Sessão 4 HTML É por vezes interessante fazer com que uma célula se expanda de forma a incorporar a célula imediatamente abaixo ou ao lado (o que em folhas de cálculo como o Microsoft Excel se denomina

Leia mais

Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer

Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer Exercício A11 - Digite o código abaixo e salve-o como ex1.htm. Documento com fundo azul!! Página com fundo e texto coloridos!

Leia mais

e-learning manuais de iniciação moodle@fctunl a sua cadeira em 10 minutos

e-learning manuais de iniciação moodle@fctunl a sua cadeira em 10 minutos e-learning manuais de iniciação moodle@fctunl a sua cadeira em 10 minutos 00. índice 01. Apresentação do Moodle@FCTUNL a. Bem vindos. 02. Criação de página da disciplina a. Preciso de uma página no Moodle!

Leia mais

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br Pg 1 Introdução... Pg 2 Exemplo completo... Pg 3 Passo 2... Pg 4 Hyperlinks e Texto dentro de uma caixa... Pg 5 Tag para cores e Tabelas... Pg 6 Formatar o Texto... Pg 7 Download... Pg 8 Frame... Pg 9

Leia mais

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -! Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder

Leia mais

IMAGEM REFLECTIDA NA ÁGUA

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

Leia mais

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

A Internet 7 Criação de Páginas Web

A Internet 7 Criação de Páginas Web 7 - Criação de Páginas Web A Internet A Internet Empresas, instituições e pessoas individuais estão cada vez mais interessadas não só em aceder ao imenso manancial de informação disponibilizado pela Internet

Leia mais

O objetivo da aula é realizar upload de arquivos com aplicação web. Será realizado o upload de duas formas:

O objetivo da aula é realizar upload de arquivos com aplicação web. Será realizado o upload de duas formas: Aula 09 FileUpload Disciplina: Programação Web Prof. Allbert Velleniche de Aquino Almeida E-mail: allbert.almeida@fatec.sp.gov.br Site: http://www.allbert.com.br /allbert.almeida Objetivo O objetivo da

Leia mais

Tecnologias para apresentação de dados - Java Script. Aécio Costa

Tecnologias para apresentação de dados - Java Script. Aécio Costa Tecnologias para apresentação de dados - Java Script Aécio Costa Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem

Leia mais

Utilizando Janelas e Frames

Utilizando Janelas e Frames Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já

Leia mais

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

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

Leia mais

Desenvolvimento de Aplicações para Internet

Desenvolvimento de Aplicações para Internet Desenvolvimento de Aplicações para Internet Aula 03 Celso Olivete Júnior olivete@fct.unesp.br Na aula de hoje... Javascript: introdução, operadores lógicos e matemáticos, comandos condicionais. Javascript:

Leia mais

Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico

Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico Tecnologias da Informação e Comunicação UNIDADE 1 Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico 1º Período Elementos básicos da interface gráfica do Windows (continuação).

Leia mais

Criando um formulário no VBA

Criando um formulário no VBA Criando um formulário no VBA No dia-a-dia, não queremos nem ouvir falar em formulários: imediatamente nos vem à mente qualquer idéia relacionada com burocracia... Mas, na hora de criar interfaces de macros,

Leia mais

Síntese da aula anterior

Síntese da aula anterior Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens

Leia mais

Escrito por Vinícius Godoy de Mendonça Seg, 06 de Abril de 2015 11:10 - Última atualização Seg, 06 de Abril de 2015 11:10

Escrito por Vinícius Godoy de Mendonça Seg, 06 de Abril de 2015 11:10 - Última atualização Seg, 06 de Abril de 2015 11:10 No artigo passado, vimos como criar uma série de quadrados dispostos lado-a-lado. Uma das coisas interessantes sobre essa geometria é que ela pode ser distorcida para criar os mais variados tipos de superfícies.

Leia mais

Utilizamos um tema no Mais Fórmula 1 que possui algumas peculiaridades. Irei explicar passo-a-passo cada uma delas.

Utilizamos um tema no Mais Fórmula 1 que possui algumas peculiaridades. Irei explicar passo-a-passo cada uma delas. Mais Fórmula 1 Instruções de postagem no Mais Fórmula 1. O Mais Fórmula 1 está hospedado na UOL HOST e é gerenciado pelo Wordpress. O Wordpress é um dos melhores sistemas de gerenciamento de conteúdo do

Leia mais

Cálculo automático, através da introdução de fórmulas e funções matemáticas Construção, formatação e consulta de listas de dados Criação de gráficos

Cálculo automático, através da introdução de fórmulas e funções matemáticas Construção, formatação e consulta de listas de dados Criação de gráficos MICROSOFT O Excel 2000 é uma aplicação (programa) vulgarmente conhecida como folha de cálculo, que funciona no ambiente Windows. As suas principais funções são: Cálculo automático, através da introdução

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

Introdução a ActionScript 3.0

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

Leia mais

A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável.

A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável. A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável. Índice Geral TULogarUT 3 TUConhecer e VisualizarUT 6 TUÁrea de Edição / Blocos e

Leia mais

Gestor de Janelas Gnome

Gestor de Janelas Gnome 6 3 5 Gestor de Janelas Gnome Nesta secção será explicado o funcionamento de um dos ambientes gráficos disponíveis no seu Linux Caixa Mágica, o Gnome. Na figura 5.1 apresentamos o GDM, o sistema gráfico

Leia mais

FIGURA. 2.2 ECRÃ DE TRABALHO

FIGURA. 2.2 ECRÃ DE TRABALHO Noções Básicas FIGURA. 2.2 ECRÃ DE TRABALHO 2.2.1 Painel de Tarefas (Task Pane) O painel de tarefas constitui a grande novidade do ecrã de trabalho desta nova versão do Word. Para utilizadores menos experientes,

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

Flash PreLoader. Selecione o primeiro keyframe da layer script, clique no lo local indicado na imagem e cole o seguinte actionscript:

Flash PreLoader. Selecione o primeiro keyframe da layer script, clique no lo local indicado na imagem e cole o seguinte actionscript: CURSO DISCIPLIN A PERÍODO: P2 PROFESS OR Faculdade de Tecnologia da Paraíba CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA A INTERNET DESENVOLVIMENTO DE APLICAÇÕES WEB ESTÁTICAS Semestre: 2008.2 Geraldo

Leia mais

[GESTÃO DE REFERÊNCIAS BIBLIOGRÁFICAS COM O ENDNOTE]

[GESTÃO DE REFERÊNCIAS BIBLIOGRÁFICAS COM O ENDNOTE] 2015 FEP Centro de Documentação, Informação e Arquivo (CDIA) [GESTÃO DE REFERÊNCIAS BIBLIOGRÁFICAS COM O ENDNOTE] Documento de apoio na utilização do Endnote. ÍNDICE ÍNDICE... 1 BREVE INTRODUÇÃO... 2 O

Leia mais