2. Índice
1- World Wide Web
1-Términos asociados a Internet
1.1- Funcionamiento de la web
1.2- Navegación por Internet
2- HTML. El lenguaje estándar de
la web
2.1- Instrucciones básicas del
lenguaje HTML
2.2- Creación de un documento
HTML sencillo
3- Otros lenguajes en servidor
web
3- PHP
3.1- ASP.NET
3.2- JAVA
4- Organización de los
elementos en páginas
4.1- Definir los objetivos de la
página web
4.2- Definir la organización de los
contenidos y menús
4.3- Organizar la estructura de
navegación
4.4- Definir la combinación de
colores e imágenes
4.5- Encabezado y pie de página
3. 1- World Wide Web
La World Wide Web (WWW), se compone de un
sistema de documentos que están relacionados entre sí
mediante hipervínculos que permiten su visualización en
un ordenador conectado a la red.
Servidor web
Cliente
Navegador web
URL
IP
DNS
HTTP
HTML
Ordenador con internet que realiza la petición
de documentos
Software instalado en un ordenador que visualiza
documentos en formato web
Dirección textual de un servidor web
Código identificativo de un equipo informático
en Internet formado por cuatro números
Términos asociados a Internet:
Base de datos que relaciona una dirección
textual de un servidor con su dirección IP
Protocolo de transferencia de hipertexto
Hipertext Markup Language
Ordenador remoto que tiene instalado los programa
para enviar documentos requeridos por un cliente
4. 1.1- Funcionamiento de la web
• Pasos del funcionamiento de un sistema de
visualización de documentos en la World Wide Web.
1- Se introduce la dirección a la que queremos acceder
2- El servidor DNS que tenemos configurado en
nuestra conexión a Internet localiza la dirección IP.
3- El ordenador servidor reconoce que le estamos
solicitando algún documento web y nos envía un
documento HTML.
4- Nuestro navegador estudia el documento recibido y
solicita al servidor los archivos con los que esté
enlazado.
5- Por último, nuestro navegador compone la página
con los textos, enlaces, imágenes etc.
5. 1.2 Navegación por Internet
El servidor de la web almacena en nuestro equipo un
pequeño archivo en el que guarda información sobre la
visita que hemos realizado, nombre de usuario,
contraseñas etc. Estos archivos se denominan cookies y
pueden ser fuente de entrada de malware a nuestro
equipo.
6. 2- HTML. El lenguaje estándar de la
web
El lenguaje HTML es un lenguaje
basado en etiquetas que definen las
cualidades de los textos que contiene.
9. 3- Otros lenguajes en servidor web
• PHP
Es un lenguaje de
programación de
páginas web dinámicas
que generalmente
utiliza la base de datos
MySQL para almacenar
los contenidos.
La utilización del
lenguaje PHP está muy
relacionada con los
programas de gestores
de contenidos (CMS).
10. 3.1- ASP.NET
• ASP.NET
ASP (Servidor de
páginas activas), es
una herramienta de
creación web
dinámicas desde un
servidor
desarrollado por
Microsoft.
11. 3.2- JAVA
• JAVA
Java es un
lenguaje de
programación
desarrollado por
Sun Microsystem
que se utiliza en el
desarrollo de
numerosas
aplicaciones.
12. 4- Organización de los elementos en páginas
• Al crear una página web,
lo primero que debemos
hacer es planificar sus
contenidos y la estructura
que utilizaremos para
mostrarlos. La mejor
manera de planificar una
web es crear un boceto
de presentación y
funcionamiento de los
enlaces presentes en el
siio web.
13. 4.1- Definir los objetivos de la página web
• Para facilitar la labor de fijar objetivos, es una
buena práctica el contestarse a una serie de
preguntas:
- 1. ¿Cuál es el tema fundamental sobre el que
trata la web? ¿A quién va dirigida nuestra web?
- 2. ¿Qué contenidos queremos que figuren en la
web?
- 3. ¿Cómo organizaremos esos contenidos?
- 4. ¿Cuántas páginas de nuestro sitio web
dedicaremos a cada contenido?
• En este punto debemos decidir el título de la web,
su encabezado y logotipo.
14. 4.2- Definir la organización de los contenidos y menús
• Se trata de decidir la composición visual que
presentará nuestra web. Para realizar una página
atractiva es muy importante que exista armonía y
equilibrio en la disposición de los elementos.
• Los programas de edición nos ofrecen la
posibilidad de crear páginas mediante marcos.
15. 4.3- Organizar la estructura de navegación
• A la hora de crear los enlaces entre las distintas págias de
nuestro proyecto, debemos definir qué tipo de estructura
queremos:
- Estructura lineal: la navegación funciona como un libro en el
que se van pasando páginas hacia adelante y hacia atrás.
- Estructura jerárquica: la navegación funciona por niveles de
categoría de los contenidos.
- Estructura mixta: combina la navegación jerárquica con
zonas de navegación lineal.
- Estructura de marcos: consiste en tener siempre visible un
marco lateral o superior con el menú de acceso a las distintas
secciones principales del sitio web.
- Estructura web: todas las páginas dan acceso al resto de los
contenidos.
16. 4.4- Definir la combinación de colores e
imágenes
• El uso del color en la web está limitado por la capacidad
de los navegadores existentes.
• La utilización de fondos de imagen en la web debe
respetar el contraste para la lectura correcta de los textos.
17. 4.5- Encabezado y pie de página
• El encabezado suele estar formado por un banner con el
título de nuestra web y por un logotipo o imagen
identificativa.
• El pie de página suele reservarse para la información
técnica de la web.