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.

INTRODUCCIÓN A PYTHON

No, no se trata de “estudiar” el COLT PYTHON…

¡PROGRAMADORES!

Esta es la propuesta que os lanzo para terminar esta parte de programación en C:

Vamos a trabajar en grupos de programadores, 2 personas por grupo. Hay que trabajar una de las tres opciones siguientes y prepararla en el grupo para presentarla en clase.

ESTRUCTURAS

AGRUPA VARIABLES!: hasta ahora podemos agrupar variables del mismo tipo utilizando vectores o matrices pero con las estructuras podemos agrupar diferentes tipos de variables.

typedef struct{
      int paginas;
      char nombre[50];
      float precio;
}libro;

OJO: Se declara fuera del main
creas un tipo de variable! :     libro JT;

STRINGS... VECTORES PARTICULARES

STRING: Sirven para almacenar una frase (conjunto de caracteres)- Se trata como un vector cuyos elementos son caracteres.

char frase[15]: se trata de un vector con 15 elementos. OJO! el último es siempre \0 (para que el programa sepa donde acaba)