Marcas de html

El lenguaje HTML es el lenguaje predeterminado para programar páginas en internet. Por medio de un sistema de marcas o etiquetas podemos indicarle al explorador lo que queremos hacer, y como queremos que funcione. Es un lenguaje de hipertexto.

Estas marcas deben iniciarse con <> y terminarse con , aunque algunas no requieren este cierre debido a que ejercen funciones simples y no es necesario especificarlo.

A continuación daremos algunas de las marcas más usuales en este lenguaje de html:
html: Esta marca se pone al inicio de la página, sirve para identificar el contenido del fichero, para que sea reconocido como un documento de web.
head: Indica la cabecera del documento, en esta se incluye información sobre el mismo y usualmente no es visible para los usuarios.
meta: Esta etiqueta fuerza a la página a la actualización cada cierto tiempo.
href url=Fija la dirección base de documentos referenciados mediante la dirección URL de los mismos.
body: Dentro de esta etiqueta se pone todo el contenido del documento, después del título.
!--: Dentro de esta etiqueta van comentarios añadidos que no son visibles para el usuario, sirven para referencias a los programadores sobre el contenido que debe ir en estos.
div: Prefija una información en el html como los que aparecen en las direcciones despues de los slashes como: /www.blogger.com/post-edit.g?blogID
p: Se utiliza para introducir saltos de párrafo, esta marca no requiere necesariamente de cierre.
Esta etiqueta además tiene distinto estilos como:
Align left: Alinea el párrafo a la izquierda.
Align right: Alinea el párrafo a la derecha.
Align center: Alinea el párrafo al centro.
br: Introduce un salto de párrafo.
blockquote: Introduce tabulaciones.
hr: Introduce líneas para separar partes del documento. No requiere de cierre. A su vez el hr puede llevar incluídos los siguientes estilos:
noshade: Quita el efecto de sombra que por defecto lleva el hr.
shade: Permite especificar la longitud de la linea.
Permite introducir un salto de línea en un mismo bloque de texto. Sin espacios entre estos dos.

La conectividad en la web

Al navegar en la web y más aun empezar en el mundo de la programación y creación de nuestro website nos encontramos con conceptos que es necesario conocer para poder ser eficientes diseñadores de web. Por tanto exploraremos los conceptos que suelen ser más comunes y preponderantes en la creación de nuestro sitio web:

El servidor: Al navegar en la web, la cual es una red de información de todo tipo,podemos elegir a nuestro antojo a cuál queremos acceder. Esta información está almacenada en un servidor, el cual es un ordenador de gran potencia que presta el servicio de almacenar información, cuando varios ordenadores estan conectados entre si, forman un Servidor IRC el cual se encarga de que los datos suministrados por el usuario lleguen a su destino e igualmente los que envían los demás usuarios. Es decir, dirigen el tránsito de la información en la web.

Host: Este es lugar donde residen los web sites, este lugar tiene una dirección única de internet y un nombre de dominio. También usualmente se le llama Host a la compañía que proporciona el servicio de almacenar nuestro web site. Hay varias clases de hosting:

e Hosting gratuito: Como su nombre indica, este hosting no tiee precio, sin embargo suele utilizar una carga alta de publicidad, pop ups y banners inundan el website. Sin embargo es posible acceder a algunos servicios donde la publicidad es mínima o no la hay.

e Hosting compartido: Este hosting es comúnmente utilizado por personas y empresas que no requieren de mucho espacio o no tienen el presupuesto suficiente para costear todo un servidor. Sencillamente se trata de un servidor en el que compartimos con otros usuarios espacio y distintos recursos.

e Hosting dedicado: Se trata de obtener un servidor para un solo usuario, así podemos almacenar más de un website. Generalmente es utilizado por sitios que tienen un gran número de visitas o en los que se realizan compras por internet.

e Hosting housing o colocación: Es un alojamiento dedicado pero que pertenece al usuario, no debe rentarlo como en el ya mencionado. Se coloca entonces el servidor en el centro de datos de la empresa de web hosting. Este hosting es más fiable, seguro y de alta capacidad, usualmente es utilizado por empresas que requieren servicios de alta fiabilidad, como bancos, corporaciones de cambio de moneda, etc.

Dominio: Es el nombre único de nuestro website. Con él podemos acceder a nuestro website sin que se confunda con otro. Esto se hace a través de la dirección IP. IP es la sigla para Internet Protocol. Esta IP es el número único que posee toda computadora y a su vez el número que identifica a todo website. Sin embargo como usualmente no podemos recordar estas direcciones, que son numéricas, para esto se usa el dominio, que brinda un nombre único con el que podemos contactar con un website específico.

HTML: Html son las siglas de Hyper text Markup language. Este es el lenguaje más común para el desarrollo del hipertexto el cual vemos a diario en las páginas web, con este lenguaje el programador y/o diseñador hace que su website luzca de una forma u otra, según lo ha designado. Como lo dice su nombre es un lenguaje marcado, predeterminado para diseñar y realizar websites.

PHP: Php son las siglas para Hypertext pre-processor, es un lenguaje de programación que conjuntamente con el html crea sites dinámicos y permite el desarrollo de aplicaciones dentro de los mismos así como la conexión a distintas bases de datos. Este lenguaje se ejecuta en el servidor y no en el navegador. El usuario solo obtiene el resultado de la ejecución de este lenguaje.

CSS: Son las siglas de Cascading Style Sheets. También es un lenguaje de programación y permite tener mucho más control del diseño del website. Podemos tener más manejo de la fuente, colores, tamaño, márgenes y disposición de los elementos. También nos permite manejar y adaptar el diseño a distintos formatos y especificar cómo queremos que el website se comporte en cada uno de ellos.

Mailing: El mailing es una forma de mercadeo que se basa en envíos a listas de correo. Se realiza mediante bases de datos que evidentemente requieren de actualización y segmentación para evitar la duplicación de nombres. El cometido del mailing es lograr atraer potenciales compradores de un producto a la acción de compra. Para esto es necesario contar con todo el arsenal publicitario que logre seducir a los clientes potenciales mediante publicidad atractiva y específica.

Sobre los mapas de navegación web

Al diseñar nuestro web site es necesario tomar en cuenta que en las herramientas hipermediales tienen una gran prevalencia la forma en la que proporcionamos la información al usuario. Si la información no está bien dirigida ni es fácil de hallar, el usuario simplemente abandonará nuestro web site.

Es por esa razón que luego de determinar la información que vamos a brindar, debemos hacer un Mapa de navegación. Este consiste en un diagrama que indica como sería el recorrido que podría establecer el usuario, a partir del home o index.

El diseño de esta manera de acceder a la información es una cuestión de primera prioridad, y por esto debemos pensar en la herramienta que será utilizada por el usuario. Por ejemplo, todos los navegadores están preparados para explorar estructuras hipertextuales como "Siguiente", "Inicio", "Atrás". No sobra decir que estos tipos de controladores sirven principalmente para navegar en narrativas lineales.

Entonces llegamos al tópico de la Arquitectura de información. Se trata de la estructura en la que el usuario puede acceder a los distintos datos del web site. Hay varios tipos:

a Sistemas jerárquicos: Es el sistema más tradicional. En el index o página principal ofreceremos a los usuarios los diferentes niveles que están bajo el home en importancia. Este tipo de navegación tiene limitaciones en ofrecer documentos varios a los usuarios y por esa razón suele combinarse con otros sistemas.

a Sistemas globales: Este tipo de sistema generalmente complementa a un sistema jerárquico ya que posibilitan la navegación en diferentes recorridos además del lineal. Los más comunes ofrecen una barra gráfica donde encontramos temas principales y en cada uno de ellos, podemos ver subtemas mediante menús laterales,o barras específicas de cada uno.

a Sistemas locales: Se utilizan en redes más complejas y a su vez complementan a los sistemas globales. Este se da cuando en cada subtema necesitamos funciones de navegación más específicas. Esto implica que el resto del web site, el sistema global, por ejemplo, debe ser actualizado para mantener una contextualización que no permitirá al usuario caer en la confusión.

a Sistemas específicos: Esto se da cuando tenemos temas y subtemas y hay información que no es posible clasificar concretamente dentro de estos. Podemos verlo cuando hay enlaces disponibles dentro de texto corrido a documentos relacionados, ya sea adentro del web site o perteneciente a otros.

No sobra decir que ningún sistema excluye al otro. Todos se complementan y al hacerse más compleja la navegación, es necesario utilizar más de uno.

Además es importante remarcar que es necesario mantener una actualización para crear un entorno contextual a la información. Debemos brindar al usuario la posibilidad de hallar referencias rápidas para que sepa de qué se trata la información más detallada. Si un usuario no encuentra rápidamente un resumen o una reseña breve, en una gran mayoría no va a leer todo el texto para ver si eso era lo que estaba buscando.

Los formatos de la página web

Las pantallas tienen resoluciones que oscilan entre los 800 x 600 píxeles y los 1024 x 768 píxeles, aunque podemos encontrar monitores más grandes.


Para cada uno de estos tamaños hay un formato sugerido para nuestra página web, por ejemplo:

♦ Para una resolución de 800 x 600, debemos darle al tamaño del diseño web 768 x 500 píxeles.
♦ Para una resolución de 1024 x 768 vamos a utilizar un tamaño de 1000 x 500.píxeles.
♦ Trabajar en 600 x 900 pixeles es un poco más versátil y por eso se recomienda dicha medida.
♦ El formato más utilizado en la web es de 1024×768.
♦ El formato estándar es de 800 x 600, éste es el más apropiado para diseñar.

La narrativa multimedia

Los modos de narrar una historia han variado, cambiado, desde lo lineal hasta lo hipertextual. Aristóteles fue de los primeros que pensó en el funcionamiento de esta en el género de la tragedia. Así, estableció maneras como Inicio Nudo y Desenlace, la cual conocemos ampliamente, este tipo de narrativa lineal es la más convencional. Sin embargo con el transcurrir del tiempo el hombre ha buscado múltiples formas de contar historias, que nos encantan y atrapan y ya no van ceñidos a la secuencia aristotélica. En el siglo XX muchos escritores hicieron lo posible por cortar la tradición de la narrativa lineal, y así como en la pintura muchas técnicas se mezclaban para producir formas diferentes de expresión, los literatos exploraron miles de ángulos desde los que se pudiera abordar una historia. Tenemos así ejemplos como Rayuela de Julio Cortázar, donde el lector arma la historia a su gusto, empezando por el capítulo que quiera y siguiendo en el orden que desee. También en el cine, un ejemplo de este rompimiento es Pulp fiction, donde la historia nos lleva por diferentes espacios y tiempos que exploran facetas desconocidas para el espectador. Así podemos nombrar como antecedentes de la narrativa digital la narrativa aristotélica lineal, la no lineal, de linealidad múltiple, la convencional o no convencional. La multimedia se sirve de todo esto para llegar a la hipermedia, donde el usuario puede acceder a la información creando su propio recorrido.


Es así como esto deviene en narrativa hipermedial, la que observamos en la internet. Podemos navegar entonces a través de diversos tipos de información, expresada en textos, imágenes, video o sonido; el usuario puede entonces, al igual que al leer Rayuela, acceder a dicha información en el órden que desee. Esto implica entonces que no todos los usuarios van a encontrar la información en el mismo órden y por tanto las lecturas pueden ser similares pero no iguales, lo cual crea una cierta apertura en el tipo de usuarios que consultan.

Podemos encontrar ejemplos de hipermedia en:

Herramientas de referencia: Los documentos con referencias cruzadas hacen de la hipermedia una útil fuente de material de referencia.

Información educativa: Los lectores pueden explorar la información de la manera que prefieran, además pueden acceder a videos, sonidos, imágenes, y textos.Información de un producto: Con la hipermedia podemos ofrecer referencias acerca de un producto o servicio, permitiendo abarcar un amplio rango de público. Esto significa, que los potenciales clientes pueden explorar las características del producto que les interesen.

Todo esto se da a través del hipertexto, el cual es un sistema de información ordenado, que nos permite profundizar los datos por medio de un enlace.