NoteWide

Finalmente pude sacar tiempo para otra entrada :), en esta entrada hablare de como maquetar una página web utilizando Css; algunos tipos de maquetación; y sobre el modelo de cajas. Maquetación Web: Primero lo primero, una definición corta de maquetación web; Cuando te encuentras en el proceso de diseño de tu sitio web, el primer paso es crear una serie de borradores de la distribución que aplicaremos a los diferentes elementos de una página web, como los principales (header, footer, etc) y a todos los sub-elementos de un elemento (párrafos, imágenes, listas, etc), el proceso de crear estos borradores se le conoce como maquetación. Pero no nos centraremos en hacer borradores, en este post veremos como llevarlos a Css. Modelo de caja. Esto es importante, los elementos de una web como divs, perrafos, listas, etc; se comportan como cajas, las cuales no son visibles a simple vista por que inicialmente no poseen un color de fondo, o borde. A estas cajas se le pueden dar propieda...

Primer post de Css, realmente Css no es difícil. Veremos la estructura básica de las reglas en Css, como utilizarlo en tus documentos HTML, y algunas propiedades y selectores.  Css Anteriormente les había comentado de atributos en HTML que se encontraban desaconsejados o en desuso, esto es por que en  Css podemos realizar esas funciones logrando separar de mejor forma el contenido de el estilo, que es lo aconsejado. Para trabajar en css solo necesitas un editor web, si estás buscando uno puedes ver la publicación: Descarga tu editor de páginas Web! . Las hojas de estilo en cascada o Css es lenguaje utilizado para definir la presentación de las paginas HTML. Css funciona a base de "reglas": Los selectores identifican el elemento en tu documento HTML al que se le aplicaran las propiedades, puedes tener varios selectores, el selector puede ser un elemento en específico o todos los elementos pertenecientes a un mismo tipo. La declaración se componen de una o varias pr...

Finalmente subí mi sitio a la Web, y un poco después he logrado acabar la primera parte del curso introducción al desarrollo Web :), subirlo no fue nada complicado, y poco a poco le fui agregando mejoras en lo que iba aprendiendo en el ultimo modulo. Por ahora mi sitio solo contiene HTML, un formulario, y pocas imágenes. ¡Pero aún no termino! En esta segunda parte del curso veremos como usar las hojas de estilo en cascada "Css", como maquetar correctamente una página web con Css, y varias cosas más. Seguiré subiendo entradas de lo que vea en esta segunda parte del curso, espero les sea de ayuda :). Mi sitio Web:   http://www.fgvirtual.com.ve/ Certificado:  Nos vemos en el siguiente post.

Para este post busqué una cantidad considerable de host gratuitos y pagos. Como saben existen demasiados host, y todos tienen muchas ofertas y diferentes precios, para buscar cual se adapta mejor a las necesidades de nuestro sitio Web debemos leer bastante. De hecho hay una tarea en el curso en la que se nos pide evaluar varias ofertas de alojamiento, me interesó investigar un poco más sobre las diferentes ofertas de hosting y tener una lista ya preparada, que nos facilite el trabajo a la hora de elegir un host. Espero que les sirva de ayuda la siguiente lista. Lista de Hosting: Un servidor web es parte obligatoria para poder montar tu sitio web en Internet, y es que las empresas dedicadas al hosting son encargadas de "alojar" tu sitio web en un ordenador que siempre este encendido y conectado a internet con un gran ancho de banda, de esta forma tu sitio Web se encontrará online y será accesible para los usuarios. En otras palabras: El hosting es un servicio en donde...

Buenas a todos,  realmente no es algo complicado insertar imágenes y tablas en HTML, pero aún así es importante. En este post les mostraré de forma sencilla a demás varios de los atributos que se utilizan en las imágenes en HTML. Indice: Imágenes. - Altura y anchura. - Bordes. - Espacios. - Alineación. - Alt. Tablas. - Altura y anchura. - Alineación. - Celdas de encabezado. - Titulo. -  Unificar celdas. Imágenes La insersion de imágenes en HTML se realiza con la etiqueta <img> , esta etiqueta no se cierra, mediante atributos podemos configurar un tamaño para que se muestre la imagen, un borde, alineación, y separación respecto a otros objetos. Entonces, para insertar una imagen se escribe el atributo "src": <img src=" Ruta/imagen.jpg " > Ejemplo: <html> <head> <title> Titulo de la pagina</title>  </head>     <h1> Tablas e imagenes </h1>     <img src="...