[Cerrada] Escuela de diseño web

Avisos

Like Tree11Gracias

 
 
Herramientas Desplegado
  #1  
16/12/2014
Información [Cerrada] Escuela de diseño web
Hola y bienvenidos a la sección de dudas, problemas, ideas y todo lo relacionado a resolver o/y agregar, para un mayor orden en la escuela. Una vez conocida la funcionalidad de este tema he de presentarme.
Soy Rdio mejor dicho Alex, seré su maestro y mas que nada su amigo, mi propio alumno para se mas correcto. Tengo algo de experiencia con el diseño web me tomo mas de 4 años desarrollarlo correctamente 1 uno para saber con lo que estoy trabajando. Algo que olvide mencionar es que no solo responderé cosas relacionadas con el diseño web, si no también sobre mi, si quieren saber algo sobre mi no tenga miedo.

Aun no tengo una lista correcta de las preguntas frecuentes dado caso que no se como las generen o como las mentalizan pero bueno. Otra cosa mas si tiene dudas pueden hacerlas personalmente via MP o mi skype: snip3rdi4mond . Por ultimo me parecería recomendable hacer un grupo de skype por si acaso.
Gracias: ParritaGhoul!
  #2  
16/12/2014
Bombilla [Clase 0 - Teoría] Definición y Jerarquía de diseño web

Teoría: Definición y Jerarquía de diseño web


Antes de comenzar con la primera clase de esta escuela, se debe de saber con que estamos trabajando, como se forma y como se descompone, en este caso no se trabajara con toda la estructura del diseño web en si, a que me refiero con esto, dado el caso de que esto es un foro es donde por mas se puede empezar.
Trabajaremos con el diseño en si de un foro, mas bien un skin, no se si explicarme correctamente para todos, pero poco a poco se darán cuenta a lo que estamos tratando de llegar.

El diseño web o también conocido como desarrollo web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc), pero no solo eso también se enfoca en establecer un diseño tanto digno o especial a el sitio donde estamos trabajando.


Sin tomar tanto en cuenta como esta estructurado desde la base, solo se fomentara en la vista del navegante. Esta forma-base de su diseño esta en 3 etapas, llamadas de la siguiente forma.
  • Header.
    La cabecera de nuestro sitio, el menu para nuestro navegante y la frase de dicho sitio. Lo mas destacado de esta es: Logo, Navbar(Menu) y Descripción.
    -
  • Cuerpo o Body(en ingles).
    El contenido de nuestro sitio, donde se encuentra documentada toda la información, usuarios, publicidad, etc. Normalmente en foros esta es estructurada de la siguiente forma: Categorías, Foros, Estadísticas, Rangos, Usuarios, Firmas.
    -
  • Footer.
    Parecido al Header, pero se diferencia tanto pequeña como corta, redes sociales, ayuda, derechos de autor o publicidad de otros sitios amigos.


Comenzamos desde su inicio que seria la estructura del código base:
Las 3 categorías con las que trabajaremos, serán las ya mencionadas, Header - Body - Footer. Si olvide algún dato o fundamento, creo que no es de ningún problema, porque solo trabajaremos con el diseño en si. Ya conocido lo que sabemos, también como esta formado, lo que tiene cada modulo y sub-modulo del mismo.
Bien creo que es todo lo que hay que saber, cualquier duda que se tenga puede hacerla en su respectivo tema. Ademas si algún alumno tiene una idea o conocimiento mas que agregar dígamela.



Una vez leído todo, vamos por ello!
Comenzamos la clase 0 que seria para ver como anda cada uno de ustedes y ver si echaron un ojo a la teoría. Como primer trabajo/tarea lo que hará cada uno de ustedes tomando en cuenta el apartado de ¿Como esta estructurado?, usando como ejemplo WaH, van a señalar con un borde rojo o recuadro lo que seria para ustedes el "Header, Body y Footer".
Esto no afectara nada a su calificación, conocimiento es para ver si distinguen algo de otra cosas; ademas es para que vean con lo que estaremos trabajando y usar cada modelo como ejemplo de cada clase que se vea.
  #3  
16/12/2014
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web
No me pegues :'C (?)

Tarea xD

  #4  
16/12/2014
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web

Header



Body



Footer

"Nunca dejéis de sonreír, pues vuestras sonrisas han dado origen a un sinfín de encuentros que nos conducirán a un futuro brillante. Me alegro de haberos conocido... Me alegro de haberte conocido."

  #5  
16/12/2014
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web
No me pegues como ayer (?)
Aqui va:
Header: http://prntscr.com/5hie97
Body: (de ahi hasta el footer) http://prntscr.com/5hieli
Footer: (de ahi hasta abajo xD) http://prntscr.com/5hieym
Los link lo puse asi poruqe no los pude subir a otro host xD
  #6  
23/12/2014
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web
Bueno, tengo que mencionar que aun sigo esperando que le den los permisos a los alumnos faltantes, pero pues ningún Admin me ha logrado contestar. Esta Clase 0 era opcional, si querían entregar el trabajo no hay ningún problema.
Aun no se quien o quienes ya tienen los permisos, esta tan liado con esto llevo esperando 3 semanas (sin contar la semana de mi inicio y la de esperar de aceptación de la escuela). Estaré mandando mensajes a los Admins y por otras razones me quedo despierto tan tarde para ver si los veo conectados..

Ah si de seguir así en las mismas, continuaremos con la escuela pero dará a cada alumno la clase por MP, no quiero terminarla y mucho menos cerrarla!
Los alumnos que ya tengan el permiso por favor de hablarme por skype: snip3rdi4mond
  #7  
16/01/2015
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web
Hola!
No se si lo sepan, pero se los diré, tenemos aproximadamente 3 semanas de no seguir con la Escuela ya sabrán por que. Así que si mañana sale todo bien (encuentro el formato de las 3 clases), continuaremos con esto.
Espero todos los alumnos ya tengan el acceso para ver y comentar, de ser así o no, me daré el derecho de postear la primera Clase.
  #8  
20/01/2015
Favorito [Clase - 1] Logos, Banners y Headers.
Hola a todos!
Después de unas semanas, ya se puede comenzar dichas clases, aunque aun tenemos uno que otro pequeño problema. Así que todos atentos a esta semana que sera la mas pesada, ya que llevamos un retraso muy grande. En mi cabeza la escuela debería de a ver terminado en Enero 5, pero con los problemas, blabla..
Dicho esto, comenzamos.

Lista de Alumnos
David D. Sayer301
Aitor D. levirotem
Aguiar
Green
Zero Black
InjuxaDeLaComarca
Panda
Kaze
Antialias sama
Naren D. Shunior
Drimer
Franco Kuchiki
Auditore D. Zero
Ryuko


Logo (Logotipo).
Es un signo o imagen grafico(a) que identifica una empresa/compañía/fabrica/etc.
-
Banner(Anuncio).
Es un anuncio normalmente rectangular colocado arriba, abajo o en los lados del contenido principal de un sitio web y que enlaza con el sitio web del anunciante. En otros términos es considerable hacerlo pasar también por un logotipo pero con dimensiones mas grandes.
-
Header(Cabecera).
Es la parte general del sitio donde se aloja el logotipo y la información de dicho sitio web. Es decir, es un rectángulo grande, donde se encuentra información respecto al sitio.


Comparando cada uno con su utilidad y/e significado el mas importante es el Header, ya que es la parte principal del foro, donde se aloja el logotipo + banners. Para simplificar su diferencia, el logotipo es el significado del contenido del sitio web, el banner es mas que nada publicidad con respecto al sitio y el header es la parte donde se encuentran ambos contenidos.


Aplicando el conocimiento previsto,se mostrara cada termino en WaH:

Como se darán cuenta el logo no esta en si en el Header, pero esta dentro del respectivo lugar. Lamentablemente WaH no tiene los banners en su header, pero los podremos encontrar en otros lugares de la web/foro.

Ahora usemos esta teoría en practica. Si hacemos un boceto en Photoshop sin ningún estilo de capa, solo retocando el lugar de cada cosa, es decir (header,logotipo y banner):

-
Así es como "normalmente" se ven los 3 elementos juntos, bien, ahora hagamos la magia de como en verdad se verían en un sitio:

Bien ya tenemos un poco concluido lo que es un Header, Logo y Banner. Asi que es hora de que cada uno de ustedes lo pongo en practica.


La tarea de la primera clase, sera hacer un Header con su respectivo Logo o Banner, no precisamente tiene que ser como el que se mostró de ejemplo: se puede buscar por la red otro tipo de estructura, el punto en si, es que usted muestre que aprendió esta clase.
Cualquier pregunta con respecto a esto, pueden comentar en este tema:

http://wahackforo.com/t-31335/faq-dudas-problemas-ideas

Suerte, tienen hasta el 24 de Enero para entregar su trabajo, cualquier problema que ocurra con esto se cambiara la fecha de entrega.
  #9  
21/01/2015
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web
Header

Spoiler



Body

Spoiler



Footer

Spoiler


GREENMOTION.DEVIANTART.COM
  #10  
21/01/2015
Predeterminado Mi tarea
Ya tengo los permisos ^^

Header



Body



Footer

 

Etiquetas
clase1

Herramientas
Desplegado

Permisos para publicar mensajes
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los BB code están Activado
Los Emoticones están Activado
El código [IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Desactivado



Extra
Estilo clásico
La franja horaria es GMT +1. Ahora son las 11:27.