Lecciones impartidas en clase (curso 2017/18)

Introducción

Esta lección contiene un índice de las lecciones que estoy impartiendo en clase durante el curso 2017/18, así como los ejercicios que están realizado los alumnos.

Para elaborar este índice estoy utilizando como base las guías de estudio que ofrezco a mis alumnos de la modalidad semipresencial en la plataforma Moodle de la Conselleria de Educación. El trabajo propuesto a estos alumnos es el mismo que siguen en clase mis alumnos de la modalidad presencial, aunque la distribución temporal no sea la misma.

La información se ofrece distribuida en quincenas, ya que es así como está organizada la modalidad semipresencial.

También se pueden consultar las lecciones impartidas en el pasado curso 2016/17.

Quincena Q01: del 11/09/17 al 24/09/17

Presentación

  1. Leed la lección Presentación de los apuntes

Historia de la World Wide Web

No es necesario aprenderse de memoria estas lecciones (no se preguntará sobre ellas en los exámenes), pero son importantes porque ayudan a entender cómo y por qué la web es como es desde un punto de vista técnico. A lo largo del curso, a medida que vayáis aprendiendo, será interesante releer estos mismos temas para entenderlos mejor.

  1. Leed la lección Resumen

    Esta lección es una breve historia de la web, desde 1991 hasta la actualidad, para que tengáis una idea de conjunto.

  2. Leed la lección Normas y recomendaciones

    Esta lección es también una historia de la web, pero mucho más detallada y organizada por temas, con enlaces a las normas y recomendaciones.

  3. Leed la lección Los navegadores

    Esta lección habla sobre los navegadores más importantes. Lo más importante en esta lección son las gráficas sobre usos de navegadores, aunque en este curso no vamos a entrar en las diferencias entre navegadores, que por otra parte son cada vez menos importantes.

  4. Leed la lección Sistemas operativos y pantallas

    Esta lección habla sobre los sistemas operativos y los tipos de pantallas más utilizadas. Lo más importante en esta lección son las gráficas, que nos indican la creciente importancia de los dispositivos móviles y las características de las pantallas, que deberemos tener en cuenta al diseñar las páginas web.

  5. Leed la lección Cuadros cronológicos

    Esta lección contiene enlaces a muchas normas y recomendaciones, organizadas cronológicamente y por temas. En este curso no es imprescindible consultar las normas originales.

Firefox

Aunque se puede seguir este curso con Google Chrome e Internet Explorer (y en algunos casos será necesario utilizarlos), el navegador que recomiendo es Firefox. En los exámenes no se preguntará sobre estas lecciones.

En la versión Firefox 57 (que se publicará en noviembre de 2017), Firefox va a sufrir importantes cambios. Por un lado, el aspecto visual de Fireox va a cambiar y por otro dejarán de funcionar las extensiones que no utilicen el mecanismo de WebExtensions. Como sólo faltan dos meses, he decidido dejar para entonces la actualización completa de estas lecciones (texto y capturas de pantalla).

  1. Leed la lección Instalación de Firefox.
  2. Instalad Firefox.
  3. Leed la lección Configuración básica de Firefox.

    Esta lección es para que conozcáis las opciones básicas de configuración. En principio no es necesario cambiar nada, pero yo aconsejo cambiar un par de opciones en la sección Avanzado. También se explica el funcionamiento del zoom en Firefox.

  4. Leed la lección Configuración avanzada de Firefox.

    Esta lección es para que conozcáis cómo acceder a las opciones avanzadas de configuración. Sería interesante que probárais a cambiar el zoom máximo. Más adelante incluiré otros apartados a medida que los necesitemos.

  5. Leed la lección Complementos de Firefox.

    Uno de los puntos fuertes de Firefox es la cantidad de complementos que amplian sus capacidades. En esta lección se explica cómo se instalan las extensiones y se comenta alguna extensión con un poco más de detalle.

  6. Instalad la extensión Colorzilla y comprobad su funcionamiento.
  7. Leed la lección Desarrollador web.

    Este curso voy a intentar utilizar las herramientas de desarrollador web. Empezaremos gastando el selector de color. Más adelante incluiré otros apartados a medida que los necesitemos.

Visual Studio Code

Este curso vamos a utilizar Visual Studio Code (VSC) como editor para HTML/CSS y espero que también para Python y XML y el curso que viene también para PHP en el módulo IAW.

¡Atención! Por desgracia, no he podido todavía completar estas lecciones. Espero hacerlo en los próximos días. Quitaré este aviso cuando las lecciones estén preparadas.

  1. Leed la lección Instalación.

    En esta lección se explica cómo conseguir e instalar VSC.

  2. Instalad Visual Studio Code.
  3. Leed la lección Configuración.

    En esta lección os explico cómo se personaliza VSC y la configuración de VSC que quiero que utilicéis.

  4. Leed la lección Extensiones.

    En esta lección os explico cómo se instalan y desinstalan las extensiones de VSC e indico las extensiones que tenéis que instalar.

  5. Instalad las extensiones por completar.
  6. Leed la lección Uso.

    En esta lección os explico el uso básico de VSC.