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:

Tutoriales CSS3: Selectores de tipo ID (identificador)

Hola que tal en esta ocasión vamos a ver los selectores de tipo identificador que son muy distintos a los que vimos la vez pasada que fueron los selectores globales

Así que comencemos

Para comenzar ya sabes cuales son los atributos que se le pueden dar a una etiqueta HTML y no solo eso sabes a cuales se le pueden poner y a cuales no

En la mayoría se puede colocar el atributo ID que significa identificador

Tutoriales CSS3: 8. Selectores de Tipo Global

Hola que tal Espero que te encuentres muy bien y en esta ocasión vamos a ver los selectores de tipo global

Así que comencemos

Entes que nada no queda más que decir que el título y el tipo de nombre que le he puesto a “selectores globales” es por parte mía porque creo que es la mejor forma de definirlos ya verás porque

En primera es porque este tipo de selector es directo a las etiquetas sin la necesidad de que se escriba un atributo a la etiqueta

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: 4. Como colocar CSS en un documento HTML

Hola que tal bienvenido y en esta ocasión vamos a ver las diferentes formas de colocar CSS a un documento HTML que para las mejores solo hay dos pero hay una tercera parte que la verdad no es nada valida ya que deja muy detrás el verdadero potencial de los otros dos

Tal vez lo que acabo de escribir no te quedo muy claro así que mejor lo explico en lo que sigue

La primera de ellas es la siguiente:

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: 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 : 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 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