Descripción de la sección

  • General

    Programación Web

                                                                                                                                                                                                                                                                                                                          

  • Presentación


    Introducción

    La gran mayoría de los mexicanos somos usuarios de Internet, ese universo de recursos y páginas web accesible desde una computadora o dispositivo móvil, mediante un navegador.

    Estadísticamente, en el año 2020 el 72 % de la población mexicana (84.1 millones de personas) usó internet, según señala el INEGI en la Encuesta Nacional sobre Disponibilidad y Uso de Tecnologías de la Información en los Hogares (2020) y el 60.6% de casas cuenta con acceso a internet.

    Internet es todo un universo, con desarrollos en formato de documento digital; algunos de carácter multimediático; adaptados a los estándares de la WWW (World Wide Web).

    El auge de las páginas web revela una cifra increíble; se calcula que existen más de mil millones de ellas, de diferentes tipos, convirtiéndoles en la memoria de la humanidad al albergar páginas de todo tipo, desde las destinadas a la investigación científica o funcionando como campus universitarios, hasta las comerciales o las que son utilizadas para transmitir la ideología de sus creadores, entre otros objetivos.

    La diversidad de las páginas web ha impulsado a creativos diseñadores y programadores a enriquecer las posibilidades de estos desarrollos, llevándolas de ser documentos estáticos a espacios dinámicos en donde el usuario puede interactuar de manera amplia con el contenido y con los mismos propietarios del sitio. Precisamente es esta la meta de la TAE Programación Web: el desarrollo de una página web que te permita expresar ideas, manejar información y, en suma, comunicarte de manera innovadora, poniendo en práctica habilidades relacionadas con las Tecnologías de la Información y la Comunicación.

    Alcanzar la meta señalada implica el compromiso de transitar una ruta que va del prediseño de tu desarrollo a su publicación, siguiendo el esquema señalado:

    El proceso de creación de tu desarrollo implica de tu participación y compromiso constantes.

    En el primer módulo de este curso determinaremos el objetivo de nuestra creación y las características del grupo meta (nuestro público-cliente, a quien va dirigida nuestra página) analizando además los aspectos destacados de la WWW y el ciberespacio, para pasar a ejemplificar un borrador -a lápiz- de nuestro futuro desarrollo.

    En el Módulo 2 iniciaremos el proceso de programación de nuestra página destacando la función de las etiquetas, pequeñas herramientas de programación, y el uso de un lenguaje en un editor de código.

    En el tercer módulo se editan las imágenes que incluiremos en nuestro desarrollo, además de las herramientas que permitirán incluir elementos para que el grupo meta interactúe.

    Finalmente se establece el procedimiento para publicar tu página en la WWW, evidenciando el logro de las competencias pretendidas.

    En el proceso relatado, el acompañamiento del asesor te permitirá resolver a la brevedad las dudas posibles. Cuenta con ello para avanzar en tu proyecto y aprovecha su experiencia.

    Como descubrirás más adelante, el desarrollo de sitios web requiere de poner en práctica, más que nada tu creatividad y lógica, recuerda que no obstante los adelantos y posibilidades, las máquinas e Internet siguen siendo desarrollos humanos

    ¡Manos a la obra!

    Actividades: 3
  • Objetivo de curso

    Publicar un sitio web para la difusión de productos y servicios.

    Actividades: 4
  • Módulo 1


    ¿Páginas Web?

    Introducción

    Corría el año de 1990 y al mismo tiempo que en la radio sonaba una canción pegajosa de Luis Miguel, en un laboratorio Europeo de física aparecía la primera página web, eso sí, nada que ver con las páginas actuales, este primer sitio solo mostraba textos e hipertextos, es decir, no tenía colores, ni fotos, gráficos o animaciones ¡nada aesthetic!.

    Pero...todo evoluciona, en 1994 comenzó el proceso de creación de desarrollos que, aunque cada vez más asombrosos, tienen en común elementos básicos en su concepción: diseño y programación.

    Actualmente las páginas web muestran elementos comunes que facilitan tanto la navegación intuitiva como el desarrollo de las mismas, tema que abordaremos en este primer módulo.

    Durante este módulo conocerás la estructura, elementos y finalidad para dar forma a tu propio sitio web, ¿listo?


    Competencias del módulo

    Aplica elementos de diseño gráfico a partir de principios teóricos para la comunicación de una idea.

    Contenidos

      • Historia de la web
      • Estructura y contenidos de sitios web.

    Actividades: 2
  • Módulo 2


    Etiquetas y lenguaje html

    Introducción

    Igual que el traductor que utilizas para saber qué significa tu canción favorita en otro idioma, es decir, interpretar las palabras para que alguien más las comprenda, sucede lo mismo al diseñar una página web que implica el uso de un código de programación, es decir, un lenguaje expresado por un editor para que sea leído por un navegador.

    Este lenguaje o código universal es el HTML, siglas que significan Híper Text Markup Language o Lenguaje Marcado de Hipertexto, que se utiliza para crear y dar formato a los sitios web, en cualquier sistema operativo (Windows, Mac, Linux, etc.) y con cualquier navegador (Chrome, Explorer, Opera, Safari, etc.).

    En el pasado módulo tuviste la oportunidad de esquematizar tu sitio web, es turno de conocer y emplear las etiquetas HTML para darle formato a tu página.


    Competencias del módulo

      • Edita información en el lenguaje de marcado HTML mediante el uso de una plantilla para la construcción de un sitio web


    Contenidos

      • Lenguaje de marcado HTML
      • Editor de código Visual Studio

    Actividades: 4
  • Módulo 3


    Dale tunning y efectividad a tu página

    Introducción

    En los módulos anteriores trabajamos con etiquetas de HTML para enchular nuestra página, pero aún es necesario agregar color, fondos, tipos de letras, etc., que la presenten con una apariencia más atractiva e interesante. Esto es posible con CSS (Hojas de estilo en cascada) que es un lenguaje que permite el diseño y presentación de los sitios web, es decir, la forma en que se ve cuando navegas. El HTML, este es el encargado del contenido básico de las páginas y el CSS hace la parte visual.

    A lo largo de este módulo conocerás distintos elementos gráficos para incorporarlos en tu página web.

    ¡Es hora de tunear tu página!

    Actividades: 2
  • Proyecto Integrador

    Publicando mi página web

    Toda página web requiere de un alojamiento o hosting para mostrar los contenidos de tu web, ser visitado en cualquier momento y por cualquier dispositivo electrónico.

    Los hosting cuentan con dos tipos de membresía como en Youtube o Spotify , la gratuita que no tiene costo pero incluye publicidad y la premium que está libre de propaganda pero debes pagar por ella.

    Pero, ¡no te asustes! En esta actividad alojarás tu sitio web en un hosting gratuito.

    ¿Listo para mostrar tu página al mundo de la web?
    Actividades: 3