Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Imagens Exercício-6

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5466
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Imagens Exercício-6   6/7/2008, 11:52 pm

Agora iremos criar um website completo, para isto há a necessidade de termos um organograma do mesmo, indicando link´s, figuras e todo o seu funcionamento para que fique mais claro e fácil sua elaboração.

Organograma:
[Você precisa estar registrado e conectado para ver esta imagem.]

A Página deverá ficar da seguinte forma ao seguir nosso organograma da página inicial:

[Você precisa estar registrado e conectado para ver esta imagem.]

Usando o seguinte código de fonte da página inicial (index):

Código:
<html>
<head>
<title>Project-HTML Exercicio 6</title>
</head>
<body bgcolor="#000000" link="#0000FF" text="#FFFFFF" background="back.gif">

<p align="center"><img src="banner.png" border="3" width="900" height="200"></p>

<font color="#FFFFFF" size="5" face="comic sans ms">
<p align="center">
<b><u>Bem-Vindo a minha Home page</b></u>
</font>
</p>
<blockquote><blockquote><blockquote><blockquote><blockquote>
<font color="#FFFFFF" size="3" face="comic sans ms">
Conteúdo da minha home page aqui .......................................................................<br>
......................................................................................................................................<br>
......................................................................................................................................<br>

<p align="right"><img src="minina.jpg" border="3" width="170" height="240">
<br>

</font>
</blockquote></blockquote></blockquote></blockquote></blockquote>
<p align="center">
<a href="index.html"><font color="#00FF00" size="3"><b><i>>> Página Inicial <<</b></i></font></a> | <a href="fotos1.html"><font color="#00FF00" size="3"><b><i>Foto de Anime-1</b></i></font></a>
</p>
</body>
</html>

A segundo página de + fotos ficara da seguinte forma:

[Você precisa estar registrado e conectado para ver esta imagem.]

Usando o código de fonte:

Código:
<html>
<head>
<title>Project-HTML Exercicio 6</title>
</head>
<body bgcolor="#000000" link="#0000FF" text="#FFFFFF" background="back.gif">

<p align="center"><img src="banner.png" border="3" width="900" height="200"></p>

<font color="#FFFFFF" size="5" face="comic sans ms">
<p align="center">
<b><u>Bem-Vindo a minha Home page</b></u>
</font>
<br>
<img src="1.jpg" border="0" width="250"></img>

</p>
<p align="center">
<a href="index.html"><font color="#00FF00" size="3"><b><i>>> Página Inicial <<</b></i></font></a> | <a href="fotos1.html"><font color="#00FF00" size="3"><b><i>Foto de Anime-1</b></i></font></a>
</p>

</body>
</html>

Agora galera vou fazer a última página na lição a seguir então preste bem atenção ok. Estudem essa ai que passei para vocês! :study:
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
SY64
Aprendiz
Aprendiz
avatar

Masculino
Número de Mensagens : 7
Idade : 23
Experiencia em Webdesign : Não sei nada pretendo aprender.
Pontos : 2206
Reputação : 1
Data de inscrição : 13/11/2011

MensagemAssunto: Re: Imagens Exercício-6   22/3/2014, 5:19 pm

Lerdo aqui   
Fiz como você nessa parte
Código:
<p align="center"><img src="data/banner.png" border="10" width"920" height="200"></p>
mas quando mudo o width a imagem não se altera, somente quando mudo o height, só que ela muda como se eu estivesse diminuindo uma imagem no photoshop pressionado no shift.
E como funciona a resolução do corpo da pagina? Eu queria alargar mais.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
 
Imagens Exercício-6
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: HTML :: HTML basico-
Ir para: