Tutoriales CSS3 10: Selectores de clase (Class)

Hola que tal en esta ocasión vamos a ver lo el siguiente tipo de selector que son las clases

Lo que se quiere decir por clases es porque a diferencia de los identificadores este si lo puede tener una gran cantidad de elementos de nuestro documento HTML así que solo con una sola llamada a esa clase se pueden identificar una gran cantidad de elementos fácilmente

Así que veamos en ejemplos esto:

En primer lugar veremos como modificar los estilos por defectos de los h1 así pero que solo afecte a algunos cuantos:

Tutorial CSS3: 7 Que es el DOM (Document Object Model)

Hola bienvenido a esta nueva parte de los tutoriales de CSS en esta ocacion vamos a ver algo que es muy útil aprender ya que no solo es necesario para dominar CSS porque nos ayudara en otros como javascript y ver las cosas mas claras

Vamos a ver que es el DOM

Para empezar que significa esta nomenclatura y para nos ayuda a entenderlo

Bueno el Dom que es Document Object Model o en español Modelo en Objetos para la Representación de Documentos nos fue creado por la W3C

Tutoriales CSS3: 6. Tipos de selectores

Hola que tal en esta ocasión vamos a ver en grandes rasgos lo que son los selectores y el tipo de selectores, pero no vamos a entrar en detalle ya que se destinara especialmente a otros tutoriales y todavía falta ver lo que es el DOM

Así que sin más preámbulos comencemos

En primera que es un selector?

Tutoriales CSS3: 3. Diferencias entre el estándar de hoy que es CSS2.1 a CSS3

Hola que tal y bienvenido a esta nueva parte de los tutoriales de CSS3 y en esta ocasión nos toca ver qué diferencias hay entre el CSS2.1 que hora es el estándar con el CSS3 que un  no lo es.

Es muy fácil reconocer estas diferencias si ya tienes una noción de CSS pero si eres muy nuevo en esto estas son las diferencias.

·         CSS es más estándar de esta forma es mejor aceptada por los navegadores.

·         CSS3 implementa nuevas funcionalidades y efectos sin la necesidad de librerías

Tal vez esta se las grandes diferencias

Tutoriales CSS3: 2. Qué caramba es CSS?

Hola espero que te encuentres en ánimo para empezar con esto y como dice el titulo vamos a ver que es CSS

Esto sí que quede muy fuera de contexto ya que esta información la puedes encontrar en Wikipedia o en otras miles de páginas de que es pero bueno para que no salgas de acá te muestro que es y un poco de su historia

Tutoriales CSS3: 1 Presentación de los Tutoriales

 Hola que tal empezamos como dice el titulo vamos a iniciar con la presentación de los tutoriales de CSS3 ya que hemos acabado el de HTML5.

Como presentación intento que comprendas que van a ser lo mejor explicados que me sean posibles porque es algo complicado y más cuando es escrito ya que yo estoy acostumbrado a realizar videos tutoriales me es más sencillos hacerlos pero comprendo que también te interesara imprimir esto y leerlo en el camino o de alguna otra forma es mejor leer que ver ya que esto nos activa la mente.

Tutorial HTML5: 15 fin de estos tutoriales de HTML5

Hola que tal en esta ocasión vamos a dar por hecho y concluido estos tutoriales HMTL5 no porque ya no queda nada por ver si no por en lo básico pero no tiene nada que decir que no se van a ver más cosas ya que es necesario ver muchas más.

Tutorial HTML5: 14 los metadatos

Hola que tal en esta ocasión vamos a ver los metadatos que son y para que nos sirven

Primero veamos un ejemplo de metadatos

 <meta name="description" content="Cursos, tutoriales de calidad solo aqui" />
 <meta name="keywords" content="HTML5, CSS3, Javascript, Diseño, Web, Programacion" />
 <meta name="robots" content="index, follow" />
 <meta name="copyright" content="dequepuedopuedo" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 <meta name="author" content="Omar Ramirez" />

Tutorial HTML5: 13 las imágenes

Hola y que tal bienvenido a esta nueva parte hoy vamos a ver como colocar imágenes en nuestro documento HTML5

Así que comencemos

Tutorial HTML5:12 los enlaces

Hola que tal en esta ocasión vamos a ver los enlaces los cuales todo mundo ya conoce así que vamos a ver cómo hacerlos

En el pasado hable sobre la maquetación pero eso lo dejare para tutoriales de CSS3 mas adelante

Tutorial HTML5:2 parte formularios

Hola que tal y te agradezco que estés aquí de vuelta como te distes cuenta el pasado tutorial fue muy largo pero aun no acabamos con los formularios aún falta muchas cosas por ver así que comencemos

Empecemos viendo cómo funciona esto de los formularios una vez que ya conocemos sus partes

La acción que se usa es muy sencilla

Tutorial HTML5: 10 los formularios

Hola que tal en esta nueva parte vamos a ver los formularios

En muchas ocasiones nos ha tocado llenar formularios en la que tenemos que colocar datos  y enviar esos datos para muchos intereses como iniciar sesión en Facebook o en youtube

Todo mundo detesta llenar formularios así que en lo personal vamos a pensar en cómo deben ser los formularios y en las categorías en las que se pueden dividir

En primera si tú entras en una página y quieres registrarte  pero como nos da flojera cuando vemos un formulario que pide más de lo necesario por ejemplo: la dirección, la edad, etc etc.

Esto termina aburriendo a la gente y consigues menos usuarios así que cuando estés en esto de los formularios e intenta que solo pidan lo necesario, como por ejemplo Facebook y twitter

Puedes ver que no es mucho lo que te piden, entonces intenta pedir lo necesario y nunca hagas formularios excesivos y aburridos

Tutorial HTML5 : 9 Las tablas

Hola que tal y que gusto que estés aquí en esta ocasión vamos a hablar de las tablas pero de las de picar ni de madera si no esas que nos ayuda a tabular y a manejar bien datos y distinguir entre ellos

Así que comencemos  :)

Tutorial HTML5: Listas ordenadas, desordenadas y de definición

Hola que tal en esta ocasión vengo con una nueva parte HTML5 y son las lista así que comencemos inspirado y escuchando music  :)

Listas ordenadas

En muchas ocasiones me imagina que haz echo listas ordenadas como por ejemplo en la escuela, trabajo, en casa y esto es muy frecuente digamos que en una receta de cocina cuando se enumeran los pasos para preparar le pastel o cualquier otra
En HTML5 es muy fácil hacer listas y como ya estás aquí y quiero imaginar que llevas todo los tutoriales de HTML5 desde el inicio así que solo voy a poner la tag, su significado, el código de ejemplo y su demostracion:

Tutorial HTML5 : 7 etiquetas de formato de texto

Hola en esta ocasión vamos a ver las  etiquetas para manejar textos con nuestros documentos HTML5 ya que en muchas ocasiones nos vamos a presentar con que vamos a usar texto  ya se  para títulos, párrafos, palabras en negritas y otras más frecuentes así que veámoslas para ver cómo se coloca para cada una de ellas así que comencemos.

Tutorial HTML5:6 Atributos

Hola hola espero que estés bien como lo dice el titulo vamos a ver lo que son los atributos en las etiquetas HTML y no solo eso vamos los tipos que tiene y a cuales se le pueden dar a cada uno así que sin tanto preámbulo comencemos

Primero veamos que son los atributos en lengua normal de la cual conocemos desde niños
Los atributos ayudan a definir un objeto, persona, forma y la mayoría de cosas los atributos son el tamaño, formas, colores
Los atributos que encontramos en HTML son muchos como atributos básicos ,eventos , foco
Asi que veamos cada uno de ellos y también analicemos cuales les corresponde a cada uno.

Tutorial HTML5 : 5.Estructura básica de un documento HTML5

Hola y bienvenido a esta parte, en esta ocasión vamos a ver la estructura básica de un documento HTML5 ya que es necesario aprenderla y que se va a usar en todos los documentos

Solo una pequeña aclaración:
Las etiquetas que van a ir dentro de la etiqueta body tales cono header,nav,article etc no son esenciales pero sí que nos ayudan a semántica nuestros documentos.

Tutorial HTML5: 4 Como es la estructura de una etiqueta HTML5

Antes de empezar como siempre voy a dar unas cuestiones que va a seguir

Y es que si miras en cualquier parte de internet  no vas a encontrar un verdadero Tutorial de HTML5 y es porque se da solo lo nuevo pero no como es lo completo y es porque como HTML5 no se ha adoptado en el 100% por medio o no sé qué solo se enseña lo nuevo que incluye a diferencia de sus otras versiones y siento que esto es erróneo ya que en un ejemplo

Si digamos llega a salir en un futuro el office ONE (jejejeje) se trata que no solo se tiene que enseñar lo nuevo que trae a los que apenas van a empezar a usarlo así que esto no sería de gran ayuda,  lo que necesita uno completo que le enseño como abrirlo hasta como cerrarlo.

Tutorial HTML5 :2 Que es HTML

Bienvenido en esta segunda parte de este proyecto que es un taller completo de html5 y antes de codear vamos a ver que significa si tienes esa espinijita y lo digo ya que en estos tiempos es más probable que ya esté pasando por alto el XHTML antecesor de html5 y este ya sea lo normal.

Tutorial 1 HTML5:Antes de Empezar

Hola que tal espero que estés bien me he animado a hacer tutoriales extensos de yodo lo que he aprendido hasta este momento ya que también siento  y me preocupa lo mucho que he olvidado este blog pero ya ven o uno estudio o empieza a enseñar

A lo largo de  este tiempo he aprendido mucho en tanto a la programación web en nuevas tecnologías como en lo que es la enseñanza  y a saber que lo mejor para hacerlo no es lo mucho que uno habla si no como habla y en esta ocasión no voy a hablar voy a escribir