Desde los inicios de la World Wide Web, tanto el diseo de las pginas como de la propia

estructura de los hiperdocumentos, ha variado enormemente. Si al principio, los hipertextos en la

Web se limitaban a plasmar, sobre este nuevo medio, un texto impreso segmentndolo en
pequeos bloques y colocando aqu y all algunos enlaces, en la actualidad, las pginas web se
han convertido en verdaderas obras de diseo grfico, multimedia e ingeniera informtica.
Integracin de bases de datos, servicios online, inclusin de sofisticadas herramientas de
bsqueda y recuperacin de informacin, dinamismo, usabilidad e interactividad, stas son las
claves de las pginas web actuales. Ya no importa slo el contenido presentado, sino su diseo y,
sobre todo, su funcionalidad.

En 1997, David Siegel en Tcnicas

avanzadas para el diseo de pginas
web distingua 3 generaciones en el
desarrollo de las interfaces de la WWW:

Utilizacin de metforas

Webs de primera generacin:

Estructura entrada -rea central- salida

Estructura lineal

Sin embargo, hoy podemos hablar de una

cuarta generacin de webs en las que prima
tanto el diseo grfico como la tecnologa.
Los web masters ya no son slo diseadores
grficos, sino expertos informticos que han
de conocer los nuevos lenguajes, dominar las
nuevas herramientas de programacin,
conectividad a base de datos, seguridad, etc.
El hipertexto ya no es una coleccin de
textos enlazados, sino un espacio de
intercambio de servicios de todo tipo:
culturales,
informativos,
comerciales,

Eventual insercin de fotografas y lneas de

separacin
Baja definicin (proyectados para terminales
ASCII en blanco y negro)
Webs de segunda generacin:
Iconos en vez de palabras subrayadas con
azul
Men de opciones
Fondos coloreados o con imgenes
Bordes azules alrededor de las figuras
interactivas
Webs de tercera generacin:
Hegemona del diseo sobre la tecnologa

Uso de un layout tipogrfico y visual para la

descripcin de una pgina bidimensional

sociales,

etc.

En ComoCrearTuWeb tienes la
oportunidad de aprender a crear tu
propia pgina web. No necesitas
saber
cdigos
raros,
manejar
programas extraos, trabajar con
ficheros grficos, ni nada de eso.
Aqu encontrars explicaciones bien
sencillas para aprender a realizar
tantas cosas como puedes ver en
esta pgina web.
Los nicos requisitos sern, saber
manejar ms o menos el ratn (veo
que lo controlas bien), tener algo de
tiempo
(tampoco
demasiado),
sentido comn (el menos comn de
los sentidos) y mucho mucho buen
humor, aunque si careces de esto
ltimo, an es posible que aprendas
a disear algo, je je je.
Si sigues mis instrucciones paso a
paso, no solo crears tu pgina web,
sino que aprenders a aadirle
elementos interesantes como foros,
chats, contadores, ect. Tambin a
escoger un buen servidor (gratuito o
de pago) y subirla sin problemas
(espero) en la red.
Por cierto, no me he presentado. Mi
apodo es Jorgens. Encantado de
conocerte.. bueno.. de escribirte.
Adems, cuando controles podrs
profundizar en varios temas ms
avanzados para que puedas mejorar
tu pgina web poco a poco.
Aprenders a darla a conocer a todo
el mundo a travs de buscadores,
redes sociales, y otros mtodos, as

como algunas formas de sacar

algn provecho econmico de tu
pgina web si lo deseas. No te
saldr el dinero por las orejas pero
siempre
da gusto recibir un
minicheque para darte un mini
caprichillo (quizs pagar un servidor
privado para tu pgina web?...).

Y lo ms importante, no estars solo

o sola. Gracias al Foro CCTW, tanto
yo como el resto de amigos de
CmoCrearTuWeb
estaremos
encantados de poder colaborar
contigo.
A
cambio
de
todo
simplemente... disfruta!

esto,

NIKE
R.U.T.: 6.522.206-K

Carlos Rodrigo Mansilla

FACTURA

Diseo y ventas de zapatos, camisas,

Balones, ropa deportiva y mucho ms.

N # 000037

Los grillos 5633-A-La Reina-Santiago-Chile

TEL:(562)2569-FAX(562)2659874
Rodrigo@mi.cl-ventas@centro.cl-www.centro.

S.I.L-

UNIDAD UOA
Santiago.
Seor(es)
Direccin:
Ciudad:
Condiciones de venta:
Gire:
Vendedor:

de

de
Comuna
Ch. da
N# Cheque

Por lo siguiente
RODRIGO OLAVARRIA NSILLA
CANTIDAD

Favor extender documento a la orden de CARLOS

DECRIPCION

P.UNITARIO

Nombre
R.U.T
FIRMA.
SON
CANCELADO:
de 2014

Santiago

R.U.T
Fonos
O. compra
Gua N#
Banco

de

NETO
I.V.A
TOTAL

TOTAL

$
$
$

INDICE ONLINE
TARINGA

WEDNODE

JIMDO

WIKIPEDIA

BLOGGER

DISEOS WEB
El diseo web es una actividad que consiste en la planificacin, diseo, implementacin
y mantenimiento de sitios web. No es simplemente la implementacin del diseo
convencional ya que se abarcan diferentes aspectos como el diseo grfico web; diseo
de interfaz y experiencia de usuario, como la navegabilidad, interactividad, usabilidad,
arquitectura de la informacin; interaccin de medios, entre los que podemos mencionar
audio, texto, imagen, enlaces, video y la optimizacin de motores de bsqueda. A

menudo muchas personas trabajan en equipos que cubren los diferentes aspectos del
proceso de diseo, aunque existen algunos diseadores independientes que trabajan
solos.1
Desde los inicios de la World Wide Web, tanto el diseo de las pginas como de la propia
estructura de los hiperdocumentos, ha variado enormemente. Si al principio, los
hipertextos en la Web se limitaban a plasmar, sobre este nuevo medio, un texto impreso
segmentndolo en pequeos bloques y colocando aqu y all algunos enlaces, en la
actualidad, las pginas web se han convertido en verdaderas obras de diseo grfico,
multimedia e ingeniera informtica. Integracin de bases de datos, servicios online,
inclusin de sofisticadas herramientas de bsqueda y recuperacin de informacin,
dinamismo, usabilidad e interactividad, stas son las claves de las pginas web actuales.
Ya no importa slo el contenido presentado, sino su diseo y, sobre todo, su
funcionalidad.2

El trmino "diseo web" se refiere a la actividad que consiste en estructurar los

elementos grficos de un sitio web para expresar estticamente la identidad visual de
una compaa u organizacin. Se trata de una etapa de diseo virtual ms que de diseo
funcional (ergonoma, navegacin).3

El mundo que nos rodea se ha vuelto un poco desordenado y la web no es una

excepcin. Anuncios, banners, iconos, insignias, signos, pop-ups, botones, etc. A veces
todo puede ser un poco pesado. As que por qu no dar a tus visitantes un descanso de
todo el ruido y el desorden? Abarcar cosas como el diseo plano y el espacio en blanco
puede hacer maravillas con la experiencia de los visitantes del sitio. Trata de mantener
todo simplista o incluso minimalista con nicamente el contenido ms importante en la
superficie. A veces menos es realmente ms.4

1 https://es.wikipedia.org/wiki/Dise%C3%B1o_web
2 http://www.hipertexto.info/documentos/diseg_web.htm
3 http://es.ccm.net/contents/781-webmastering-diseno-web
4 http://es.wix.com/blog/2014/04/5-consejos-de-diseno-web/