Diseño web (clase 01)
#1
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

...

AUTOR: Alan++

Pd: depende la cantidad de comentarios que obtenga el post va a ser la periodicidad con la que voy a continuarlo...
Existen 10 tipos de personas en el mundo, las que entienden binario y las que no.
Responder
#2
Espero todas las clases con ansias

Gracias por el aporte

Ni te molestes en enviarme un mensaje privado para pedirme ayuda porque NO lo voy a contestar.
Gracias por su atención.
Responder
#3
Me gusta como empezó, veremos como sigue en los siguientes post.



Algunas cosas que deberías corregir:

Esta definición: "son la terminacion del archivo que identifica como debe abrirse" me parece poco adecuada y vaga.



Hablás de que podés descargar los sitios enteros pero no aclarás que lo único que se descarga es la parte del diseño (html, css, javascript), es decir, todo el código fuente que se ejecuta desde el servidor (normalmente código php) no puede ser descargado.
Responder
#4
(14/10/2013, 11:28 PM)Neeeeeeeeeel.- escribió: Me gusta como empezó, veremos como sigue en los siguientes post.



Algunas cosas que deberías corregir:

Esta definición: "son la terminacion del archivo que identifica como debe abrirse" me parece poco adecuada y vaga.



Hablás de que podés descargar los sitios enteros pero no aclarás que lo único que se descarga es la parte del diseño (html, css, javascript), es decir, todo el código fuente que se ejecuta desde el servidor (normalmente código php) no puede ser descargado.



gracias por tus comentarios constructivos.
Existen 10 tipos de personas en el mundo, las que entienden binario y las que no.
Responder
#5
c&p

http://www.hackxcrack.es/forum/diseno-we...ase-01%29/

no digo que no se puedan hacer estas cosas, pero por lo menos di de donde lo sacaste...
(17/04/2015, 03:36 PM)Neeeeeeeeeel.- escribió: No se va a volver a conectar a internet en toda su puta vida... nadie sube porno a mi foro y vive para contarlo.
Responder
#6
Como bien dice RauliTop si vas a hacer copy&paste tenés que dejar la fuente. Yo creí que lo habías armado vos.
Responder
#7
no, este no lo cree yo, solo es para explicar lo que me estabas pidiendo, el curso lo haré yo, por que no sabia como empezar y tienes razón debí deja fuente pero igual solo queria explicar eso, queda claro que el curso lo voy a armar yo no lo sacare de otra fuente Sonrisa
Existen 10 tipos de personas en el mundo, las que entienden binario y las que no.
Responder
#8
En lo personal mas que sentir que es un copy&paste de algo escrito por mi tengo una sensacion de gratitud...

Es decir, creer que es un material digno de compartir y que va a ser apreciado por otras personas es quizas uno de los halagos mas bonitos que uno puede recibir

El material expuesto es para difundirlo y soy un fiel creyente de que... "solo el conocimiento te hace libre" por lo que te invito a que tomes cualquiera de esos pseudo manuales hechos por mi y los difundas a gusto, siempre mencionando quien los escribio, pero sin necesidad de ninguna otra aclaracion

Gracias!!!

Alan++
Responder
#9
(31/03/2014, 05:40 PM)Alan++ escribió: En lo personal mas que sentir que es un copy&paste de algo escrito por mi tengo una sensacion de gratitud...

Es decir, creer que es un material digno de compartir y que va a ser apreciado por otras personas es quizas uno de los halagos mas bonitos que uno puede recibir

El material expuesto es para difundirlo y soy un fiel creyente de que... "solo el conocimiento te hace libre" por lo que te invito a que tomes cualquiera de esos pseudo manuales hechos por mi y los difundas a gusto, siempre mencionando quien los escribio, pero sin necesidad de ninguna otra aclaracion

Gracias!!!

Alan++
ya que estás en el foro lo puedes hacer tú, no hace falta que otro haga el c&p al que luego no va a dar soporte de algunas dudas que puedan surgir.
(17/04/2015, 03:36 PM)Neeeeeeeeeel.- escribió: No se va a volver a conectar a internet en toda su puta vida... nadie sube porno a mi foro y vive para contarlo.
Responder
#10
Mmmmm...

En la actualidad tengo un chat donde la gente entra a aprender diseño web, solo pueden entrar la gente invitada para evitar un colapso, si alguno esta interesado lo invito personalmente, no tengo ningun problema

En cuanto a responder dudas estoy 100% dispuesto, cualquier duda que tengan pueden preguntarme dentro de esta comunidad y en cuanto lo veo voy a darles la mejor respuesta posible... pero a decir verdad... no veo una seccion de diseño web aqui, y menos aun un enfoque desde la comunidad hacia el diseño web, los temas como este se pierden dentro del "off topic" y cualquiera que quisiera armar la cronologia se veria envuelto por flechas en muchas direcciones

Devolviendo la pregunta (aunque sea incorrecto hacerlo), ¿RauliTop como crees que podria ayudarlos?
Responder
#11
Vas a enseñar HTML o CSS ? Para poder diseñar paginas web se puede usar Dreamweaver CC
(12/03/2014, 08:11 PM)roccoxx escribió: jajajajajajajajajajajajajajajaajajajajajaajajajajajajajajajajajajajajajajajajajajajajajajajjajajjajajajajaja

todo eso elevado a la quinta potencia.
Responder
#12
(01/04/2014, 05:21 PM)Alan++ escribió: Mmmmm...

En la actualidad tengo un chat donde la gente entra a aprender diseño web, solo pueden entrar la gente invitada para evitar un colapso, si alguno esta interesado lo invito personalmente, no tengo ningun problema

En cuanto a responder dudas estoy 100% dispuesto, cualquier duda que tengan pueden preguntarme dentro de esta comunidad y en cuanto lo veo voy a darles la mejor respuesta posible... pero a decir verdad... no veo una seccion de diseño web aqui, y menos aun un enfoque desde la comunidad hacia el diseño web, los temas como este se pierden dentro del "off topic" y cualquiera que quisiera armar la cronologia se veria envuelto por flechas en muchas direcciones

Devolviendo la pregunta (aunque sea incorrecto hacerlo), ¿RauliTop como crees que podria ayudarlos?

digo que lo mejor sería que si quieres poner tus tutoriales aquí, los pongas.

Este foro es de otro tipo, por eso no hay tanta gente intentando aprender diseño web aquí, pero si comienzas a poner tutoriales, seguramente vendrá más gente Gran sonrisa
(17/04/2015, 03:36 PM)Neeeeeeeeeel.- escribió: No se va a volver a conectar a internet en toda su puta vida... nadie sube porno a mi foro y vive para contarlo.
Responder
#13
Acetatomil

Usar dreamweaver es como usar un martillo y un tornillo en vez de una agujereadora... al final, la precision, calidad y estetica se ve afectada, aunque en ambos casos tengas tu agujero hecho

RauliTop

Encontre este foro casi sin querer y a decir verdad no se de que se trata, parecen mods de videojuegos o algo asi, no encontre (entre lo que estuve navegando) una zona que hablara del contenido del foro...

Me encantaria ayudarlos en lo que pueda, y por eso te lo comente anteriormente, si surgue algo en lo que creen que puedo ser util solo basta con hablarlo, hasta ese momento voy a entrar circunstancialmente y ayudar en lo que yo vea que puedo hacerlo
Responder
#14
(03/04/2014, 12:32 AM)Alan++ escribió: RauliTop

Encontre este foro casi sin querer y a decir verdad no se de que se trata, parecen mods de videojuegos o algo asi, no encontre (entre lo que estuve navegando) una zona que hablara del contenido del foro...

Me encantaria ayudarlos en lo que pueda, y por eso te lo comente anteriormente, si surgue algo en lo que creen que puedo ser util solo basta con hablarlo, hasta ese momento voy a entrar circunstancialmente y ayudar en lo que yo vea que puedo hacerlo

Ahora que leo esto, no estarias interesado en armar tutoriales de web?
porque la verdad yo si estoy interesado en aprender muy bien
Idioma: [Extrangez]
Nivel de Amistad: [Depende de ti]

Aportes:
[Mapas]
zm_impressive

zm_laberim
zm_bunkeriM 28%

Made in Venezuela
Responder
#15
(06/04/2020, 05:26 PM)yentci escribió: los fundamentos de html son basicos por ejemplo al principio para mi web yo solicite asesoria con ellos luego me di cuenta que hicieron un trabajo muy bien estructurado con un lenguaje html bien colocado todo funcionó correctamente

ya que vienen a hacer spam, por que no spameamos tambien?

te invito a ver esto el uso de VueJS en una simple pagina scraping una Simple SPA
Competitive/Face it Pick Up Game (PUG) servidor de prueba: 45.77.94.109:27016 Click para Entrar
[Imagen: b_350_20_5A6C3E_383F2D_D2E1B5_2E3226.png]

(14/08/2015, 10:15 PM)Sugisaki escribió: "El mundo es caotico, irracional e injusto. No tiene ningun significado"
Palabras que desde hace mucho tiempo he buscado para describir, ¿Que es el mundo?
Crab

Código PHP:
if(ayuda && free)
{
    exit();

Responder
#16
Siguiendo lo que dijo Sugisaki, VueJS en lo personal considero que es la mejor herramienta para diseñar hoy en día (la utilizo en todos mis proyectos y repito, en lo personal creo que supera a Angular y React).

Debido a estos frameworks que agilizan mucho el trabajo, los sitios web empiezan a ser puramente Javascript (por lo menos el FrontEnd) y si uno ofusca el código (con un obfuscator) va a ser difícil que viendo el código fuente se entienda que es. De hecho no se va a entender nada.

Empezar por las bases del diseño no esta mal, siempre se va a necesitar conocimiento en HTML y CSS. Pero me parece que podrías haber dejado ejemplos desde la primer clase y que sean distintos a lo que se encuentra googleando un poco, porque sobre esto ya hay muchísima información.

La próxima tecnología son el concepto de API (podría ser REST) y las SPA.

Saludos.
Responder
#17
(11/04/2020, 11:18 AM)Adoc escribió: Debido a estos frameworks que agilizan mucho el trabajo, los sitios web empiezan a ser puramente Javascript (por lo menos el FrontEnd) y si uno ofusca el código (con un obfuscator) va a ser difícil que viendo el código fuente se entienda que es. De hecho no se va a entender nada.

se puede deobfuscar sin problemas, lo que cambiaran son los nombres de las variables y las funciones declaradas, y si se usa un obfuscator inteligente este dividira los strings y le agregara cosas aleatorias, pero para las funciones ya predefinidas como ajax, no tendra mucho impacto y se puede leer el contenido sin ningun problema
Competitive/Face it Pick Up Game (PUG) servidor de prueba: 45.77.94.109:27016 Click para Entrar
[Imagen: b_350_20_5A6C3E_383F2D_D2E1B5_2E3226.png]

(14/08/2015, 10:15 PM)Sugisaki escribió: "El mundo es caotico, irracional e injusto. No tiene ningun significado"
Palabras que desde hace mucho tiempo he buscado para describir, ¿Que es el mundo?
Crab

Código PHP:
if(ayuda && free)
{
    exit();

Responder
#18
(11/04/2020, 11:45 AM)Sugisaki escribió: se puede deobfuscar sin problemas, lo que cambiaran son los nombres de las variables y las funciones declaradas, y si se usa un obfuscator inteligente este dividira los strings y le agregara cosas aleatorias, pero para las funciones ya predefinidas como ajax, no tendra mucho impacto y se puede leer el contenido sin ningun problema

Claro que se puede deobfuscar, nunca dije lo contrario, pero eso requiere más trabajo que simplemente ver el código fuente y depende el obfuscator que utilices, va a ser más difícil obtener el código original y entenderlo.
Responder


Salto de foro:


Usuarios navegando en este tema: 1 invitado(s)