Download pptx - Introduccion al diseño web

Transcript
Page 1: Introduccion al                                 diseño web

INTRODUCCION AL DISEÑO WEB

Page 2: Introduccion al                                 diseño web

En informática, la Word Wide Web

 (WWW) o Red informática mundial

 es un sistema de distribución de información

basado en hipertexto o hipermedios enlazados

y accesibles a través de Internet.

Con un navegador web, un usuario visualiza

sitios web compuestos de páginas web

 que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces

¿Qué es Word wide web?

Page 3: Introduccion al                                 diseño web

El hipertexto es una herramienta de

 software con estructura no secuencial

que permite crear, agregar, enlazar

y compartir información de diversas

fuentes por medio de enlaces asociativos.

La forma más habitual de hipertexto en 

informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos (lexías). Si el usuario selecciona un hipervínculo, el programa muestra el documento enlazado

¿Qué es un documento hipertexto?

Page 4: Introduccion al                                 diseño web

Hipermedia es el término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, video, audio, mapas y otros soportes de información emergentes, de tal modo que el resultado obtenido, además tenga la posibilidad de interactuar con los usuarios.

La estructura hipermedia de estos contenidos,

califica especialmente al conjunto de los mismos,

como herramienta de comunicación

e interacción humanas. En este sentido, un espacio

hipermedia es un ámbito, sin dimensiones físicas,

que alberga, potencia y estructura las actividades de las personas, como puede verse en casos como, entre otros: Redes sociales, Plataformas de colaboración online, Plataformas de enseñanza online, etc.

¿Qué es un documento hipermedia?

Page 5: Introduccion al                                 diseño web

Una página web (o página electrónica, según el término recomendado por la R.A.E.) es el nombre de un documento o información

electrónica adaptada para la Word Wide Web y que puede ser accedida mediante un navegador .

Esta información se encuentra

generalmente en formato HTML o XHTML,

y puede proporcionar navegación a otras

páginas web mediante enlaces de hipertexto.

Las páginas web frecuentemente

incluyen otros recursos como

 hojas de estilo en cascada, guiones (scripts)

e imágenes digitales, entre otros.

¿Que es un documento o pagina web?

Page 6: Introduccion al                                 diseño web

Una página web está compuesta principalmente

por información (sólo texto y/o módulos multimedia)

así como por hiperenlaces;

además puede contener o asociar Hoja de estilo,

datos de estilo para especificar cómo

debe visualizarse, y también Aplicación

informática aplicaciones embebidas para

así hacerla interactiva.

Las páginas web son escritas en un lenguaje

de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML.

¿Qué contiene una página web?

Page 7: Introduccion al                                 diseño web

En inglés website o web site, un sitio web es un sitio (localización) en la Word Wide Web que contiene documentos (páginas web) organizados jerárquicamente.

Cada documento (página web) contiene texto y o gráficos que aparecen como información digital en la pantalla de un ordenador.

Un sitio puede contener

una combinación de gráficos,

texto, audio, vídeo,

y otros materiales

dinámicos o estáticos.

¿Qué es un sitio web?

Page 8: Introduccion al                                 diseño web

Son aplicaciones de software, que sirven para desarrollar paginas web

Hay varios editores:

Editores de texto sin formato.

Editor de texto con ventanas desdobladas.

Editores WYSIWYG.

¿Editores de páginas web?

Page 9: Introduccion al                                 diseño web

Un nombre de dominio. Es algo así como nuestro nombre en Internet (por ejemplo: menosdiez.com). Este nombre lo usaremos en nuestra web (www.menosdiez.com), en nuestras direcciones de correo electrónico o email([email protected]), etc. Hay varios tipos de dominio (".COM", ".NET", ".info", ".es", etc.). Independientemente del que elijas, tu web se verá igual.

Un alojamiento. Para que tu web sea accesible a los usuarios de Internet es necesario que esté instalada (o alojada) en un ordenador potente conectado permanentemente a Internet a una gran velocidad (hacen falta más cosas, pero la idea es ésta).

¿Qué necesita para tener una página en internet?

Page 10: Introduccion al                                 diseño web

Páginas Web Estáticas

Son páginas enfocadas principalmente a mostrar  información permanente, se crean mediante el lenguaje HTML, que no permite grandes libertades para crear efectos o funcionalidades más allá de los enlaces, pero que haciendo uso de otros recursos se pueden obtener muy buenos resultados llegando a ser páginas muy similares a las dinámicas en cuanto a su visualización se refiere.

Páginas Web Dinámicas

Se construyen haciendo uso de otros lenguajes de programación, siendo el más utilizado de todos el PHP, con lo cual se pueden definir las funciones y características que se deben cumplir de acuerdo a las necesidades.

¿Qué diferencia hay entre una página web estática y una dinámica?

Page 11: Introduccion al                                 diseño web

Un lenguaje de programación es el conjunto de sentencias que sirven para decirle a una computadora qué es lo que tiene que hacer.

Las computadoras sólo entienden un lenguaje de programación llamado binario, por lo que es necesario crear lenguajes que sean cercanos al del humano y que permita la comunicación entre el programador y la computadora, facilitando la tarea de programación.

Existen diversos lenguajes de programación

 que se dividen en dos grandes tipos,

los lenguajes interpretados

y los lenguajes compilados.

¿Qué es un lenguaje de programación?