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

 Diseño de Paginas Web
13
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
eugim@desarrolloweb.com
cdc@posta.unizar.es
www.ivia.es-htmlref

20