Repblica Bolivariana de Venezuela

Universidad Nueva Esparta

Escuela
de
Administracin
de
Empresas de Diseo
Computacin VII
Periodo 137

Diseo
Web

Prof: Jess Rivas

Alumna: Oreana Bravo

Cl. 23.488.097.

Agosto 31, 2016

Caracas, Venezuela

Introduccin
El diseo web, forma parte importante y principal del mundo web, lo cual, es el
introductorio y presentacin para envolver a los usuarios a involucrarse con el
contenido y contexto que contiene una pgina web, puesto que, garantiza el
objetivo y meta que se establezca para una pgina web.
Dentro de una pgina web se utilizan diversas herramientas que permiten que
funcione de manera didctica y dinmicamente, logrando la captacin y formacin
de la pgina que se quiera realizar.
Entre estas herramientas se encuentran todas las etiquetas web, enlaces y
cdigos que van a permitir que funcione perfectamente la pgina web.
En este trabajo, se describir todas las herramientas para el funcionamiento,
diseo y requerimientos que se deben tomar en cuenta para la realizacin de una
pgina web.

Qu es HTML?
Es un lenguaje de programacin que se utiliza para el desarrollo de pginas de
Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es
decir, Lenguaje de Marcas de Hipertexto, que podra ser traducido como Lenguaje
de Formato de Documentos para Hipertexto. EL HTML se encarga de desarrollar
una descripcin sobre los contenidos que aparecen como textos y sobre su
estructura, complementando dicho texto con diversos objetos (como fotografas,
animaciones, etc).
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que
tienen que ver con el formato de los documentos. El texto en l se crea a partir de
etiquetas, tambin llamadas tags, que permiten interconectar diversos conceptos y
formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas
a travs de corchetes o parntesis angulares: < y >. Entre sus componentes, los
elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos
propiedades (el contenido en s mismo y sus atributos).
Por otra parte, cabe destacar que el HTML permite ciertos cdigos que se conocen
como scripts, los cuales brindan instrucciones especficas a los navegadores que
se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los
ms conocidos y utilizados son JavaScript y PHP.
El marcado estructural es el que estipula la finalidad del texto, aunque no define
cmo se ver el elemento. El marcado presentacional, por su parte, es el que se
encarga de sealar cmo se ver el texto ms all de su funcin.
Para conocer el cdigo HTML que utiliza una pgina web, hay que seleccionar Ver
cdigo fuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al
elegir esta opcin, se abrir el editor de texto con el cdigo HTML de la pgina que
se est visualizando.

Los estndares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0, el
HTML 4.01 y el HTML 5. El HTLM 5 es la ltima especificacin oficial y se espera
que contine evolucionando a lo largo de los prximos aos. El XHTML, una forma
ms avanzada del HTML que se supona iba a sustituir a ste, podemos
considerar que ha quedado integrado dentro del HTML 5.
La siguiente tabla resume la evolucin de HTML:

En 1995 se publica el estndar HTML 2.0. A

pesar de su nombre, HTML 2.0 es el primer
estndar oficial de HTML, es decir, el HTML
1.0 no existi como estndar. HTML 2.0 no
HTML 2.0

soportaba tablas.
Se simplificaba al mximo la estructura del
documento para agilizar su edicin, donde la
declaracin explcita de los elementos body,
html y head es opcional.
La versin HTML 3.2 se public en 1997 y es
la

primera

publicada
HTML 3.2

recomendacin
por

el

W3C

de

HTML

(Consorcio

internacional). Esta revisin incorpor los

ltimos

avances

de

las

pginas

web

desarrolladas hasta 1996, como applets de

Java y texto que fluye alrededor de las
imgenes.
HTML 4.01

La ltima especificacin oficial de HTML se

public en diciembre de 1999 y se denomina
HTML 4.01. Desde la publicacin de HTML
4.01, el W3C se centr en el desarrollo del

estndar XHTML. Por este motivo, en el ao

2004, las empresas Apple, Mozilla y Opera
mostraron su preocupacin por la falta de
inters del W3C en HTML y decidieron
organizarse
llamada

en

una

WHATWG

nueva

asociacin

(Web

Hypertext

Application Technology Working Group) que

comenz el desarrollo del HTML 5, cuyo
primer borrador oficial se public en enero de
2008. Debido a la fuerza de las empresas
que forman el grupo WHATWG y a la
publicacin de los borradores de HTML 5.0,
en marzo de 2007 el W3C decidi retomar la
actividad estandarizadora de HTML, dentro
del cual decidi integrar el XHTML.
El consorcio internacional W3C, despus de
una evolucin de varios aos, liber el HTML
5 como estndar oficial a finales de octubre
de

2014.

HTML

incorpora

nuevos

elementos no contemplandos en HTML 4.01.

HTML 5, HTML 5.1, HTML
5.2

Hay diversos cambios respecto a HTML 4.01.

Hay nuevas etiquetas, se introduce la
posibilidad de introducir audio y video de
forma directa en la web sin necesidad de
plugins o complementos en los navegadores,
y otras novedades. El W3C ir lanzando
progresivamente nuevas evoluciones del
HTML 5.

Hasta hace poco la versin de HTML ms utilizada ha venido siendo la 4.01, que
es admitida por todos los navegadores. Esta versin fue definida por la W3C
(Comit Internacional que define los estndares web) hace varios aos.
Actualmente ya est utilizndose la nueva versin de HTML, denominada HTML 5,
aunque esta no es soportada por navegadores antiguos. HTML 5 se ha ido
introduciendo progresivamente en los desarrollos web pero an quedan muchos
aos en que existir una convivencia con navegadores y webs que usan HTML
4.01. HTML 4.01 contemplaba, adems de la versin en s, distintas variantes
(digamos que distintas formas o doctypes) que es interesante conocer. En HTML
4.01 en un documento HTML se debe indicar en una lnea inicial qu versin y
variante es la que estamos usando de forma que cualquier persona que lea ese
documento HTML sepa qu versin y variante se ha empleado. Las variantes del
HTML 4.01 son:

En este tipo de documentos podemos usar etiquetas HTML 4.01,

pero no se aceptan etiquetas obsoletas, es decir, etiquetas propias
HTML 4.01 Strict

de versiones ms antiguas. Es la versin que si usamos en teora

nos debera dar un resultado ptimo en los navegadores ms
modernos. Esto no siempre es as, como explicaremos un poco
ms adelante.
En este tipo de documentos se pueden usar todas las etiquetas de
todas las versiones de HTML. Usar esta variante de HTML plantea
el interrogante de si es correcto permitir el uso de etiquetas

HTML 4.01 Transitional

obsoletas que podran dejar de funcionar en las proximas

versiones de los navegadores. Sin embargo, este es el estndar
ms usado, porque combina la posibilidad de usar etiquetas ms
antiguas y etiquetas ms modernas, de forma que podamos aspirar
a una mejor visualizacin en la mayor parte de los navegadores.

Este tipo de documentos tiene soporte para frames. Los frames

son unos marcos a modo de pequeas subventanas dentro de una
misma pgina web que se usaban mucho hace unos aos pero
HTML 4.01 Frameset

que hoy en da se usan cada vez menos. Este tipo de HTML

podemos considerarlo anticuado, porque hay otras formas de
disear pginas web sin frames ms modernas y tiles que nos
permiten obtener el mismo resultado de forma ms eficiente.

Con HTML 5 esta situacin ha cambiado: HTML 5 simplifica la situacin, al definir

una nica variante con lo cual desaparecen las variantes Strict, Transitional y
Frameset. El XHTML es un lenguaje que puedes considerar queda integrado
dentro de HTML 5.
Para HTML 5 escribiramos:
<!DOCTYPE html>
Para HTML 4.01 Strict escribiramos:
<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

HTML

4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
Para HTML 4.01 Transitional (recomendado dentro de HTML 4.01) escribiramos:
<!DOCTYPE

HTML

PUBLIC

"-//W3C//DTD

"http://www.w3.org/TR/html4/loose.dtd">

EJEMPLO QUE USA HTML 5

HTML

4.01

Transitional//EN"

<!DOCTYPE html">
<html>
<body>
<p>Esto es una prueba de web creada con HTML 5</p>
</body>
</html>

Vista en el navegador Mozilla Firefox que obtendramos para el documento HTML

anterior.
EJEMPLO QUE USA HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<p>Esto es una prueba de pgina HTML 4.01 Transitional</p>

</body>
</html>

Vista en el navegador Google Chrome que obtendramos para el documento

HTML anterior.
Qu es HTTP?
HTTP es un protocolo de transferencia de hipertexto que se usa en la Web. HTTP
es una sigla que significa HyperText Transfer Protocol, o Protocolo de
Transferencia de Hipertexto. Este protocolo fue desarrollado por las instituciones
internacionales W3C y IETF y se usa en todo tipo de transacciones a travs de
Internet.

El HTTP facilita la definicin de la sintaxis y semntica que utilizan los distintos

softwares web - tanto clientes, como servidores y proxis - para interactuar entre s.

Este protocolo opera por peticin y respuesta entre el cliente y el servidor. A

menudo las peticiones tienen que ver con archivos, ejecucin de un programa,
consulta a una base de datos, traduccin y otras funcionalidades. Toda la
informacin que opera en la Web mediante este protocolo es identificada mediante
el URL o direccin. La tpica transaccin de protocolo HTTP se compone de un
encabezado seguido por una lnea en blanco y luego un dato. Este encabezado
define la accin requerida por el servidor.
Desde su creacin, el HTTP evolucion en diversas versiones. Entre ellas, la 0.9,
la 1.0, la 1.1 y la 1.2.
El protocolo de este tipo opera con cdigos de respuesta de tres dgitos, que
comunican si conexin fue rechazada, si se realiz con xito, si ha sido redirigida
hacia otro URL, si existe un error por parte del cliente, o bien, por parte del
servidor.
Las aplicaciones y navegadores web tienden a complementar la accin del HTTP
como ocurre, por ejemplo, con las denominadas "cookies", que permiten
almacenar informacin de la sesin, funcin de la que no dispone este protocolo,
ya que opera sin estado.
Hoy en da, muchas de las direcciones de URL requieren la inclusin del protocolo
"http://" para su correcto funcionamiento. Este protocolo es usualmente seguido
del tpico cdigo "www" y luego por la direccin especfica del sitio web que se
desea visitar.

Qu es FTP?

El protocolo FTP (File Transfer Protocol), o Protocolo de transferencia de archivos

por su traduccin al espaol, es un protocolo de red utilizado para la transferencia
de archivos entre las computadoras conectadas a una red TCP.
Bsicamente, un servidor FTP es un software que se encuentra instalado en una
computadora servidor conectada a Internet, o en el caso de corporaciones,
instituciones u otras tambin puede estar conectada a redes LAN o MAN. El
principal propsito de este tipo de software de servidor de FTP es permitir el
acceso y el intercambio controlado de archivos contenidos en la computadora en
que se aloja con otras computadoras que lo requieren. Es decir que el software de
Servidor FTP es el encargado de procesar las peticiones para descargar archivos
en el mismo que hacemos los usuarios a travs del cliente FTP instalado en
nuestra PC.
El FTP ha evolucionado tcnicamente para constituirse como una pieza
fundamental para el desarrollo de las actividades en Internet, redes corporativas y
otros mbitos, aunque no lo veamos. Si deseas aprender un poco ms acerca de
la transferencia de archivos a travs de FTP.
Qu es ASCII?
ASCII es una sigla para "American Standard Code for Information Interchange"
(Cdigo Standard Norteamericano para Intercambio de Informacin). Este cdigo
fue propuesto por Robert W. Bemer, buscando crear cdigos para caracteres alfanumricos (letras, smbolos, nmeros y acentos). De esta forma sera posible que
las computadoras de diferentes fabricantes lograran entender los mismos cdigos.
El ASCII es un cdigo numrico que representa los caracteres, usando una escala
decimal del 0 al 127. Esos nmeros decimales son convertidos por la computadora
en nmeros binarios para ser posteriormente procesados.
El ASCII en informtica se conoce como cdigo fuente al texto desarrollado en un
lenguaje de programacin que debe ser compilado o desarrollado para poder

ejecutar en un ordenador, que es una presentacin de los caracteres

alfanumricos que es cuando est formado por letras y nmeros y se hace fcil
para la comunicacin entre los diferentes dispositivos digitales. Las computadoras
solamente entienden nmeros. El cdigo ASCII es una representacin numrica
de un carcter como a o @.
Qu es URL?
RL es una sigla del idioma ingls correspondiente a Uniform Resource Locator
(Localizador Uniforme de Recursos). Se trata de la secuencia de caracteres que
sigue un estndar y que permite denominar recursos dentro del entorno de
Internet para que puedan ser localizados.
Los documentos de texto, las fotografas y los audios, entre otros tipos de
contenidos digitales, tienen un URL cuando se publican en Internet. Estos
localizadores permiten crear hipervnculos (tambin conocidos como enlaces o
links) en la World Wide Web (WWW), lo que facilita la navegacin.
El URL es, por lo tanto, es el conjunto de caracteres que posibilita la asignacin de
una direccin exclusiva a un recurso que se encuentra disponible en el espacio
virtual. En otras palabras, el URL es una direccin de Internet que, al ser
encontrada y visualizada por un navegador, muestra un recurso de informacin al
usuario. Por ejemplo: El URL del buscador ms utilizado de Internet es
http://www.google.com, Estuve intentando acceder a tu pgina, pero me parece
que tengo mal anotada el URL.
La secuencia de caracteres del URL combina distintas informaciones, como el
nombre de la computadora que brinda los contenidos, el directorio en el que se
encuentran alojados, la denominacin de dicho archivo y tambin el protocolo a
utilizar para la recuperacin de los datos.

El esquema del URL indica el protocolo de red usado para recuperar la

informacin del recurso identificado. Entre los esquemas URL, se encuentran http,
https, mailto y ftp.
Cabe destacar que, en la actualidad, se considera que el URL forma parte del
Uniform Resource Identifier (URI) junto al Uniform Resource Name (URN).
El primero de los citados, que es un identificador mucho ms completo que
cualquier URL, hay que subrayar que est compuesto por los siguientes
elementos: esquema, autoridad, ruta, consulta y fragmento. Mientras el URN hay
que matizar que funciona de forma muy similar a la citada URL aunque presenta
una diferencia: no expresa de manera clara en qu lugar se encuentra el objeto.
Qu es WWW?
WWW son las iniciales que identifican a la expresin inglesa World Wide Web, el
sistema de documentos de hipertexto que se encuentran enlazados entre s y a los
que se accede por medio de Internet. A travs de un software conocido como
navegador, los usuarios pueden visualizar diversos sitios web (los cuales
contienen texto, imgenes, videos y otros contenidos multimedia) y navegar a
travs de ellos mediante los hipervnculos.
De esta manera, podramos decir, utilizando una comparacin con el sector de las
comunicaciones telefnicas, que www es el prefijo que tiene todo portal que se
encuentre en la mencionada Red al que queremos acceder.
Qu es IP?
P es la sigla de Internet Protocol o, en nuestro idioma, Protocolo de Internet. Se
trata de un estndar que se emplea para el envo y recepcin de informacin
mediante una red que rene paquetes conmutados. El IP no cuenta con la
posibilidad de confirmar si un paquete de datos lleg a su destino. Esto puede
permitir que el paquete arribe duplicado, con daos, en un orden errneo o que,
simplemente, no llegue a destino.

En caso que los paquetes a transmitir superen el mximo permitido en el

fragmento de la red, la informacin es subdividida en paquetes de menor tamao y
vuelta a reunir en el momento preciso.
Las direcciones IP hacen referencia al equipo de origen y llegada en una
comunicacin a travs del protocolo de Internet. Los conmutadores de paquetes
(conocidos como switches) y los enrutadores (routers) utilizan las direcciones IP
para determinar qu tramo de red usarn para reenviar los datos.
La direccin IP est compuesta por un nmero que permite identificar jerrquica y
lgicamente la interfaz de una computadora u otra mquina que se encuentra
conectada a una red y que emplea el protocolo de Internet. Los usuarios de
Internet, por ejemplo, utilizan una direccin IP que suele cambiar al momento de
cada conexin. Esta modalidad de asignacin es conocida como direccin IP
dinmica. Reducir lo que es el nmero de IP que han sido asignadas y estn
inactivas o disminuir los costes de operacin que tienen los encargados de ejercer
como proveedores de servicios de Internet son bsicamente las dos ventajas que
trae consigo el uso de las citadas IP dinmicas, que son las que en la actualidad
ofrecen la gran mayora de operadores. Adems de todo lo expuesto tenemos que
dejar patente que las citadas IP se pueden asignar por parte del servidor de tres
maneras claramente delimitadas siendo la primera de ellas la que se conoce por el
nombre de manual. Esto significa que quien la crea es el encargado de administrar
la red y lo hace manualmente.
En segundo lugar la segunda forma de asignacin es la llamada automtica, que
se realiza de esta manera que le da nombre y tomando como base fundamental
un rango que ya ha sido prefijado por el citado administrador. En tercer y ltimo
lugar tenemos que exponer que est la manera dinmica. Este tipo de asignacin
tiene una clara diferencia con respecto a los dos anteriores y es que es el nico
que permite llevar a cabo lo que es el volver a utilizar direcciones IP, es decir, a
proceder a su reutilizacin. Un rango de direcciones IP establecido por el
administrador y el software de comunicacin TCP/IP que tiene cada ordenador, y

que se pone en funcionamiento al conectarse la correspondiente tarjeta de interfaz

de red, son los elementos esenciales para que se produzca esta forma de
asignacin.
Qu es un Host?
El trmino Host, es usado en informtica para referirse a los computadores
conectados a la red, que proveen y/o utilizan servicios a/de ella. Los usuarios
deben utilizar hosts para tener acceso a la red. En general, los hosts son
computadores mono o multiusuario que ofrecen servicios de transferencia de
archivos, conexin remota, servidores de base de datos, servidores WWW, etc.
Los usuarios que hacen uso de los hosts pueden a su vez pedir los mismos
servicios a otras mquinas conectadas a la red.
Qu es un Dominio?
Un dominio de Internet es una red de identificacin que es asociada a un grupo de
dispositivos o equipos conectados a la red Internet. El propsito principal de los
nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es
traducir las direcciones IP de cada nodo activo en la red, a trminos memorizables
y fciles de encontrar. Esta abstraccin hace posible que cualquier servicio (de
red) pueda moverse de un lugar geogrfico a otro en la red Internet, an cuando el
cambio implique que tendr una direccin IP diferente.
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendran
que acceder a cada servicio web utilizando la direccin IP del modo (por ejemplo,
sera necesario utilizar http://192.0.32.10 en vez de http://example.com). Adems,
reducira el nmero de webs posibles, ya que actualmente es habitual que una
misma direccin IP sea compartida por varios dominios.

Qu es un Div?
La etiqueta <div> se utiliza para definir una seccin dentro del documento. Esta
etiqueta se usa comnmente para agrupar un bloque de elementos, para luego
aadirle un estilo determinado. La etiqueta <div> se emplea para definir un bloque
de contenido o seccin de la pgina, para poder aplicarle diferentes estilos e
incluso para realizar operaciones para ese bloque especfico.
El uso de la etiqueta div es sencilla, ejemplo:
<div>
<h1>ndice</h1>
Pgina principal<br />
Material multimedia<br />
Autores<br />
</div>
Hemos empleado la etiqueta para crear un
bloque, que har las veces de ndice de
contenidos. Visualmente la etiqueta no
provoca

ningn

cambio,

pero

en

la

estructura interna del documento hemos

aplicado una divisin muy importante. La
figura muestra el texto del ejemplo; no hay
ninguna diferencia visible.
Probemos ahora a aplicar una modificacin a la apariencia de ese bloque,
aadiendo un estilo de borde a la etiqueta <div>; quedara as:
<div style="border: 2px solid rgb(204, 102, 204);">
<h1>ndice</h1>
Pgina principal<br />
Material multimedia<br />

Autores<br />
</div>
Observemos de nuevo la figura; ahora s
que aparece un borde slido de 2 pxeles
alrededor de todo el espacio definido por la
etiqueta div.
Aqu entra, el div tag, y su diferencia, la etiqueta div otorga el contexto en la
pgina, mientras que el div tag, coloca el contexto ms el diseo proporcionado a
l.

Conclusin
Las pginas Webs estn compuestas por diversos elementos que hacen que
funcione de manera correcta y estable.
Entre ellas estn HTML, HTTP, FTP, ASCII, URL, WWW, IP, el Host, Dominio y el
Div.
Cada uno de ellos representa la estructura completa sobre cmo realizar una
pgina web y de qu manera funciona por defecto. Es importante conocer y saber
que cada uno de estos tiene un papel importante dentro del mundo Web, ya que
son la clave para obtener los ptimos resultados y ms cuando se quiere realizar
el diseo de la pgina web.

Referencias
Definicin

de

IP

Qu

es,

Significado

Concepto.

Disponible

en:

http://definicion.de/ip/#ixzz4It9wHs2Z , http://blog.vermiip.es/2008/03/11/que-es-elnumero-ip-que-significa-ip/ , https://www.maestrodelacomputacion.net/que-es-la-ipcomo-saber-mi-ip/

, y http://web.uservers.net/ayuda/soluciones/dominios/que-es-

una-direccion-ip_NTk.html
Qu significa WWW - Definicin, Qu es y Concepto. Disponible en:
http://definicion.de/www/#ixzz4It3sXGwl

http://www.informatica-

hoy.com.ar/aprender-informatica/Que-es-URL.php

http://www.significados.com/url/
Definicin de URL - Qu es, Significado y Concepto. Disponible en:
http://definicion.de/url/#ixzz4It2zMRvX
Definicin de HTML. Disponible en: http://definicion.de/html/
Aprende a programar, articulo: Tutorial bsico del programador web: HTML desde
cero (90 horas). Disponible en: http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-ellenguaje-mas-importante-para-crear-paginas-webs-html-tagscu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
y http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=444:icuales-son-las-versiones-de-htmldiferencias-entre-html-4-y-html-5-significado-de-strict-cu00706b&catid=69:tutorialbasico-programador-web-html-desde-cero&Itemid=192
Definicin

de

HTTP.

Disponible

en:

http://www.definicionabc.com/tecnologia/http.php
Definicin de FTP. Disponible en:

http://www.informatica-hoy.com.ar/aprender-

informatica/Que-es-FTP-como-funciona.php

http://gerardo-

urbinavelasco.blogspot.com/p/que-es-ftp.html , http://www.kenaz.com.ar/que-esftp/
La

etiqueta

Div.

Disponible

en:

http://www.ite.educacion.es/formacion/materiales/182/cd/seis/la_etiqueta_div.html
Definicin

elementos

de

https://es.wikipedia.org/wiki/ASCII

ASCII.

Disponible

http://conceptodefinicion.de/ascii/

en:
,

http://www.informatica-hoy.com.ar/aprender-informatica/Que-es-el-codigoASCII.php
Definicin

de

Host

su

funcin.

Disponible

en:

https://es.answers.yahoo.com/question/index?qid=20100419100917AAocQIY

http://www.mastermagazine.info/termino/5270.php

http://www.masadelante.com/faqs/host
Definicin de Dominio. Disponible en: http://web-gdl.com/servicios/dominios/quees-un-dominio/ y https://es.wikipedia.org/wiki/Dominio_de_Internet