Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Elmonky en 29 Mayo 2012, 20:28 pm



Título: como hacer este tipo de paginas??
Publicado por: Elmonky en 29 Mayo 2012, 20:28 pm
la visite y me encanto, pero nose como y con que herramietas estan echas, si alguien me orienta, se lo voy a agracecer, la pagina es esta:
http://bowtieperiod.com/buenas.html (http://bowtieperiod.com/buenas.html)


Título: Re: como hacer este tipo de paginas??
Publicado por: Azielito en 11 Junio 2012, 16:28 pm
Tarda muchisimo en cargar y eso no es bueno para las páginas, si aun asi quieres algo en el código fuente esta la clave
Código
  1.  <script type="text/javascript" src="scripts/swfobject.js"></script>
  2.    <script type="text/javascript">
  3.        swfobject.registerObject("fosforoFlash", "9.0.0");
  4.    </script>
  5.    <script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
  6.     <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
  7.    <script type="text/javascript" src="scripts/ScrollScreen.js"></script>
  8.    <script type="text/javascript" src="scripts/Bowtie.js"></script>
  9.    <script type="text/javascript" src="scripts/Lands.js"></script>
  10.    <script type="text/javascript" src="scripts/Map.js"></script>
  11.    <script type="text/javascript" src="scripts/Fosforo.js"></script>
  12.    <script type="text/javascript" src="scripts/Portfolio.js"></script>
  13.    <script type="text/javascript" src="scripts/Blog.js"></script>
  14.    <script type="text/javascript" src="scripts/preloadImages.js"></script>

Básicamente es jQuery con modulos

busca informacion acerca de jQuer y los "plugins" que usan ahí y listo! tiene tu página web como esa ñ_ñ


Título: Re: como hacer este tipo de paginas??
Publicado por: WarGhost en 11 Junio 2012, 16:33 pm
También decir que para que funcione mas rápido en vez de flash, puedes usar html5/css y canvas.


Título: Re: como hacer este tipo de paginas??
Publicado por: darkvidhack en 18 Junio 2012, 00:14 am
Como ya te dijeron aprende html5, css3, JQuery... es el presente y futuro de la web ;), para hacer estas páginas estructuran el contenido de la web en diferentes secciones, y los vínculos tienen como destino las mismas, pero siempre dentro del mismo documento html.

El efecto de transición entre una sección y otra se consigue con jquery, y los 'objetos' que no se mueven aunque hagas scrolling simplemente son divs con el atributo "position:fixed".

Saludos

;)