REPBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACION UNIVERSITARIA

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL OESTE
MARISCALSUCRE
SIO

Autores:
Profesora:
Lezama Wendys

Shirley Castro

Zamudio Karen

Caracas, Noviembre 2014

NDICE GENERAL
CONTENIDO

PP

INTRODUCCIN2
Implementacin de una pgina web...........3
Diseo de una pgina web...4

Etapas

Fundamento

Accesibilidad

Historia

Principios bsicos

Sumario de diseo

CONCLUSIONES........12
BIBLIOGRAFIA....13

INTRODUCCIN

El presente trabajo est diseado de forma prctica y sencilla para

comenzar a conocer un poco de esta extraordinaria herramienta, recorriendo
los conceptos y caractersticas de El diseo e implementacin de una pgina
web. Y dando una breve descripcin de los principales componentes y proceso
de desarrollo de una pgina en la Web.
Voy (o vamos) a hacer una web. Con esta corta frase comienza la
aventura de crear un sitio en Internet. En este Trabajo proponemos un punto
de vista para ayudar a tener xito en el emprendimiento, comenzando con
una breve reflexin acerca de qu es la Web, pero enfocada no desde el
punto de vista de la tecnologa, sino de lo que sucede con la gente que
ingresa a ese fascinante mundo.

La Web no es. Est siendo. Lo cual significa que cualquier cosa que
digamos o escribamos acerca de la misma posee como principal atributo la
precariedad. En la Web todo est cambiando minuto a minuto. Esto no es un
atributo exclusivo de la Web, claro. El universo todo est en constante cambio
y movimiento. Pero la velocidad de los cambios en la Web es vertiginosa. Y
nada est consolidado. Eso otorga el carcter de absolutamente provisorio a
todo lo que podamos escribir acerca de la Web, y obliga a estar atentos
permanentemente a lo nuevo, a las tendencias, a lo que se insina en el
horizonte, aun sabiendo que en pocos meses o semanas eso que hoy aparece
como novsimo puede ser obsoleto.

Implementacin de una pgina web

A diferencia de la publicacin de un libro, o la produccin de un material

para ser emitido por televisin, la implementacin de una pgina en la Web,
para que pueda ser visualizada eventualmente por millones de usuarios, es
algo relativamente simple si se dispone de las herramientas adecuadas. Por
otra parte, el costo que demande esta accin es en la actualidad relativamente
bajo (o nulo en algunos casos).
Ante todo es importante destacar que el proceso de desarrollo de una
pgina en la Web se compone de cuatro etapas fundamentales, cada una de
las cuales ser tratada en detalle en los captulos sucesivos:

1) Prediseo o Conceptualizacin
Etapa primordial en la cual se definen los objetivos bsicos que darn
sentido al hecho de conformar una pgina en la Web y se establecen las
caractersticas que tendr la pgina, tanto en su contenido como en su
esttica.
2) Construccin
En la cual se "da forma" a la pgina, de modo tal que pueda ser
interpretada convenientemente por un visualizador web, bsicamente
mediante las etiquetas correspondientes al lenguaje HTML.

3) Implementacin en un servidor
Momento en el cual se establece el espacio fsico donde residir la
pgina.

4) Promocin de la pgina
Donde se delnean las estrategias de difusin y presencia activa dentro de
la Web.

Diseo de una pgina web

El diseo web es una actividad que consiste en la planificacin, diseo e

implementacin de sitios web. No es simplemente una aplicacin de diseo
convencional, ya que requiere tener en cuenta la navegabilidad,
interactividad, usabilidad, arquitectura de la informacin y la interaccin de
medios como el audio, texto, imagen, enlaces y video.

La unin de un buen diseo con una jerarqua bien elaborada de

contenidos, aumenta la eficiencia de la web como canal de comunicacin e
intercambio de datos, que brinda posibilidades como el contacto directo entre
el productor y el consumidor de contenidos.

El diseo web ha visto amplia aplicacin en los sectores comerciales de

Internet especialmente en la World Wide Web. A menudo la web se utiliza
como medio de expresin plstica en s. Artistas y creadores hacen de las
pginas en Internet un medio ms para ofrecer sus producciones y utilizarlas
como un canal ms de difusin de su obra.
Diseo web aplicado

El diseo de pginas web se trata bsicamente de realizar un documento

con informacin hiperenlazado con otros documentos y asignarle una
presentacin para diferentes dispositivos de salida (en una pantalla de
computador, en papel, en un telfono mvil, etc).

Estos documentos o pginas web pueden ser creados:

Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript,

JSP, Python, Ruby.
Utilizando un programa WYSIWYG o WYSIWYM de creacin de
pginas.
Utilizando lenguajes de programacin del lado servidor, para generar
la pgina web.

Etapas

Para el diseo de pginas web debemos tener en cuenta tres etapas:

1. .El diseo visual de la informacin que se desea editar. En esta etapa

se trabaja distribuyendo el texto, los grficos, los vnculos a otros
documentos y otros objetos multimedia que se consideren pertinentes.
Es importante que antes de trabajar sobre el computador se realice un
boceto o prediseo sobre el papel. Esto facilitar tener un orden claro
sobre el diseo.
2. Estructura y relacin jerrquica de las pginas del sitio web. Una vez
que se tiene el boceto se pasa a 'escribir' la pgina web. Para esto, y
fundamentalmente para manejar los vnculos entre documentos, se
cre el lenguaje de marcacin de hipertexto o HTML. Los enlaces que
aparecen subrayados en este documento y otros de Wikipedia son
ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a
otras pginas con informacin relacionada. La importancia de la
estructura y arborescencia web radica en que los visitantes no siempre
entran por la pgina principal o inicial y en ese caso el sitio debe darle
la respuesta a lo que busca rpido, adems permitirle navegar por el
sitio.

3. Posicionamiento en buscadores o SEO. sta consiste en optimizar la

estructura del contenido para mejorar la posicin en que aparece la
pgina en determinada bsqueda. Etapa no gustosa por los
diseadores grficos, porque a diferencia del texto, an para el ao
2014 no se pueden tener nuevos resultados en los buscadores con
sitios muy grficos.

El HTML consta de una serie de elementos que estructuran el texto y son

presentados en forma de hipertexto por agente de usuario o navegadores.
Esto se puede hacer con un simple editor de textos (debe guardarse como
texto plano, sin ningn tipo de formato y con extensin .html o .htm).

Aprender HTML es relativamente fcil, as que es sencillo crear pginas

web de este modo. Esta era la nica manera de generarlas hasta que
aparecieron, a mediados de 1996, algunos editores visuales de HTML, como
MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es
necesario aprender HTML (aunque s aconsejable), con lo cual el
desarrollador se concentra en lo ms importante, el diseo del documento.

Todo esto teniendo en cuenta el nivel de programacin en el diseo de las

aplicaciones y del impacto visual que se quiere generar en el usuario.

Fundamento

Un correcto diseo web implica conocer cmo se deben utilizar cada uno
de los elementos permitidos en el HTML, es decir, hacer un uso correcto de
este lenguaje dentro de los estndares establecidos por la W3C y en lo
referente a la web semntica. Debido a la permisibilidad de algunos
navegadores web como Internet Explorer, esta premisa original se ha
perdido. Por ejemplo, este navegador permite que no sea necesario cerrar

las etiquetas del marcado, utiliza cdigo propietario, etc. Esto impide que ese
documento web sea universal e independiente del medio que se utilice para
ser mostrado.

La web semntica, por otra parte, aboga por un uso lgico de los
elementos segn el significado para el que fueron concebidas. Por ejemplo
se utilizar el elemento <P> para marcar prrafos, y <TABLE> para tabular
datos (nunca para disponer de manera visual los diferentes elementos del
documento). En su ltima instancia, esto ha supuesto una autntica
revolucin en el diseo web puesto que apuesta por separar totalmente el
contenido del documento de la visualizacin.

De esta forma se utiliza el documento HTML nicamente para contener,

organizar y estructurar la informacin y las hojas de estilo CSS para indicar
como se mostrar dicha informacin en los diferentes medios (como por
ejemplo, una monitor de computadora, un telfono mvil, impreso en papel,
leda por un sintetizador de voz, etc.). Por lgica, esta metodologa beneficia
enormemente la accesibilidad del documento.

Tambin existen pginas dinmicas, las cuales permiten interaccin entre

la web y el visitante, proporcionndole herramientas tales como buscadores,
chat, foros, sistemas de encuestas, etc. y poseen de un panel de control de
administracin de contenidos. Este permite crear, actualizar y administrar
cantidades ilimitadas de contenido en la misma.

Accesibilidad

El diseo web debe seguir unos requerimientos mnimos de accesibilidad

web que haga que sus sitios web o aplicaciones puedan ser visitados por el
mayor nmero de personas. Para conseguir estos objetivos de accesibilidad

se han desarrollado pautas como las del W3C: Pautas de accesibilidad al

contenido Web 1.0 WCAG.

Historia

En un principio era slo texto, pero a medida que ha evolucionado la

tecnologa, tanto los ordenadores como las redes de telecomunicaciones, se
ha generado nuevas formas de desarrollar la web. La inclusin de imgenes
fue la ms significativa, pero tambin debemos mencionar el vdeo y la
animacin, o los espacios 3D, lo que aporta valores estilsticos, de diseo y
de interactividad jams imaginados antes.

El diseo de pginas web se ha desarrollado a medida que ha

evolucionado Internet. En 1992 slo haba alrededor de 50 sitios web [cita
requerida]. Estadsticas (2005) nos afirmaban que la cantidad de sitios web
ronda los 8.000 millones de sitios, a los que diariamente se les suma a raz
de 4400 por da [cita requerida].

Rpidamente, su importancia alcanzar las mismas cuotas que la

televisin o el telfono. Datos recientes estiman que hay alrededor de 2 mil
millones de pginas colgadas y se espera que en los prximos aos llegue a
los 8 mil millones, excediendo el nmero de habitantes del planeta. Sin
embargo, slo una fraccin de este nmero es visitado habitualmente por la
mayora de los usuarios (slo alrededor de 15.000 sitios webs, el 0,4% del
total).

A partir de estos datos se puede entender la necesidad de concentrar los

esfuerzos para atraer y mantener la atencin de los usuarios. Junto con un
desarrollo efectivo de la estructura web y del contenido, el diseo y el uso del
color son la llave para atraer y ser identificado, formando vnculos en el

subconsciente del usuario y generar esquemas para captar y fidelizar a

nuevos visitantes.

Al mismo tiempo que la evolucin de los aparatos y de su introduccin en

los hogares, tambin ha aumentado la calidad de las transmisiones a travs
Internet y ha bajado su precio. A medida que la tecnologa ha solventado
estas dificultades, ya no nos encontramos con problemas de forma sino de
contenido.

Principios bsicos

Existen muchas herramientas tools que le permitirn crear, de una forma

fcil y sencilla pginas web eficientes. No obstante, si es usted un
principiante en el diseo de pginas web, le ser de ayuda lo siguiente:
Comprender las pginas web eficaces
Ajustar su idea al proceso de diseo.
Disfrutar con el diseo de su pgina web

Existen 4 formas de crear una pgina web:

HTML: a standard or sistema de edicin de textos con "tags" que
dan formato a la pgina. Se puede ensear como el lenguaje de
programacin de Internet.
Editor HTML: HomeSite y BBEdit ofrecen herramientas y "shortcuts"
para editar y formatear pginas web usando el formato HTML.
Un sistema de gestin de contenidos (en ingls Content
Management System, abreviado CMS) es un programa que permite
crear una estructura de soporte para la creacin y administracin de

contenidos, principalmente en pginas web, por parte de los

participantes.
WYSIWYG (What you see is what you get):
Editor que usa la tecnologa "Lo que usted ve es lo que obtiene" como
Expression Web o Pagemill que cran pginas/sitios web sin conocer el
lenguaje HTML--ventaja de trabajar directamente sobre el servidor (no
necesita transferir los archivos una vez acabados)

Sumario de diseo
Determinar a quin est destinada su pgina motive a su
audiencia: trtelos con respeto y ofrzcales la posibilidad de
comunicacin con usted
Establecer unos claros objetivos de diseo y cuantificables.
Incluir contestaciones, agradecimientos, reacciones y comentarios
sobre esfuerzo y el xito de su pgina, e incluya textos de ayuda para
aquellos que no obtienen la informacin que esperaban.
Contenido, Definir y centrar el contenido de su pgina web
Emplear un lenguaje simple y comprensible para los destinatarios
internacionales
Fomentar el scanning de conceptos importantes
Incorporar espacios en blanco
propiciar la informacin, como en un resumen.
Navegacin:

simple

clara

layered (site maps)

organizada (piensar en los "resmenes" )

10

Inclusin de imgenes.

El desarrollo de una pgina Web empieza por su texto y la estructura.

Despus de desarrollar la estructura bsica, se debe analizar el contenido
de tal forma que podamos decidir que tipo de ilustracin queda mejor, si un
grfico o una foto.

Principios:
elegir un fondo y un color de texto de gran contraste
usar la opcin "safe palette" del navegador para que haya coherencia
entre la plataforma y el navegador.
ser coherente con el formato del texto:

evitar los cambios de color

evitar
o cursivas (dificultad de lectura )
o cambios de color,
o subrayado (se confunde con los links)
evitar textos demasiado largos
evitar los fondos con texturas que no permitan una fcil lectura;
usar imgenes simples, simbitica, reducidas (pequeas) e
inmviles para ilustrar el contenido
evitar los grficos "dancing dogs" que no hacen ms que moverse
pero que no aportan ningn contenido
los formatos de archivos grficos son: comprimidos (.jpg) fotografas
y dibujos (.gif)

11

CONCLUSIN

De todo lo escrito hasta aqu se deduce que la tarea de diseo e

implementacin de pginas web convoca por lo menos tres especialidades
diferentes: comunicacin (humana), HTML (CGI, Java), y diseo grfico y
multimedia. Ninguna de estas especialidades tiene en s misma todos los
recursos para llevar a cabo proyectos de pginas web exitosos.

Desde luego que en los proyectos de sitios web no participan slo los
especialistas contratados o designados para ello. En la empresa o institucin
que origina la demanda hay personas que tienen diverso grado de
responsabilidad y compromiso con la publicacin del sitio.

Entonces debiramos decir que una buena pgina web es aquella que
cumple con eficacia los objetivos para los cuales fue creada. Que logra atraer
la atencin y ser visitada por su pblico target (mucho o poco, segn las
caractersticas y la temtica). Que produce los efectos deseados en ese mismo
pblico-target que lo visita.

12

LISTA DE REFERENCIAS

Implementacin de una pgina web. Documento en lnea. Disponible

en:
http://www.educoas.org/portal/bdigital/contenido/valzacchi/valzacchica
pitulo-15new.pdf. Consulta: [Caracas, 210 de Noviembre del 2014].

Diseo de una pgina web. Documento en lnea. Disponible en:

http://es.wikipedia.org/wiki/Dise%C3%B1o_web. Consulta: [Caracas,
210 de Noviembre del 2014].

13