Elaboracin de pginas web

Que es diseo
El diseo1 se define como el proceso previo de configuracin mental, "pre-figuracin", en la
bsqueda de una solucin en cualquier campo. Utilizado habitualmente en el contexto de
la industria, ingeniera, arquitectura, comunicacin y otras disciplinas creativas.
Etimolgicamente deriva del trmino italiano disegno dibujo, designio, signare, signado "lo por
venir", el porvenir visin representada grficamente del futuro, lo hecho es la obra, lo por
hacer es el proyecto, el acto de disear como prefiguracin es el proceso previo en la
bsqueda de una solucin o conjunto de las mismas. Plasmar el pensamiento de la solucin o
las alternativas mediante esbozos, dibujos, bocetos o esquemas trazados en cualquiera de los
soportes, durante o posteriores a un proceso de observacin de alternativas oinvestigacin. El
acto intuitivo de disear podra llamarse creatividad como acto de creacin o innovacin si el
objeto no existe o se modifica algo existente.
Referente al signo, significacin, designar es disear el hecho de la solucin encontrada. Es el
resultado de la economa de recursos materiales, la forma, transformacin y el significado
implcito en la obra, su ambigua apreciacin no puede determinarse si un diseo es un
proceso esttico correspondiente al arte cuando lo accesorio o superfluo se antepone a la
funcin o solucin del problema.
El acto humano de disear no es un hecho artstico en s mismo, aunque puede valerse de los
mismos procesos en pensamiento y los mismos medios de expresin como resultado; al
disear un objeto o signo de comunicacin visual en funcin de la bsqueda de una aplicacin
prctica, el diseador ordena y dispone los elementos estructurales y formales, as como dota
al producto o idea de significantes si el objeto o mensaje se relaciona con la cultura en su
contexto social.
El verbo "disear" se refiere al proceso de creacin y desarrollo para producir un nuevo objeto
o medio de comunicacin (objeto, proceso, servicio, conocimiento o entorno) para
uso humano. El sustantivo "diseo" se refiere al plan final o proposicin determinada fruto del
proceso de disear: dibujo, proyecto, diseo industrial o descripcin tcnica, maqueta al
resultado de poner ese plan final en prctica (la imagen, el objeto a fabricar o construir).
Disear requiere principalmente consideraciones funcionales, estticas y simblicas. El
proceso necesita numerosas fases como: observacin, investigacin, anlisis, testado,

ajustes, modelados (fsicos o virtuales mediante programas de diseo informticos en dos o

tres dimensiones), adaptaciones previas a la produccin definitiva del objeto industrial,
construccin de obras ingeniera en espacios exteriores o interiores arquitectura, diseo de
interiores, o elementos visuales de comunicacin a difundir, transmitir e imprimir sean: diseo
grfico o comunicacin visual, diseo de informacin, tipografa. Adems abarca varias
disciplinas y oficios conexos, dependiendo del objeto a disear y de la participacin en el
proceso de una o varias personas.
Disear es una tarea compleja, dinmica e intrincada. Es la integracin de requisitos tcnicos,
sociales y econmicos, necesidades biolgicas, ergonoma con efectos psicolgicos y
materiales, forma, color, volumen y espacio, todo ello pensado e interrelacionado con el medio
ambiente que rodea a la humanidad. De esto ltimo se puede desprender la alta
responsabilidad tica del diseo y los diseadores a nivel mundial. Un buen punto de partida
para entender ste fenmeno es revisar la Gestalt y como lateora de sistemas aporta una
visin amplia del tema.
Un filsofo contemporneo, Vilm Flusser, propone, en su libro Filosofa del diseo, que
el futuro (el destino de la humanidad) depende del diseo.

Los elementos fundamentales del

diseo
1 - Elementos Fundamentales de Diseo dentro de un Sitio
Web
Diseo
Parte fundamental de un Sitio Web es el diseo. Puede definirse como una composicin o trazado
que se hace con lneas, formas y colores cuya finalidad es la comunicacin de un mensaje; por
ello, hablar de diseo de comunicacin visual, es lo mismo que el diseo grfico, ya que ambas
utilizan los medios visuales para comunicar una idea, bien sea con el fin de exaltarla o difundirla.
Entre los recursos utilizados en el diseo destacan entre otros:
Las imgenes: Una imagen bien diseada, dice ms que un texto.
Textos: Generalmente corresponde al diseador indicar el tamao, ubicacin, tipo de letra entre
otros, que se va a utilizar. Los textos deben ser breves, concisos y expresivos.
Aspectos que Conforman el Diseo
Aspectos que Conforman el Diseo
En todo diseo intervienen bsicamente 3 aspectos:
1. La Funcin: es la razn de ser del diseo, el sentido utilitario de la concepcin del diseador,
responde a la pregunta para qu.

2. La Forma: Es la manera de presentarlo para que satisfaga a quien va dirigido, responde a la

pregunta cmo.
3. Los Materiales: Son los elementos que se emplean para la realizacin del producto y responde a
la pregunta con qu.
Fuentes o Tipos de Letras
Las fuentes o tipos de letras son un elemento fundamental en el diseo de un sitios web, de ellas
depender que el contenido sea lo suficientemente legible, atractivo y claro para un usuario.
Existen ms de 5.000 tipos de letras, pero generalmente en Internet se visualizan solo 5 tipos, que
son los llamados fuentes estndares y se pueden encontrar en todas las computadoras, a
continuacin se muestran:
Time New Roman
Arial
Verdana
Tamao y Estilos de las Fuentes o Tipos de Letra
Las fuentes tambin tienen la posibilidad del tamao, es decir, ubicar un ttulo con una fuente
mayor a la del contenido y una nota o cita con una fuente menor a la empleada dentro del mismo,
por ejemplo:

Estilo de las fuentes son las siguientes:

Negritas: para destacar algo o colocarlo en un ttulo. Cursivas: para hacer referencias de algo
dentro de un contenido. Subrayado: para subttulos.

Recomendaciones para el Uso de las Fuentes

No excederse con el uso de las maysculas, un ttulo es ms visible usando maysculas y
minsculas, que solo con maysculas, por otra parte, cuando se escribe algo en este tipo de letra
da el efecto o la impresin de un grito o un insulto. Por ejemplo:
Esto es una demostracin.
ESTO ES UNA DEMOSTRACIN.
Procurar por estandarizar el tipo de letra, es decir, ser consistente con las fuentes que se emplean,
lo ideal es el uso de 2 tipos, en caso de requerirlo 3 4 tipos de letra como mximo, de manera
que no se pierda la idea del contenido y de la estructura como tal del sitio, adems, esto ayuda al
usuario a ubicarse mejor dentro de la misma, por ello no es recomendable el uso de muchos tipos
de letra.
Usa letras de un tamao legible como la N 12. Es recomendable no utilizar tamaos de letras muy
pequeas, puesto que dificultan la lectura de los contenidos de los sitios web.
Usar tipos de letras legibles, existen muchos formatos que dificultan la lectura.

Los principios del diseo

An cuando en el lenguaje visual no existen sistemas estructurales absolutos, s existen ciertas reglas que
debemos aprender y aplicarlas inteligentemente para obtener una organizacin y orquestacin necesarias
para que exista un grado de comprensin del mensaje. De la misma manera que en el lenguaje, la sintaxis
significa la disposicin ordenada de palabras, en el diseo significa la disposicin ordenada de todos los
elementos que hemos estudiado (punto, lnea y plano), as como de los elementos de relacin y organizacin
y los elementos de practicidad.
Los principios del diseo son los siguientes: balance, nfasis, ritmo, proporcin y escala, armona y unidad, y
simplicidad.
BALANCE O EQUILIBRIO - La influencia psicolgica y fsica ms importante sobre la percepcin humana es
la necesidad de equilibrio del hombre, la necesidad de tener sus dos pies acentados sobre el suelo y saber
que ha de permanecer vertical en cualquier circunstancia. Por lo tanto, el equilibrio es la referencia visual ms
fuerte y firme del ser humano y por lo tanto es una base conciente e inconciente para la formulacin de juicios
visuales. El equilibrio significa un sentidode igualdad y puede conseguirse atravs de un balance simtrico o
asimtrico.
NFASIS O PUNTO DE ENFOQUE - El punto focal es el rea que se ofrece como el centro de inters y por lo
tanto lo que atrae al ojo a primera vista. El nfasis en un diseo puede conseguirse con el uso eficaz de la
lnea, de la forma, del color, de la tonalidad y de la textura, etc., es decir de los diferentes elementos.
RITMO Y MOVIMIENTO - El ritmo prove la disciplina que controla al ojo alrededor de un objeto o espacio,
proveyndole el camino adecuado para una mejor comprensin y respetando la armona y jerarqua de todos
y cada uno de los elementos. El ritmo se crea con la repeticin de la lnea, de la forma, del color o de la
textura. Puede tambin ser creado con la progression, es decir con el aumento o disminucin gradual del
tamao, la direccin o el color.
PROPORCIN Y ESCALA - Las relaciones del tamao en un diseo son definidas por la proporcin y la
escala. La proporcin se refiere a cmo los elementos dentro de un objeto se relacionan con el objeto en su
totalidad.
ARMONA Y UNIDAD - Un buen diseo est conformado por un conjunto de elementos organizados y
relacionados entre s, pero que juntos representan a uno solo. La unidad significa una consistencia de
tamaos y de formas y una armona de color y patrn, asegurando un sentido de orden y por lo tanto de mejor
apreciacin. Esto se puede lograr con repeticin de los elementos, balancendolos en el diseo y despus la
adicin de una poca variedad, de modo que se consiga un sentido de personalidad. Abusar de dicha variedad
puede perder el nfasis y el exceso de unidad puede eliminar a la variedad.
SIMPLICIDAD - No debemos olvidar que el diseo ideal es un entero unificado que abarca a todos los
elementos y principios del diseo, sin embargo es necesario considerar la maxima de comunicacin: menos
es ms.

Que es el diseo grafico

l diseo grfico es una disciplina y profesin que tiene el fin de idear y proyectar
mensajes a travs de la imagen.
Al diseo grfico se lo llama tambin de la comunicacin visual y esto es as puesto
que entraa una ntima relacin con la comunicacin como ciencia terica y disciplina
grfica.
Se entiende por diseo grfico a la prctica de desarrollo y ejecucin de mensajes
visuales que contemplan aspectos informativos, estilsticos, de identidad, de
persuasin, tecnolgicos, productivos y de innovacin.

Partiendo de una base terica comn, el diseo grfico puede encontrarse en diversos
mbitos. Se encuentra, por ejemplo, el diseo publicitario (que implica la creacin de
avisos grficos y audiovisuales para la venta de productos), el diseo editorial (para
revistas y publicacines grficas como libros), el diseo de identidad corporativa
(desarrollo de una identidad a travs de la imagen para una marca o empresa, por
ejemplo, con la creacin de un isologotipo), el diseo multimedia y web (o diseo a
travs de la informtica e Internet), el diseo de envase (creacin de piezas
contenedoras para productos comerciales), diseo tipogrfico (vinculado a la escritura),
la cartelera y sealtica (diseo para espacios internos y externos que requieren de
avisos o seales informativas) y otros.
La historia del diseo grfico es difcil de determinar, ya que puede hablarse de diseo
siempre que se encuentre una manifestacin grfica de diversa ndole. Sin embargo,
ciertos tericos entienden que para que exista el diseo grfico debe a su vez existir
una determinada aplicacin de un modelo industrial que responde a una necesidad
productiva, informativa, simblica, etctera. Algunos consideran que esta prctica tuvo
su origen con las pinturas rupestres creadas en el Paleoltico y otros creen que
comenz con el nacimiento del lenguaje escrito. La interpretacin del diseo grfico en
la modernidad est para muchos vinculada con el perodo de entreguerras en el siglo
XX.
Los productos del diseo grfico tambin son mltiples y entre ellos podemos contar
etiquetas (de seguridad, envolventes, colgantes, decorativas, identificatorias), envases
(rgidos, flexibles, de plstico, de vidrio o aluminio), editorial (afiches, volantes o
folletos, libros, peridicos, revistas, catlogos), sealtica (seales de trfico y de
peligro, de transporte y en espacios pblicos y privados), cartelera (informativa o
publicitaria), corporativo (marcas, isologotipo, papelera, accesorios e indumentaria),
folletera (dpticos, trpticos, publicitarios, tursticos, educativos), tipogrfico (en
fuentes con serif o sans serif, gticas, de fantasa, formales o informales, educativas o
ldicas), instrumentos (aparatos y dispositivos tecnolgicos), infografa (organizacin
de informacin con grficos para mapas, formularios y otros).

A su vez, el diseo grfico contemporneo se vale de distintos softwares informticos

para la ejecucin de sus productos. Los ms conocidos son Adobe Photoshop e
Illustrator, y tambin Indiesign y Dreamweaver, Corel Draw, QuarkXPress y muchos
ms. Estos programas permiten la creacin y modificacin de imgenes en forma
virtual que puede llevarse luego a la impresin o a multimedia.
... via Definicion ABC http://www.definicionabc.com/comunicacion/diseno-grafico-2.php

teora del color

En el arte de la pintura, el diseo grfico, el diseo visual, la fotografa, la imprenta y en
la televisin, la teora del color es un grupo de reglas bsicas en la mezcla de colores para
conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede
producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian,
magenta y amarillo se produce el color negro
En su libro Teora de los colores, el poeta y cientfico alemn Johann Wolfgang von
Goethe propuso un crculo de color simtrico, el cual comprende el establecido por el
matemtico y fsico ingls Isaac Newton y los espectros complementarios. En contraste, el
crculo de color de Newton, con siete ngulos de color desiguales y subtendidos, no expona
la simetra y la complementariedad que Goethe consider como caracterstica esencial
del color. Para Newton, solo los colores espectrales podan considerarse como
fundamentales. El enfoque ms emprico de Goethe le permiti admitir el papel esencial del
color magenta, que no es espectral, en un crculo de color. Posteriormente, los estudios de la
percepcin del color definieron el estndar CIE 1931, el cual es un modelo perceptual que
permite representar colores primarios con precisin y convertirlos a cada modelo de color de
forma apropiada.
Teora de Ostwald[editar]
La teora del color propuesta por el qumico y filsofo alemn Wilhelm Ostwald consta de
cuatro sensaciones cromticas elementales (amarillo, rojo, azul y verde) y dos sensaciones
acromticas intermedias.

Crculo cromticoCMY

Modelo de color RGB[editar]

Artculo principal: Modelo de color RGB

La mezcla de los colores primarios de la luz, que son rojo, verde y azul (RGB, iniciales en
ingls de los colores primarios), se realiza utilizando elsistema de color aditivo, tambin
conocido como el modelo RGB o el espacio de color RGB. Todos los colores posibles que
pueden ser creados por la mezcla de estas tres luces de color son aludidos como el espectro
de color de estas luces en concreto. Cuando ningn color luz est presente, se percibe el
negro. Los colores primarios de luz tienen aplicacin en los monitores de un
ordenador, televisores, proyectores de vdeo y todos aquellos sistemas que utilizan
combinaciones de materiales que fosforecen en el rojo, verde y azul.
Se debe tener en cuenta que slo con unos colores primarios ficticios se pueden llegar a
conseguir todos los colores posibles. Estos colores primarios son conceptos idealizados
utilizados en modelos de color matemticos que no representan las sensaciones de color
reales o incluso los impulsos nerviosos reales o procesos cerebrales. En otras palabras, todos
los colores primarios perfectos son completamente imaginarios, lo que implica que todos los
colores primarios que se utilizan en las mezclas son incompletos o imperfectos.

El crculo cromtico[editar]
El crculo cromtico suele representarse como una rueda dividida en doce partes. Los colores
primarios se colocan de modo que uno de ellos est en la porcin superior central y los otros
dos en la cuarta porcin a partir de esta, de modo que si unimos los tres con unas lneas
imaginarias formaran un tringulo equiltero con la base horizontal. Entre dos colores
primarios se colocan tres tonos secundarios de modo que en la porcin central entre ellos
correspondera a una mezcla de cantidades iguales de ambos primarios y el color ms
cercano a cada primario sera la mezcla del secundario central ms el primario adyacente.
Los crculos cromticos actuales utilizados por los artistas se basan en el modelo CMY, si bien
los colores primarios utilizados en pintura difieren de las tintas de proceso en imprenta en su
intensidad. Los pigmentos utilizados en pintura, tanto en leo como acrlico y otras tcnicas
pictricas suelen ser el azul de ftalocianina (PB15 en notacin Color Index) como cian, el
magenta de quinacridona (PV19 en notacin Color Index) y algn amarillo arilida o bien de
cadmio que presente un tono amarillo neutro (existen varios pigmentos vlidos o mezclas de
ellos utilizables como primarios amarillos). Varias casas poseen juegos de colores primarios
recomendados que suelen venderse juntos y reciben nombres especiales en los catlogos,
tales como azul primario o rojo primario junto al amarillo primario, pese a que ni el azul

ni el rojo propiamente dichos son en realidad colores primarios segn el modelo CMYK
utilizado en la actualidad.
No obstante, como los propios nombres dados por los fabricantes a sus colores primarios
evidencian, existe una tradicin todava anclada en el modelo RYB y que ocasionalmente se
encuentra todava en libros y en cursos orientados a aficionados a la pintura. Pero la
enseanza reglada, tanto en escuelas de arte como en la universidad, y los textos de
referencia importantes ya han abandonado tal modelo hace dcadas. La prueba la tenemos
en los colores orientados a la enseanza artstica de diferentes fabricantes, que sin excepcin
utilizan un modelo de color basado en CMYK, que adems de los tres colores primarios CMY
incluyen negro y blanco como juego bsico para el estudiante.
La mezcla de los colores primarios de la luz, que son rojo, verde y azul (RGB, iniciales en
ingls de los colores primarios), se realiza utilizando el sistema de color aditivo, tambin
conocido como el modelo RGB o el espacio de color RGB. Todos los colores posibles que
pueden ser creados por la mezcla de estas tres luces de color son aludidos como el espectro
de color de estas luces en concreto. Cuando ningn color luz est presente, se percibe el
negro. Los colores primarios de luz tienen aplicacin en losmonitores de un
ordenador, televisores, proyectores de vdeo y todos aquellos sistemas que utilizan
combinaciones de materiales que fosforecen en el rojo, verde y azul.
Se debe tener en cuenta que slo con unos colores primarios ficticios se pueden llegar a
conseguir todos los colores posibles. Estos colores primarios son conceptos idealizados
utilizados en modelos de color matemticos que no representan las sensaciones de color
reales o incluso los impulsos nerviosos reales o procesos cerebrales}

Que es el minimalismo y el conceptualismo y sus

difencias
minimalismo= arte basado en figuras simples sin muchos detalles
conceptualismo= Arte conceptual, es decir el arte ms actual o de moda

EL MINIMALISMO
Principal caracterstica que es simple, est dirigido a la masa donde cualquiera puede entenderlo,
es decir es simple pero lo es solo para las personas relacionadas con el mbito donde se aplica
(arte, msica, ciencia, diseo, etc.) se busca no sobrecargar el sitio con elementos que no aporta
verdaderamente a la funcionalidad del mismo o el objetivo con que fue creado.

Es una corriente artstica que se basa en la reduccin de los objetos reales a formas simplificadas,
geomtricas, impersonales y fras. Se basa siempre en la utilizacin de elementos simples, en los
que no importaba nada ms que el objetivo entre s, no hay ttulo y no existe una representacin de
algo .Un diseo minimalista no es necesariamente un buen diseo, y un buen diseo no tiene por
qu ser minimalista.

CONCEPTUALISMOEl arte conceptual o conceptualismo se basa en

que las ideas

dentro de otra obra son un elemento ms importante que el sentido por el que la obra se cre.La
idea de la obra prevalece sobre sus aspectos formales, y en muchos casos la idea es la obra en si
misma, quedando la resolucin final de la obra como mero soporte.Cuando se compleja una obra
conceptual no se ve nada ms que el medio por el cual el artista intent transmitirnos una idea. La
exploracin de las metforas es una herramienta poderosa para comunicar ideas complejas.Las
metforas relacionan elementos de la vida cotidiana con aspectos nuevos, por ejemplo en el caso
de autopistas de la informacin se utiliza el termino autopistas para brindarle la idea de los

caminos hacia la informacin.

Que es el diseo 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
El diseador web comprende perfectamente que el sitio online no es solo "no faltar en la web",
sino una herramienta que se alinea perfectamente con los lineamientos culturales de la
entidad que representa... 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.

Que programas son mas comunes para el diseo

web
7.- Illustrator
Con un total de 46.136 usuarios, este programa es uno de los cuales
deben ser base en los conocimientos de un diseador de logotipos o
vectores.
6.- Google Sketshup
Con 52.534 usuarios, es una plataforma enfocada a la creacin de
objetos en 3D. Es gratuita
5.- ACDsee Pro
Es un programa que cuenta con muchas herramientas de edicin de
fotografas y 65.239 usuarios la prefieren.
4.- Gimp
Con 93.317 votos, esta aplicacin es la equivalencia a photoshop pero
gratuita.
3.- Corel Draw
Es el oponente ms fuerte de photoshop, durante sus inicios era la
plataforma ms famosa y usada. 168.871 personas la siguen
prefiriendo.
2.- Picasa
Con 424.505 preferencias, esta plataforma para editar fotografas, no es
considera como una de las mas profesionales, pero si de las ms
efectivas y rpidas.
1.- Photoshop
Es la herramienta super estrella de todos los programas de diseo. El
termino Photoshopear, ya es parte del lenguaje de todo los
diseadores. 495.155 la prefieren

Que es el html
HTML, sigla en ingls de HyperText Markup Language (lenguaje de marcas de hipertexto),
hace referencia al lenguaje de marcado para la elaboracin de pginas web. Es un estndar
que sirve de referencia del software que conecta con la elaboracin de pginas web en sus
diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML)
para la definicin de contenido de una pgina web, como texto, imgenes, videos, juegos,
entre otros. Es un estndar a cargo delWorld Wide Web Consortium (W3C) o Consorcio
WWW, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la
web, sobre todo en lo referente a su escritura e interpretacin. Se considera el lenguaje web
ms importante siendo su invencin crucial en la aparicin, desarrollo y expansin de la World
Wide Web (WWW). Es el estndar que se ha impuesto en la visualizacin de pginas web y
es el que todos los navegadores actuales han adoptado.1
El lenguaje HTML basa su filosofa de desarrollo en la diferenciacin. Para aadir un elemento
externo a la pgina (imagen, vdeo, script, entre otros.), este no se incrusta directamente en el
cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento
mediante texto. De este modo, la pgina web contiene solamente texto mientras que recae en
el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la
pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier
pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma
(estndar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web
compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos
inteligentes, tabletas, vipers etc. No obstante, para interpretar correctamente una nueva
versin de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y
el usuario debe ser capaz de usar la nueva versin del navegador con los cambios
incorporados. Normalmente los cambios son aplicados mediante parches de actualizacin
automtica (Firefox, Chrome) u ofreciendo una nueva versin del navegador con todos los
cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Por lo que un
navegador desactualizado no ser capaz de interpretar correctamente una pgina web escrita
en una versin de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los
desarrolladores a aplicar tcnicas y cambios que permitan corregir problemas de visualizacin
e incluso de interpretacin de cdigo HTML. As mismo, las pginas escritas en una versin
anterior de HTML deberan ser actualizadas o reescritas, lo que no siempre se cumple. Es por
ello que ciertos navegadores todava mantienen la capacidad de interpretar pginas web de

versiones HTML anteriores. Por estas razones, todava existen diferencias entre distintos
navegadores y versiones al interpretar una misma pgina web.

Que es una pagina web

Una pgina web, pgina electrnica o ciberpgina,1 2 es un documento o informacin
electrnica capaz de contener texto, sonido,vdeo, programas, enlaces, imgenes, y muchas
otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador. Esta informacin se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar navegacin (acceso) a otras pginas web
mediante enlaces de hipertexto. Las pginas web frecuentemente tambin incluyen otros
recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imgenes digitales,
entre otros.
Las pginas web pueden estar almacenadas en un equipo local o en un servidor web remoto.
El servidor web puede restringir el acceso nicamente a redes privadas, por ejemplo, en
una intranet corporativa, o puede publicar las pginas en la World Wide Web. El acceso a las
pginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo
de transferencia de hipertexto (HTTP).

Que es un sitio web

Un sitio web o cibersitio1 es una coleccin de pginas web relacionadas y comunes a
un dominio de Internet o subdominio en la World Wide Web en Internet2 Una pgina web es un
documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de
Internet.
Todos los sitios web pblicamente accesibles constituyen una gigantesca World Wide Web de
informacin (un gigantesco entramado de recursos de alcance mundial).
A las pginas de un sitio web se accede frecuentemente a travs de un URL raz comn
llamado portada, que normalmente reside en el mismo servidor fsico. Los URL organizan las
pginas en una jerarqua, aunque los hiperenlaces entre ellas controlan ms particularmente

cmo el lector percibe la estructura general y cmo el trfico webfluye entre las diferentes
partes de los sitios.
Algunos sitios web requieren una subscripcin para acceder a algunos o todos sus
contenidos. Ejemplos de sitios con subscripcin incluyen algunos sitios de noticias, sitios de
juegos, foros, servicios de correo electrnico basados en web, sitios que proporcionan datos
de bolsa de valores e informacin econmica en tiempo real, etc.
El crculo cromtico o rueda de colores, es una representacin ordenada y circular de
los colores de acuerdo con su matiz o tono, en donde se representa a los colores primarios y
sus derivados. Su uso es compatible tanto con los modelos sustractivos de color (artsticos,
pictricos), como con los modelos aditivos (lumnicos).

Crculo cromtico natural degradado.

Los crculos cromticos pueden representarse escalonados o en degrad (como en la

imagen). Los escalonados pueden tener cualquier cantidad de colores segn el autor, por lo
general son 6, 12, 24, 48 o incluso ms. El denominado hexagrama por ejemplo, es una
estrella que se coloca en el centro del crculo cromtico, donde la cantidad de picos
corresponde a cada color y se pueden mostrar los opuestos o complementarios.
Nombre

Etiqueta
inicial

Etiqueta
final

Des.

DTD

Descripcin

<a>

</a>

Origen o destino del vnculo

abbr

<abbr>

</abbr>

Abreviatura (p.ej.:WWW, HTTP, etc.)

acronym

<acronym>

</acronym>

address

<address>

</address>

applet

<applet>

</applet>

area

<area>

Prohibido

Informacin sobre el autor

D

Applet Java
rea de un mapa de imgenes en el
lado del cliente

<b>

</b>

Estilo de texto en negrita

base

<base>

Prohibido

URI base del documento

basefont

<basefont>

Prohibido

bdo

<bdo>

</bdo>

Anular algoritmo BiDi I18N

big

<big>

</big>

Estilo de texto grande

blockquote <blockquote>

</blockquote>

Cita larga

body

Opcional

Opcional

Cuerpo del documento

br

<br>

Prohibido

Salto de lnea forzado

button

<button>

</button>

Botn

caption

<caption>

</caption>

Ttulo de tabla

center

<center>

</center>

cite

<cite>

</cite>

Cita

code

<code>

</code>

Fragmento de cdigo de computadora

col

<col>

Prohibido

Columna de una tabla

colgroup

<colgroup>

Opcional

Grupo de columnas de una tabla

dd

<dd>

Opcional

Descripcin de una definicin

del

<del>

</del>

Texto borrado

dfn

<dfn>

</dfn>

Definicin

dir

<dir>

</dir>

div

<div>

</div>

Contenedor genrico de idioma/estilo

dl

<dl>

</dl>

Lista de definiciones

dt

<dt>

Opcional

Trmino definido

em

<em>

</em>

nfasis

fieldset

<fieldset>

</fieldset>

Grupo de controles de un formulario

font

<font>

</font>

form

<form>

</form>

frame

<frame>

Prohibido

Subventana

frameset

<frameset>

</frameset>

Subdivisin en ventanas

h1

<h1>

</h1>

Encabezado

h2

<h2>

</h2>

Encabezado

h3

<h3>

</h3>

Encabezado

h4

<h4>

</h4>

Encabezado

h5

<h5>

</h5>

Encabezado

h6

<h6>

</h6>

Encabezado

head

Opcional

Opcional

Cabecera del documento

hr

<hr>

Prohibido

Separador horizontal

html

Opcional

Opcional

Elemento raiz del documento

<i>

</i>

Estilo de texto en itlica

iframe

<iframe>

</iframe>

img

<img>

Prohibido

Tamao base de fuente

Forma abreviada de DIV align=center

Lista tipo directorio

Cambio local de la fuente

Formulario interactivo

Subventana en lnea
Imagen incluida

input

<input>

Prohibido

Control de formulario

ins

<ins>

</ins>

Texto insertado

isindex

<isindex>

Prohibido

kbd

<kbd>

</kbd>

Texto que debe introducir el usuario

label

<label>

</label>

Texto del rtulo de un campo de

formulario

legend

<legend>

</legend>

Leyenda de un grupo de campos

li

<li>

Opcional

Objeto de lista

link

<link>

Prohibido

Un vnculo independiente del medio

map

<map>

</map>

Mapa de imgenes en el lado del

cliente

menu

<menu>

</menu>

meta

<meta>

Prohibido

noframes

<noframes>

</noframes>

noscript

<noscript>

</noscript>

Contenedor de contenidos alternativos

para la representacin no basada en
scripts

object

<object>

</object>

Objeto incluido genrico

ol

<ol>

</ol>

Lista ordenada

optgroup

<optgroup>

</optgroup>

Grupo de opciones

option

<option>

Opcional

Opcin seleccionable

<p>

Opcional

Prrafo

param

<param>

Prohibido

Valor de propiedad con nombre

pre

<pre>

</pre>

Texto preformateado

<q>

</q>

Cita corta en lnea

<s>

</s>

samp

<samp>

</samp>

Ejemplo de salida de programas,

scripts, etc.

script

<script>

</script>

Sentencias de script

select

<select>

</select>

Selector de opciones

small

<small>

</small>

Estilo de texto pequeo

span

<span>

</span>

Contenedor genrico de idioma/estilo

strike

<strike>

</strike>

strong

<strong>

</strong>

nfasis fuerte

style

<style>

</style>

Informacin de estilo

sub

<sub>

</sub>

Subndice

sup

<sup>

</sup>

Superndice

table

<table>

</table>

tbody

Opcional

Opcional

Entrada de texto en una sola lnea con

indicador

Lista tipo men

Metainformacin genrica

Contenedor de contenidos alternativos

para la representacin no basada en
marcos

Estilo de texto tachado

Estilo de texto tachado

Cuerpo de tabla

td

<td>

Opcional

Celda de datos de una tabla

textarea

<textarea>

</textarea>

Campo de texto multilnea

tfoot

<tfoot>

Opcional

Pie de tabla

th

<th>

Opcional

Celda de encabezado de tabla

thead

<thead>

Opcional

Cabecera de tabla

title

<title>

</title>

Ttulo del documento

tr

<tr>

Opcional

Fila de una tabla

tt

<tt>

</tt>

Estilo de texto de teletipo o

monoespacio

<u>

</u>

ul

<ul>

</ul>

Lista no ordenada

var

<var>

</var>

Variable o argumento de un programa

Estilo de texto subrayado