Inicio
Buscar
Ingresar
Registrarse
Starfield: el juego que revolucionará el espacio y la tecnología
Hack x Crack - Comunidad de Seguridad informática
»
Programación
»
Programación Web
»
Diseño web
»
Diseño web by Alan++
Imprimir
Páginas: [
1
]
2
3
4
5
6
Ir Abajo
Autor
Tema: Diseño web by Alan++ (Leído 81592 veces)
Alan++
{ L5 } Smurf
Mensajes: 709
[banned]
Diseño web by Alan++
«
en:
Abril 30, 2013, 10:05:13 pm »
Para comenzar... olvidemos todo lo que creamos saber sobre diseño web, atar los diseños a una estructura basado en lo que los libros (o paginas en la actualidad) recomiendan es el primer fallo, un diseño web desde su concepcion debe estar enmarcado en las reglas del diseñador mismo pero nunca por las reglas o limites que la mayoria de diseñadores impongan, no hay dos diseñadores iguales e intentar seguir las reglas aunque a largo plazo, y con la experiencia, veas el beneficio en el principio va a generarte el mayor de los problemas
Podria adentrarme en el corazon de los fundamentos de html o css, dos pilares del diseño web, pero en cambio creo que antes de comenzar con los primeros bocetos es necesario comprender que muchas de las costumbres que uno acepta en realidad son prescindibles
Para empezar cualquier pagina web programada decentemente muestra su codigo fuente, si hay algo que te llama la atencion solo basta con ver el codigo fuente, en general apretando el boton derecho o si algun vivillo prohibe tal accion podes "guardar" la pagina y todo, y cada uno de los archivos, van a guardarse en la direccion donde lo hayas guardardo... pudiendolos abrir como archivo de texto plano y teniendo a mano el famoso codigo fuente
Una vez que sabemos que es posible examinar la gran mayoria de diseños es interesante comprender la arquitectura mas usuales de las paginas webs, es muy sencillo, hoy la forma mas comun y utilizada se basa en un archivo principal relacionado con todos los otros archivos a traves de links a ellos o de llamadas... es decir que los atributos de la pagina web sea color, animaciones, caracteristicas en general van a encontrarse en un archivo que va a relacionarse a la pagina que estemos mirando, o en los casos mas antiguos van a encontrarse dentro de la misma
¿Porque se hace esto?
La principal razon es orden, todas las animaciones juntas, todos los formatos juntos, todos los eventos juntos, cuando quiero generar algo nuevo es facil elegir donde agregarlo y en caso de querer ver algo en particular o modificarlo tambien disminuyen el tiempo de busqueda... ya adentrandonos en lo que seria algo mas tecnico, todo lo que contiene algun estilo de la web va a encontrarse dentro de un ".css", todo lo que sean eventos dentro de un ".js", todo lo que sea traslado de informacion ".php" o todo lo que sea informacion y contenido (sacando el estilo, me refiero al contenido textual) dentro de un ".html", hay mas posibilidades pero en estas se resumen el %95 de lo que se utiliza en el diseño web
NOTA:".css",".js",".php" y ".html" pueden parecer siglas sin sentido y en realidad lo son, son la terminacion del archivo que identifica como debe abrirse, asi como un ".doc" es de word, un ".xls" es un excel y un monton de archivos que uno maneja diariamente, estas 4 terminaciones mencionadas tiene la misma funcion, identificar que tipo de archivo es y como debe leerlo el navegador
¿Esto significa que siempre los voy a encontrar asi?
Claro que no, las caracteristicas que formalmente se utilizan en archivos separados y enlazados a veces se encuentran en el mismo archivo madre, en esos casos en particular el comprender como funciona se vuelve un acertijo egipcio que la experiencia ayuda a resolver
¿Como se cuando sucede cada caso?
Con el tiempo voy a llegar a esa pregunta
...
Continuara (clase 02 - "La primera pregunta")
Pd: depende la cantidad de comentarios que obtenga el post va a ser la periodicidad con la que voy a continuarlo...
Continuar a la Clase Nº 2
___
edited
___
arreglada la url hacia la clase 2
«
Última modificación: Mayo 10, 2016, 09:08:33 pm por b10s_0v3rr1d3
»
En línea
Bryan20
{ L7 } Juanker
Mensajes: 1129
Si Esta Programado por Humanos, Es Vulnerable
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #1 en:
Abril 30, 2013, 10:17:27 pm »
Genial Alan. Gran Aporte.
Salu2
En línea
IX_NEVER_DIE
{ L4 } Geek
Mensajes: 316
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #2 en:
Abril 30, 2013, 10:24:53 pm »
A mi me es necesario todo esto estoy trabajando en unos proyectos de la universidad y tus aportes son valiosos, gracias.
En línea
ivandc
{ L0 } Ñuub
Mensajes: 12
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #3 en:
Abril 30, 2013, 10:38:40 pm »
gran aporte amigo, sigue así con fuerzas y entre todos hacemos algo bueno. Yo estoy haciendo un curso en mi ciudad te dejo el enlace y me cuentas que te parece yo creo que esta bien son 200h y hacemos un poco de todo html, algo de javascrip, css, aunque no meti codigo de javascript ni css, lo que hice fue a traves de dreamweaver como por ejemplo la barra de menus spry y así. te dejo el enlace
http://www.academiadisket.com/?page_id=96
saludos
En línea
anonimic
{ L3 } Über
Mensajes: 164
aprendiendo de todo un poco
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #4 en:
Abril 30, 2013, 11:35:38 pm »
excelente aporte alan ... espero que de lo que publiques se me quede algo
En línea
La ignorancia te hace feliz y el conocimiento te hace libre es tu decision ser feliz o ser libre...
anonimic.wordpress.com <--- entren y comenten
NSB
{ L0 } Ñuub
Mensajes: 49
Eres lo que eres, Mas no eres lo que quieres ser
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #5 en:
Mayo 01, 2013, 01:38:32 am »
Grandisimo aporte!!! Que venga rapido la clase 2
En línea
<[Zoro]248>
{ L7 } Juanker
Mensajes: 1435
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #6 en:
Mayo 01, 2013, 04:07:18 am »
Excelente! Esperando las demas clases
En línea
La Ignorancia es Felicidad pero el Conocimiento te hace Libre!, pero al final tu decides
JAG
{ L7 } Juanker
Mensajes: 1561
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #7 en:
Mayo 01, 2013, 10:02:17 am »
Vaya!! Sorprendido estoy... no me esperaba estas clases! Se por experiencia que te manejas muy bien en diseño y que lo explicas también bastante bien. Muchos aprenderán bastante con todo esto si lo siguen un poco.
Saludos!
En línea
quuim
Project Member
{ L4 } Geek
Mensajes: 430
Si votar sirviera para algo, sería ilegal
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #8 en:
Mayo 01, 2013, 12:53:34 pm »
Muy bueno Alan! Sinceramente, como ha dicho JAG no me esperaba esas clases pero ya que las estás dando las seguiré con mucho interes. Espero la segunda!
En línea
Quien rie el último, piensa más lento
Backtrack
- Giving machine guns to monkeys since 2006
You have an error in your SQL syntax check the manual that corresponds to your MySQL server version for the right syntax to us
DanielJIxL
{ L0 } Ñuub
Mensajes: 2
Mantener la mente Libre
Re:Diseño web by Alan++ (clase 01)
«
Respuesta #9 en:
Mayo 01, 2013, 03:29:22 pm »
muy buen material, espero el resto de las clases
En línea
Se Libre, para pensar en grande
Imprimir
Páginas: [
1
]
2
3
4
5
6
Ir Arriba
Hack x Crack - Comunidad de Seguridad informática
»
Programación
»
Programación Web
»
Diseño web
»
Diseño web by Alan++
Va un mudo y le dice a un sordo: Hack x Crack usa cookies. Pues eso...
OK
Learn more