Conoce que términos usan ahora en la programación web
Hoy tenemos un post un tanto diferente, si bien no es de diseño gráfico…. si es interesante ampliar un poco los conocimientos. Asi pues, conoce que términos usan ahora en la programación web.
Para empezar vamos a dividir la programación en dos. En primer lugar la programación pura y dura que es el html. En segundo lugar tenemos los CMS como wordpress.
Vamos a hacer hincapié en 3 pilares básicos: Dificultad, Personalización y Costo. Esto es lo que más interesa a la gente, hay más conceptos pero se quedan en un segundo plano.
Aclarando conceptos
En primer lugar hay que aclarar que es eso de la programación web. Es ni más ni menos que el código (abierto o cerrado) que hace funcionar todas las webs del mundo. En este post aclaramos la diferencia entre diseño web y desarrollo web, ya que no son la misma cosa.
En segundo lugar, lo que aquí expondremos esta vinculado totalmente al desarrollo web. Todas esas lineas de texto y signos que suenan a «chino», pero sin las cuales no existirían las páginas web.
También quiero dejar claro que todos esos anuncios que dicen que «tu mismo puedes crear tu web» son una sarta de mentiras y en los próximos párrafos lo demostraré. Esta claro que cada vez es más fácil crear un web, pero entender como funciona es primordial para cuando salga algún imprevisto….que saldrá seguro.
Asi pues, dicho esto vamos a desglosar los pilares básicos (y otros) de la programación web.
Conoce que términos usan ahora en la programación web
Dificultad
Lo primero que hay que tener en cuenta a la hora de programar una web es el método que vamos a utilizar para la creación. Podemos utilizar código (HTML) o un gestor de contenidos (WordPress, Joommla, Prestashop, etc etc).
Empezaremos por el más complicado que es código puro y duro. Tienes que especificar cada cosa que la web tiene que hacer. Como debe responder a una acción concreta, que forma debe tener una sección o que color debe verse.
Esto se consigue con Html que es un protocolo que se invento en 1985 por el creador de internet. La dificultad de este sistema radica en sus tecnicismos y su exactitud en la escritura. Hay que escribir las lineas de código exactas, una coma mal puesta u omitida puede darnos muchos dolores de cabeza.
También hay que escribir el código CSS que se dedica a la apariencia visual de la web. Y por si esto fuera poco, tenemos los códigos PHP que interactuan entre la web y el servidor de alojamiento. Y como no, los códigos JavaScript (JS) que ayudan a los navegadores diciéndoles como debe comportarse la web dentro de ellos.
Como veis es la parte difícil de la creación web y antes se realizaban todas de esta manera. Este código es muy técnico y se puede realizar de diversas formas. Hay programas que automatizan el flujo de trabajo.
Los más puristas incluso lo escriben con el bloc de notas. El programa más utilizado es Dreamweaver aunque Atom o Sublime Text tambien tienen muchos usuarios.
Por otra parte los CMS son de arrastrar y soltar, mucho más sencillo a la hora de crear una web. El problema radica en que son bloques cerrados. Se pueden manipular, pero si no sabes codificar en html, no podrás hacer nada. La compatibilidad tambien puede ser un problema y a menudo crean conflictos.
Hay cientos de vídeos para solucionarlos y para aprender, pero hay que entender como funciona y para que sirve. Sino no te sirve de nada ver esos vídeos.
Personalización
El nivel de personalización de los CMS es muy elevado, son miles los desarrolladores que trabajan para que asi sea. Pero, dependes de esos desarrolladores para esa personalización. Como dato curioso, podrías esta un año entero eligiendo como personalizar tu web, pero no depende de ti.
En html la personalización corre a cargo de las CSS y esas tambien las escribe el programador (al igual que el html). Los archivos JS que controlan el comportamiento tambien los escribe el programador y son 100% editables. El nivel de personalización en html es muy superior al de los CMS.
En contraposición los CMS son más rápidos de personalizar al no tener que programar. Pero como he comentado antes, estas vendido a que un desarrollador/programador cree un PLUGIN que haga eso que tu quieres.
Costo
Lo mejor de los CMS? su precio, puedes conseguir casi lo que quieras de forma gratuita. La base es gratuita en wordpress, puedes descargarla desde aquí ☚. Una vez descargada e instalada puedes empezar a personalizarla. Esa es otra ventaja de los CMS, su rapidez de configuración.
Por su lado, el html tambien es gratuito, pero si tienes que recurrir a un profesional el presupuesto se puede disparar a unos cuantos miles de euros. Eso si, tendrás una web 100% como tu deseas (si no te envía a la mier… el programador jajaja).
Los plugin y temas en CMS tambien son gratuitos pero vienen capados. Los mejores temas son de pago y las mejoras de los plugins tambien. Por su parte en html en el presupuesto va incluido lo mejor de lo mejor (según tu programador claro esta).
Términos técnicos de las dos situaciones
- Tema; Es la base personalizable que se sube al CMS para darle forma a tu web. Hay temas para todos los sectores y condiciones.
- Plugins; Son los bloques de códigos que permiten a la web configurarse. También mantienen la web en marcha y funcionando. Como se actualiza automáticamente el mantenimiento es mínimo.
- PHP; es el código que enlaza el html con el servidor de alojamiento de la web.
Los términos en html
Aquí tenemos mucha tela que cortar, es un lenguaje de programación y como tal tiene muchísimos términos técnicos. Daremos los más utilizados y evidentes, asi como más utilizados. Quizás más adelante hagamos otro post más especifico detallandolos todos.
- Etiquetas; son todos los bloques aceptados en la programación html.
- CSS; tambien llamada hoja de estilos, se dedica a darle el aspecto visual a la página. colores, tamaños, o situación dentro de la pagina. Se pueden escribir en páginas separadas y enlazar al html
- JS; código de comportamiento de acción reacción. Especifica a los navegadores y a la web como debe comportarse según la acción realizada. Se pueden escribir en páginas separadas y enlazar al html
- PHP; es el código que enlaza el html con el servidor de alojamiento de la web.
- Body, head; son las etiquetas principales donde se aloja toda la web. la primera lo contiene todo y la segunda….. como su nombre indica es la cabecera. Nombre de la web que se verá en el navegador, icono que se verá en el mismo…. y todos los enlaces a css y js
- Nav, sectión, div; Son las etiquetas que alojan los diferentes sectores de la web, dependiendo de donde se ubiquen tienen una función u otra.
- Atributos; son las diferentes condiciones de las etiquetas. Cada etiqueta puede soportar varios atributos.
- Class; atributos específicos detallados en las css.
Para no extenderme demasiado en un próximo post ampliare más términos técnicos, ya que en html hay muchísimos que aquí no he puesto. Gracias por vuestro tiempo en leer este blog y nos vemos en otro post. Conoce que términos usan ahora en la programación web
