como hacer este tipo de paginas??

Iniciado por Elmonky, 29 Mayo 2012, 20:28 PM

0 Miembros y 1 Visitante están viendo este tema.

Elmonky

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

Azielito

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 (html4strict) [Seleccionar]
  <script type="text/javascript" src="scripts/swfobject.js"></script>
    <script type="text/javascript">
        swfobject.registerObject("fosforoFlash", "9.0.0");
    </script>
    <script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
     <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="scripts/ScrollScreen.js"></script>
    <script type="text/javascript" src="scripts/Bowtie.js"></script>
    <script type="text/javascript" src="scripts/Lands.js"></script>
    <script type="text/javascript" src="scripts/Map.js"></script>
    <script type="text/javascript" src="scripts/Fosforo.js"></script>
    <script type="text/javascript" src="scripts/Portfolio.js"></script>
    <script type="text/javascript" src="scripts/Blog.js"></script>
    <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 ñ_ñ

WarGhost

También decir que para que funcione mas rápido en vez de flash, puedes usar html5/css y canvas.
¿Qué culpa tengo yo de tener la sangre roja y el corazón a la izquierda?

darkvidhack

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

;)
live and let die

la duda es la base de todo conocimiento