EL W3C y la WAI

Ese "W3C", ¿qué es?, lee con atención...¿te habías preguntado por la existencia de tal organismo?

El World Wide Web Consortium (W3C) es una comunidad internacional en la que las organizaciones miembro , un personal a tiempo completo y el público trabajan  juntos para desarrollar estándares web . Dirigido por el inventor y director de la Web Tim Berners-Lee , el director ejecutivo interino Ralph Swick y una junta directiva , la misión del W3C es llevar la Web a su máximo potencial.

Navega por su página oficial (esta es la versión en castellano versión .es) y dedica una entrada en tu SITES a semejante organismo. 

• Explica qué es.  
• ¿Sobre qué principios/objetivos trabaja? Veamos este video para intentar entenderlo mejor.
• Busca miembros españoles del consorcio. ¿Hay alguno que te llame especial atención? 

ACCESIBILIDAD

Los CRITERIOS DE ACCESIBILIDAD son estándares de publicación referidos a personas con discapacidad establecidos por ley en webs de organismos públicos.

El compromiso del World Wide Web Consortium (W3C) de llevar la Web a su máximo potencial incluye promover un alto grado de usabilidad para las personas con discapacidades. La Iniciativa de Accesibilidad Web (WAI) es una iniciativa del W3C

Están recogidos por el W3C a través de la WAI,y se establecen niveles de accesibilidad: A, AA, AAA (mira en la parte inferior de la web enlazada anterior y veras estos logos)

Por otro lado, la W3C emite la certificación de acesibilidad pero no verifica que se cumpla. Es la propia web la que, al poner la imagen, se compromete a cumplir dicha norma.

En la entrada de tu SITES: 

Revisa estas webs: web del ayuntamiento de Zaragoza (Accesibilidad)  y web del ayuntamiento de Utebo. Señala los logotipos o indicaciones que encuentres en relación al consorcio W3C y la WAI. Clica y mira adonde te llevan.

PROYECTO FINAL SOBRE DISEÑO Y EDICIÓN WEB

Se trata de crear el sitio web de una empresa y dar la posibilidad de comprar sus productos. Debe estar programado en html + CSS y tiene que tener al menos 4 páginas vinculadas entre sí. 

EL CODE: PROGRAMAMOS NUESTRAS PÁGINAS WEB

Vamos avanzando en el contenido del curso hasta llegar al proyecto final en la lección 20.

Nos saltamos 14, 15, 16, 18

Lección 17: Clases CSS

Lección 19: Enlaces entre páginas. Barra de navegación.

Lección 20: Proyecto - Sitio web para un propósito específico

WEB1.0, WEB2.0 Y WEB3.0...entre todos intentamos comprender

Diseño web 3 (b): w3school

 YA ESTÁS PREPARADO PARA TRABAJAR CON UN MANUAL DE REFERENCIA:

Seguimos ampliando nuestros conocimientos en html apoyándoos en la web w3school. Lo vemos un poco en clase. Revisamos estos puntos interesantes:

1.- EDITOR: "Try it YourselF"

2.- TUTORIALES: para nosotros en este momento, uno de los más interesantes es LEARN HTML

3.- HTML REFERENCE: HTML Tags

Para aprender un poco a utilizar esta web, revisamos en el tutorial HTML, el apartado sobre "Tablas". Realiza los ejercicios que vienen al final. 

EJERCICIO: Crea en tu página web creada con el bloc de notas una tabla que al menos tenga tres columnas y tres filas. Debe tener también una "cabecera". 

OTRAS AYUDAS: Esta página está muy bien a modo consulta y ejemplos. No dejes de consultarla.

Diseño web 2.- EDICIÓN: ENGUAJES: HTML, CSS, JAVASCRIPT

Imagen en Wikipedia de Dan Ho bajo licencia Creative Common CCO

Existen multitud de programas destinados a la creación y desarrollo de páginas web...pero: 

Diseño web 1.- DISEÑO Y EDICIÓN WEB: INTRODUCCIÓN Y DESARROLLO

Una introducción de la mano de wikipedia:

PÁGINA WEB

Una página web 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 (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML (hypertext markup language), y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto.

RECORDANDO MOMENTOS......

 1.- Escribe el código de  un programa con una estructura switch en el que se pide al usuario que diga un número entre 1 y 12 correspondiente a un mes del año y se le muestre por pantalla la estación del año que corresponde. (Puedes considerar que las estaciones comienzan al comienzo de los meses)

El código debe controlar que el número introducido por el usuario corresponda a un número posible de mes del año repitiendo la petición si no es así.

2.- Escribe el código de un programa que use un bucle for para calcular la potencia de un número al que denominaremos base sobre otro número al que denominaremos exponente, ambos elegidos por el usuario y muestre el resultado por pantalla.

NO PUEDES usar la librería math.

El código debe controlar que los dos números introducidos por el usuario son positivos.

FUNCIONES...POR FÍN!!!

Algunas claves:

• Palabra reservada "def", para declarar funciones.
• Se pueden crear en cualquier punto del programa!...pero...Para poder utilizar una función en un programa se tiene que haber definido antes!! Por ello, normalmente las definiciones de las funciones se suelen escribir al principio de los programas
• Ojo al sangrado! en las instrucciones de la función
• La palabra reservada "return" se utiliza para devolver los posibles valores de la función o en su caso, terminarla
• Nombre: mejor minúscula

EL BUCLE "FOR" EN PYTHON

Os guío un poco...

La sintaxis es la siguiente:

EJERCICIOS PARA REPASAR CONDICIONES

Para escribir saltos de linea

Este es tu enlace: Sentencias condicionales. Te comento en clase lo más importante sobre estos pantallazos:

VAMOS CON LAS CONDICIONES

Prepara los ejercicios  1, 2, 4 del apartado sobre if elif else (1) , aquí tienes la teoría en la que consultar.

Nota: Ojo con el "sangrado" de los bloques!

Segunda parte: if elif else (2), ejercicios propuestos: 1, 2, 4, 5, 7, 9 (revisar en clase- dudas?)

PRIMEROS PASOS EN PHYTON

Comenzamos: Escribe un programa en C que imprima por pantalla la frase “Hola mundo” (el primer programa para todo programador, mi primer programa "chispas"). Escribe ahora en python un programa que haga lo mismo. Compáralos.

Conviene primero también mirar este enlace "elementos de un programa" a modo de introducción.