INFORMATICA III

Diseño de Pagina Web

Jony Rene Silva Ledesma
Correo: jony.silva@unapiquitos.edu.pe
Celular: 930217860
 Introducción
• El lenguaje que se utiliza para crear una página web es el HTML, Hyper Text
Markup Lenguage (Lenguaje de Marcas de Hypertexto)
• El diseño es fundamental para el éxito de un sitio web. Se entiende por diseño
la forma y el estilo de la página, es decir, no basta con crear una página
mediante HTML y CSS, sino que la página debe resultar útil y atractiva para el
usuario.
• Entran dentro del diseño, aspectos tales como la maquetación, los colores, la
distribución de elementos, el tamaño y forma de los mismos, y otros elementos
del estilo y composición del sitio.
• Es conveniente utilizar un editor web para facilitar la escritura de páginas web,
como KompoZer, para que tu página sea agradable es conveniente saber algo
sobre diseño web, y por último para que todo el mundo vea tu trabajo
necesitarás subir tu página a un servidor de Internet y darla a conocer.
 Contenido

• Veremos los conceptos básicos de HTML, escribir texto, darle formato,

hiperenlaces, estilos, etc. Explicaremos brevemente el editor Kompozer,
luego veremos como estructurar una página web y un sitio web, más
adelante introduciremos el programa Gimp para trabajar con gráficos, unas
ideas para crear gráficos vectoriales, como por ejemplo un logotipo para la
página, con el programa Inkscape. En el siguiente tema introduciremos
conceptos sobre JavaScript, y luego un poco de PHP. En los temas finales,
teorizaremos un poco sobre cómo publicar nuestro sitio y como conseguir
que aparezca en los buscadores y tenga visitas.
Alternativas
 Servidores y Direcciones URL
• Un localizador de recursos uniforme o URL es un identificador de recursos
uniforme URI cuyos recursos referidos pueden cambiar, esto es, la dirección
puede apuntar a recursos variables en el tiempo. Están formados por una
secuencia de caracteres, de acuerdo a un formato modélico y estándar, que
designa recursos en una red, como Internet.
• El URL combina el nombre del servidor que proporciona la información, el
directorio donde se encuentra, el nombre del fichero y el protocolo o
sistema a usar para recuperar los datos.
• Internet esta formada por un conjunto de servidores conectados. Un
servidor es un ordenador conectado a la red de acceso a Intenet que dispone
de un programa que es capaz de recibir una URL y devolver una página web
al que hizo la petición.
• Los ordenadores se pueden
comunicar porque están unidos
a través de conexiones y
gracias a que utilizan un
lenguaje o protocolo común, el
TCP/IP.

• Cuando queremos acceder a una

página proporcionamos un
dominio que es traducido en
los Servidores DNS y localizado.
Cuando sabemos en
qué Servidor Web se encuentra
la página que queremos visitar
se procede a su descarga y
visualización en el navegador
del PC.
 ¿Qué es una página web?
• Seconoce como página web al documento que forma parte de un sitio
web y que suele contar con enlaces (también conocidos
como hipervínculos o links) para facilitar la navegación entre los
contenidos.
• Las páginas web están desarrolladas con lenguajes de marcado como
el HTML, que pueden ser interpretados por los navegadores. De esta
forma, las páginas pueden presentar información en distintos formatos
(texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de
estilo o contar con aplicaciones interactivas.
 Un sitio web
• Sitio es un lugar que sirve para algo o un espacio ocupado (o que puede
llegar a serlo). La noción de Web, por su parte, hace referencia a Internet,
una red de redes que permite la interconexión de computadoras mediante
un conjunto de protocolos denominado TCP/IP.
• Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de
un conjunto de páginas web que son accesibles desde un mismo dominio o
subdominio de la World Wide Web (WWW).
 Limitaciones del diseño web

• Descarga desde un servidor • Tamaño de las imágenes

• Interactividad • Los Navegadores