Posteado por: Malatesta en: 20 septiembre, 2009
Luego de más o menos siete meses sin escribir una nota, y ni siquiera habiendo recordado este blog, vuelvo a pasar, esta vez con un conocimiento mucho más grande dentro de lo que es el Diseño Web y los lenguajes de programación.
Quizás no tenga sentido, porque si no me equivoco, durante estos siete meses NADIE visitó el Blog. De todas formas me la RE chupa, ya que creo que igualmente está bueno dejar todo mi humilde conocimiento dentro de estas hojas virtuales, para que así algun día, a alguien -sea quién sea- le sirva.
Demos un repaso…
Allá por febrero, me había quedado relatando unos artículos sobre las etiquetas principales del lenguaje HTML (Hiper Text Markup Language). Dichas etiquetas, como sabemos, son: <html>, <head>, y <body>. Además de estas, existen una cantidad ENORME de etiquetas que se insertan dentro de las anteriormente mencionadas.
Usemos como ejemplo las etiquetas que se insertan dentro del <head>. Estas sirven para darle el título al documento HTML que estamos creando (<title>Título de la página</title>). También podemos insertar estilos, ya sean exportados (<link>) o escritos dentro del documento con el que estamos trabajando (<style>).
En fin, hasta aca vamos bien.
(DESPUÉS SIGO ESCRIBIENDO)
Posteado por: Malatesta en: 22 febrero, 2009
Previously, on MundoWebmaster… (?)
Eso es todo por ahora. En el siguiente artículo voy a explicarles a fondo para qué sirve la etiqueta HEAD.
Como lo prometido es deuda (Re que no lo prometí, simplemente lo dije, putos [?].), acá viene la explicación
Como ya dije anteriormente, dentro del Header se ubican los atributos del sitio web. Las etiquetas <meta> muestran la información de la página, es decír, el autor, los tags, la descripción, el lugar donde fue creada, etc.
Para insertar las etiquetas Meta, se debe poner el nombre de esta (obviamente, DAAA..) junto con los atritutos correspondientes, los cuales, en el caso de la etiqueta meta, son “Name” y Content”. Sabiendo ésto, una etiqueta META nos queda así:
<meta name=” * ” content=” *2 “>
Meta: Nombre de la etiqueta
Name: En este lugar se inserta el nombre del Meta que quiere ponerse. Por ejemplo, si quiero hacer uno con la descripción del sitio, debo poner en este area “description”.
Content: Acá va el contenido del Meta que se está agregando. En el caso de un Meta con la descripción de un Sitio web de Cocina y Decoración de Interiores, sería algo como esto: content=”Sitio dedicado a la cocina y decoración de Interiores, con la participación de Mirtha Legrand”.
* y *2: Dentro de cada atributo se inserta su contenido.
Utilizando el ejemplo anteriormente dicho, un Meta de descripción COMPLETO, nos queda así:
<meta name=”description” content=”Sitio dedicado a la cocina y decoración de Interiores, con la participación de Mirtha Legrand y de un puto que tiene una tanga de piel de leopardo.”>
En algún artículo próximo voy a hablar más detalladamente de las etiquetas META que pueden usarse…
Bueno, sigamos.
Para insertar el título de la página, se usa la etiqueta <title>. El título completo es así:
<title>Cocineritas y Decoradoras :: Sitio web de Decoración de Interiores y Cocina</title>
Hay muchas otras cosas que pueden agregarse al Header, pero estas son las fundamentales y más comunes, asi que por ahora les dejo eso.
Saludos!
Posteado por: Malatesta en: 21 febrero, 2009
Bueno, seguímos con los artículos de ayudita (?) para HTML.
Como ya vimos anteriormente, HTML es un lenguaje de Hipertexto, el cual se maneja por medio de etiquetas, las cuales se abren y cierran por los caractéres ‘<’ y ‘>’. Cada etiqueta posee atributos, los cuales pueden definir, por ejemplo, el color de texto, su tamaño, el borde de una imagen, entre muchísimas otras cosas.
Bien… Lo que voy a mostrarles ahora es algo para los recién iniciados, como sabrán, esto es un blog de ayuda para principiantes, por ésta sencilla razón, no habrá artículos para avanzados hasta dentro de un tiempito. xD
Sin más charlitas (?), comencemos.
Un documento común de HTML se conforma de algunas etiquetas fundamentales, las cuales dan toda la forma al sitio web. Estas etiquetas son:
Dentro de la Etiqueta HTML se encuentra toda la página, es decír, el Header y el Body.
Dentro de la Etiqueta HEAD se encuentran todos los atributos de la página. Acá se insertan los <meta>, los cuales proporcionan información acerca de la página, entre otras cosas importantes. Dentro del Head también se inserta el shortcut icon (El icono que aparece al costado izquierdo de la barra de navegación del navegador), y las hojas de estilo CSS, entre otras cosas.
Dentro del Body se encuentra todo el contenido del sitio web, las tablas, fondo, texto, imágenes, etc.
Entonces, teniendo en cuenta eso, sabemos que la estructura fundamental de un documento HTML es así:
<html>
<head>
-contenido del Head (<meta>, <link>, <title>, etc)-
</head>
<body>
-Contenido de la página-
</body>
</html>
Eso es todo por ahora. En el siguiente artículo voy a explicarles a fondo para qué sirve la etiqueta HEAD.
Saludos! Peace! (?)
Posteado por: Malatesta en: 21 febrero, 2009
Para comenzar a experimentar con HTML, primero tenemos que saber lo que estamos haciendo, y qué mejor manera de saberlo que leyendo este hermoso, adorable, esplendido y maravilloso (¿Por qué mierda tan descriptivo, pegajoso y amanerado? También me lo preguntó yo) artículo, extraído obviamente de la sagrada Wikipedia.
HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de “etiquetas”, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
Por convención, los archivos de formato HTML usan la extensión .htm o .html.
Pequeña introducción que nos va a servir muchísimo para familiarizarnos con este tipo de programación. Quizás para el recién ingresado a esto, le esté pareciendo que es muy complicado, y que quizás es parecido a aprender a leer, y está en lo correcto. Lo bueno es que cuando empieza a conocerse lo básico y se empieza a familiarizar con el código y su estructura, termina siendo una tremenda boludez leer el código fuente de un sitio web y conocer cómo está formado, qué tipos de código usa, y muchas otras cosas que para los fanáticos de éste campo son muy entretenidas.
Eso es todo por ahora.
Saludos!
Posteado por: Malatesta en: 21 febrero, 2009
Bueno, hace ya bastante tiempo que vengo con la idea de crear mi propio Blog, para compartir ideas, cositas tiernas (?) y otras cosas interesantes.
Como estoy a full con el diseño web, se me ocurrió hacer uno de ésta temática, en el cual voy a publicar distintos tipos de artículos sobre el diseño web, para que así usted (si, ¡Usted! ¡El que lee! [?]) pueda aprender un poquitito más.
Como soy re grosso y me la re banco (?), voy a publicar otros artículos, los cuales no van a tener que ver ni un sorete con la temática del Blog, pero como dije anteriormente, soy grosso y me la banco (?), por eso me importa un carajo lo que digan, porque soy pro. (Fa, tremendo Ego tenía el pibe…)
Bueno, eso es todo papurrines (?), se despide er humirrrrrde señor Toob.-
Últimos Comentarios