Mi vida en código

DISEÑO DE INTERFAZ CON VISUAL BASIC

2016-09-08T22:32:00.001-07:00

ASEGÚRATE CON TU CÓDIGO : W3C Validator, Herramienta web para validar HTML

2016-07-25T11:30:00.003-07:00

W3C Validator.org es una herramienta muy útil para validar código HTML en la web, si tienes dudas de tu código o crees que pueda tener algún posible error y quieres evitarlo, está página web de W3C te será muy útil. Fíjate como utilizarla:

Para empezar nos ubicaremos en la segunda pestaña de este aplicativo web, allí se nos pedirá el código que queremos revisar; este puede ser una url, un archivo .html o un código directo que podamos ingresar.Escogeremos nuestro archivo a utilizar; lo enviaremos a revisar : botón Chek .

Una vez hecho esto el aplicativo nos informara si es que hay algún error en nuestro código HTML. Tomando en cuenta el archivo que yo seleccione el aplicativo me muestra lo siguiente :

Podemos utilizar la herramienta de traducción para poder asegurarnos del informe que se nos brinda.

El informe nos indica de que el atributo action está vacio y que por lo tanto debemos corregirlo . En este caso dado de que no es un atributo que utilizare procederé a eliminarlo y lo enviare nuevamente a verificar para ver el resultado final.

Con el atributo ya eliminado y verificado el aplicativo nos muestra lo siguiente:

En hora buena, nuestro código HTML es valido; sin embargo no estaría mal echarle un ojo a tus demás archivos. Sin duda una buena herramienta al igual que el inspector de código de tu navegador, útil tanto para principiantes y expertos en la materia. No te olvides de comentar y de validar esta información te lo agradecería muchísimo. Que la pases bien!

Inspector de código del navegador Microsoft Edge - Windows 10

EL PRIMER CÓDIGO

2016-07-22T11:03:00.001-07:00

CSS es el lenguaje estiliza-ble del mundo web, este nos permite dar mas vida a nuestras creaciones. El estilo siempre es importante y quien no lo tiene en cuenta; este blog tiene dentro de su esencia el código y hablar de el y al decir esto me refiero a la programación ya que es área en el que intento fluir.

Este primer articulo de programación mostrara a forma de tutorial un poco de html5 , css y javascript; partiendo desde un pequeño ejercicio que tiene como objetivo ir dando color a una palabra corta estaremos conociendo un poco más de estos tres lenguajes de programación web que hoy en día están en todo su auge.

Y la palabra corta es : BRAOS ¿a que no sabes que es?

Para empezar a programar esta curiosidad declararemos la estructura principal de html5 la que incluye las etiquetas head,body como principales y dentro de head las etiquetas meta y title:

Una vez hecho esto; dentro de nuestra etiqueta body crearemos nuestra palabra a colorear, esto lo haremos por está vez en forma de párrafo, para ello utilizaremos la etiqueta p y dentro de un div crearemos nuestros botones de color button a cada con su respectivo nombre y su id="identificador" para poder reconocerlos al momento de su utilización:

Ya identificados nuestros botones de color crearemos nuestra etiqueta y es en está donde le daremos vida y reacción a nuestro código, empezaremos declarando una variable que reconozca el color de nuestra palabra la que por si es negra o black para nuestro código; el navegador deberá reconocer nuestro id = "identificador" es decir el botón cada vez que se le de click y este a su vez deberá reaccionar a este click, es para esa reacción que crearemos nuestras funciones() las cuales son operaciones que realizaran nuestros botones de color ; las operaciones de cada función() estas condicionadas por una etiqueta if{} en ella le pediremos a nuestro botón que si la palabra esta de color negro o de otro color reacciones y pinte la palabra del color que representa como botón.

Para finalizar le daremos style a nuestro código aunque no sera mucho le dará una sutil apariencia, todo esto se realizara dentro de nuestro head allí declararemos la etiqueta style , el body y la etiqueta div tendran estilos y caracteristicas basicas como por ejemplo el padding, el font family, el color de fuente, el tamaño de fuente y el fondo del documento.

Ya que estás aquí te agradecería mucho tu validación de está información, te invito a reaccionar dándole click a una de las tres opciones que se encuentran al final de este articulo. A practicar que yo también lo hago. Si aun no tienes idea de donde codificar o que aplicativo te seria útil te invito a conocer a Brackets que es el software que utilizo para poder programar:

http://brackets.io/