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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011 Manual Profissional BackOffice Mapa de Mesas v2011 1 1. Índice 2. Introdução... 2 3. Iniciar ZSRest Backoffice... 3 4. Confirmar desenho de mesas... 4 b) Activar mapa de mesas... 4 c) Zonas... 4 5. Desenhar

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

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004 DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis

Leia mais

Projeto de Agenda Telefônica. Cleyton Tsukuda Kano (kanoct@br.ibm.com)

Projeto de Agenda Telefônica. Cleyton Tsukuda Kano (kanoct@br.ibm.com) Projeto de Agenda Telefônica Cleyton Tsukuda Kano (kanoct@br.ibm.com) Objetivo Conhecer o elemento de designs XPages, componente da ferramenta Lotus Domino Designer, através da criação de uma aplicação

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

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

Aleph 18.01 Manual de utilização do Módulo de Catalogação

Aleph 18.01 Manual de utilização do Módulo de Catalogação Aleph 18.01 Manual de utilização do Módulo de Catalogação Elaborado por: Amélia Janeiro e Ana Cosmelli SDUL 2008 Índice Apresentação... 3 1. Criar novos registos... 4 1.1 Abrir Template... 4 1.2 Usar Registo

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

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

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

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

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto

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

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

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

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

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

ZS Rest. Manual Avançado. Monitor de Publicidade. v2011

ZS Rest. Manual Avançado. Monitor de Publicidade. v2011 Manual Avançado Monitor de Publicidade v2011 1. Índice 2. INTRODUÇÃO... 2 3. HARDWARE... 3 1 4. DEFINIÇÃO... 4 b) Definição dos monitores... 4 c) Definições ZSRest... 4 d) Aspecto Monitor... 5 i. Sim 5

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

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

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

4. A Linguagem JavaScript

4. A Linguagem JavaScript 4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo

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

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

COBRANÇA SITE. Instruções de Instalação e Utilização. Manual Técnico do Desenvolvedor. Segunda via do Bloqueto Digital

COBRANÇA SITE. Instruções de Instalação e Utilização. Manual Técnico do Desenvolvedor. Segunda via do Bloqueto Digital COBRANÇA SITE Instruções de Instalação e Utilização Manual Técnico do Desenvolvedor Segunda via do Bloqueto Digital Índice 1. INFORMAÇÕES TÉCNICAS - Windows... 3 1.1 URL DA 2A VIA DO BLOQUETO DIGITAL...

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

Aula 05 - Elementos e Organização de janelas

Aula 05 - Elementos e Organização de janelas Aula 05 - Elementos e Organização de janelas Sumário Os elementos de uma Janela Menu de Controle Título da Janela Guias Barras de Rolagem Botões de Acesso Rápido Barra de Status Movendo e Dimensionando

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

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES JavaScript Desenvolvimento de Sistemas para WEB Site:

Leia mais

APONTAMENTOS SOBRE WINDOWS

APONTAMENTOS SOBRE WINDOWS APONTAMENTOS SOBRE WINDOWS Moldura da janela 1 1. JANELAS As janelas são objectos fundamentais do interface gráfico, já que é a partir delas que a informação, comandos e controlos são organizados e apresentados

Leia mais

JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com

JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com JavaScript: Validação de Formulários Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir

Leia mais

6. Introdução à Linguagem PHP

6. Introdução à Linguagem PHP 6. Introdução à Linguagem PHP A comunicação na Web exige dois agentes: o cliente web e o servidor web. O cliente requer informação (a partir de uma página HTML acessada pelo navegador) e o servidor fornece

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

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

Treinamento Excel 2010 Thalles Cezar Montenegro

Treinamento Excel 2010 Thalles Cezar Montenegro + Treinamento Excel 2010 Thalles Cezar Montenegro + Agenda Histórico Interface Principais Menus Salvando arquivos Abrindo arquivos Formatação + Histórico Surgiu em 1985 para Mac Fazer tudo o que o 1-2-3

Leia mais

Dicas para Javascript (parte1)

Dicas para Javascript (parte1) <style TYPE=text/css><!--a.menu {color:000000;}a.menu:hover {color:cc0000;}-- ></style> Dicas para Javascript (parte1) 1 - DETECTANDO A RESOLUÇÃO DO USUÁRIO

Leia mais

Java Script Pág: 1. Índice

Java Script Pág: 1. Índice Java Script Pág: 1 Índice Índice... 1 Introdução ao JavaScript Básico... 2 Configurações... 2 Usando o Java Script.... 2 Comandos: script language - alert - /script... 3 Variáveis... 4 Regras para criar

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

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

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

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

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

CURSO BÁSICO DE INFORMÁTICA. Microsoft Windows XP

CURSO BÁSICO DE INFORMÁTICA. Microsoft Windows XP CURSO BÁSICO DE INFORMÁTICA Microsoft Windows XP William S. Rodrigues APRESENTAÇÃO WINDOWS XP PROFISSIONAL O Windows XP, desenvolvido pela Microsoft, é o Sistema Operacional mais conhecido e utilizado

Leia mais

MANUAL TECLADO ADAPTADO IntelliKeys USB

MANUAL TECLADO ADAPTADO IntelliKeys USB NAPNE Núcleo de Atendimento às Pessoas com Necessidades Especiais SIEP Sistema de Informações da Educação Profissional e Tecnológica MANUAL TECLADO ADAPTADO IntelliKeys USB Fonte: User s Guide (Guia do

Leia mais

O Stage onde estão os gráficos, videos, botões etc que irão aparecer durante o play back.

O Stage onde estão os gráficos, videos, botões etc que irão aparecer durante o play back. O que é o Flash? Copyright 2006/2007 Jorge Mota- Multimédia I/ISTEC O flash é uma ferramenta autor, que pode ser usada por designers, editores de conteúdos, engenheiros multimédia e programadores para

Leia mais

CADERNO DE QUESTÕES WINDOWS 8

CADERNO DE QUESTÕES WINDOWS 8 CADERNO DE QUESTÕES WINDOWS 8 1) No sistema operacional Microsoft Windows 8, uma forma rápida de acessar o botão liga/desliga é através do atalho: a) Windows + A. b) ALT + C. c) Windows + I. d) CTRL +

Leia mais

Criando Banco de Dados, Tabelas e Campos através do HeidiSQL. Prof. Vitor H. Migoto de Gouvêa Colégio IDESA 2011

Criando Banco de Dados, Tabelas e Campos através do HeidiSQL. Prof. Vitor H. Migoto de Gouvêa Colégio IDESA 2011 Criando Banco de Dados, Tabelas e Campos através do HeidiSQL Prof. Vitor H. Migoto de Gouvêa Colégio IDESA 2011 Edição 2 Pedreiros da Informação Criando Banco de Dados, Tabelas e Campos através do HeidiSQL

Leia mais

Como fazer uma imagem em 3 cores Atividade Adaptada National School s Observatory

Como fazer uma imagem em 3 cores Atividade Adaptada National School s Observatory Como fazer uma imagem em 3 cores Atividade Adaptada National School s Observatory Faça o download do LTIMAGE, o software que vocês utilizarão para a atividade. http://www.schoolsobservatory.org.uk/obs/software/ltimage

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

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

Prezado lojistas. Nas páginas a seguir, há o passo a passo de como utilizar corretamente esta nova ferramenta. Qualquer dúvida estamos à disposição.

Prezado lojistas. Nas páginas a seguir, há o passo a passo de como utilizar corretamente esta nova ferramenta. Qualquer dúvida estamos à disposição. Prezado lojistas Com o objetivo de aperfeiçoar os processos no painel do lojista para que determinadas solicitações sejam executadas com agilidade, desenvolvemos uma funcionalidade no painel chamada Integração.

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 No início A Web é criada em 1989, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.

Leia mais

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA Sumário O que são leitores de Tela?... 1 O NVDA - Non Visual Desktop Access... 1 Procedimentos para Download e Instalação do NVDA... 2 Iniciando

Leia mais

INTRODUÇÃO AO ACTIONSCRIPT

INTRODUÇÃO AO ACTIONSCRIPT 6 INTRODUÇÃO AO ACTIONSCRIPT No capítulo anterior, aprendemos a criar animações lineares que são inseridas na timeline. Ao longo deste capítulo, iremos abordar a linguagem de programação ActionScript para

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

JavaScript Eventos e Objetos Nativos

JavaScript Eventos e Objetos Nativos JavaScript Eventos e Objetos Nativos Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Eventos Um evento é um acontecimento

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

MANUAL DO NVDA Novembro de 2013

MANUAL DO NVDA Novembro de 2013 MANUAL DO NVDA Novembro de 2013 PROJETO DE ACESSIBILIDADE VIRTUAL Núcleo IFRS Manual do NVDA Sumário O que são leitores de Tela?... 3 O NVDA - Non Visual Desktop Access... 3 Procedimentos para Download

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Sintaxe da Linguagem: Eventos Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Eventos Índice 1 Eventos JavaScript... 2 a) Relacionados a Janela...

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

❶ No Sistema Gênesis, na Aba ESTOQUE

❶ No Sistema Gênesis, na Aba ESTOQUE ❶ No Sistema Gênesis, na Aba ESTOQUE a) Checagem de Estoque - Verifique o estoque dos produtos desejados. b) Listar produtos com a quantia de estoque mínimo atingido: ESTOQUE / RELATÓRIO / ALERTA DE COMPRA

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

Manual Documentação de Arquivos. Tela Classificação de Arquivo

Manual Documentação de Arquivos. Tela Classificação de Arquivo Manual Documentação de Arquivos Tela Classificação de Arquivo Objetivo e orientações iniciais Registro das classificações dos arquivos: título e unidade organizacional responsável. Menu: Documentação Classificação

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

Barra de Títulos. Barra de Menu. Barra de Ferramentas. Barra de Formatação. Painel de Tarefas. Seleção de Modo. Área de Trabalho.

Barra de Títulos. Barra de Menu. Barra de Ferramentas. Barra de Formatação. Painel de Tarefas. Seleção de Modo. Área de Trabalho. Conceitos básicos e modos de utilização das ferramentas, aplicativos e procedimentos do Sistema Operacional Windows XP; Classificação de softwares; Principais operações no Windows Explorer: criação e organização

Leia mais

Repeater no GASweb. Regiões

Repeater no GASweb. Regiões Repeater no GASweb Por: Rodrigo Silva O controle de servidor Repeater é um container básico que permite a você criar uma lista de qualquer informação que deseja em uma página Web. Ele não tem uma aparência

Leia mais

Introdução. História. Como funciona

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

Leia mais

[CURSO DE FÉRIAS FIREWORKS] JULHO / 2011

[CURSO DE FÉRIAS FIREWORKS] JULHO / 2011 Conteúdo 1. OBJETIVO DO FIREWORKS... 2 1.1 - Diferença entre imagem Vetorial e Bitmap... 2 1.2 - Formato de Arquivos... 3 2. AMBIENTE DO FIREWORKS... 3 2.1 - INICIANDO UM PROJETO... 4 3. DESENHANDO NO

Leia mais

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

Nota de Aplicação. Relatório em HTML no Vijeo Citect 1.0. Suporte Técnico Brasil. Versão:

Nota de Aplicação. Relatório em HTML no Vijeo Citect 1.0. Suporte Técnico Brasil. Versão: Nota de Aplicação Relatório em HTML no Vijeo Citect Versão: 1.0 Suporte Técnico Brasil Especificações técnicas Hardware: Software: Versão: Vijeo Citect 7.40 SP 2 SQL Server 2012 Suporte Técnico Brasil

Leia mais

INFORMÁTICA WORD. TELA DO WORD Nome do Arquivo que esta sendo editado: Botão Office Diversos Textos Barra de Títulos Nome do programa: Microsoft Word

INFORMÁTICA WORD. TELA DO WORD Nome do Arquivo que esta sendo editado: Botão Office Diversos Textos Barra de Títulos Nome do programa: Microsoft Word WORD INTRODUÇÃO O MS Word é um editor de textos cujos recursos facilitam a criação de documentos, memorandos, cartas comerciais ou pessoais, enfim, tudo aquilo que se relaciona a texto. Até mesmo páginas

Leia mais