Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


Manipulação de Imagem em Páginas Web: HTML, Notas de estudo de Informática

Saiba como inserir imagens em páginas html, como definir fundos de página, utilizar tags <img> e <a> para inserir imagens em texto e criar links, além de dicas sobre escolha de formatos de imagens e tamanhos de borda.

Tipologia: Notas de estudo

Antes de 2010

Compartilhado em 24/02/2009

vinicius-nascimento-8
vinicius-nascimento-8 🇧🇷

3

(2)

13 documentos

1 / 2

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
TUTORIAIS
Photoshop
Flash
FrontPage
Dreamweaver
Dhtml
Html
ASP
PHP
JOGOS
Homepage
Antevisões
Análises
Top 10
Demos
Jogos Online
Códigos/Cheats
GALERIAS
Gifs Animados
Clipart
Sons
Fontes
Scripts
FÓRUNS
Tecnologia
Software
Hardware
Flash
Anúncios Google
Dicas
Tutoriais
Truques
Imagem
TUTORIAIS DE HTML
5. Multimédia: Som e Imagem Página: 1234567891011
Toda a manipulação de texto e de cor que vi mos pode parecer interessante,
mas é raríssima a págin a na Internet que não cont ém pelo menos uma
imagem.
Podemos começar por ver como se insere um fund o numa página:
<HTML>
<HEAD><TITLE>Página com imagem</TITLE></ HEAD>
<BODY BACKGROUND="imagem.jpg">
<FONT FACE="Arial" SIZE="4">Imagem de fundo</FONT>
</BODY>
</HTML>
Teremos como fundo da página a im agem especificad a no parametro
BACKGROUND, presente na mesma pasta que a nossa p ágina.
Embora não se veja na imagem aci ma, a imagem repete-se em padrão. Não é
aconselhável a utilização de fu ndos complexos, visto qu e podem tornar o texto
pouco legível. Também é recomend ável a escolha de uma cor sufici entemente
contrastante para o texto.
No entanto, para colocarmos uma imagem no corpo da nossa página
utilizamos o ‘tag <IMG>. Este ‘tag ’ insere uma im agem no ponto onde é
colocado, e não é fechado, visto que não se trata de um ‘ tag’ de formatação.
<BODY BGCOLOR="#66CCFF">
<P>Olá, sou o Eduardo</P>
<P><IMG SRC="eduardo.jpg" ALT="Sou eu!">< /P>
</BODY>
Tem o resultado seguinte:
ANÚNCIOS
Walkie Talkie Celular Da
Não perca esta
oportunidade.
39,00 R$
Micro-câmara Kit Sem
Compre desde casa, sem
esperas.
89,89 €
Livro Máquinas Elétricas -
Este é um bom momento
para ler.
28,00 €
IES-Imagem
Cursos de Ultra-Sonografia
Fortaleza-CE
www.iesimagem.com.br
Carmen Martins
Consultoria de Imagem e Estilo
Descubra e revele seu estilo!
www.carmenmartins.blogspot.com
HTML Viewer
Award Winning Internet Explorer
Plug-In to analyze HTML and HTTP
www.iewatch.com
Curso profissionalizante passo a
passo 100 páginas ilustradas R$
36,
www.terion.com.br
Truques e Dicas - Tutoriais de HTML - Multimédia: Som e Imagem
http://ww w.truquesedicas.com/tutoriais/html/00001g.htm
1 de 2 25/2/2009 10:08
pf2

Pré-visualização parcial do texto

Baixe Manipulação de Imagem em Páginas Web: HTML e outras Notas de estudo em PDF para Informática, somente na Docsity!

TUTORIAIS

Photoshop Flash FrontPage Dreamweaver Dhtml Html

ASP

PHP JOGOS

Homepage Antevisões Análises Top 10 Demos Jogos Online Códigos/Cheats GALERIAS Gifs Animados Clipart Sons Fontes Scripts

FÓRUNS

Tecnologia Software Hardware Flash

Anúncios Google

Dicas Tutoriais Truques Imagem

TUTORIAIS DE HTML

5. Multimédia: Som e Imagem Página:^1234567891011

Toda a manipulação de texto e de cor que vimos pode parecer interessante, mas é raríssima a página na Internet que não contém pelo menos uma imagem. Podemos começar por ver como se insere um fundo numa página:

Página com imagem

Imagem de fundo

Teremos como fundo da página a imagem especificada no parametro BACKGROUND, presente na mesma pasta que a nossa página. Embora não se veja na imagem acima, a imagem repete-se em padrão. Não é aconselhável a utilização de fundos complexos, visto que podem tornar o texto pouco legível. Também é recomendável a escolha de uma cor suficientemente contrastante para o texto. No entanto, para colocarmos uma imagem no corpo da nossa página utilizamos o ‘tag’ . Este ‘tag’ insere uma imagem no ponto onde é colocado, e não é fechado, visto que não se trata de um ‘tag’ de formatação.

Olá, sou o Eduardo

Tem o resultado seguinte:

ANÚNCIOS

Walkie Talkie Celular Da Não perca esta oportunidade. 39,00 R$ Micro-câmara Kit Sem Compre desde casa, sem esperas. 89,89 € Livro Máquinas Elétricas - Este é um bom momento para ler. 28,00 € IES-Imagem Cursos de Ultra-Sonografia Fortaleza-CE www.iesimagem.com.br Carmen Martins Consultoria de Imagem e Estilo Descubra e revele seu estilo! www.carmenmartins.blogspot.com HTML Viewer Award Winning Internet Explorer Plug-In to analyze HTML and HTTP www.iewatch.com Curso Corte de Cabelos Curso profissionalizante passo a passo 100 páginas ilustradas R$ 36, www.terion.com.br

Truques e Dicas - Tutoriais de HTML - Multimédia: Som e Imagem http://www.truquesedicas.com/tutoriais/html/00001g.htm

1 de 2 25/2/2009 10:

As imagens são objectos inseridos no meio do texto, pelo que a sua colocação requer algum planeamento:

Olá, sou o Eduardo. Benvindos à minha página.

Tem um resultado um pouco infeliz: Vamos então analizar o ‘tag’ . O parâmetro SRC (SouRCe) indica o ficheiro da imagem. Deve ser um ficheiro .GIF ou .JPG (ver Dicas para um bom design), e devemos ter atenção às maiusculas e minúsculas do seu nome. O parâmetro ALT indica o texto que irá aparecer enquanto a imagem não é descarregada da Internet, ou que aparece quando passamos com o rato por cima da Imagem. Uma conclusão muito importante é que podemos inserir uma imagem numa secção formatada pelo ‘tag’ , de modo a criar uma link nessa imagem:

Clique abaixo para continuar

Teremos então uma link para ‘paginadois.htm’ na imagem ‘link.gif’: O parâmetro BORDER define a largura da borda da imagem. No caso de esta fazer uma hiper-ligação, a cor desta borda será a cor por defeito, aquela que pode ser definida por , senão será igual à cor do texto. Podemos ainda utilizar BORDER="0" para suprimir a borda. Seguinte

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros

Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos

Truques e Dicas - Tutoriais de HTML - Multimédia: Som e Imagem http://www.truquesedicas.com/tutoriais/html/00001g.htm

2 de 2 25/2/2009 10: