Paginas Web Parte 4

Diseño de Paginas Web

PAGINA WEB Definición Los avances tecnológicos han cambiado profundamente la forma que comunmente utilizaba el ser humano para trabajar, vivir, colaborar y en especial comunicarse. Uno de esos avances es la “WORLD WIDE WEB”. (WWW) también llamada “Gran Telaraña Mundial”, la cual no es más que un documento que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo, que se encuentra conectado

a la red mundial de

información, la cual es conocida como Internet, generando un nuevo paradigma de la comunicación que va desde el contacto humano cara a cara a la interacción hombre – máquina, desde el envío de información en papel a la distribución electrónica y desde la presentación física a la telepresencia o presencia virtual.

Clasificación de las Páginas Web Existen dos (2) clasificaciones para las páginas Web: •

Página primaria

•

Página secundaria

PÁGINA PRIMARIA Es la página Web donde se refleja la presentación del proveedor, es también conocida como “Home Page” y como “ Index ” PÁGINA SECUNDARIA Son las páginas complementarias pertenecientes al proveedor donde se amplía lo descrito en la página primaria. 7

Diseño de Paginas Web

Utilidad e Importancia Facilita la comunicación entre organismos del estado, instituciones educativas, empresas, asociaciones y personas físicas, con el propósito de establecer una relación aun más estrecha entre ellos. A diferencia de otros medios tradicionales de información, en sitios web permite mantener una comunicación en ambos sentidos y puede sustituir y hacer más eficiente algunos canales actuales de comunicación, además de reducir costos operativos en la mayoría de los casos.

Estructuración de los sitios Web Está conformada por diferentes carpetas de almacenamiento donde se archivan los diferentes elementos que conforman las diferentes páginas. El tipo de página viene dado de acuerdo a la información que se desea suministrar por ejemplo: registros de visitantes, páginas de productos, preguntas frecuentes, agenda de reuniones, directorio de oficinas, entre otras. En las mismas se archivan informaciones relacionada con el proveedor, agilizar procesos de consultas y mantener actualizada informaciones requeridas por clientes

8

Diseño de Paginas Web

Lenguajes Utilizados Existen varios lenguajes que se utilizan para diseñar páginas Web, entre ellos tenemos el FrontPage, Word, Star Write, Homesite, Javascript, Visual Basic Script, pero el más utilizado es el lenguaje H.T.M.L. (Hyper Text Markup Language). El H.T.M.L es un lenguaje que en principios se creó con objetivos divul-gativos, pero a la larga se utilizaría para diseñar Paginas Web. El lenguaje H.T.M.L. está conformado por dos partes principales: el encabezado y el cuerpo. El encabezado identificado por (head) y (/head) donde se colocarán etiquetas informativas, ejemplo la denominación de nuestra pagina. El cuerpo el cual tiene a sus lados etiquetas (body) y (/body) es donde se pondrán los textos o imágenes de la página.

9

Diseño de Paginas Web

DISEÑAR PÁGINAS WEB CON EL ASISTENTE FRONTPAGE Asistente FRONTPAGE El asistente FRONTPAGE es otro leguaje utilizado para diseñar páginas Web, el mismo posee varios modelos o plantillas que permiten diseñar páginas.

Procedimiento Para Diseñar Páginas Web con el Asistente FRONTPAGE El diseñar una página Web con el asistente FrontPage no presenta ninguna dificultad siempre y cuando se cumpla con las diferentes etapas para su obtención, las cuales son:  Seleccionar el tipo de página a diseñar  Seleccionar la carpeta de unidad de almacenamiento  Seleccionar el estilo de la página Web  Personalizar la página Web y  Visualizar página Web diseñada.

Al lanzar la aplicación el FrontPage nos presenta el cuadro de diálogo Introducción a Microsoft FrontPage .

10 Diseño de Paginas Web

El FrontPage nos ofrecen gran parte del trabajo base para nuestras tareas, como son definir la estructura de directorios y de flujo de la información. Podemos elegir entre los asistentes o plantillas que se adecuen más a nuestro problema, y luego haremos la personalización del modelo hasta haber alcanzado nuestra meta.

11

Diseño de Paginas Web

El FrontPage ofrece una serie de plantillas que nos ayudan a crear las páginas que comúnmente aparecen en los proyectos Web, como son por ejemplo: registro de visitantes, páginas de productos, preguntas mas frecuentes, etc. Las plantillas nos ahorran una enorme cantidad de tiempo de diseño y permiten darle los toques de sofisticación que ayudan al éxito de nuestras publicaciones.

Para crear una página Web usando las plantillas debe abrir el Editor de FrontPage y escoger la opción nuevo del menú archivo; en este punto se mostrará un cuadro de diálogo donde podemos elegir entre las diferentes plantillas disponibles.

12

Diseño de Paginas Web

13

Diseño de Paginas Web

DISEÑAR PÁGINA WEB SIN AYUDA DEL ASISTENTE Maqueta Modelo o boceto de como quedará la página Web luego de su diseño.

Diseñar Pagina Web sin ayuda del Asistente Las etapas a llevar a cabo para elaborar la maqueta de lo que será la página Web son:  Insertar opciones (textos, gráficos, imágenes, sonidos, videos y diapositivas).  Animar elementos  Aplicar temas y  Personalizar tema. Para la construcción de las páginas que componen nuestro proyecto, debemos tocar el tema de la organización de la información. De la misma forma que cuando en nuestro computador organizamos nuestro trabajo diario en directorios, también debemos organizar las páginas Web que componen nuestro proyecto. A medida que la información del Web se hace mayor tenemos que organizar las cosas para que sea posible administrar proyectos grandes.

14

Diseño de Paginas Web

Generalmente la estructura de directorios obedece a las divisiones dentro de nuestro sitio Web y para ello es recomendable el Explorador de FrontPage el cual nos permite tener la visión jerárquica que es necesaria para lograr este objetivo

Si en nuestro HomePage tenemos hipervínculos a la sección de Servicios, Productos, Soporte y Ventas en linea, una buena alternativa seria crear directorios separados para cada una de estas sub-secciones, haciendo así mas fácil para el equipo de desarrollo ubicar la información cuando sea necesario.

Diseño de Paginas Web 15

PUBLICAR PAGINA WEB Es el proceso para formalizar la incorporación de la página Web al sistema. El tipo viene dado según el servicio que se preste y los mismos se identifican de acuerdo a la actividad. Los pasos a seguir para la publicación de la página Web son:  Seleccionar proveedor de servicio Internet  Ubicar dirección para publicar página Web  Abrir Web  Seleccionar opción de publicación  Publicar página Web.

Seleccionar Proveedor de Servicio Internet Los costos inherentes a un sitio Web son por concepto de creación, mantenimiento y operación. La creación de sitios Web incluye a su vez los rubros de detección

de necesidades, diseño del sitio Web, generación y edición de

imágenes, generación y edición de documentos, traducciones a otros idiomas, programación de las páginas Web y programación de facilidades. Los sitios Web, al igual que su negocio, son muy dinámicos y requerirán modificaciones posteriores, esto implica un costo por concepto de mantenimiento a su aplicación. Para poder ser accesado a su sitio Web, este debe ser almacenado en un servidor

Diseño de Paginas Web 16

Web, el cual puede ser de su propiedad u optar por rentar un espacio a una empresa que se dedique a dar este tipo de servicio. Una vez creado, los sitios Web deben ser publicados en algún servidor Web, que se encuentre conectado a la red mundial de Internet. Se tienen básicamente dos alternativas para la publicación de su sitio Web. La primera consiste en que usted instale en su empresa un servidor Web y publique sus páginas en este equipo. La segunda alternativa, la cual por cierto tiene una gran demanda entre la comunidad de empresas que publican pagina Web, es rentar un espacio en un servidor Web de una empresa que se dedique a proveer conectividad hacia Internet. Si se opta por instalar un servidor Web propio, deberá invertir tanto en el software como en el hardware necesario para operarlo. Adicionalmente deberá considerar los gastos de contratación, instalación y renta del medio de comunicación, trátese de líneas privadas, líneas conmutadas, red digital, cable u otro medio de transmisión, necesario para la conexión con la red mundial de Internet.

Ubicar Dirección para Publicar Pagina Web Todas las direcciones de Internet – URL ( Uniform Resource Locutor)- obedecen a un sistema mundial de nomenclatura. El nombre del dominio – Domain Name – es la dirección principal que ubica a su organización dentro de la red mundial de Internet. Por ejemplo: WWW.IUFAN.EDU.VE

Diseño de Paginas Web 17

Los nombres de todos los dominios tienen tres niveles. El primero define el propósito principal del sitio Web y la ubicación geográfica de la organización. En

este caso se trata de una página Web Educativa – por siglas EDU – de una organización ubicada en Venezuela – VE –. Las siglas más comunes y su significado son las que a continuación se detallan: EDU = Educación GOV = Gobierno CCOM = Comunicación WET = Red ORG = Organización El segundo nivel determina el nombre de la organización, - IUPFAN – en este caso. Finalmente el tercer nivel puede ser usado para identificar un servidor Web dentro de una dirección de Internet, para lo cual se usan comúnmente las siglas WWW. Cuando se publica por primera vez un sitio Web para una organización, se solicita el registro de un dominio propio. Esto se hace a través de una empresa responsable de verificar que este nombre de dominio no existe y por lo tanto está disponible. Este registro involucra un pago único.

Diseño de Paginas Web 18

Abrir Web

Una vez que el usuario está conectado a Internet, tiene que instalar un programa capaz de acceder a páginas Web y del levarle de una a otra siguiendo los enlaces. El programa que se usa para leer los documentos de hipertexto se denomina “NAVEGADOR, BROWSER, VISUALIZADOR o CLIENTE”, por lo tanto cuando seguimos un enlace decimos que estamos navegando por el Web.

Seleccionar Opción de Publicación Si va a publicar el Web en el WWW, requiere de un proveedor de servicios Internet (ISP), preferiblemente que tenga servidor Web con extensiones de servidor de FrontPage. Necesita conocer la ubicación del servidor Web del ISP para publicar el Web, su nombre de usuario y contraseña

Publicar Pagina Web Es el paso requerido para dar a conocer la página Web a través de medios de comunicación tales como prensas, avisos, tarjetas entre otros a fin de promover el servicio que se presta.

Diseño de Paginas Web

19

BIBLIOGRAFÍA

WWW. Monografias.com [email protected] [email protected] www.ivia.es-htmlref

20