@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo

Presentación del tema: "@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo"— Transcripción de la presentación:

1 @josedlujan

2 Director de Desarrollo M.T.I. José Dimas Luján Castillo ockhamti.com - @josedlujan @josedlujan

3 OCKHAM Materia correspondiente al curso: http://www.ockhamti.com/cursos/htmldesdecero/material/ Encontraran las diapositivas agrupadas por día, también el material que descargamos y algunas instrucciones dependiendo de la actividad por semana. Recuerden nuestro sitio es: www.ockhamti.com @josedlujan

4 Curso html desde cero, CSS y principios php. @josedlujan Desarrollo web desde cero Hoy NO hay resumen!!!

5 Curso html desde cero, CSS y principios php. @josedlujan Características interesantes En html existen tres cosas: Atributos- Los atributos son por ejemplo la fuente, tamaño, color, todas las características que podemos tener. Valores- Son los valores que le podemos dar a los atributos, por ejemplo a la fuente en tamaño, le podemos dar 17 px. de tamaño, bueno esos 17 px. son los valores. Selectores- Es a lo que le vamos aplicar el estilo que deseamos por ejemplo, los div, las clases y etiquetas nativas, ¿recuerdan? Veamos todo esto en español.

6 Curso html desde cero, CSS y principios php. @josedlujan Características interesantes Nuestro archivo, estilo.css p { Font-size:17px; Color:#000000; } Atributo: font-size y Color Valor: 17px y #000000; Selector : p

7 Curso html desde cero, CSS y principios php. @josedlujan Características interesantes Hay un selector que ayuda a hacer buenos efectos y digamos que se ve un poco avanzado nuestro código, uno es el hover. Si alguna vez vieron un botón, texto, enlace, que le pasas el mouse por encima y hace un efecto como agrandarse, disminuir el tamaño, subrayar, inclinar el texto o algo así. Lo que se usa en estos casos, es el selector hover. Con este le decimos que adquiera estos atributos si el ratón o el mouse, esta encima de el. Veamos un ejemplo:

8 Curso html desde cero, CSS y principios php. @josedlujan Características interesantes Mi sitio

9 Curso html desde cero, CSS y principios php. @josedlujan Características interesantes Estilo.css: p{ margin:0px; padding:0px;} h1{ margin:0px; padding:0px;} a:visited {color:#000000;} a:linked {color:#000000;} a {text-decoration:none;} a:hover{color:#FF0000;font-size:20px;} body{width:980px;height:800px;margin:auto;padding:0px;} #contenedor {width:700px;height:750px;}

10 Curso html desde cero, CSS y principios php. @josedlujan Para hacer mas efectos, se juega con el hover y algunas clases, veamos unos ejemplos. En realidad es aplicar algunas cosas, prediciendo los movimientos del usuario para simular mas interactividad con los usuarios de nuestro sitio web, veamos unos ejemplos. Características interesantes