Que es el desarrollo Web

-

 



Estructura de la Clase 

"¿Qué hay detrás del muro?"


  • Actividad: Pídeles que entren a su red social favorita desde el navegador de la PC.
    - El Truco: Enséñales el "Inspeccionar elemento" (F12). Cambia el texto de un titular famoso o el nombre de un perfil en vivo.


  • - El Mensaje: "Todo lo que ven es código. Si saben leerlo, pueden entender cómo funciona el mundo actual. Si saben escribirlo, pueden controlarlo".


Explica la estructura básica usando una analogía humana o de construcción. Es vital que entiendan que son tres lenguajes distintos trabajando juntos.

ConceptoAnalogía (Cuerpo Humano)Función
HTMLEl EsqueletoDefine la estructura y el contenido (títulos, párrafos).
CSSLa Piel y RopaDefine la estética (colores, fuentes, diseño).

Por ejemplo, tomarán una imagen de la interfaz de Instagram y deberán marcar lo siguiente: 

Tarea: Deben marcar con colores: ¿Qué es un contenedor? ¿Qué es una imagen? ¿Qué es un texto?








¿Qué es un Pagina Web?

Según el libro de Gustavo Carballeiro.PDF completar las siguientes preguntas:

1. Leer y Explicar con sus palabras  las funciones del diseñador Web

2. Realizar una línea de tiempo con la evolución Web e historia de la misma (pueden utilizar la app que mas les guste)

3-¿Cuales son los elementos de una página web?

4-Tipos de Páginas Web

5 - Evolución del desarrollo web

6.¿Cuál es el papel del desarrollador Web?

7. ¿Qué herramientas de diseños existen?



https://es.wikipedia.org/wiki/P%C3%A1gina_web

https://www.youtube.com/watch?v=qJxbC9PJSrA

https://www.youtube.com/watch?v=dDe2qvF5-aw




https://elhacker.info/manuales/Desarrollo%20web/Dise%C3%B1o%20Web%20con%20HTML%20&%20CSS,%20USERS%20-%20Gustavo%20Carballeiro.PDF

Comentarios

Publicar un comentario

Entradas populares de este blog

¿Qué es visual fox pro?2018

-
¿Qué es visual fox pro? Visual FoxPro  es un  lenguaje de programación por procedimientos ,  orientado a objetos  que posee un Sistema Gestor de Bases de datos o  Data base Management System (DBMS)  y  Sistema administrador de bases de datos relacionales , producido por  Microsoft . Visual Fox Pro dispone de las herramientas necesarias para crear y administrar aplicaciones y componentes de base de datos de alto rendimiento. Con sus eficaces herramientas y el lenguaje orientado a objetos centrado en los datos, podrá crear aplicaciones modernas, escalables y de varios niveles que integren los sistemas cliente-servidor e Internet. FoxPro  es un  sistema de gestión de bases de  datos  que fue diseñado por una  compañía pequeña llamada Fox software , para que después gracias a su éxito fuera absorbido por Microsof t. Básicamente es un lenguaje de  programación  o  programa de almacenamiento , el cual es capaz d...
Leer más

LAS WEB, WEB 2.0, WWEB 3.0, WEB 4.0

-
Imagen
Que significa http y https. diferencias Para que sirve la dirección ip ¿Cómo surgió la world wide web? ¿Qué es un hipertexto e hipervínculo? ✅Internet y la World Wide Web ¿COMO FUNCIONAN? ✅Software de aplicación ¿En que consiste? ✅EXPLICAR LA WEB Y WEB 2.0, 3.0, 4.0 DIFERENCIAS CON UN CUADRO 🔽NOMBRAR LAS HERRAMIENTAS DE LAS WEB 4.0 🔽¿QUE ES UNA URL? 🔽¿QUE ES UNA PAGINA WEB?¿CUANDO SE CREO LA PRIMER PAGINA WEB? ✅ EXPLICAR Multiprogramación/Multitarea, Multiproceso DIFERENCIAS https://elhacker.info/manuales/Desarrollo%20web/Dise%C3%B1o%20Web%20con%20HTML%20&%20CSS,%20USERS%20-%20Gustavo%20Carballeiro.PDF VIDEO Modelo cliente-servidor  - EXPLICAR EL  MODELO CLIENTE- SERVIDOR  -CUALES SON LOS PASOS DEL MODELO CLIENTE SERVIDOR  EXPLICAR CON UN GRAFICO HECHO EN CANVA - NOMBRAR CARACTERISITCAS -COMPONENTES - DIFERENCIAS ENTRE CLIENTE Y SERVIDOR- IMPORTANCIA DEL MODELO CLIENTE - SERVIDOR- TIPOS DE ARQUITECTURAS- VENTAJAS Y DESVENTAJAS DEL MODELO. ¿A QUE SE D...
Leer más