JavaScript Exercício Comportamentos Dinâmicos
|
|
- Catarina Beltrão Bennert
- 7 Há anos
- Visualizações:
Transcrição
1 JavaScript Exercício Comportamentos Dinâmicos Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar um exemplo simples de utilização de JavaScript em páginas web. Neste exemplo, três imagens são apresentadas e, o texto associado a cada imagem, é apresentado apenas quando o rato é colocado sobre a imagem. A imagem em baixo ilustra o que se pretende obter no final. Introdução JavaScript é uma linguagem de programação que permite adicionar dinamismo a páginas web. A linguagem HTML permite definir a estrutura dos documentos, a linguagem CSS permite definir a apresentação dos documentos e a linguagem JavaScript permite definir o comportamento dos documentos face a acontecimentos. Estes acontecimentos podem ser desencadeados pelos utilizadores (p.e. passar com o rato sobre algo) ou podem ser automáticos (p.e. serem 22:00). O funcionamento do JavaScript é baseado nos conceitos de eventos e acções. Os eventos despoletam uma ou mais acções. Por exemplo, alterar a cor do texto (acção) quando o utilizador carrega sobre a imagem (evento). O Macromedia Dreamweaver facilita a criação deste tipo de comportamentos, oferecendo um conjunto de acções predefinidas. No Dreamweaver, utiliza-se o termo Behaviors para designar os comportamentos feitos em JavaScript.
2 Reunir Imagens Para este exercício, é necessário reunir três imagens. Use o Flickr ( em particular a secção Explore Flickr para reunir três imagens à escolha. Depois de gravadas, as imagens devem ser reduzidas de forma a terem 250 pixels de largura e 175 pixels de altura. É importante não distorcer as imagens! Estruturar Documento em HTML Para o documento HTML use a seguinte estrutura base. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>explorar Behaviors em JavaScript</title> <link rel="stylesheet" type="text/css" href="behaviors.css"> </head> <body> </body> </html> Pretende-se estruturar em HTML um documento composto por três secções. Cada secção é composta por uma fotografia, um título e um parágrafo. Antes das secções deve existir um título e um parágrafo. Assim, altere o documento HTML da seguinte forma: Defina uma área (DIV) base que vai englobar todo o conteúdo. Atribua a esta área a classe base. Esta divisão permitirá centrar todo o conteúdo na horizontal. Defina um título principal para o documento com o texto Três Fotografias. Após o título defina um parágrafo com o texto - Passe com o rato sobre as imagens para ver o texto associado a cada uma. Defina três áreas (DIV) da classe seccao. Dentro de cada uma das secções defina: o Uma imagem. o Uma quebra de linha. o Um título hierarquicamente inferior ao principal. Coloque um texto livre aqui. o Um parágrafo, também com um texto livre. Como pretendemos controlar a visibilidade do título e do texto associado a cada imagem (em cada secção), é necessário identificar de forma única cada uma destas áreas. Assim,
3 defina três áreas que englobem, cada uma, o título e o parágrafo de cada imagem. Em termos de estrutura global, pretende-se algo idêntico ao que é ilustrado na imagem seguinte. Um aspecto importante destas novas áreas é o facto de serem únicas. Em todo o documento HTML não podem existir outras áreas com a mesma referência. Ao contrário das áreas do tipo seccao, as legendas não se repetem. Existem três tipos de legendas: legenda1, legenda2, legenda3. Como temos a certeza que estas áreas são únicas, em vez de usarmos o atributo class, usamos o atributo id. Teremos por exemplo: <div id="legenda1">... </div> Concluída esta fase, veja o resultado no browser.
4 Formatações em CSS Antes de introduzirmos os comportamentos em JavaScript, vamos alterar a apresentação do documento definindo um documento CSS behaviors.css. Vamos apenas definir algumas alterações simples. Assim, defina regras CSS para: A largura do corpo deve ser de 900 pixels. As margens esquerda e direita devem ser definidas automaticamente (auto). O tipo de letra base deve ser verdana. Cada área da classe seccao deve ter uma largura de 270 pixels, flutuar para a esquerda e ter um espaçamento interno esquerdo e direito de 10 pixels. Finalmente, cada uma das legendas deve ser posicionada de forma relativa. No entanto, como neste caso foi usado o atributo id e não o atributo class, a regra CSS deve ser definida da seguinte forma (reparar no uso do cardinal em vez do ponto). div#legenda1, div#legenda2, div#legenda3 { position: relative; } Voltar a consultar a página web num browser. Introduzir Comportamentos Dinâmicos Show/Hide No Dreamweaver, os comportamentos são definidos usando o subpainel Behaviors existente no painel Design. Antes de introduzir comportamentos, garanta que está activado o item IE 6.0 na opção Show Events For. Para definir um comportamento, em primeiro lugar é necessário seleccionar o elemento que vai activar a acção. Assim, para cada imagem: Garantir que a imagem está seleccionada. Seleccionar o (+) na janela Behaviors e escolher a opção Show-Hide Layers. Fazer show da área respectiva e finalizar. Mantendo a imagem seleccionada, seleccionar novamente a opção Show-Hide Layers. Fazer hide da área respectiva e finalizar. Na coluna Events, escolher a opção onmouseover para a acção que mostra (show). Na coluna Events, escolher a opção onmouseout para a acção que esconde (hide). Testar os comportamentos no browser.
5 Garantir Estado Inicial - OnLoad Ao abrir a página pela primeira vez, todas as legendas aparecem visíveis. Apenas depois de passar o rato uma vez sobre as imagens, o comportamento é o esperado. É possível definir um comportamento que garanta que, ao carregar a página, todas as áreas são colocadas invisíveis. Para tal, seleccione o corpo do documento (body) e crie um novo comportamento do tipo Show-Hide Layers. Neste caso, coloque todas as legendas como invisíveis (hide). Para terminar, confirme que o evento onload está seleccionado. Comportamentos Dinâmicos Associados às Imagens Swap Imagem O comportamento anterior (Show-Hide Layers) permite mostrar ou esconder uma determinada área de uma página. Neste passo final vamos usar outro comportamento (Swap Image) para também trocar a imagem quando o rato é colocado sobre ela. Primeiro, é necessário produzir, para cada imagem, uma nova imagem alternativa. Usando o Photoshop, converta cada imagem para preto e branco e grave com um novo nome. No HTML, troque as referências das imagens de forma a ser usada a nova imagem produzida. Desta forma, quando o documento é aberto pela primeira vez as imagens apresentadas são aquelas a preto e branco. Finalmente, para introduzir os comportamentos que permitem fazer a troca da imagem, seguir os passos: Seleccionar a imagem. Definir um nome para a imagem usando o painel de propriedades. No painel Behaviors, adicionar um novo comportamento Swap Imagem. No painel que surge, escolher a imagem a alterar e definir a nova fonte (source). Manter as opções Preload Images e Restore Images onmouseout seleccionados.
CSS Exercício JCC. Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto. Sumário
CSS Exercício JCC Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar e experimentar o processo de implementação de
Leia maisF E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
Leia maisCriação de estilos CSS
Em primeiro lugar vamos inserir um parágrafo Marco Soares 1 Criação de estilos CSS Para começar, crie um site novo e uma página inicial para testes chamada index.html Vamos começar por criar alguns estilos
Leia maisA construção das páginas faz-se dentro de uma janela com 3 janelas flutuantes:
EXERCÍCIO ASSISTIDO Nº1 1. Como funciona o Dreamweaver? Dreamweaver é um editor html WYSIWYG (What You See Is What You Get) editado pela Macromedia que se distinge dos outros pela possibilidade de dar
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisO Manual do KNotes. Fabian Dal Santo Greg M. Holmes Revisão: Lauri Watts Tradução: José Pires
Fabian Dal Santo Greg M. Holmes Revisão: Lauri Watts Tradução: José Pires 2 Conteúdo 1 Introdução 5 2 Utilizar o KNotes 6 3 Configuração 9 3.1 Configurar as Opções Predefinidas do KNotes.....................
Leia maisRespostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?
Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais
Leia maisELABORADO POR MARCO SOARES 1. Formatação de Parágrafo
ELABORADO POR MARCO SOARES 1 Formatação de Parágrafo ELABORADO POR MARCO SOARES 2 Escreva o texto Escreva o seguinte texto ELABORADO POR MARCO SOARES 3 Mostrar marcas de parágrafos e outras É possível
Leia maisManual de Utilizador do Backoffice
Manual de Utilizador do Backoffice Conteúdo Acesso ao Backoffice... 2 Actualizar Conteúdos do Website... 3 Homepage... 3 Quem Somos... 5 Serviços... 7 Outros Produtos... 8 Empresas Parceiras... 9 Contactos...
Leia maisZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011
Manual Profissional BackOffice Mapa de Mesas v2011 1. Índice 2. INTRODUÇÃO... 2 3. INICIAR O ZSRest Backoffice... 3 1 4. Confirmar desenho de mesas...... 4 b) Activar mapa de mesas... 4 c) Zonas... 4 5.
Leia maisAo projeto inciado na aula anterior, faça as seguintes alterações:
Atividade 4 Ao projeto inciado na aula anterior, faça as seguintes alterações: 1. Insira uma cor de fundo na página. 2. Google fonts Se nos basearmos apenas nas fontes que o usuário terá instaladas em
Leia maisEste exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS.
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS. 1) Crie uma pasta chamada com_estilo e salve dentro dela os arquivos obrigado.html
Leia maisCSS Cascading Style Sheets (Folhas de Estilo em Cascata)
CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior 1 Parte I CSS Basic 2 CSS Determina como elementos
Leia maisCapítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
Leia maisFunções em JavaScript
Sintaxe para declaração de funções: function f1() { return "Olá"; function f2(nome) { return "Bom dia " + nome; Funções em JavaScript As funções podem retornar ou não valores e podem receber ou não argumentos.
Leia maisCSS EXTERNO. <head> <link href="estilo.css" type="text/css" rel="stylesheet" /> </head>
CSS DDW CSS EXTERNO O CSS é um arquivo que visa personalizar o modo como seu HTML aparece para o usuário. Ele deve ser chamado dentro da tag no topo do site.
Leia maisSEPARAÇÃO EM: Apresentação Estrutura Comportamento
SEPARAÇÃO EM: Apresentação Estrutura Comportamento Arquitectura de Sistemas DEI-ISEP Estrutura/Apresentação/Comportamento Uma boa prática na construção de páginas web: Separação em 3 camadas: Estrutura
Leia maisFaculdade de Engenharia Departamento de Informática. Composição Web
Folha Prática 5 : CSS OBJECTIVO: O objetivo desta ficha é familiarizar-se com as folhas de estilos encadeados (Cascade Style Sheets CSS). RECOMENDAÇÕES: Sempre que necessário, procure informação adicional
Leia maisElementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Leia maisCOMO UTILIZAR ESTE LIVRO... VII índice... IX 1 - INTRODUÇÃO 1
, INDICE COMO UTILIZAR ESTE LIVRO.................. VII índice...... IX 1 - INTRODUÇÃO 1 Novidades 2 Framework Spry para Ajax 2 Spry widgets 2 Spry effects 2 Integração de conteúdos em Photoshop e Fireworks
Leia maisAparência. Lauri Watts Tradução: José Pires
Lauri Watts Tradução: José Pires 2 Conteúdo 1 Aparência 4 1.1 Geral............................................. 4 1.2 Tipos de Letra........................................ 4 1.3 Folhas de Estilo.......................................
Leia maisAULA 02 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 02 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Leia maisAprenda Layout com CSS Lara Popov Zambiasi Bazzi Oberderfer
Aprenda Layout com CSS http://pt-br.learnlayout.com/ Lara Popov Zambiasi Bazzi Oberderfer http://professores.ifsc.edu.br/lara/ lara.popov@ifsc.edu.br A propriedade "display" display é a propriedade mais
Leia maisO Manual do Skanlite. Kåre Särs Anne-Marie Mahfouf Tradução: José Pires
Kåre Särs Anne-Marie Mahfouf Tradução: José Pires 2 Conteúdo 1 Introdução 5 2 Usar o Skanlite 6 2.1 Selecção do Scanner.................................... 6 3 Janela Principal do Skanlite 8 3.1 Digitalização.........................................
Leia maisO AMBIENTE DE TRABALHO... 2 CRIAR, ABRIR E GUARDAR DOCUMENTOS... 6 EDIÇÃO DE DOCUMENTOS... 7 FORMATAÇÃO DE TEXTO Manual de Word INTRODUÇÃO...
INTRODUÇÃO... 2 Noção de processador de texto... 2 O AMBIENTE DE TRABALHO... 2 Área de trabalho... 3 Barra de menus... 3 Barras de ferramentas... 4 Réguas... 5 Botões de visualização... 5 Barra de estados...
Leia maisAplicações de Escritório Electrónico
Universidade de Aveiro Escola Superior de Tecnologia e Gestão de Águeda Curso de Especialização Tecnológica em Práticas Administrativas e Tradução Aplicações de Escritório Electrónico Folha de trabalho
Leia maisAula 17 Introdução ao jquery
Aula 17 Introdução ao jquery jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licença conforme as regras
Leia maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia maisGestão de Tipos de Letra. Craig Drummond Tradução: José Pires
Craig Drummond Tradução: José Pires 2 Conteúdo 1 Gestão de Tipos de Letra 4 1.1 Grupos de Tipos de Letra................................. 4 1.1.1 Activar e Desactivar................................ 4
Leia maisAplicações de Escritório Electrónico
Universidade de Aveiro Escola Superior de Tecnologia e Gestão de Águeda Curso de Especialização Tecnológica em Práticas Administrativas e Tradução Microsoft Word Folha de trabalho 6 Formatação de estilos
Leia maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Leia maisComo criar um menu pop-up no Dreamweaver
Como criar um menu pop-up no Dreamweaver Introdução: Seguindo o crescimento do conteúdo em sites de Internet, a necessidade por uma fácil navegação nas páginas cresce igualmente. Um menu pop-up pode ser
Leia maisMOODLE - NÍVEL II. Ferramentas de trabalho colaborativo Base de dados MANUAL DO FORMADOR / MOODLE 1.8.4
MOODLE - NÍVEL II MANUAL DO FORMADOR / MOODLE 1.8.4 Ferramentas de trabalho colaborativo Base de dados Esta ferramenta permite ao professor e/ou alunos construírem e pesquisarem uma base de dados sobre
Leia maisExercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exercícios Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Maio de 2018 1 Exemplos e Exercícios Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: 2 4) Também é possível
Leia mais3 Cabeçalho/ logótipo 4 Menu principal 5 Autenticação
Escolas de Primeiro Ciclo no site do Agrupamento Iniciar com o endereço www.aecarvalhos.pt 1 1 Clicar em ESCOLAS DO AGRUPAMENTO (lado direito do site). 2 2 Apontar para EB1/JI e clicar na escola respetiva.
Leia maisIEFP Instituto de Emprego e Formação Profissional Sector Terciário do Porto. Curso: Internet. Módulo: Estrutura de um sítio para a Internet
IEFP Instituto de Emprego e Formação Profissional Sector Terciário do Porto Curso: Internet Módulo: Estrutura de um sítio para a Internet Formador: Hélder Oliveira 1 Índice Introdução... 3 Planeamento
Leia maisTarefa Orientada 7 Consultas de selecção
Tarefa Orientada 7 Consultas de selecção Objectivos: Consultas de selecção O Sistema de Gestão de Bases de Dados MS Access Consultas As consultas (queries) permitem interrogar a base de dados, de acordo
Leia maisGV-LPR e LPR. Reconhecimento de matrículas. Manual do utilizador
GV-LPR e LPR Reconhecimento de matrículas Manual do utilizador Conteudo Características do ecrã principal... 2 Base de dados de reconhecimento... 4 Registos de reconhecimento... 4 Base de dados de reconhecimento...
Leia maisNeste exercício, vamos criar uma Folha de Cálculo, onde vamos utilizar alguns Controlos de Formulários.
BARRA DE FERRAMENTAS DE FORMULÁRIOS Neste exercício, vamos criar uma Folha de Cálculo, onde vamos utilizar alguns Controlos de Formulários. A Barra de Ferramentas de Formulário contém objectos gráficos
Leia maisInstituto Superior de Engenharia de Lisboa
Instituto Superior de Engenharia de Lisboa Departamento de Engenharia de Electrónica de Telecomunicações de Computadores Guia de utilização do Moodle (Versão 1.6.2) Vista do Professor Versão 2.0 Outubro
Leia maisExemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exemplos Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Agosto de 2018 2 1 Exemplos Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: Profa. Flávia Pereira de Carvalho
Leia maisManual Prático. Elisabete Aguiar
Manual Prático Elisabete Aguiar Índice A BARRA DE OPÇÕES... 4 Abrir um documento existente... 6 Guardar um documento Word... 7 Ambiente de Trabalho no Microsoft Word 2007... 9 Configuração de Páginas...
Leia maisInformática I. Aula 3. Aula 3-03/09/2007 1
Informática I Aula 3 http://www.ic.uff.br/~bianca/informatica1/ Aula 3-03/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisTeclado. Mike McBride Anne-Marie Mahfouf Tradução: José Pires
Mike McBride Anne-Marie Mahfouf Tradução: José Pires 2 Conteúdo 1 A página Hardware 4 2 A página de Disposições 4 3 A página Avançado 5 3 Este módulo permite-lhe escolher como funciona o seu teclado. Existem
Leia maisGráficos. Utilização do Assistente de Gráficos Propriedades, opções globais e formatação de Gráficos
Gráficos Conceitos fundamentais Séries, categorias e pontos de dados Os elementos de um gráfico 2D e 3D Tipos de Gráficos Construção de Gráficos Utilização do Assistente de Gráficos Propriedades, opções
Leia maisManual de Instruções NSS Editor MANUAL DE INSTRUÇÕES. Editor de bases de dados NSS EDITOR
MANUAL DE INSTRUÇÕES Editor de bases de dados NSS EDITOR Manual de Instruções Editor de bases de dados NSS Editor 1. Introdução Este manual aplica-se ao software de edição de bases de dados para indicadores
Leia maisO Manual do KTeaTime. Michael Korman Matthias Hölzer-Klüpfel Lauri Watts Tradução: José Pires
Michael Korman Matthias Hölzer-Klüpfel Lauri Watts Tradução: José Pires 2 Conteúdo 1 Introdução 5 1.1 O que é o KTeaTime?.................................... 5 2 Como Usar o KTeaTime 6 2.1 Temporizar o
Leia maisIntrodução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
Leia maisCSS CASCADING STYLE SHEET
CSS CASCADING STYLE SHEET CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB 1 PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Conceito Sintaxe básica Tipos de folhas de estilos 2 1 CSS
Leia maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
Leia maisCascading: Style Sheet
André Kawamoto 2010 O que é CSS Cascading: Múltiplos estilos podem se sobrepor para especificar uma variedade de estilos desde um website inteiro até um único elemento. Qual estilo é aplicado diz respeito
Leia maisEscola Secundária Ferreira Dias Agualva - Sintra. Atividade 20
Atividade 20 1. Abra a base de dados Atividade 19 e guarda-a como Atividade 20. 2. Organize o painel dos objetos (à esquerda) por: Tabelas e vistas relacionadas, para que todos os objetos permaneçam junto
Leia maisCSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
Leia maisTECNOLOGIA WEB CRIANDO TABELAS
TECNOLOGIA WEB CRIANDO TABELAS USANDO UM ARQUIVO CSS ATRAVÉS DE UM LINK INTERNO DIGITE O CÓDIGO ABAIXO no bloco de notas, Notepad++ ou no amaya: OBS. 01: Em vermelho temos os comentários do código e em
Leia maisUniversidade da Beira Interior. Sistemas Distribuídos /2016 Curso: Engª Informática. Folha JAX-RS: Java API for RESTful Web Services
JAX-RS: Java API for RESTful Web Services Folha 11-1 A - Creating RESTful Web Services from a Database 1- Comece por criar um projeto do tipo Java Web application, como fez nos exercícios das fichas anteriores.
Leia maisearte Portal de Arte e Cultura
v 2.0 Tutorial Guia Rápido de Utilização 2008-2011 SIQuant Engenharia do Território e Sistemas de Informação, Lda. Web: www.siquant.pt E-mail: mail@siquant.pt Copyright SIQuant 2008-2011. Todos os direitos
Leia maisGráficos Comerciais na WEB com Chart.js
Gráficos Comerciais na WEB com Chart.js Compilação feita com base nas referências por: José Augusto Cintra Professor da Faculdade Sumaré SP Analista de TI da Empresa PRODAM SP josecintra@josecintra.com
Leia maisDESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 5 PROF. EMILIO PARMEGIANI
DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 5 PROF. EMILIO PARMEGIANI MASTER PAGES Master Pages (ou Páginas Mestres) é um arquivo ASP.NET com a extensão.master (por exemplo, MinhaPagina.master)
Leia maisTECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão
Luiz Leão luizleao@gmail.com http://luizleao.com Conteúdo da Unidade Cascading Style Sheet (CSS) Linguagem CSS Introdução É uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos
Leia maisTipo de letra. Tipo de letra. São muitas as opções disponibilizadas neste primeiro separador Tipo de Letra. 4/1/11
Tipo de letra São muitas as opções disponibilizadas neste primeiro separador Tipo de Letra. Tipo de letra Tipo de Letra escolher o Tipo de Letra. Estilo do Tipo de Letra escolher o estilo da letra (Negrito,
Leia maisGeralmente uma página com frames é constituída por dois ou três elementos básicos:
Objectivos da actividade: Frames Exemplos de frames Com 2 ficheiros Com 3 ficheiros 2 colunas 2 linhas 2 colunas a 2a. com 2 linhas 2 linhas a 2a. com 2 colunas Geralmente uma página com frames é constituída
Leia maisHTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo RESUMO Linguagem de Marcação e Estilo - CSS DESCRIÇÃO Regra CSS Vinculação Inline Vinculação Incorporada Vinculação Externa TAGS seletor
Leia maisUma regra CSS quando válida para vários seletores, estes podem ser agrupados. Exemplo: h1, h2, h3, h4, h5, h6 { color: #00FF00; }
CENTRO PASTORAL, EDUCACIONAL E ASSISTENCIAL DOM CARLOS CPEA Reconhecido de Utilidade Pública pelo Decreto No. 5.692 de 08.11.1967 FACULDADE VIZINHANÇA VALE DO IGUAÇU VIZIVALI DOIS VIZINHOS PARANÁ Criada
Leia maisVamos ver como fica no código HTML e CSS na Listagem 1 abaixo:
Título: Alinhamento Central com CSS Descrição: Neste artigo serão mostrados os atributos e recursos necessários para alinhamentos de elementos inscritos no HTML, que no caso é o CSS. Login: alcideswenner
Leia maisCentro de Competência Entre Mar e Serra
1. Como utilizar o Moodle 1.1. O Editor de Texto do Moodle Ao longo do seu trabalho no Moodle irá encontrar vários dos campos das janelas de introdução de dados que permitem texto formatado, mediante um
Leia maisMANUAL DO UTILIZADOR PROFESSOR(A)
PROFESSOR(A) INTRODUÇÃO Caro(a) professor(a), Obrigado por descarregar este manual do utilizador do Ephorus. Em caso de dúvidas, por favor contacte o utilizador principal do Ephorus no seu estabelecimento
Leia maisPublicidade em CorelDraw X3
Publicidade em CorelDraw X3 Vamos abrir essa imagem em CorelDraw. Para isso basta ir no menu arquivo, importar e abrir a imagem escolhida. Vamos deixar nossa folha num formato mais adequado para uma publicidade.
Leia maisZS Rest. Manual Avançado. Início v.1. v2011
Manual Avançado Funcionamento Início v.1 com cartões v2011 1. Índice 2. INTRODUÇÃO... 2 3. INICIAR O ZSRest FrontOffice... 3 1 4. Séries... 4 b) Adicionar Série... 4 i. Tipo de série... 5 c) Modificar
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS CSS Como inserir códigos CSS em páginas HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
Leia maisDocumentos MS Word acessíveis
Documentos MS Word acessíveis Este guia pretende ajudar na produção de documentos acessíveis em Microsoft Word de âmbito académico, para serem distribuidos em formato eletrónico ou impressos. As boas práticas
Leia mais5 Dicas para manter o seu Outlook organizado
5 Dicas para manter o seu Outlook organizado Date : 9 de Outubro de 2014 Por Hugo Sousa para PPLWARE.COM O Microsoft Outlook é utilizado por uma legião de pessoas em todo o mundo, sendo esta uma ferramenta
Leia mais3. Construção de páginas web Introdução ao HTML
3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,
Leia maisTECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO SISTEMAS DE GESTÃO DE BASE DE DADOS FORMULÁRIOS
TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO SISTEMAS DE GESTÃO DE BASE DE DADOS FORMULÁRIOS Os constituem uma outra forma de visualizar os dados armazenados nas tabela ou disponibilizados numa consulta. Também
Leia maisAula 6: Frames. Pré-requisitos: Os temas das aulas 2 e 5, e a forma como se define cores apresentada na aula 4, serão muito importantes para frames.
Aula 6: Frames Você certamente já visitou páginas organizadas em áreas diferenciadas que podiam ser usadas, redimensionadas movidas para cima ou para baixo independentemente. Pois essa possibilidade de
Leia maisAplicações de Escritório Electrónico
Universidade de Aveiro Escola Superior de Tecnologia e Gestão de Águeda Curso de Especialização Tecnológica em Práticas Administrativas e Tradução Aplicações de Escritório Electrónico Folha de trabalho
Leia maissegue. + arrastá-lo figura seguinte; para a nova 6. Para voltar
Trabalhar Objectos e Imagens 51 No entanto, podemos precisar de reposicionar ou mover um diapositi- segue. 1. No painel de miniaturas à esquerda, clicar no diapositivo a mover + arrastá-lo para a nova
Leia maisWeb Design Aula 16: Modelo de Caixa e propriedades de Imagem
Web Design Aula 16: Modelo de Caixa e propriedades de Imagem Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Introdução Área de Conteúdo Enchimento Bordas Margens Caixas Propriedades
Leia maisINTRODUÇÃO AO CSS. HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
INTRODUÇÃO AO CSS O que é CSS? Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Nesta lição você saberá o que é e para que serve CSS. CSS é a abreviatura para Cascading
Leia maisCriar um recurso para QIM com ActivInspire - Studio
Como criar um recurso com o Software ActivInspire Studio Depois de abrir o Software ActivInspire deve criar uma nova página, ficheiro Novo e de seguida escolher o formato desejado. Nota: De forma a este
Leia maisCriação de um Template Personalizado
Manual de engenharia No. 40 Atualização: 01/2019 Criação de um Template Personalizado Programa: Estratigrafia Relatórios Arquivo: Demo_manual_40.gsg O objetivo deste manual é mostra como criar templates
Leia maisUFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Leia mais20/02/2014. <HTML> Introdução </HTML> Web
Introdução 1 Web 2 1 Web 3 Web 4 2 Web 5 Browsers 6 3 Editores 7 Editores 8 4 Aula Teórica-prática Etiquetas (tags) base Etiqueta principal e que deve abranger todo o código;
Leia maisDreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
4149 - Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução 1.1. Novidades do Dreamweaver CS5...23 1.2. Área de Trabalho...23 1.2.1. Tela de Boas-vindas...24 1.2.2.
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Leia maisCTIONSCRIPT. Painel Action
A CTIONSCRIPT ActionScript é uma linguagem de programação utilizado pelo Flash que permite criar interactividade. Se não utilizarmos actionscript o filme corre de forma linear, do 1º ao último frame. No
Leia maisPaginação no Word º Passo: Deixe o cursor no final da página anterior que você quer paginar.
Paginação no Word 2003 1º Passo: Deixe o cursor no final da página anterior que você quer paginar. 2º Passo: Clique no menu Inserir Quebra... 3º Passo: No Tipo de quebras de seção marcar a opção Próxima
Leia maisCadeira de Tecnologias de Informação. Ano lectivo 2009/2010. Sites dinâmicos. Com Expression Web TI2009/10 EWD_1. Filipa Pires da Silva (2009)
Cadeira de Tecnologias de Informação Ano lectivo 2009/2010 Sites dinâmicos Com Expression Web TI2009/10 EWD_1 .ASPX vs.html HTML: HTML é uma linguagem para descrever páginas web HTML significa Hyper Text
Leia maisO Manual do KDE Screen Ruler. Lauri Watts Tradução: José Pires
Lauri Watts Tradução: José Pires 2 Conteúdo 1 Introdução 5 2 Referência do Menu 6 3 Créditos e Licença 9 Resumo O KDE Screen Ruler pode ser usado para medir os objectos no ecrã. Capítulo 1 Introdução O
Leia maisDispor e organizar folhas de cálculo
Dispor e organizar folhas de cálculo O Excel fornece várias funcionalidades para o ajudar a trabalhar e visualizar com as folhas de cálculo. Fixar linhas e colunas Pode fixar (ou bloquear) linhas e colunas
Leia maisPlano de Aula - Dreamweaver CS5 - cód Horas/Aula
Plano de Aula - Dreamweaver CS5 - cód.4149 24 Horas/Aula Aula 1 Capítulo 1 - Introdução Aula 2 Continuação do Capítulo 1 - Introdução Aula 3 Capítulo 2 - Site do Dreamweaver 1.1. Novidades do Dreamweaver
Leia maisJAVASCRIPT Laboratórios de Informática João Paulo Barraca, André Zúquete, Diogo Gomes
http://cseweb.ucsd.edu/~lerner/js.jpg JAVASCRIPT Laboratórios de Informática 2014-2015 João Paulo Barraca, André Zúquete, Diogo Gomes HTML, CSS, Javascript HTML define estrutura CSS define estilo Javascript
Leia maisFORMAÇÃO DE MICROSOFT EXCEL 2010
FORMAÇÃO DE MICROSOFT EXCEL 2010 Mário de Almeida Pedro, M. Sc. Novembro 2013 Bemvindo Identificação da UFCD UFCD nº 0756 Folha de Cálculo, com a duração de 50 horas Microsoft Excel 2010 Objectivos: No
Leia mais<CENTER> <iframe src="http://www.universo.edu.br" width=740 height=255> </iframe> </CENTER>
6.4 iframes: Outra maneira mais elegante de inserir outras páginas dentro de nossos documentos HTML é através do comando . Nesse caso, devemos especificar o tamanho do espaço que deverá ser aberto
Leia maisTarefa Orientada 3 Criação de tabelas
Tarefa Orientada 3 Criação de tabelas Objectivos: Criação de Tabelas. Definição de chave primária. Definição de índices. Definição de propriedades (restrições) de campos. O Sistema de Gestão de Bases de
Leia maisO Manual do Kronometer. Elvis Angelaccio Tradução: José Pires
Elvis Angelaccio Tradução: José Pires 2 Conteúdo 1 Introdução 5 2 Utilização 6 2.1 Utilização Geral....................................... 6 2.1.1 Gravar e Repor as Sessões.............................
Leia maisOpenOffice.org. tutorial apresentação
tutorial apresentação Criar uma nova apresentação Assistente Apresentação Inserir diapositivos Seleccionar diapositivos Formatar uma página Formatar diapositivos Vistas do espaço de trabalho Iniciar apresentação
Leia mais