Diseño web-Laura Ríos 10-02
-
Upload
laura-rios -
Category
Education
-
view
70 -
download
0
Transcript of Diseño web-Laura Ríos 10-02
![Page 1: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/1.jpg)
INTRODUCCIÓN AL DISEÑO WEB
LAURA CAMILA RÍOS VÁSQUEZ10-022013
![Page 2: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/2.jpg)
Es un es una red informática mundial de datos como texto, gráficos y otros objetos multimedia a través de Internet. Esos documentos están unidos entre sí con enlaces.
¿QUÉ ES WORLD WIDE WEB?
![Page 3: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/3.jpg)
El hipertexto es una herramienta
de software que organiza una base
de información en bloques
distintos de contenidos, conectados a través de una serie de enlaces
como un enfoque para manejar
y organizar información.
¿QUÉ ES UN DOCUMENTO HIPERTEXTO?
![Page 4: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/4.jpg)
Es la suma de hipertexto y multimedia, una red hipertextual en la que se incluye no sólo texto, sino también otros medios: Imágenes,audio,video, etc. (multimedia) y que poseen interactividad con los usuarios.
¿QUÉ ES UN DOCUMENTO HIPERMEDIA?
![Page 5: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/5.jpg)
![Page 6: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/6.jpg)
Una página web es un documento
o información electrónica
adaptada para la World Wide Web
en un formato HTML/XHTML
que es accesible generalmente
mediante el protocolo HTPP de
Internet.
¿ QUÉ ES UN DOCUMENTO WEB O UNA PÁGINA WEB?
![Page 7: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/7.jpg)
Independientemente del programa que se use para la creación de páginas Web, éstas pueden contener los mismos elementos, por ejemplo:
Texto: estático o en movimiento.
Imágenes: fijas o animadas.
Sonidos.
Secuencias de vídeo.
( El gráfico siguiente mostrará mas a fondo la información con los elementos de una página web).
¿QUÉ CONTIENE UNA PÁGINA WEB?
![Page 8: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/8.jpg)
![Page 9: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/9.jpg)
Un sitio web es un conjunto de páginas web que se encuentran conectadas entre sí por medio de enlaces (links). Una página web contiene contenido como texto, imágenes,
audio y video.
¿QUÉ ES UN SITIO WEB?
![Page 10: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/10.jpg)
Los editores web son aplicaciones de software que sirven para desarrollar páginas web.
En general, existen tres tipos:
* Editores web de texto* Editores web de objetos* Editores web gráficos
o WYSIWYG
¿EDITORES DE PÁGINAS WEB?
Ejemplo de editor web.
![Page 11: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/11.jpg)
1.- Definir los requerimientos y el contenido del sitio web.2.- Definir el nombre de dominio para nuestro sitio web.3.- Buscar un proveedor adecuado para la generación de nuestro sitio web o hacerlo uno mismo.4.- Buscar un proveedor de hospedaje web (web hosting) para alojar su sitio web y sus correos electrónicos.5.- Una vez que su sitio web esté terminado y en línea, no olvide solicitar uno o más respaldos del mismo.
¿ QUÉ NECESITA PARA TENER UNA PÁGINA DE INTERNET?
![Page 12: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/12.jpg)
Web estática:• Realizadas principalmente en XHTML o HTML.• Para modificación de contenidos es imprescindible acceder al servidor donde está alojada la página.• El proceso de actualización es lento y manual.• No ofrece bases de datos, foros, etc.• El usuario no puede seleccionar, ordenar o modificar los contenidos o el diseño de la página.• Su diseño y desarrollo es más rápido y económico que el de una web dinámica.
¿ QUÉ DIFERENCIA HAY ENTRE UNA PÁGINA WEB ESTÁTICA Y UNA PÁGINA WEB
DINÁMICA?
Web dinámica:• Muchas posibilidades en diseño y desarrollo.• Utiliza varios lenguajes y técnicas de programación en su desarrollo.• El proceso de actualización es muy sencillo y no requiere entrar en el servidor.• Permite un gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.• El usuario puede alterar el diseño, contenidos o presentación de la página a su gusto.• Su diseño y desarrollo es más caro que el de una web estática, por su mayor complejidad y sus mayores prestaciones.
![Page 13: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/13.jpg)
![Page 14: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/14.jpg)
Elemento que nos permite crear programas mediante un conjunto de instrucciones, operadores y reglas de sintaxis; que pone a disposición del programador para que este pueda comunicarse con los dispositivos hardware y software existentes.
¿QUÉ ES LENGUAJE DE PROGRAMACIÓN?
![Page 15: Diseño web-Laura Ríos 10-02](https://reader033.fdocuments.in/reader033/viewer/2022060200/55993fe51a28ab27778b45a8/html5/thumbnails/15.jpg)
GRACIAS POR SU ATENCIÓN.
QUE SEA UN LINDO DÍA PARA USTED,QUE LEYÓ ESTO SIN QUERER…
DIOS LO/LA BENDIGA.