Tutorial XHTML/CSS facil – Aprendé a crear paginas web
Este tutor busca no solo ser un tutor común y corriente de HTML / CSS, que enseñe la sintaxis básica del lenguaje y listo. Sino que queremos que el lector vaya adquiriendo buenas practicas desde un principio para poder ahorrarse tiempo de desarrollo, el sitio sea fácil de modificar, que los motores de búsqueda entiendan la pagina, etc.
Intentare hacer algo nuevo, esto es, un tutor sencillo que no se detendrá en explicaciones formales ni nada de eso, y avanzara rápidamente para que el estudiante comprenda los fundamentos y las técnicas mas comunes que se utilizan para diseñar paginas webs en HTML/CSS de manera completamente profesional.
Las primeras 5 partes del tutor explicaran los principales usos y las propiedades mas comunes que poseen una pagina Web. Se recomienda al lector que no se avance capítulos sin leer lo anterior al menos en esta parte porque son cosas importantes y en las lecciones que vienen en “Ahora si manos a la Obra” se asumirá que el lector ya tiene conocimiento adquirido de las lecciones anteriores y no se repetirá la información.
Además de esto si tienes duda sobre los distintos temas por favor postéa tu duda y con gusto intentare responderla. De esta forma me ayudas a ver en que no estoy siendo claro.
Primera Parte: Conceptos Básicos
- ¿Que es una Web y como es su estructura?
- Que es básicamente una pagina Web
- Conceptos básicos de HTML
- Insertar Texto en una web y darle formato Básico.
- Etiquetas HTML para texto.
- Conceptos básicos de CSS
- Propiedades CSS mas comunes para texto.
- Enlaces entre paginas.
- Conceptos para vincular paginas entre si
- Direcciones Relativas y Absolutas
- Insertar imágenes y darles formato
- Etiquetas Correspondientes
- Propiedades de CSS mas utilizadas para las imágenes
- Elementos para el armado de estructuras mas complejas
- Aprender para que sirve un div
- Aprender para que sirve una lista
- Aprendiendo a estructurar paginas con DIVs
- Como encarar el problema de diseño de una web
- Elementos de CSS que nos permiten manejar los divs y darles un formato que nos permita crear una web de la mejor forma!
- Ahora si la ultima lección: Un ejemplo de una linda web
- crearemos un ejemplo de pagina web para que veamos la potencia del CSS si se crea un HTML correcto
- Estructura de la pagina y formato basico!
- Dando estilos al menu!
- Reemplazando titulos, colocando fondo y colocando las imagenes de las fotografias
Las Propiedades de CSS
Formalizando mejor el CSS de las paginas y viendo todas las propiedades utiles.
- Conceptos Basicos CSS
Agrupacion, Id, Clases y Contexto. Conceptos utiles para optimizar la creacion de nuestros CSS - Herencias, la Propiedad !important y las unidades para CSS
- Las propiedades de Texto y de Fuentes
- Propiedades de Color, backgrounds y Fondos
- El modelo de Caja y propiedades de las Cajas
- Propiedades de Posicionamiento de elementos
Si te Gusto el tutor y fue de utilidad, te agradezco que comentes acerca de eso, porque impulsa a mas gente a seguir el tutorial. También se agradecen criticas constructivas para que el curso vaya mejorando con el tiempo.
Y si tenes una pagina web, difundir el tutor es sin duda la mejor forma de ayudarnos a crecer, por ello les dejo un link para que quien quiera como forma de agradecimiento nos de una mano en el posicionamiento de nuestro blog.
No hay entradas Relacionadas!.

Hace 922 días | Kristiansen
Compadre, siga asi, pongale weno no más. Están excelente sus tutoriales
Hace 816 días | Roxy
Hola te cuento que estoy aprendiendo y me encanto todo lo que brindaste ahora me voy a poner a practicar y luego te cuento pero por lo poco que se me parece que me vas a ayudar bastante.
Perdon no me presente, soy Diseñadora Grafica y Analista de sistema. Me gusta investigar, aprender y hacer paginas web.
Bueno por ahora gracias hasta pronto.
Hace 802 días | Gastón Godoy
Excelente lo que publicas y se agradece la simpleza de las explicaciones técnicas en lo poco que he podido leer. Hay par de dudas que me gustaría me aclararas o mejor dicho una consulta: Sería posible que hicieras un PDF para imprimir y así aprovechar de estudiar cuando no estoy en el PC? Se agradecería mucho. Una sugerencia: Revisa la ortografía de tu manual ya que un tutorial de esa calidad no merece que escribas con faltas, Ej. vaya y no valla, fíjate en los acentos.
Te recuerdo ésto debido a que al escribir el código hay que ser meticuloso para no olvidar cerrar u omitir algo importante. ¿Haces algo bueno que con un par de detalles pasa a ser extraordinario. Felicitaciones.
Hace 770 días | Sergio
Excelente el tutorial sobre todo por lo claro y simple. Gracias a personas como vos que comparten sus conocimientos podemos resolver ya sea en este tema u otro , dudas o problemas que se presentan día a día en el mundo de la informática. Muy pero Muy Bueno y Feliz Año Nuevo.
Hace 754 días | jorge
me esta sirviendo de mucho este tutorial
Hace 711 días | martin
Esta muy bueno.-
no esta este tuorial en .do o .pdf para descargar?
Hace 711 días | dacho
Hola Martin, gracias por tu comentario. Por el momento no esta en pdf, el motivo es que tengo que reescribir un montón de cosas de nuevo, y ademas lamentablemente si lo pongo en pdf en 2 minutos me lo van a plagiar. Prefiero dejarlo asi al menos por el momento y pido disculpas si a algunas personas les molesta seguirlo desde la pagina.
Hace 636 días | Bengie
Hola!
Primero que nada permíteme felicitarte, bueno no es ningun secreto que la info circula en la web, pero lo que haz hecho es fenomenal y por lo que veo ya hace tiemop de eso.
Bueno si lees este comentario y todavia tienes tiempo para administrar el blogdelaweb entonces me gustaria pedirte que continues con el tutor, sin duda he aprendido con tu paso a paso y fijandote las metas y toda la cosa. Yo sabia html pero no CSS y me fue facil con este tutor. No se si tengas algun otro tutor mas avanzado o estes trabajando en el pero ojala lo publiques, estoy muy interesado. GRACIAS
Hace 543 días | curso paginas web
Muy interesante curso teniendo en cuenta que esta profesión es muy requerida en la actualidad por muchas compañías. El hecho de tener una página en donde promocionar o mostrar información de importancia a sus usuarios se ha convertido en una necesidad empresarial. Por este motivo, saber diseñar páginas Web puede ser una gran herramienta para conseguir empleo en tiempos en donde este no abunda.
Hace 534 días | stephanhy
gracias por los tutos muy buenos sigue asi..
Hace 511 días | Gaston
Excelente muchas gracias por esta excelente guia!
Hace 509 días | Niltiño
Hey man, disculpa la groseria, pero no tengo mas palabras… SOS UNA VERGA PA ESTA VAINA, APRENDIII!!! Gracias de Antemano…!!! FELICITACIONES Y MUCHOS EXITOS…
Hace 503 días | conejaviru
hola muchas gracias por el tutorial y esta muy bien!! me lo puedes mandar a mi correo: en pdf o como sea, que es para imprimirlo ya que no dispongo de internet todos los dias!
muchas gracias!!
Hace 502 días | dacho
Hola Conejaviru, Como lo he dicho antes, no tengo una version del tutorial en PDF ni en ningun otro formato, lo fui escribiendo en el blog y se complica sacarlo con las partes del codigo de forma correcta, hay varios programas que te permiten imprimir las paginas webs en pdf, por ahi pueden hacer eso!
Les dejo un enlace: doPDF
Saludos!
Hace 502 días | dacho
Y Gracias Chicos: Gaston y Niltiño por sus comentarios!
Hace 502 días | alfa centauro
simple y claro…. te felicito
Hace 500 días | Karla
e leido varios tutoriales acerca de html, css y el tuyo me a encantado super directo y sin complicaciones .. muchas gracias !
Hace 498 días | Francisco
Dacho amigo buen dia, es para agradecerle un favor si puede montar toda la información del curso es un pdf o si la tiene para que la mande a mi correo… Es que no dispongo de mucho tiempo en un computador fijo y quisiera llevar la informacion conmigo en mi dispositivo movil en formato PDF… de verdad me seria de mucha ayuda si me pudiera facilitar esta tarea.
Ante todo muchas gracias por este gran material y por su ayuda!!!
Hace 488 días | alfa centauro
Se te agradece amigo necesitaba algo así, paso a paso y hecho para novatos como yo, que se están introduciendo en “el milenario arte de la programación”
Gran aporte como critica constructiva te diría que hagas algo similar con CSS y Flash
Hace 480 días | marcelo
hola que bueno que teneis el tutorial asi podemos aprender rapido y sin necesidad de pagar un solo centavo, que bueno que hay gente que nos brida su ayuda, esperamos mas de ti, por el momento, esta excelente, salu2.
Hace 478 días | siqui4
oye… tienes muy buena iniciativa… justo lo ocupaba ahora… al parecer mi profesor lo busco tambien asi… deberias de seguir… y si siques… enviame un correo por favor… estare al tanto de tus tutoriales
Hace 478 días | dacho
Hola Chicos! Gracias a todos por sus comentarios
@Siqui4 estoy pensando como continuar el tutorial asi que cuando tenga novedades te aviso, Probablemente me oriente a hacer pequeños minitutoriales dentro del tutorial sobre como hacer Menues, Dar formato a Formularios, Ejemplos y cosas asi, pero por tema de trabajo y estudio seguramente me llevara algunas semanas mas esto!
Gracias a todos por el apoyo!
Hace 472 días | Patricio
Muchas gracias por tu experiencia y voluntad para enseñar, si vas a seguir haciendo este tipo de tutoriales me podrías avisar a mi correo.
Gracias Totales, esa frase es de ustedes.
Un abrazo desde Chile
Hace 472 días | dacho
Hola Patricio, Muchas gracias y con mucho gusto te avisare de las actualizaciones…. Saludos!
Hace 460 días | curso paginas web
Muy interesante aporte. Considero que aprender a programar puede brindar los conocimientos necesarios para conseguir trabajo de forma rápida y segura teniendo en cuenta que la profesión de programador profesional esté en verdadero auge en la actualidad.
Hace 459 días | Javi
Hola! he estado mirando tu post y esta muy bien. yo estoy iniciandome en este mundo y ahora estoy haciendo un curso de html, php y mysql. solo queria felicitarte porque me parece muy interesante tu post. me haces alguna recomendacion ahora que estoy empezando en el mundo del diseño de páginas web?? cuando hagas algun post o sigas este si eres tan amables me avisas a conejaviru@hotmail.com.
Muchas Gracias!!!
Hace 405 días | Lion
Muyy Muy buen tutorial chee! ya estoy terminando de verlo! Sirve bastante porque va directo a lo importante, excelente trabajo
Un saludo!
PD: Solo un detalle para q muchos lo puedan seguir viendo, capaz a alguno le pase lo mismo, para llegar bien a los tutoriales del capitulo 7 hay q sacarle el .ar a los links
Hace 366 días | gabriel37
hola amigo, increible tu tutorial lei ya un poco y voy haciendo los pasos. Y te cuento he visto otros tutoriales y desde el saludo ya quedaba mareado y abandonaba el intento. siempre quise aprender a hacer pag webs y no habia podido. esta ves no tengo dudas que lo voy a lograr. excelente es poco para describir lo sencillo que lo explicas. es como charlar con un amigo de la infancia que te lo explica en “tu idioma”. mil gracias saludos cordiales.
Hace 350 días | Juan Ignacio
Nuestras felicitaciones por los articulos que publican. Excelente trabajo.
Saludos cordiales.
Juan Ignacio.
Hace 339 días | Paco Zurita
Varios días buscando ayuda en la red para iniciar mis pasos en html y css hasta que encontré este blog. Es un placer seguir los ejercicios prácticos que están expuestos con mucha claridad y apoyados por útil y abundante información.
Este blog nos enriquece a todos. Enhorabuena y muchas gracias por tu entrega.
Saludos.
Paco Román