Curso gratis de diseño de páginas web
Curso gratis de diseño de páginas web
El presente curso de diseño de páginas web, lo he elaborado a fin de que sirva como material de consulta tanto por diseñadores de páginas web como por diseñadores gráficos y por cualquier persona que quiera aprender a diseñar páginas web, aprende en estos videos en que consiste la creación de una página web, creación desde cero, creación de un sitio web desde el lado del HTML, es divertido y los videos son explicados paso a paso.
Antes que continúes con el curso, te advierto que no encontrarás como hacer páginas web joomla, ni como hacer paginas en WordPress, este curso y la lista de tutoriales de diseño web que comprenden este indice están enlazados a los tutoriales que realicé para la comprensión del HTML.
El curso gratis de diseño de paginas web es para quien quiere aprender HTML, saber modificar alguna plantilla o instalar WordPress o Joomla no te hace un experto ó master en diseño web, para ser un experto debes primero conocer el HTML y CSS.
Así como hay personas que agradecen que comparta con ellos de forma gratuita, he recibido un par de emails reprochando el hecho de que comparta tanto en el blog, ya hay un curso gratis de Photoshop y ahora un curso gratis de diseño de páginas web, ¿Qué sigue? solo el tiempo lo dirá, pero no hay mejor sensación que el saber que estos tutoriales le sirven a algún diseñador que busca una respuesta y que por no saber HTML no puede seguir adelante, este es un material de consulta, no pretendo que sea la Guía definitiva del HTML y CSS, estamos muy lejos para eso, pero para quienes reprochan, a mi me hubiera encantado tener al alcance un curso básico, pero básico de verdad, que explicara paso a paso el porqué de determinada etiqueta, ¿cuáles son los problemas REALES que se enfrenta un diseñador web frente a determinadas circunstancias o como consecuencia de determinada etiqueta? y como darle solución a ese problema, en lo personal me ha tocado mucho prueba y error, pero he aprendido de mis errores y mi experiencia es la que pongo a tu disposición con estos tutoriales del curso gratis de diseño de páginas web.
Aprende a diseñar páginas web con estos tutoriales, los comentarios siempre son bienvenidos y si te han servido a tí, ayúdanos a crecer y recomienda el curso gratis de diseño de páginas web a tus amigos, si tienes un blog se agradecen los enlaces directos a este post.
Indice de los video tutoriales del curso de diseño web
- Estructura Básica de un documento HTML
- Mi primera página web
- Aplicar formato al texto en HTML
- Como crear Vínculos en HTML
- Como insertar imágenes en HTML
- Listas ordenadas y Listas desordenadas
- Lista de Definición en HTML
- Como mapear una imagen en DW
- Tablas en HTML
- Tablas anidadas
- Galeria de fotos con efecto Script
- Frames (Marcos)
- Iframes (Marcos anidados)
- Crear Plantillas con Dreamwaever
- Crear Formulario de contacto
- Crear formularios web: Textarea y Select
- Validar formularios con Dreamweaver Cs4
- ——- Tutorial extra para creación de páginas webs : Configurar Formulario de Contactos ————
- Introducción al CSS
- Comprendiendo las propiedades de las páginas (CSS)
- Como separar el Html del CSS
- Crear un menu de navegación con CSS
- Tutoriales complementarios: Menu de Navegación || Menu de Navegación desplegable (sin video)
- Eliminar borde blanco de los Iframe para IE con CSS
- Maquetar 3 columnas con CSS
A diseñar páginas web se ha dicho !
Nuevos tutoriales del curso gratis de diseño de páginas web:
- Insertar imagen de fondo y centrar la imagen con CSS
- CSS Tricks: dibujar formas geométricas basicas con CSS
- Crear texto 3D con CSS3
- Como hacer redireccionamientos de páginas web

muchas gracias por este aporte tan importantisimo para los ke no tenemos ni idea de esto jeje soy diseñador pero no tenia mucha idea de codigo vamos a ver como lo terminamos
Bienvenido Jonatan, cualquier duda la dejas en el comentario del articulo que estés viendo y con gusto te respondo a la brevedad
gracias es intyeresante saber que existen personas como tí con una gran capacvidad de entregar sus conocimientos.
gracias nuevamente
Comentarios como el tuyo son los que sirven de incentivo para continuar. Muchas gracias
Walter, en estos tiempos en los que somos incapaces de dar algo gratis, apareces tú compartiendo toda su sabiduría con quien lo necesite, no sabes el favor tan grande que, por lo menos a mí, me haces, justo lo que necesito, aprender a diseñar bien y con Dreamweaver, mi página Web.
Entre que tengo poco tiempo para aprender, estoy al cuidado de mi madre, y que ya tengo unos cuantos años para la informatica, tus lecciones, tus ganas de dar gratis lo que sabes, me ayudará a realizar lo que tantas ganas tengo.
Muchisimas gracias, Walter, sigue acompañandonos en nuestro camino de aprendizaje y sigue siendo como eres.
Un fuerte abrazo
Mª Rosa
Muchas gracias Mª Rosa por tus palabras hermosas, te lo agradezco mucho. Espero que comprendas las lecciones, las elaboré bastante sencillo, de una forma que el codigo no resultase engorroso de aprender. Te deseo exitos. Que pases un feliz dia.
Muy interesante. La verdad me gusta mucho este sitio, y eso que apenas leí cinco post…
Muchas gracias!
Saludos,
María.
Gracias Maria, Bienvenida al Blog. Este post en particular te recomiendo que lo incluyas en tus favoritos, ya que el curso de diseño web es gratis permanente, ire incluyendo nuevos tutoriales con el tiempo. Saludos y Bendiciones
Muchisimas gracias un gran tutorial completisimo y perfecto para iniciarse a programar el html.
Muy interesante y espero que continues en la misma linea, de verdad muchas gracias!
Es un honor porder ayudar, estoy preparando nuevos contenidos, para completar el curso. Saludos y bendiciones
Sos groso sabelo…..
lo maximo gracias por tu tiempo…..
saludos desde honduras, gracias por este aporte es bueno encontrar en la red a persona humildes como ustedes que ayudan a los demas sin ningun tipo de interes economico que el señor los bendiga y muchos exitos
Muchas gracias Angel
Bueno aporte y muy buen blog.
Gracias man. Me viene muy bien para empezar en eso de la programación.
Un saludo.
Que bien!, bienvenido al Blog
Muchísimas gracias Walter, es lo que estaba buscando no tenés idea de lo que me va a servir!!!!!!!!!
Un placer, cualquier duda que tengas en cualquiera de las lecciones la planteas en los comentarios de ese post y te contesto a la brevedad
Hola Walter, es un gusto saludarte, apenas estoy comenzando a ver los videos del curso gratis de crear tu propia página Web, pero me gustaria hacerte un comentario y una pregunta: soy un ingeniero emprendedor y me gustaria tener mi propia página Web en donde pueda promocionar (venta) algunos productos propios (obsequiar ebook) y anunciar a su ves (publicidad a otras páginas), pero no tengo conocimiento del diseño web, ¿en tu curso gratis o de costo, podria aprender eso (diseñar mi web, hospedarla, anunciarla en los buscadores, actualizar mi web, asesoria, etc.?; de antemano gracias, un abrazo y Felicidades!!.
Hola, me encanta tus articulos son muy buenos y despejan las dudas con respecto a muchas incognitas que tengo gracias por pensar en personas como nosotros que necesitamos guias en ciertas cosas innovadoras que se ofrecen en la actualidad…
Estimado Walter muchas gracias por exponer toda esta gama de videos, que brindan un mundo de conocimientos, y que por la humildad que muestras, no sabes cuanta ayuda estas aportando a todos que hemos visto esto videos.
Que Dios lo siga compensando en sabiduría.
Saludos.
Muchas gracias por tan hermoso comentario, y bienvenido al blog
Muy interesante me parece que tiene mucho valor alguien que se preocupe por enseñar a que la gente aprenda a usar las páginas web un saludo te felicito
Muchas gracias por compartir con el resto de personas interesadas en este tema, y sigue adelante dice la biblia que Dios bendice al dador alegre, voy a comenzar a estudiar con tus tutoriales y espero poder aprender mucho, gracias nuevamente.
Muchas gracias Luis por tu sincero comentario y esas palabras de aliento, de corazon te lo agradezco. Saludos y Bendiciones
Muchas gracias,la clase a la que fuí yo,era una porquería y,sino te enterabas de algo,tenías que eseprar a que el profesor te mandase un mail y te contestara8a pesar de que había profesores allí).
En cuanto haga algo de web,te lo paso.
Voy por la mirad de los videos del curso de diseño web, me han parecido excelentes pero tengo dos preguntas: en primer lugar quisiera saber si en dreamweaver es posible dejar una imagen flotante, es decir, poder moverla a mi gusto sin ninguna restricción; por otro lado quisiera saber si al colocar un fondo a la pagina web por medio de una etiqueta div y con estilos css, como hacer para que ese fondo se vea tanto en horizontal como en vertical, pues al insertar la etiqueta div me sale el espacio punteado horizontal mas no se me expande a lo largo. Gracias de antemano por la respuesta.
Si trabajas todo en Cpas puedes hacerlo, en Dreamweaver las capas las puedes mover a tu gusto, solo que debes tener una Capa Contenedora para que las capas que vas a mover sean de posicion relativa a la capa Contenedora.
Con respecto al Fondo, debes dejar el width en auto y el height en auto.
Deseo aprender todo esto!
Pues si han recibido comentarios quejándose por poner información para que otros aprendamos, deben ser de personas que temen la competencia, que temen no tener la suficiente capacidad de crear y que no tienen imaginación para lograr que a pesar de la competencia, mostrar creatividad para llamar la atención.
Les agradezco por ser parte del Procomún por el bien social (http://openclipart.org/detail/142723/procomun-by-latinbooker)
Me encanta vuestro blog!
Es uno de los mejores sitios web que he encontrado para aprender a utilizar Photoshop, una gran herramienta que nos permite hacer maravillas con las imágenes.
Saludos y espero que sigáis actualizando el blog!
My recent post Destino de caballero
Muy bueno para aprender!
My recent post El espacio y el uso en el disco duro