8 - Diseño web 1 - Boceto y Layout del sitio web

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
2,760
Loading...
Alert icon
Sign in or sign up now!
Alert icon

Uploaded by on Apr 20, 2011

Para crear un sitio web hay que seguir unos pasos básicos como crear uno o más bocetos que muestren la

diagramación de las paginas. Empezamos con un boceto a mano y después en el programa Illustrator creamos la diagramación de los respectivos contenedores (DIVs) con sus medidas y propiedades.

  • likes, 0 dislikes

Link to this comment:

Share to:

Uploader Comments (edugrafico)

  • Hola, estoy super contento por tutorial ya que esta muy claro todo, pero me asalta una duda, como hiciste la pagina en illustrator y como llevaste a medidas cada sección de ella. Saludos y te felicito por que hoy en día la gente no tiene la dedicación para realizar estas tareas.

  • @zeuz8811 en illustrator debes crear el documento a medida en pixeles (hoy en dia se recomienda 1002 x 618 px) y a una resolucion de 72. Ahi puedes crear en capas las partes de la pagina como el fondo y la cabecera, luego en otra capa la parte interna como imagenes y textos (se utilizan textos en imagen para un uso mas visual y textos simulando contenidos que luego se crearan en dreamweaver). Prometo hacer unos tutos especificamente para crear artes.

    Saludos,

  • Crea el documento con medida "web" en pixeles con resolución de 72.

    Al crear rectángulos o círculos con un click en pantalla puedes ingresar los valores. Si los creaste arrastrando el mouse podras ver estas solo si los seleccionas y en la barra debajo del menú principal veras las medidas, sino aparece vas al menú Ventana y abres el panel transformar, ahí salen las medidas y puedes modificarlas si gustas.

    Espero que esta información te sea de ayuda.

    Saludos!!!

  • Muy claros y buenos los tutos, gracias :) tengo la siguiente pregunta, como hago la diagramación en ilustrator, no se como hacer para que salgan las medidas de cada objeto. nuevamente gracias.

  • @kinnor21 Tienes el panel transformar en el menu ventana, recuerda trabajar en pixeles y a una resolucion de 72. Ya vienen tutos de como crear artes.

    Saludos,

see all

All Comments (8)

Sign In or Sign Up now to post a comment!
  • exelente tutorial amigo, sigue así, pulgar arriba.

  • tu eres el puto amo de las layouts

  • Yo quiero es un Layout, para poner mis vídeos, tutoriales, y muchas cosas, pero no se cómo. solo quiero crearlo y subir los archivos al filezilla.

    Sería grandioso :D

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more