INTRODUCCIÓN AL DISEÑO WEB PROFESOR: JOSÉ QUIÑONES GURUBEL CORREO ELECTRONICO: ASIGNATURA: c.

Presentación del tema: "INTRODUCCIÓN AL DISEÑO WEB PROFESOR: JOSÉ QUIÑONES GURUBEL CORREO ELECTRONICO: ASIGNATURA: c."— Transcripción de la presentación:

1 INTRODUCCIÓN AL DISEÑO WEB PROFESOR: JOSÉ QUIÑONES GURUBEL CORREO ELECTRONICO: josegurubel@hotmail.com ASIGNATURA: c.

2 Instrucciones: Realizar con uno o varios dibujos lo que más les gusta realizar en su vida personal y que los identifica. Únicamente dibujos. Presentarse con un compañero y explicar lo que significa su dibujo, e intercambian sus dibujos para que seguidamente a través de los dibujos presenten al compañero (a través del dibujo), y de forma sucesiva van intercambiando con los demás compañeros. En plenaria al concluir el tiempo asignado cada participante presentará al ultimo compañero del cual tiene el dibujo.

3 COMPETENCIAS AL FINALIZAR EL CURSO Elaborar páginas Web con animaciones interactivas de aplicación general y específica, en un ambiente multimedia. Competencia profesional básica: 4.5.- Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas. 5.6.- Utiliza las tecnologías de la información y comunicación para procesar e interpretar información. 8.1.- Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. Competencias genéricas:

4 INTRODUCCION ¿Qué es DISEÑO? ¿Qué es WEB?

5

6

7

8 DEFINICIÓN El diseño web es una actividad que consiste en la planificar, diseñar e implementar sitios web o paginas web.

9 ¿QUÉ ES UNA PAGINA WEB? Una página web o página electrónica, es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador.

10 ELEMENTOS DE UNA PAGINA WEB TEXTO PLANO VIDEO AUDIO ANIMACIONES (FLASH) MAPAS IMÁGENES ARCHIVOS

11 TIPOS DE PAGINAS WEB Blogs: Sitio donde se publican artículos, imágenes o noticias que promueven la participación. De Comercio Electrónico: Donde uno puede comprar o vender en términos de la página y de la internet. Foros: Páginas web diseñadas para generar diálogos entre personas inscritas al mismo. Wikis: Sitios donde una comunidad se encarga en crear contenido detallado de un tema específico para el interés público, siempre relacionado con ese tema. Buscadores: Sitios de búsqueda con enlaces a varios sitios en común. Institucionales: Páginas web especializadas y mantenidas por una empresa o institución, cuyo fin es publicar y mantener al tanto de noticias y aconteceres propios de la misma. Personales: Sitios que solamente publican la perspectiva de una persona respecto a su entorno. Spam: Simples y, en cierto punto, molestas páginas que se encargan en venderle sus muy económicos productos. Multimedia: Paginas Web donde se publican y comparten videos.

12 ACTIVIDAD ¿A qué tipo perecen las siguientes páginas web?: Youtube: Facebook: Twitter: Instragram: Microsoft: HomeDepot: Minijuegos.com: Google: Ebay: Wikipedia: Mercadolibre:

13 ¿QUÉ NECESITO PARA CREAR UNA PAGINA WEB?

14 Se necesitan 3 Cosas

15 1) HOSTING

16 Consiste en guardar tu pagina web en un servidor web (carpeta virtual), así como toda la información de tu pagina web (texto, imágenes, videos, juegos, animaciones, etc) estará disponible a todo el mundo y cualquier persona podrá acceder.servidor

17 LOS SERVIDORES GUARDAN MUCHA INFORMACION, ESPECIALMENTE INFORMACION WEB

18 2) DOMINIO

19 Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.

20

21 Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del servidor (por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de http://example.com). Mi servidor http://192.0.32.10 PAGINA WEB Mi servidor http://192.0.32.10 PAGINA WEB DNS http://example.com

22 TIPOS DE DOMINIO Existen 2 tipos de dominio: los dominios genéricos y los dominios territoriales. Los Dominios Genéricos: (también son denominados dominios internacionales o globales), son los dominios básicos en Internet y los más utilizados a nivel mundial. Ejemplos:.com = previsto para empresas comerciales. Es el dominio más difundido en Internet..net = previsto para empresas relacionadas con Internet.org = inicialmente previsto para organizaciones sin ánimo de lucro, instituciones y fundaciones.edu = son utilizados para fines educativos..info = Es utilizado para la difusión o publicación de contenidos informativos.

23 TIPOS DE DOMINIO Los Dominios Territoriales: (también llamados dominios geográficos), son los dominios mantenidos por cada país. Estos dominios territoriales son utilizados por las organizaciones y empresas que desean establecerse en Internet y proteger la identidad de su marca o su nombre comercial en un país concreto. Los dominios territoriales tienen sus terminaciones compuestas por 2 letras..AR = ARGENTINA.CO = COLOMBIA.PE = PERU.US = UNITED STATES.CL = CHILE.BO = BOLIVIA.AR = ARGENTINA.CO = COLOMBIA.PE = PERU

24 3) DISEÑO DE LA PAGINA WEB

25 SOFTWARE PARA DESARROLLAR Y DISEÑAR PAGINAS WEB MACROMEDIA DREAMWEAVER 8

26 Existen 2 formas de crear paginas web Por código Por Diseño Por Diseño

27 REPASO DE LOS TEMAS VISTOS

28 ACTIVIDAD Menciona: ¿Qué elementos identificas en la siguiente página web?

29

30 HOSTING SON LOS NOMBRES QUE POSEEN LAS PAGINAS WEB, PUEDEN SER DE 2 TIPOS ______________ Y ________________ EJEMPLOS DE TERRITORALES (4 EJEMPLOS) EJEMPLOS DE GENERICOS (4 EJEMPLOS) SON SERVIDORES DONDE SE ALMACENA TODA LA INFORMACIÓN DE NUESTRA _____________________________ LA INFORMACION PUEDE SER: ____________, ______________, ___________ GENÉRICOSTERRITORIALES PÁGINA WEB. TEXTO IMAGENESVIDEO DOMINIO

31 EL CODIGO HTML HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

32 <html><head> Es el titulo que va en el navegador Es el titulo que va en el navegador </head><body> Aquí va todo el contenido de mi web </body></html> ESTRUCTURA BASICA DE UNA PAGINA WEB

33 EJEMPLOS DE BUENAS PRACTICAS DE DISEÑO WEB

34

35 EJEMPLOS DE MALAS PRACTICAS DE DISEÑO WEB

36

37

38 GRACIAS PROFESOR: JOSÉ QUIÑONES GURUBEL CORREO ELECTRONICO: josegurubel@hotmail.com