MDULO I:

LA ESTRUCTURA DEL INTERFAZ Y LOS ELEMENTOS DE DISEO WEB Y MULTIMEDIA

1.-Introduccin a la web y su diseo 2.-Tipos de sitios web. Estructura y contenido 3.-Usabilidad y accesibilidad 4.-Elementos de diseo

Introduccin a la web y su diseo

ndice 1.-Introduccin a Internet. Conceptos 2.-Servidor y cliente. Servicios que ofrece la red 3.-Navegador web 4.-Dominios y alojamiento web 5.-Web 2.0
Objetivos:
Conocer los principales servicios que ofrece la Red. Conocer diferentes navegadores web. Saber gestionar la adquisicin de un dominio y el hosting de un sitio . Conocer los principios de la filosofa web 2.0 y tenerlos en cuenta para nuestros diseos

Introduccin a la web y su diseo

1.-Introduccin a Internet Origen: A finales de los aos 60 y principios de los 70 como una red entre universidades Definicin: Grupo de redes interconectadas entre s a travs del protocolo TCP/IP.

Protocolo: TCP/IP
URL(Universal Resource Locator): Dominio: Traduccin de la direccin IP a un nombre ms fcil de recordar. De esta funcin se encargan el DNS (Domain Name Server ).

Introduccin a la web y su diseo

2.-Servidor y cliente. Servicios que ofrece la red

-Internet funciona con la estrategia "Cliente/Servidor

-Servicios Correo Electrnico World Wide Web FTP Grupos de Noticias IRC Servicios de Telefona

Introduccin a la web y su diseo

3.-Navegador web -Programa para visualizar las pginas web -Llevan otros servicios integrados: ftp,correo,.. -Elementos: barra de men, zona documento web, barra de direcciones, zona de seguridad,.. -Qu pueden leer?
Lenguaje html Lenguajes de Script: javascript,vbscript.

Imgenes: formato, jpg, gif, png

Multimedia: flash, silverlight,.. Otros archivos:formato pdf...

Introduccin a la web y su diseo

4.-Dominios y alojamiento de la web Qu necesito para tener mi sitio en Internet? Archivos que conforman la web: cdigo para cliente, cdigo para servidor, base de datos). Sitio en un servidor donde alojar los documentos que forman la web: hosting Domino en Internet para que cualquier usuario de la red localice nuestra pgina web (nico)

Programa ftp para subir los archivos al servidor

Introduccin a la web y su diseo

4.-Dominios y alojamiento de la web

Hosting

-Espacio en el disco duro de un servidor que tiene conexin permanente a Internet.

-Gratuito o de pago
-Otros servicios adicionales: correo, ftp, ...

Introduccin a la web y su diseo

4.-Dominios y alojamiento de la web Dominio

-Formado por tres partes:

-Nivel 1: regin o concepto

-Nivel 2: marca
-Nivel 3: world wide web -Tipos de dominio:

-genricos: .com
-regionales: .es

.org
.fr .pt

.net

.edu

.info

.biz

Introduccin a la web y su diseo

4.-Dominios y alojamiento de la web
Razones para adquirir un dominio propio: mejor comercializacin de la marca (on-line) dar credibilidad a los contenidos atraer ms trfico: marcas consolidadas Criterios para escoger dominio: que tenga conexin con el contenido del sitio fcil de recordar y escribir

elegir la extensin adecuada

palabras que se usarn despus en buscadores dominios similares redireccin

Introduccin a la web y su diseo

5.-Web 2.0
No es una tecnologa sino actitud con la que debemos trabajar para desarrollar en Internet La web como punto de encuentro donde se fomenta la colaboracin y el intercambio gil de informacin Premisas: La web como plataforma: es un tejido vivo.

Los usuarios le dan valor (inteligencia colectiva)

Informacin est distribuida (repositorios) Programacin reutilizable. El software va ms all del simple recurso. Experiencias ms interactivas para los usuarios

Introduccin a la web y su diseo

5.-Web 2.0
Tecnologas: Seguir los estndares. Uso de las hojas de estilo para separar diseo y contenido

Uso de Ajax
Uso de redes sociales Facilitar posicionamiento con URL sencillas.

Uso de flash
Uso de XML para que las aplicaciones puedan ser manipuladas por otros.

Introduccin a la web y su diseo

6.-Resumen

Internet: conjunto de ordenadores que utilizan TCP/IP. El intercambio se produce porque hay un ordenador
funciona como servidor y otro como cliente.

que

Los servidores ofrecen

servicios, como correo electrnico, FTP, WWW, y el cliente hace las peticiones al servidor

En

el caso del WWW tendramos un servidor de pginas web y un cliente para poder leerlas que es el navegador.

Para

poder tener un sitio en Internet necesito: dominio, hosting, ftp

Web 2.0: En ella se da cabida a la interaccin del usuario, la

participacin y la comunicacin. Las pginas dejan de ser meramente informativas para demandar ms interaccin del usuario. Toman especial relevancia las redes sociales.