INSTITUTO NACIONAL DE COOPERACIN EDUCATIVA

GUA DE
ESTUDIO

DISEO DE PAGINAS WEB

NIVEL: FORMACIN BSICA

VENEZUELA, 2002
INSTITUTO NACIONAL DE COOPERACIN EDUCATICA
INCE DISTRITO FEDERAL A.C.
GERENCIA DE FORMACIN PROFESIONAL
UNIDAD DE APOYO TCNICO

GUA DE
ESTUDIO

DISEO DE PAGINAS WEB

NIVEL: FORMACIN BSICO

MODO: FORMACIN

Caracas, Noviembre del 2003

DISEO DE PAGINA WEB

ESPECIALISTA EN CONTENIDO

JESS MARCANO D

TRANSCRIPCIN

DIDCTICA REAL. C.A.

DIAGRAMACIN

RAFAEL E LARES S.

DISEO DE CUBIERTA

AARN LARES SEIJAS.

COLABORADORES

ROSA PARADA

COORDINACIN TCNICA ESTRUCTURAL

DIV. DE RECURSOS PARA EL APRENDIZAJE

COORDINACIN GENERAL

GERENCIA GENERAL DE FORMACIN PROFESIONAL

1 ERA EDICIN, NOVIEMBRE 2002

COPYRIGHT INCE
 CONTENIDO

INTRODUCCIN
OBJETIVO GENERAL

UNIDAD N 1
PRINCIPIOS BSICOS DE PAGINA WEB
PAGINA WEB
DEFINICIN......................5
CLASIFICACIN DE LAS PAGINAS WEB....................5
PGINA PRIMARIA.5
PGINA SECUNDARIA.......................................................................................6
UTILIDAD E IMPORTANCIA....................6
ESTRUCTURACIN DE LOS SITIOS WEB6
LENGUAJES UTILIZADOS...7

UNIDAD N 2
DISEAR PAGINAS WEB CON EL ASISTENTE FRONT PAGE
ASISTENTE FRONTPAGE8
PROCEDIMIENTO PARA DISEAR PAGINA WEB CON EL ASISTENTE FRONTPAGE ..8

UNIDAD N 3
DISEAR PGINA WEB SIN AYUDA DEL ASISTENTE
MAQUETA...........12
DISEAR PGINA WEB SIN AYUDA DEL ASISTENTE12

UNIDAD N 4
PUBLICAR PGINA WEB
CONCEPTO.14
SELECCIONAR PROVEEDOR DE SERVICIO INTERNET.14
UBICAR DIRECCIN PARA PUBLICAR PGINA WEB.15
ABRIR WEB .16
SELECCIONAR OPCIN DE LA PUBLICACIN17
PUBLICAR PGINA WEB..17
BIBLIOGRAFA.18
 DISEO DE PAGINAS WEB

INTRODUCCION

EN LA ACTUALIDAD, LA NECESIDAD DE LLEVAR A CABO INFORMACIONES,

CONSULTAS, PROMOCIONES Y OTRAS ACTIVIDADES EN LAS QUE EST INVOLUCRADA LA

COMUNICACIN, CON MAYOR CELERIDAD, HA CONLLEVADO AL SER HUMANO A BUSCAR

ALTERNATIVAS QUE AGILICEN LOS PROCESOS, SIENDO UNA DE ELLAS LA PGINA WEB
(WWW )

EN ESTA GUA SE DESCRIBEN ASPECTOS RELACIONADOS CON LOS PASOS A

SEGUIR PARA DISEAR PGINAS WEB UTILIZANDO ASISTENTES O SIN ELLOS, DANDO AS

UN CONOCIMIENTO COMPLEMENTARIO SOBRE OTRA ACTIVIDAD EN EL REA DE LA

INFORMTICA.
 DISEO DE PAGINAS WEB

OBJETIVO GENERAL

DISEAR PGINAS WEB UTILIZANDO LAS HERRAMIENTAS DEL PROGRAMA

FRONTPAGE, SIGUIENDO LOS PROCEDIMIENTOS TCNICOS Y CUMPLIENDO LAS
PRECAUCIONES PARA LA PROTECCIN DE LA INFORMACIN Y EQUIPOS DE TRABAJO
 DISEO DE PAGINAS WEB

PAGINA WEB

DEFINICIN

LOS AVANCES TECNOLGICOS 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) TAMBIN LLAMADA GRAN TELARAA MUNDIAL, LA CUAL NO ES MS QUE UN

DOCUMENTO QUE CONTIENE INFORMACIN ESPECFICA DE UN TEMA EN PARTICULAR Y

QUE ES ALMACENADO EN ALGN SISTEMA DE CMPUTO, QUE SE ENCUENTRA

CONECTADO A LA RED MUNDIAL DE INFORMACIN, LA CUAL ES CONOCIDA COMO

INTERNET, GENERANDO UN NUEVO PARADIGMA DE LA COMUNICACIN QUE VA DESDE EL

CONTACTO HUMANO CARA A CARA A LA INTERACCIN HOMBRE MQUINA, DESDE EL

ENVO DE INFORMACIN EN PAPEL A LA DISTRIBUCIN ELECTRNICA Y DESDE LA

PRESENTACIN FSICA A LA TELEPRESENCIA O PRESENCIA VIRTUAL.

CLASIFICACIN DE LAS PGINAS WEB

EXISTEN DOS (2) CLASIFICACIONES PARA LAS PGINAS WEB:
PGINA PRIMARIA
PGINA SECUNDARIA

PGINA PRIMARIA
ES LA PGINA WEB DONDE SE REFLEJA LA PRESENTACIN DEL PROVEEDOR, ES TAMBIN
CONOCIDA COMO HOME PAGE Y COMO INDEX

PGINA SECUNDARIA
SON LAS PGINAS COMPLEMENTARIAS PERTENECIENTES AL PROVEEDOR DONDE SE

AMPLA LO DESCRITO EN LA PGINA PRIMARIA.

 DISEO DE PAGINAS WEB

UTILIDAD E IMPORTANCIA

FACILITA LA COMUNICACIN ENTRE ORGANISMOS DEL ESTADO, INSTITUCIONES

EDUCATIVAS, EMPRESAS, ASOCIACIONES Y PERSONAS FSICAS, CON EL PROPSITO DE

ESTABLECER UNA RELACIN AUN MS ESTRECHA ENTRE ELLOS.

A DIFERENCIA DE OTROS MEDIOS TRADICIONALES DE INFORMACIN, EN SITIOS WEB

PERMITE MANTENER UNA COMUNICACIN EN AMBOS SENTIDOS Y PUEDE SUSTITUIR Y

HACER MS EFICIENTE ALGUNOS CANALES ACTUALES DE COMUNICACIN, ADEMS DE

REDUCIR COSTOS OPERATIVOS EN LA MAYORA DE LOS CASOS.

ESTRUCTURACIN DE LOS SITIOS WEB

EST CONFORMADA POR DIFERENTES CARPETAS DE ALMACENAMIENTO DONDE SE

ARCHIVAN LOS DIFERENTES ELEMENTOS QUE CONFORMAN LAS DIFERENTES PGINAS.

EL TIPO DE PGINA VIENE DADO DE ACUERDO A LA INFORMACIN QUE SE DESEA

SUMINISTRAR POR EJEMPLO: REGISTROS DE VISITANTES, PGINAS 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

 DISEO DE PAGINAS WEB

LENGUAJES UTILIZADOS
EXISTEN VARIOS LENGUAJES QUE SE UTILIZAN PARA DISEAR PGINAS WEB, ENTRE

ELLOS TENEMOS EL FRONTPAGE, WORD, STAR WRITE, HOMESITE, JAVASCRIPT, VISUAL

BASIC SCRIPT, PERO EL MS 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 UTILIZARA PARA DISEAR 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 COLOCARN

ETIQUETAS INFORMATIVAS, EJEMPLO LA DENOMINACIN DE NUESTRA PAGINA.

EL CUERPO EL CUAL TIENE A SUS LADOS ETIQUETAS (BODY) Y (/BODY) ES DONDE SE

PONDRN LOS TEXTOS O IMGENES DE LA PGINA.

 DISEO DE PAGINAS WEB

DISEAR PGINAS WEB CON EL ASISTENTE FRONTPAGE

ASISTENTE FRONTPAGE
EL ASISTENTE FRONTPAGE ES OTRO LEGUAJE UTILIZADO PARA DISEAR PGINAS

WEB, EL MISMO POSEE VARIOS MODELOS O PLANTILLAS QUE PERMITEN DISEAR

PGINAS.

PROCEDIMIENTO PARA DISEAR PGINAS WEB CON EL ASISTENTE FRONTPAGE

EL DISEAR UNA PGINA WEB CON EL ASISTENTE FRONTPAGE NO PRESENTA NINGUNA

DIFICULTAD SIEMPRE Y CUANDO SE CUMPLA CON LAS DIFERENTES ETAPAS PARA SU

OBTENCIN, LAS CUALES SON:

SELECCIONAR EL TIPO DE PGINA A DISEAR

SELECCIONAR LA CARPETA DE UNIDAD DE ALMACENAMIENTO

SELECCIONAR EL ESTILO DE LA PGINA WEB

PERSONALIZAR LA PGINA WEB Y
VISUALIZAR PGINA WEB DISEADA.

AL LANZAR LA APLICACIN EL FRONTPAGE NOS PRESENTA EL CUADRO DE DILOGO

INTRODUCCIN A MICROSOFT FRONTPAGE .

 DISEO 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

INFORMACIN. PODEMOS ELEGIR ENTRE LOS ASISTENTES O PLANTILLAS QUE SE

ADECUEN MS A NUESTRO PROBLEMA, Y LUEGO HAREMOS LA PERSONALIZACIN DEL

MODELO HASTA HABER ALCANZADO NUESTRA META.

 DISEO DE PAGINAS WEB

EL FRONTPAGE OFRECE UNA SERIE DE PLANTILLAS QUE NOS AYUDAN A CREAR LAS

PGINAS QUE COMNMENTE APARECEN EN LOS PROYECTOS WEB, COMO SON POR

EJEMPLO: REGISTRO DE VISITANTES, PGINAS DE PRODUCTOS, PREGUNTAS MAS

FRECUENTES, ETC. LAS PLANTILLAS NOS AHORRAN UNA ENORME CANTIDAD DE TIEMPO

DE DISEO Y PERMITEN DARLE LOS TOQUES DE SOFISTICACIN QUE AYUDAN AL XITO

DE NUESTRAS PUBLICACIONES.

PARA CREAR UNA PGINA WEB USANDO LAS PLANTILLAS DEBE ABRIR EL EDITOR DE

FRONTPAGE Y ESCOGER LA OPCIN NUEVO DEL MEN ARCHIVO; EN ESTE PUNTO SE

MOSTRAR UN CUADRO DE DILOGO DONDE PODEMOS ELEGIR ENTRE LAS DIFERENTES

PLANTILLAS DISPONIBLES.
DISEO DE PAGINAS WEB
 DISEO DE PAGINAS WEB

DISEAR PGINA WEB SIN AYUDA DEL ASISTENTE

MAQUETA

MODELO O BOCETO DE COMO QUEDAR LA PGINA WEB LUEGO DE SU DISEO.

DISEAR PAGINA WEB SIN AYUDA DEL ASISTENTE

LAS ETAPAS A LLEVAR A CABO PARA ELABORAR LA MAQUETA DE LO QUE SER LA

PGINA WEB SON:

INSERTAR OPCIONES (TEXTOS, GRFICOS, IMGENES, SONIDOS, VIDEOS Y

DIAPOSITIVAS).

ANIMAR ELEMENTOS
APLICAR TEMAS Y
PERSONALIZAR TEMA.

PARA LA CONSTRUCCIN DE LAS PGINAS QUE COMPONEN NUESTRO PROYECTO,

DEBEMOS TOCAR EL TEMA DE LA ORGANIZACIN DE LA INFORMACIN.

DE LA MISMA FORMA QUE CUANDO EN NUESTRO COMPUTADOR ORGANIZAMOS NUESTRO

TRABAJO DIARIO EN DIRECTORIOS, TAMBIN DEBEMOS ORGANIZAR LAS PGINAS WEB

QUE COMPONEN NUESTRO PROYECTO.

A MEDIDA QUE LA INFORMACIN DEL WEB SE HACE MAYOR TENEMOS QUE ORGANIZAR

LAS COSAS PARA QUE SEA POSIBLE ADMINISTRAR PROYECTOS GRANDES.

 DISEO 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 VISIN JERRQUICA QUE ES NECESARIA

PARA LOGRAR ESTE OBJETIVO

SI EN NUESTRO HOMEPAGE TENEMOS HIPERVNCULOS A LA SECCIN 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 FCIL PARA EL EQUIPO DE DESARROLLO UBICAR LA INFORMACIN CUANDO SEA

NECESARIO.
 DISEO DE PAGINAS WEB

PUBLICAR PAGINA WEB

ES EL PROCESO PARA FORMALIZAR LA INCORPORACIN DE LA PGINA WEB AL SISTEMA.

EL TIPO VIENE DADO SEGN EL SERVICIO QUE SE PRESTE Y LOS MISMOS SE IDENTIFICAN
DE ACUERDO A LA ACTIVIDAD.

LOS PASOS A SEGUIR PARA LA PUBLICACIN DE LA PGINA WEB SON:

SELECCIONAR PROVEEDOR DE SERVICIO INTERNET

UBICAR DIRECCIN PARA PUBLICAR PGINA WEB

ABRIR WEB
SELECCIONAR OPCIN DE PUBLICACIN
PUBLICAR PGINA WEB.

SELECCIONAR PROVEEDOR DE SERVICIO INTERNET

LOS COSTOS INHERENTES A UN SITIO WEB SON POR CONCEPTO DE CREACIN,

MANTENIMIENTO Y OPERACIN. LA CREACIN DE SITIOS WEB INCLUYE A SU VEZ LOS

RUBROS DE DETECCIN DE NECESIDADES, DISEO DEL SITIO WEB, GENERACIN Y

EDICIN DE IMGENES, GENERACIN Y EDICIN DE DOCUMENTOS, TRADUCCIONES A

OTROS IDIOMAS, PROGRAMACIN DE LAS PGINAS WEB Y PROGRAMACIN DE

FACILIDADES. LOS SITIOS WEB, AL IGUAL QUE SU NEGOCIO, SON MUY DINMICOS Y

REQUERIRN MODIFICACIONES POSTERIORES, ESTO IMPLICA UN COSTO POR CONCEPTO

DE MANTENIMIENTO A SU APLICACIN. PARA PODER SER ACCESADO A SU SITIO WEB,

ESTE DEBE SER ALMACENADO EN UN SERVIDOR
 DISEO DE PAGINAS WEB

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 ALGN SERVIDOR WEB,
QUE SE ENCUENTRE CONECTADO A LA RED MUNDIAL DE INTERNET. SE TIENEN

BSICAMENTE DOS ALTERNATIVAS PARA LA PUBLICACIN DE SU SITIO WEB. LA PRIMERA

CONSISTE EN QUE USTED INSTALE EN SU EMPRESA UN SERVIDOR WEB Y PUBLIQUE SUS

PGINAS 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 CONTRATACIN, INSTALACIN Y RENTA DEL MEDIO

DE COMUNICACIN, TRTESE DE LNEAS PRIVADAS, LNEAS CONMUTADAS, RED DIGITAL,

CABLE U OTRO MEDIO DE TRANSMISIN, NECESARIO PARA LA CONEXIN CON LA RED

MUNDIAL DE INTERNET.

UBICAR DIRECCIN 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 DIRECCIN PRINCIPAL QUE UBICA A SU ORGANIZACIN DENTRO

DE LA RED MUNDIAL DE INTERNET. POR EJEMPLO:

WWW.IUFAN.EDU.VE
 DISEO DE PAGINAS WEB

LOS NOMBRES DE TODOS LOS DOMINIOS TIENEN TRES NIVELES. EL PRIMERO DEFINE EL

PROPSITO PRINCIPAL DEL SITIO WEB Y LA UBICACIN GEOGRFICA DE LA

ORGANIZACIN. EN ESTE CASO SE TRATA DE UNA PGINA WEB EDUCATIVA POR

SIGLAS EDU DE UNA ORGANIZACIN UBICADA EN VENEZUELA VE . LAS SIGLAS

MS COMUNES Y SU SIGNIFICADO SON LAS QUE A CONTINUACIN SE DETALLAN:

EDU = EDUCACIN
GOV = GOBIERNO
CCOM = COMUNICACIN
WET = RED
ORG = ORGANIZACIN

EL SEGUNDO NIVEL DETERMINA EL NOMBRE DE LA ORGANIZACIN, - IUPFAN EN ESTE

CASO. FINALMENTE EL TERCER NIVEL PUEDE SER USADO PARA IDENTIFICAR UN

SERVIDOR WEB DENTRO DE UNA DIRECCIN DE INTERNET, PARA LO CUAL SE USAN

COMNMENTE LAS SIGLAS WWW.

CUANDO SE PUBLICA POR PRIMERA VEZ UN SITIO WEB PARA UNA ORGANIZACIN, SE

SOLICITA EL REGISTRO DE UN DOMINIO PROPIO. ESTO SE HACE A TRAVS 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.

 DISEO DE PAGINAS WEB

ABRIR WEB
UNA VEZ QUE EL USUARIO EST CONECTADO A INTERNET, TIENE QUE INSTALAR UN

PROGRAMA CAPAZ DE ACCEDER A PGINAS 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 OPCIN DE PUBLICACIN

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 UBICACIN DEL SERVIDOR WEB DEL

ISP PARA PUBLICAR EL WEB, SU NOMBRE DE USUARIO Y CONTRASEA

PUBLICAR PAGINA WEB

ES EL PASO REQUERIDO PARA DAR A CONOCER LA PGINA WEB A TRAVS DE MEDIOS

DE COMUNICACIN TALES COMO PRENSAS, AVISOS, TARJETAS ENTRE OTROS A FIN DE

PROMOVER EL SERVICIO QUE SE PRESTA.

 DISEO DE PAGINAS WEB

BIBLIOGRAFA

WWW. MONOGRAFIAS.COM
EUGIM@DESARROLLOWEB.COM

CDC@POSTA.UNIZAR.ES

WWW.IVIA.ES-HTMLREF