[Resolvido] [contrução do meu site ] opiniões e bases

amokash · Junho 13, 2009

Bom pessoal, ja faz um tempinho que to olhando ums tutos que salvei desse site, pois antigamente tinha começado a estudar html pra aprender a fazer sites boms e com boa estrutura, porem tinha desistido, ai agora voltei de novo srsrs.

Minha dificuldade no momento é a seguinte:

Estou fazendo um site com uma estrutura bem basica mesmo, em html pelo dreamweaver 8, e tentando adicionar um menu em flash, so que ele tem uma abertura para baixo, e quando abrimos o menu ele acaba tomando o espaço da pagina quase toda ssr, e assim arrasta todo o conteudo para baixo. Quero saber como eu faço para o menu em flash, n tomar o espaço dele fechado e dele aberto na pagina de edição do dreamweaver.

Vou postar umas screems para ficar mais facil de ver o que estou falando.

Como fica no dreamweaver.

http://i43.tinypic.com/5u0ha8.jpg

Como fica no navegador.

http://i44.tinypic.com/33msakg.jpg

Eu fiz uma montagem rapido aqui no ps so pra mostrar como eu quero que fique. (passando por cima)

http://i41.tinypic.com/245f0c7.jpg

Não sei se da pra entender o que eu quero, mais preciso de uma ajuda de vcs para que meu menu fique por cima do restante do conteudo de baixo.

Não sei se aqui pode upar, mais upei somente a pagina do site que esta com problema no desenvolvimento aqui com as imagens e tudo para vcs analisarem e se puder explicar de uma maneira que eu entenda, so preciso de uma ajuda que me viro galera srsrs, muito obrigado diante mao...

So resaltando srsrssr que nada ai é definitivo, estou na fase de layout, é pq eu gosto de ja ir fazendo e vendo como fica, mais as cores menu, tudo a estrutura é tudo teste ainda, posso vir a mudar tudo srsrs, so queria uma ajuda mesmo.

A barra de rolagem ta tosca, mais é que to aprendendo a usar o frame ainda, tentei usar div mais n consegui xD

E o menu ainda sera mais bem feito srsrs que esse ta tosco, so quero aprender como fazer srsrs

O nome é real srsr hiragana animes, "hiragana é alfabeto em japones", sera um site de download de animes upados por eu e meu colega", é bom que eu ja pego a base com vcs...

site upado

http://www.4shared.com/file/111554053/5a729312/SITE_ANIMES.html

se quiserem ver, ta ai o codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Hiragana Animes</title>
<style type="text/css">
<!--
.style1 {color: #000000}
.style11 {color: #999999; font-size: 9px; }
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #FBE550;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
body {
	margin-top: 100px;
	background-color: #CCCCCC;
}
.style12 {color: #E44F12}
.style15 {color: #999999; }
.style16 {font-size: 12px}
-->
</style>
</head>

<body>
<table width="1024" height="600" border="1" align="center" bgcolor="#666666">
  <tr>
	<th height="154" colspan="2" scope="col"><table width="1024" height="150" border="0">
	  <tr>
		<th background="IMAGENS/top copy.png" scope="col"> </th>
	  </tr>
	</table></th>
  </tr>
  <tr>
	<td height="33" colspan="2"><table width="1024" border="0" align="center" bgcolor="#333333">
	  <tr>
		<th height="126" class="style12" scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="634" height="124" align="left">
		  <param name="movie" value="menu.swf">
		  <param name="quality" value="high">
		  <embed src="menu.swf" width="634" height="124" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
		</object></th>
	  </tr>
	</table></td>
  </tr>
  <tr>
	<td width="242" height="183"><em><img src="MATERIA BRUTA/deathnote_1_640.jpg" width="242" height="182"></em></td>
	<td width="776"><table width="740" border="0" cellspacing="10">
	  <tr>
		<th width="728" scope="col"><div align="left"><span class="style15 style16">Um macabro caderno cai nas mãos de um rapaz incrivelmente inteligente.  Raito não somente o testa, como consegue fugir sem problemas e por um  bom tempo de uma equipe de investigação, sendo um dos homens que o  procuram, seu pai. Ele é enfrentado por "L", o melhor detetive do  Japão, e aos poucos consegue até sua confiança, entrando para a equipe.  A história toma um rumo realmente original, um dos melhores animes do  gênero.<br>
			<strong>Death Note</strong> (魔法先生ネギま!) é um <a href="http://desciclo.pedia.ws/wiki/Mang%C3%A1" title="Mangá">mangá</a> que conta a história de dois <a href="http://desciclo.pedia.ws/wiki/Nerd" title="Nerd">nerd</a>s <a href="http://desciclo.pedia.ws/wiki/Emo" title="Emo">emo</a>s chamados <strong>Light Yagami</strong> e <strong>L</strong>, que brigam por causa de um <a href="http://desciclo.pedia.ws/wiki/Di%C3%A1rio" title="Diário">diário</a> da <a href="http://desciclo.pedia.ws/wiki/Hello_Kitty" title="Hello Kitty">Hello Kitty</a> com o poder de matar quem tem o nome escrito nele. A briga se dá por eles serem <a href="http://desciclo.pedia.ws/wiki/Nerd" title="Nerd">inteligentes</a>,  magricelas e fracos, e o objeto é a única forma de se vingar dos  valentões da escola. A trama toda centra-se principalmente em <a href="http://desciclo.pedia.ws/index.php?title=Lista_de_nerdices&action=edit&redlink=1" title="Lista de nerdices (ainda não escrito)">nerdices</a> e <a href="http://desciclo.pedia.ws/wiki/Lista_de_Emices" title="Lista de Emices">emices</a>, o que explica o visual de seus personagens e a falta de colegiais de minissaia. </span></div></th>
	  </tr>
	</table></td>
  </tr>
  <tr>
	<td height="187" colspan="2">
	<center><iframe name=download dos episodios src="episodios-downloads.html" frameborder="1" scrolling="yes" width="900" height="50%"></iframe></center>	 </td>
  </tr>
  <tr>
	<td height="29" colspan="2" bgcolor="#333333"><table width="600" border="0" align="center">
	  <tr>
		<th scope="col"><span class="style11">PARCEIROS</span></th>
		<th scope="col"><span class="style11">PARCEIRO-1</span></th>
		<th scope="col"><span class="style11">PARCEIRO-2</span></th>
		<th scope="col"><span class="style11">PARCEIRO-3</span></th>
		<th scope="col"><span class="style11">PARCEIRO-4</span></th>
	  </tr>
	</table></td>
  </tr>
</table>
<span class="style1"></span>
</body>
</html>

Nícolas · Junho 13, 2009

Cara, eu poderia te ajudar a fazer isso de uma forma muito simples, mas não acho que seria certo.

Acho mais interessante te passar algumas dicas. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Não sei se você já conhece mais hoje em dia exista uma técnica chamada Tableless para montagem de estruturas de site.

Tableless consiste em você montar um layout sem a utilização de tabelas para estruturar seu código, mas sim de div's.

As tabelas ainda são utilizadas mas somente para dados tabulares, que são aqueles que listam relatórios, tabelas de classificação de campeonato e etc.

Como eu disse quando vi seu códigosabia que poderia te ajudar, se fosse um trabalho urgente, eu ajudaria, mas como é um site pessoal então acredito que o melhor seria dar umas dicas para você aprender mais EM CIMA DELE.

=)

Por exemplo, usar iframes para o conteúdo, além de não ser acessível ele ainda não é indexado no google corretamente, porque se o google achar o texto do seu iframe ele não vai abrir a pagina que tem o código do iframe mas sim a que esta sendo aberta dentro dele que também é um html.

E uma outra dica que te dou, perca esse costume de montar tudo sem o layout definido, porque futuramente quando você estiver fazendo algo para um cliente, é melhor mandar o jpg para ele porque se quiser mudar algo fica mais facil de fazer a alteração do que mandar o html e ele pedir mudanças muito significativas que te tomariam mais horas de trabalho.

Bom, vou indicar alguns links pra você dar uma olhada:

Olha essa postagem e a resposta que dei para esse membro, vai te dar uma noção leve das importância de uma estrutra em html bem montada.
http://forum.imasters.com.br/index.php...=241552&hl=

Palestra sobre tableless, muito boa, baixe e assista.
http://files.elcio.com.br/tableless.wmv (220,7 MB) Botão direito -> Salvar link como....

Video aula, montando um layout em tableless, me ajudou muito quando comecei, da uma grande noção das lógicas e comandos.
http://www.tableless.com.br/videotutorial/videotutorial9/

O dreaweaver tem grande suporte para CSS, então você não terá problemas, utiliza esse site que está montando para aprender todas essas coisas, será uma grande experiência.

E além disso o fórum tem muito conteúdo sobre isso e gente disposta a ajudar

:rolleyes:

E relaxa que você explicou direitinho seu problema, seria muito bom se todos os tópicos fossem tão claros como o seu, o fórum agradece ^_^

hehehe

Flw aee velho

Abraço pra ti

Thiago Retondar · Junho 13, 2009

Aí, Nícolas, está voltando com tudo! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Só vou adicionar um link à belíssima explicação do Nícolas.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Série de Video Tutoriais sobre Webstandards, pra quem está começando...

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Menu Drop-Down (Fluido) 3 níveis + Imagens, Funciona no IE6 <o/

Abraços e bons estudos! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

amokash · Junho 13, 2009

Muito obrigado nicolas....

srsrs muito bem explicado, estou nesse momento lendo o link 1 e baixando as duas video aulas com o orbit srsrsrsr

ja vi que vou ter que ficar doente estudando esse novo modo de fazer sites, e começar do zero para evoluir para tableless.

de inicio to achando dificil srssr espero que consiga, vou me esforçar... quando sair um primeiro resultado posto aqui para correções e ajuda srsr.

Brigadao ae nicolas e thiago.. gente boa a galera daqui ^_^

Nícolas · Junho 14, 2009

Dale Thiagão... éé pouco a pouco eu vo voltando ^^

amokash, relaxa que você aprende sim cara, de inicio assusta um pouco mas com pouca coisa se já faz muito, qualquer dúvida só postar no fórum que a galera ajuda.

Abraço :)

Entrar

Arquivado

[Resolvido] [contrução do meu site ] opiniões e bases

Recommended Posts

amokash 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Nícolas 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

amokash 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Nícolas 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

php + mysql - where do select em campo varchar com dados numéricos com zeros a direita

tratar hora no php

Navbar no Nextjs

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante