Multimídia. Inserindo som com EMBED e BGSOUBD

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

Download "Multimídia. Inserindo som com EMBED e BGSOUBD"

Transcrição

1 Multimídia Inserindo som com EMBED e BGSOUBD Para inserir som na sua página é utilizado a Tag <EMBED> (recomandável) suportado pelos navegadores Mozilla Firefox e Internet Explorer e o comando <BGSOUBD> suportado apenas pelo Internet Explorer. Na Tag <EMBED> (recomandável) utilizada pelo Mozilla Firefox e Internet Explorer você pode inserir algumas opções para especificar o som tais como: src nome do arquivo de som, podendo ser.mid,.wav,.mp3; <embed src="som.wav"> width largura do arquivo em pixels; <embed src="som.wav" width="100"> height altura do arquivo em pixels; <embed src="som.wav" height="80"> hidden especifica se o objeto de som será exibido no navegador com o valor (true) ou não com o valor (false); <embed src="som.wav" hidden="true"> Multimídia 1

2 align especifica o alinhamento de um texto com o objeto de som que será exibido no navegador com o valor left (esquerda), right (direita), center (centro), top (em cima), middle (no meio), bottom (em baixo); TEXTO<embed src="som.wav" align="center"> loop ou playcount usando o valor true para a opção loop, o vídeo fica executando infinitamente e false exibe o vídeo apenas uma vez. Para a opção playcount você pode especificar o número de vezes que o som deve executar; <embed src="som.wav" loop="2"> ou <embed src="som.wav" playcount="1"> autostart - usando o valor true, o som inicia executando e false inicia parado; <embed src="som.wav" autostart="true"> Crie uma página chamada embed.html, insira o código abaixo e obtenha um arquivo de áudio no formato.mid,.wav ou.mp3, que neste caso nomeamos de som.wav. <title> Som com EMBED </title> <embed src="som.wav" hidden="true" autostart="true"> Multimídia 2

3 </body> Na Tag <BGSOUND> utilizada pelo Internet Explorer você pode inserir algumas opções para especificar o som tais como: src nome do arquivo de som, podendo ser.mid,.wav,.mp3; loop número de vezes que o som deve ser repetido ( loop=1), usando o valor infinite ( loop=infinite) especifica que deve ficar executando infinitamente; volume especifica o volume podendo ser um valor de 0 a ; balance especifica o balanço dos canais estéreo podendo ser um valor de a Crie uma página chamada bgsound.html, insira o código abaixo e obtenha um arquivo de áudio no formato.mid,.wav ou.mp3, que neste caso nomeamos de som.wav. <title> Som com BGSOUND </title> <bgsound src="som.wav" loop="1"> </body> Inserindo arquivos SWF de áudio e vídeo com OBJECT e EMBED Para inserir um arquivo do Flash (SWF) de áudio e vídeo é utilizado a Tag <OBJECT>, seguido do parâmetro PARAM que possui as seguintes opções: width largura do arquivo em pixels; Multimídia 3

4 height - altura do arquivo em pixels; name="movie" - nome do arquivo SWF; name="play" usando o valor true, o vídeo inicia executando e false inicia parado; name="loop" usando o valor true, o vídeo fica executando infinitamente e false exibe o vídeo apenas uma vez; name="quality" usando o valor high, o vídeo fica com qualidade alta e low com qualidade baixa; A Tag <EMBED> possui as mesmas opções da Tag <OBJECT> além da opção src que especifica o arquivo SWF, possui a Tag type que identifica o tipo do arquivo Flash e a Tag pluginspage que especifica a página de plugin. src - nome do arquivo SWF; type tipo do arquivo, neste caso um arquivo Flash; pluginspage página de download do plugin Flash. Crie uma página chamada video.html, insira o código abaixo e obtenha um arquivo do Flash SWF, que neste caso nomeamos de video.swf. <title> Video com OBJECT e EMBED </title> <object width="560" height="420"> <param name="movie" value="video.swf"> <param name="play" value="true"> <param name="loop" value="false"> <param name="quality" value="high"> Multimídia 4

5 <embed src="video.swf" width="560" height="420" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage=" </embed> </object> </body> Multimídia 5

Fábio Borges de Oliveira. HTML HyperText Markup Language

Fábio Borges de Oliveira. HTML HyperText Markup Language Fábio Borges de Oliveira HTML HyperText Markup Language linha 1 ítem 1 linha 2 linha 3 linha 4 Pré-formatação linha 5 Imagens

Leia mais

Quando acabares de fazer a tua imagem precisas de a gravar em png. Clica em File > Save for Web

Quando acabares de fazer a tua imagem precisas de a gravar em png. Clica em File > Save for Web FLASH TRANSPARENTE Introdução Achas difícil integrar o Macromedia Flash nas tuas actuais páginas de Internet? Neste tutorial vais aprender a criar Flash transparente. Não sabes o que é isto, ou como te

Leia mais

a) Comece um novo arquivo Flash. No Properties Inspector modifique as dimensões do filme para 780 x 100 px.

a) Comece um novo arquivo Flash. No Properties Inspector modifique as dimensões do filme para 780 x 100 px. Prática 4 Publicação 1. Objetivos Entender como publicar um filme Flash na web. Desenvolver um banner animado 2. Recursos Necessários Computador com o programa Macromedia Flash MX ou superior. Bloco de

Leia mais

<HTML5> Autor: Fernando Vaz de Lima Pereira

<HTML5> Autor: Fernando Vaz de Lima Pereira Autor: Fernando Vaz de Lima Pereira 4 Multimídia Os elementos de multimídia possuem grande relevância na estrutura de um site ou página de internet. Além de tornar o conteúdo mais dinâmico com

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

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

Leia mais

Apresentação sobre. Open Flash Chart

Apresentação sobre. Open Flash Chart Apresentação sobre Open Flash Chart O que é o Open Flash Chart? É um framework para a criação de gráficos dinâmicos para o ambiente WEB. Foi criado pelo desenvolvedor John Glazebrook. E hoje possui o apoio

Leia mais

<CENTER> <iframe src="http://www.universo.edu.br" width=740 height=255> </iframe> </CENTER>

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

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 Foi também disponibilizado um formulário de ajuda em html com as tags principais Sítio da aula anterior: http://www.marcosoares.com/aia/11/aula_2010_04_16/

Leia mais

HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011

HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de

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

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I Ensino I nterativo Universidade Anhembi Morumbi Multimídia I Objetivo Apresentar a aplicabilidade do Flash e do Dreamweaver em websites. Tópicos 1. I ntrodução : um filme flash na página 2. Alterando um

Leia mais

Tecnologias Web. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 05 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação

Tecnologias Web. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 05 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Tecnologias Web Notas de Aula Aula 05 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br O que vimos até então? O

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

Leia mais

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma

Leia mais

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar

Leia mais

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

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

Leia mais

Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo

Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de

Leia mais

AULA 11 DESENVOLVIMENTO DE GAMES UTILIZANDO O HTML5

AULA 11 DESENVOLVIMENTO DE GAMES UTILIZANDO O HTML5 AULA 11 DESENVOLVIMENTO DE GAMES UTILIZANDO O HTML5 HTML5 E JAVASCRIPT O HTML5 é a mais recente versão do padrão HTML; fornece-nos muitos recursos para uma maior interatividade e suporte de mídia. Esses

Leia mais

HTML Página 36. Índice

HTML Página 36. Índice PARTE - 6 HTML Página 36 Índice Tabelas... 37 Construindo tabelas Marcação TABLE... 37 Título da Tabela Marcação CAPTION... 37 Cabeçalho da tabela (table headings) Marcação TH... 37 Dados da tabela (table

Leia mais

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr> Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo

Leia mais

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar

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

CARREGAR VARIÁVEIS EXTERNAS PARA O FLASH

CARREGAR VARIÁVEIS EXTERNAS PARA O FLASH CARREGAR VARIÁVEIS EXTERNAS PARA O FLASH Introdução O Flash permite que envies variáveis externas para dentro do.swf usando vários métodos: A partir do HTML que chama o ficheiro.swf A partir de um ficheiro

Leia mais

Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)

Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.) Módulo 17E Revisões de HTML A) Noções básicas de HTML (cont.) Inserção de Imagens A inserção de imagens em documentos HTML é feita através da tag (que não tem tag de fecho). A indicação do local

Leia mais

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento

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

Aplicação para Web I. Manipulando Imagens e Links

Aplicação para Web I. Manipulando Imagens e Links Aplicação para Web I Manipulando Imagens e Links Antes de começar O HTML também é uma linguagem de programação, então deve ser organizada de forma identada também. Estamos aprendendo agora a linguagem

Leia mais

17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce

17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,

Leia mais

PLANO DE SOLUÇÕES INTEGRADAS DE ACESSIBILIDADE PARA TODOS

PLANO DE SOLUÇÕES INTEGRADAS DE ACESSIBILIDADE PARA TODOS PLANO DE SOLUÇÕES INTEGRADAS DE ACESSIBILIDADE PARA TODOS VOLUME VII INFO-ACESSIBILIDADE Porto, Novembro de 2011 VII. PLANO DE INFOACESSIBILIDADE Sítio: CM Satão URL: http://www.cm-satao.pt/ Data: 2 novembro

Leia mais

HTML Parte II. André Tavares da Silva.

HTML Parte II. André Tavares da Silva. HTML Parte II André Tavares da Silva andre.silva@udesc.br Tag BODY - Formatação Cores de textos da página text = texto normal da página

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

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10 HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere

Leia mais

CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira

CSS [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 mais

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 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 mais

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e

Leia mais

PROGRAMAÇÃO EM AMBIENTE WEB I

PROGRAMAÇÃO EM AMBIENTE WEB I PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,

Leia mais

Formatação de Textos e Caracteres

Formatação de Textos e Caracteres Formatação de Textos e Caracteres Os comandos de formatação de caracteres são divididos em dois grupos: lógicos e físicos. Estilos físicos: ... - destaca o texto em negrito ... - exibe o

Leia mais

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários

Leia mais

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

Coleção - Análises de  marketing em clientes de Coleção - Análises de email marketing em clientes de email Introdução Nesta primeira edição da Coletânea de Análises de Email Marketing em Clientes de email, vamos estudar as peculiaridades dos webmails

Leia mais

Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]

Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a] Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 15/04/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Lista de tags, atributos

Leia mais

Criação de Animação com Sprite com HTML CANVAS

Criação de Animação com Sprite com HTML CANVAS Criação de Animação com Sprite com HTML CANVAS Para executar estes exemplos utilizaremos nosso navegador, por causa dos arquivos de imagem. Exemplo 2 Sprites A sequência de Sprite utilizada neste exemplo

Leia mais

HyperText Markup Language HTML. Tabela

HyperText Markup Language HTML. Tabela HyperText Markup Language HTML Tabela Prof. Luis Nícolas de morim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução Tabela consiste em uma estrutura de

Leia mais

Exercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho

Exercí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 mais

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes

Leia mais

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de

Leia mais

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

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

Leia mais

Aula 4: Cores e Multimídia

Aula 4: Cores e Multimídia Aula 4: Cores e Multimídia Nesta quarta aula vamos entender os conceitos de cores na WEB. Veremos como definir a cor da página e dos textos. Aprenderemos a incluir recursos multimídia de som e vídeo em

Leia mais

Adobe. Dreamweaver CS4

Adobe. Dreamweaver CS4 Adobe Dreamweaver CS4 ÍNDICE CAPÍTULO 1 INICIANDO O DREAMWEAVER... 7 CONHECENDO A TELA DO DREAMWEAVER... 8 CAPÍTULO 2 INICIANDO A CRIAÇÃO DO SITE... 15 REDIMENSIONANDO A JANELA DO DOCUMENTO... 18 INSERINDO

Leia mais

Criação de estilos CSS

Criaçã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 mais

Exemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho

Exemplos 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 mais

SIMULADOS & TUTORIAIS

SIMULADOS & 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 mais

Tabelas Div Span Frames Formulários

Tabelas Div Span Frames Formulários Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas

Leia mais

Tabelas. table <table>...</table>

Tabelas. table <table>...</table> Tabelas table ... Explicação: Indica o início e o final de uma determinada tabela. Todas as demais marcas referentes a tabelas - linhas e células - somente serão consideradas se incluidas

Leia mais

CAPÍTULO 22 Como inserir mídia

CAPÍTULO 22 Como inserir mídia CAPÍTULO 22 Como inserir mídia Macromedia Dreamweaver permite adicionar som ou filmes aos sites da Web de maneira rápida e fácil. É possível incorporar ou editar os arquivos e objetos multimídia, como,

Leia mais

Qual a razão do termo cascata na terminologia CSS? A forma como as regras de estilo são aplicadas obedece a 3 princípios básicos: herança,

Qual a razão do termo cascata na terminologia CSS? A forma como as regras de estilo são aplicadas obedece a 3 princípios básicos: herança, Qual a razão do termo cascata na terminologia CSS? A forma como as regras de estilo são aplicadas obedece a 3 princípios básicos: herança, especificidade do seletor e proximidade do elemento estilizado.

Leia mais

I. A LINGUAGEM HTML II. TAGS ESTRUTURA BÁSICA DE UM DOCUMENTO HTML

I. A LINGUAGEM HTML II. TAGS ESTRUTURA BÁSICA DE UM DOCUMENTO HTML I. A LINGUAGEM HTML A linguagem HTML (Hyper Text Markup Language Linguagem de Marcação de Hipertexto) é uma linguagem utilizada para produzir páginas na Web (WWW World Wide Web), criada por Tim Berners-Lee

Leia mais

10. CRIANDO FORMULÁRIOS DO VBA

10. CRIANDO FORMULÁRIOS DO VBA 10. CRIANDO FORMULÁRIOS DO VBA O VBA possui classes apropriadas para a inserção de formulários e seus respectivos controles (caixas de texto, caixas de checagem, botões de comando etc.) em seus projetos.

Leia mais

HTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)

HTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext) HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o

Leia mais

08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão

08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão Tecnologias WEB - CSS Professor Elisson Lobão 1 CSS CSS(Cascade Style Sheets) são folhas de estilo que permitem controlar a aparência dos elementos HTML Vantagens: Grande liberdade de formatação Maior

Leia mais

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo

Leia mais

Programação WEB I BOM (Browser Object Manager)

Programação WEB I BOM (Browser Object Manager) Programação WEB I BOM (Browser Object Manager) Objetos Window Métodos já conhecidos: Window.alert( Texto ); Window.prompt( Digite algo, ); Window.confirm( Deseja mesmo fazer isso ); Window Abrir uma Janela

Leia mais

Flash 8. M14 Trabalhar com Sons

Flash 8. M14 Trabalhar com Sons Flash 8 M14 Trabalhar com Sons Objectivos da sessão: No final da sessão os formandos deverão ser capazes de: Tipos de Sons no Flash Existem dois tipos de sons no Flash: os sons de eventos; Os sons de eventos

Leia mais

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos CURSO BÁSICO DE HTML Alessandro S Silveira Lista de tags e atributos Os tags apresentados aqui formam uma compilação das definições oficiais da linguagem mais as extensões introduzidas por empresas como

Leia mais

Vamos ver como fica no código HTML e CSS na Listagem 1 abaixo:

Vamos 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 mais

Curso PHP Básico. Jairo Charnoski do Nascimento

Curso PHP Básico. Jairo Charnoski do Nascimento Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores

Leia mais

HTML, CSS e JavaScript

HTML, CSS e JavaScript HTML, CSS e JavaScript Contato: Site: http://professores.chapeco.ifsc.edu.br/lara/ 1 Arquivo externo Dentro da tag head: 2 Qual a dirença

Leia mais

CSS. Karen Frigo Busolin

CSS. Karen Frigo Busolin CSS Karen Frigo Busolin O que é CSS? Significa Cascading Style Sheets Estilos define como mostrar elementos HTML Estilos foram adicionandos no HTML 4.0 Estilos na solução de problemas HTML nunca deve a

Leia mais

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.

Leia mais

12/06/2015. Prof. Fabiano Taguchi.

12/06/2015. Prof. Fabiano Taguchi. Prof. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com Solução Adobe para criação de animações e de títulos hipermídia. Consiste em uma poderosa ferramenta para distribuição

Leia mais

HTML. HyperText Markup Language. Elaborado por Marco Soares

HTML. HyperText Markup Language. Elaborado por Marco Soares HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google

Leia mais

Faculdade de Engenharia Departamento de Informática. Composição Web

Faculdade de Engenharia Departamento de Informática. Composição Web Laboratório 3 : HTML> Website OBJECTIVO: O objetivo desta ficha é criar um website sobre um lugar que goste, e publicá-lo na sua área pessoal da UBI. RECOMENDAÇÕES: Use o editor Notepad++. Escreva o seu

Leia mais

HTML: TEXTOS SUMÁRIO. Cabeçalhos para títulos e sub-títulos Parágrafos

HTML: TEXTOS SUMÁRIO. Cabeçalhos para títulos e sub-títulos Parágrafos HTML: TEXTOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Cabeçalhos para títulos e sub-títulos Parágrafos Quebras de linhas Blocos

Leia mais

TecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos

TecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos TecWeb Tecnologias Web Prof. Esp. Douglas Mariano dos Santos Sobre mim Formado na FAU: Faculdade Alfa de Umuarama Sistemas para Internet Formado na FCV MBA em Desenvolvimento para Aplicativos Móveis Trabalhou

Leia mais

07/12/2014. Prof. Fabiano Taguchi. AUTORIA EM TÍTULOS HIPERMÍDIA

07/12/2014. Prof. Fabiano Taguchi.  AUTORIA EM TÍTULOS HIPERMÍDIA Prof. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com AUTORIA EM TÍTULOS HIPERMÍDIA 1 Solução Adobe para criação de animações e de títulos hipermídia. Consiste em uma poderosa

Leia mais

Comandos Extras Formatações no CSS

Comandos Extras Formatações no CSS Comandos Extras Formatações no CSS Propriedade 'background-color': A propriedade background-color define a cor do fundo de um elemento. Propriedade 'color': A propriedade color define a cor do primeiro

Leia mais

Unidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano

Unidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano Programação para Internet Rica 1 Unidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano Objetivo: Apresentar conceitos de introduzir o uso de Folhas de Estilo em Cascata. Bibliografia: W3, 2009; CASCADE,

Leia mais

3. Construção de páginas web Introdução ao HTML

3. 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 mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir HTML @wre2008 1 Sumário Histórico; Resumo XHTML; Tags; Edição de documentos HTML; Publicação de um documento; Estrutura básica de um documento HTML; Edição de documentos

Leia mais

CSS CASCADING STYLE SHEET

CSS 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 mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Tabelas A tag permite a criação de tabelas com linhas e colunas Tabelas devem ser utilizadas para organizar e apresentar dados

Leia mais

INTRODUÇÃO HTML INTR 1 Formador José Calado

INTRODUÇÃO HTML INTR 1 Formador José Calado INTRODUÇÃO HTML 1 TAGS Têm identificadores de início e de fecho Contidas entre os sinais de menor, "" Devem ser sempre escritas em minúsculas Exemplo: - Tag de abertura do corpo do documento

Leia mais

TECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão

TECNOLOGIAS 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 mais

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

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). XHTML 1. Significado do Termo HTML (HyperText Markup Language Linguagem de Marcação de Hipertexto) é a linguagem na qual são feitas as páginas que irão compor um site da Internet. A versão mais recente

Leia mais

Criando estilos. Css. Cada estilo que você cria é definido como uma regra CSS. Cada regra deve-se utilizar a seguinte sintaxe:

Criando estilos. Css. Cada estilo que você cria é definido como uma regra CSS. Cada regra deve-se utilizar a seguinte sintaxe: Css CSS (Style Sheets Cascating - Folhas de Estilo em Cascata) é um estilo criado para melhorar a formatação de textos, imagens, links, tabelas, formulários e etc das suas páginas HTML. o CSS também facilita

Leia mais

Introdução ao AutoCAD Capitulo VI: Adicionar texto

Introdução ao AutoCAD Capitulo VI: Adicionar texto Introdução ao AutoCAD João Manuel R. S. Tavares Objectivos Criar uma linha de texto; Criar caixas de texto (estilo parágrafo); Mudar o estilo do texto (fonte, altura); Utilizar opções de justificação do

Leia mais

Informática I. Aula 3. Aula 3-03/09/2007 1

Informá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 mais

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;

Leia mais

Manual de Utilização e-rh para Servidor em Geral

Manual de Utilização e-rh para Servidor em Geral UNIVERSIDADE ESTADUAL DA PARAÍBA UEPB PRÓ-REITORIA DE RECURSOS HUMANOS P.R.R.H Manual de Utilização e-rh para Servidor em Geral (Informações Adicionais) 1 SUMÁRIO 1. SEÇÃO - INFORMAÇÕES ADICIONAIS... 3

Leia mais

Cascading: Style Sheet

Cascading: 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 mais

HTML: Recursos Básicos e Especiais

HTML: Recursos Básicos e Especiais Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,

Leia mais

INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO

INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO Questões de concurso 1. Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os

Leia mais

Este 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. 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 mais

Web Design Aula 21: Posicionamento

Web Design Aula 21: Posicionamento Web Design Aula 21: Posicionamento Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Posicionamento Estático Relativo Absoluto Absoluto e Relativo Relativo x Absoluto Fixo Propriedade

Leia mais

SUPORTE: suporte@panrotas.com.br 11 2764-4890

SUPORTE: suporte@panrotas.com.br 11 2764-4890 MÓDULO 1 Full banner topo Dimensões: 620x90 px Peso máximo: 40 Kb Backup (GIF/JPEG): 620x90 px - 40 Kb (esse arquivo será exibido quando o usuário não possuir o plugin do Flash) MÓDULO 2 - Square superior

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

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 A partir do HTML 4.01, o único modo de alterar a letra (cor, tamanho, tipo, etc.) ou o fundo (cor ou imagem) é utilizando o atributo

Leia mais

Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho

Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5 Jessica da Silva Hahn Letícia Aparecida Coelho Internet HTTP Dois métodos de requisição HTTP são os mais utilizados: GET e POST Outros

Leia mais

Prof. Erwin Alexander Uhlmann 1/7/2010. Agora vamos elaborar um menu de navegação em cascata.

Prof. Erwin Alexander Uhlmann 1/7/2010. Agora vamos elaborar um menu de navegação em cascata. AULA 4 Menu em cascata Agora vamos elaborar um menu de navegação em cascata Primeiro precisamos elaborar uma lista de possíveis links em html link11 link12

Leia mais