{"id":236,"date":"2009-09-15T08:34:09","date_gmt":"2009-09-15T12:34:09","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?page_id=236"},"modified":"2009-09-15T08:38:25","modified_gmt":"2009-09-15T12:38:25","slug":"organizacion-de-tu-web","status":"publish","type":"page","link":"https:\/\/blog.espol.edu.ec\/cari22\/organizacion-de-tu-web\/","title":{"rendered":"Organizaci\u00f3n de tu Web"},"content":{"rendered":"

Para hacer una buena presentaci\u00f3n Web lo ideal es crearnos un boceto inicial de la estructura. Si hacemos esto, no solo estamos procurando una presentaci\u00f3n agradable y facilitando la tarea de navegar sino que tambi\u00e9n nos facilitamos el mantenimiento de futuras revisiones y modificaciones.<\/p>\n

Objetivos<\/h2>\n

Lo primero que debemos hacer el fijarnos los objetivos que queremos alcanzar seg\u00fan la informaci\u00f3n que vayamos a aportar. Para crear nuestra primera p\u00e1gina, estos objetivos deber\u00edan no ser muy pretenciosos o tener un sentido \u00fanicamente personal. Tener claros los objetivos nos ayudara a no plasmar contenidos confusos o innecesarios.<\/p>\n

Contenidos<\/h2>\n

Una vez tenemos los objetivos, hay que organizar el contenido por temas o secciones, que se ajusten a nuestros objetivos, reuniendo las informaciones relacionadas bajo el mismo ep\u00edgrafe. Es conveniente que los temas sean razonablemente cortos y si fuera necesario divida en subtemas. Si por el contrario tenemos temas muy cortos, lo correcto ser\u00eda agruparlos bajo un encabezado de tema algo m\u00e1s general.<\/p>\n

Primer paso<\/h2>\n

Una presentaci\u00f3n Web consiste de una o m\u00e1s p\u00e1ginas Web que contienen texto y gr\u00e1ficos y que est\u00e1n vinculadas entre si creando un cuerpo de informaci\u00f3n. La p\u00e1gina principal o p\u00e1gina base es desde donde se comienza a visitar la presentaci\u00f3n y su URL ser\u00e1 la que figure como direcci\u00f3n de la presentaci\u00f3n. Esta p\u00e1gina base debe ofrecer un panorama general del contenido de la presentaci\u00f3n.<\/p>\n

Organizaci\u00f3n<\/h2>\n

Ha llegado la hora de estructurar la informaci\u00f3n recopilada en un conjunto de p\u00e1ginas Web. Podemos crearnos una estructura propia pero lo m\u00e1s l\u00f3gico es guiarnos por una estructura cl\u00e1sica.<\/p>\n

Secuenciaci\u00f3n<\/h2>\n

Consiste en decidir que contenido va en cada p\u00e1gina, elaborar la trama de v\u00ednculos para navegar entre ellas e incluso, hacernos una idea de que tipo de gr\u00e1ficos vamos a poner y que ubicaci\u00f3n van a tener. Para ello puede utilizarse un \"Tablero de Secuencia\", un esquema gr\u00e1fico que nos ayudar\u00e1 a recordar en todo momento donde encaja cada p\u00e1gina en el global de la presentaci\u00f3n.<\/p>\n

Revisi\u00f3n de objetivos<\/h2>\n

Finalmente y antes de ponernos a crear nuestra presentaci\u00f3n Web, debemos prestar atenci\u00f3n a que lo que tenemos plasmado en el \"Tablero de Secuencia\" cubre los objetivos que nos hab\u00edamos propuesto. Si es as\u00ed, ya podemos comenzar a manejarnos con HTML.<\/p>\n

Conceptos b\u00e1sicos<\/strong><\/em><\/h1>\n
    \n
  • World Wide Web (WWW)<\/strong>: Digamos, simplemente, que es un sistema de informaci\u00f3n, el sistema de informaci\u00f3n propio de Internet. Sus caracter\u00edsticas son:\n
      \n
    • Informaci\u00f3n por hipertexto: Diversos elementos (texto o im\u00e1genes) de la informaci\u00f3n que se nos muestra en la pantalla est\u00e1n vinculados con otras informaciones que pueden ser de otras fuentes. Para mostrar en pantalla esta otra informaci\u00f3n bastar\u00e1 con hacer clic sobre ellos.<\/li>\n
    • Gr\u00e1fico: En la pantalla aparece simult\u00e1neamente texto, im\u00e1genes e incluso sonidos.<\/li>\n
    • Global: Se puede acceder a \u00e9l desde cualquier tipo de plataforma, usando cualquier navegador y desde cualquier parte del mundo.<\/li>\n
    • P\u00fablica: Toda su informaci\u00f3n est\u00e1 distribuida en miles de ordenadores que ofrecen su espacio para almacenarla. Toda esta informaci\u00f3n es p\u00fablica y toda puede ser obtenida por el usuario.<\/li>\n
    • Din\u00e1mica: La informaci\u00f3n, aunque esta almacenada, puede ser actualizada por el que la publico sin que el usuario deba actualizar su soporte t\u00e9cnico.<\/li>\n
    • Independiente: Dada la inmensa cantidad de fuentes, es independiente y libre.<\/li>\n<\/ul>\n<\/li>\n
    • Navegador<\/strong>: Es el programa que nos ofrece acceso a Internet. Debe ser capaz de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que manejan la informaci\u00f3n de Web. Puede decirse que cada casa de software podr\u00eda tener su navegador propio, aunque los mas populares sean Netscape e Internet Explorer.<\/li>\n
    • Servidor<\/strong>: Se encarga de proporcionar al navegador los documentos y medios que este solicita. Utiliza un protocolo HTTP para atender las solicitudes de archivos por parte de un navegador.<\/li>\n
    • HTTP<\/strong>: Es el protocolo de transferencia de hipertexto, o sea, el protocolo que los servidores de World Wde Web utilizan para mandar documentos HTML a trav\u00e9s de Internet.<\/li>\n
    • URL<\/strong>: Es el Localizador Uniforme de Recursos, o dicho mas claramente, es la direcci\u00f3n que localiza una informaci\u00f3n dentro de Internet.<\/li>\n
    • HTML<\/strong>: De momento, le basta saber que estas siglas se corresponden con la definici\u00f3n \"Lenguaje para marcado de hipertexto\". M\u00e1s claro a\u00fan, se trata de un lenguaje para estructurar documentos a partir de texto en World Wide Web. Este lenguaje se basa en tags (instrucciones que le dicen al texto como deben mostrarse) y atributos (par\u00e1metros que dan valor al tag).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

      Para hacer una buena presentaci\u00f3n Web lo ideal es crearnos un boceto inicial de la estructura. Si hacemos esto, no solo estamos procurando una presentaci\u00f3n agradable y facilitando la tarea de navegar sino que tambi\u00e9n nos facilitamos el mantenimiento de futuras revisiones y modificaciones. Objetivos Lo primero que debemos hacer el fijarnos los objetivos que […]<\/p>\n","protected":false},"author":1937,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-236","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/users\/1937"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":4,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/236\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/236\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}