Aprende a crear tu propia página web sin conocimientos previos
Introducción al curso de HTML
Hola que tal amigos, bienvenidos sean al curso de HTML Básico, en este curso aprenderán los fundamentos de este lenguaje de marcado llamado HTML, el cual se utiliza para crear sitios web, asi que asi no te preocupes estas en el lugar correcto para aprender desde lo mas básico y fundamental para crear paginas web.
Este curso es muy sencillo al igual que es aprender HTML, por lo cual no necesitas tener conocimientos previos en algún lenguaje de programacion, diseño o cualquier otra cosa que puedas estar pensando. Claro que si tienes algunos conocimientos previos vendría genial, pero si no, no hay problema mi trabajo es explicarte y ayudarte para que te adentres dentro del mundo del desarrollo web.
El curso se divide en capítulos muy prácticos en forma de video, en cada capitulo te explico cada cosa, su funcionamiento y algunos datos interesantes conforme a la experiencia que he tenido utilizando lo explicado en el capitulo. Aunque los capítulos son en video aquí podrás encontrar el código y alguna documentación extra que te podría servir.
Así que no te olvides de regresar a la pagina del capitulo ver la documentación extra que he añadido y comentar si tienes alguna duda o problema, yo con todo gusto te ayudare.
Requisitos:
Seguramente te has de estar preguntando que necesitaras para comenzar el curso, que necesitas descargar, instalar, etc. Los requisitos son muy sencillos, lo único que necesitas es:
- Un navegador web (De preferencia uno moderno y actualizado como google chrome o firefox.).
- Un editor de código: Puedes utilizar desde el bloc de notas de windows hasta un editor como Sublime Text o Notepad++, puedes usar cualquiera excepto pre procesadores de texto como Word, ya que ensucian el código aunque no lo veamos y esto nos afecta de manera directa.
Temario del curso:
- Introducción
- Etiquetas para Textos
- Enlaces
- Listas
- Imágenes
- Tablas
- Formularios
- Estructuras de Contenido / Layouts
- Metadatos y otras etiquetas
Comencemos con el curso
Seguramente estarás pensando ¿Que es HTML yo solo se que se utiliza para crear sitios web?. HTML son las siglas de HyperText Markup Language, en español seria algo como lenguaje de marcas de hipertexto, yo se que aun no entiendes que rayos es esto pero no te preocupes no es esencial que entiendas que significa sino lo mas importante es que entiendas que es la base para crear cualquier sitio web.
Este capitulo en realidad es muy corto y no hay mucho que ver asi que vamos al primer capitulo en video y nos vemos en el siguiente capitulo.
Yo he aprendido algo de html empíricamente, vere los tutoriales, se ven prometedores. Saludos — @Anibalm2
carlos arturo, en el ultimo capitulo no pusiste el
Hola ¿como estas?.Espero logres ver este comentario a tiempo. Empezé hoy a ver tu tutoriale de html desde cero y son muy bueno para encaminarme en lo que es ser un buen diseñador web. Utilize el notepad++ y me tira este error
Notepad ++ v6.6.9 nuevas características y correcciones de errores: 1. comando Fix comentario de errores que los símbolos de comentario no se establece en la primera columna para Fortran. 2. Añadir párroco python para la lista de funciones. 3. Haga color de fondo iconos ‘transparente para functionList y ProjectManager. 4. Nueva función: Aplicar nueva configuración de archivos por defecto en el nuevo archivo creado (abierto a través de línea de comandos).5. Fix selector de color ‘bug selector que no funciona bien. Plugins incluidos: 1. DSpellCheck v1.2.12 2. NppFTP 0.24.1 v0.2.8 4. Plugin Gerente 1.0.8 5. Converter 3.0 6. Mime Tool 3. NppExport 1.9
Encaminandome Hacia el mejor diseà ± ador web
¿Me podrías ayudar por favor?
Ya arregle el problemita. No me di cuenta que tenia que abrir una nueva hoja ne el editor de texto. Ahora quisiera saber porque no me sale la letra «ñ» cuando escribo «diseñador». Gracias
ñ, es un caracter especial … en programacion no se usa creo que esa es la respuesta si no pues corregirme
hola Carlos Arturo. Mi consulta es sobre la parte en la que hago click sobre «enviar correo» y no se abre las opciones para que el correo sea enviado. Podría decirme por que pasa esto? El código esta bien escrito.
[…] Es vital que en este punto conozcas de HTML, si aun no lo haces te invito a que inicies con este Curso básico de HTML desde 0 […]
[…] ya tienes conocimientos básicos de HTML y CSS, si aun no aprendes estos lenguajes aquí tienes mi curso básico de HTML desde 0 y mi curso básico de CSS desde […]
amo los cursos que haces, realmente muchas gracias por aportarnos un poco de tu conocimiento. saludos COLOMBIA
Hola muchísimas gracias por tus videos, tengo un duda a mi no me salen los botones del slide show por ende tampoco cambian tengo todo el código igual que el tuyo chocando veo que dice windows pero yo trabajo en mac será por eso?… saludos
No, no tiene que ver el sistema operativo. Mas bien el error debe estar en otra parte. Lo que podría decirte seria que revisaras bien tu código.
thx.
through the tutorials.
Hola, tengo preguntas acerca del sublime, como hago para que elprograma me mande recomendaciones un ejemplo, si abres el programa te pone como «recomendacion» y tambien como hago para que el codigo que vas poniendo se recorra hacia abajo pero cada vez mas hacia la derecha, digamos que es para que se aprecie mejor, y todo va dentro de la misma etiqueta, saludos.
queria saber lo mismo que vos, ya sabes como?
Si, solo tienes que iniciar la etiqueta digamos <boddy y después precionas el tab, y automáticamente haría esto
no te entiendo bien… disculpa
viejo gracias por todo esto es mucho conocimiento GRACIAS
hola, oye tengo algunos problemas con las imagenes, me aparece un cuadro en blanco con un paisaje pequeñito en el medio y ya trate de arreglarlo pero no puedo :(
HOLA…Tienes K tratar de ver el formato de tu imagen.. si es png-o-jpg–!!
Hola Carlos, estupendo tutorial como todos los demas, ojala pudieras comentar tu codigo y subirlo para recordar las etiquetas mas usadas. Gracias.
Gran curso. Voy por el cuarto vÍdeo, pero tiene un «aspecto magnífico». Saludos
excelente,este sera mi punto de partida.
gracias por compartir tus conocimientos con quienes no sabemos o deseamos aprender Carlos.
Excelente curso, rápido pero conciso, sería muy bueno uno de PHP mas adeante para completar el ciclo HTML – CSS3 – Javascript – PHP
Estupenda tu manera de explicar las cosas! ni mis maestros de la universidad lo hacen tan bien como! Muchas gracias por tus cursos, me han servido bastante! Saludos desde tabasco
hermano muchas gracias por todos los cursos, de nuevo gracias por compartir estos conocimientos gratuitamente. Saludos desde Colombia.
Muchas gracias Carlos Arturo los cursos son buenasos me sirven de mucho tambien a mi y a mis gurpo de amigos nos gustaria que implementaras un curso de php y mysqli desde cero seria un muy buen aporte a todos pues Saludos¡ y Suerte Ehhhh Sigue asi adelante
Felicidades, muy interesantes los Cursos
Muy bueno!
despejas muchas dudas..
ahora vamos por CSS
Que tal Carlos escelente video, me interesa aprender html5, css3 y javascrip. ¿Tienes cursos de estos temas y cual es su costo? De antemano gracias.
amigo aprendí mucho y gracias a ti he avanzado mucho ya que actualmente estudio ingeniería de sistemas
pregunta.
Porque si odias dreamweaver, porque tienes el cs5?????????????
falcon master cual es su nombre por que usted es el DR. hause del diseño web
Mi nombre es Carlos Arturo :)
carlos arturo tu eres el «dr.hause» del diseño web gracias por compartir tus habilidades ahora voy por el de css, sigue asi motivando a las personas
Haha muchas gracias a ti
Hola Carlos, hago lo mismo que tu en el formulario pero a mi no me aparece.
Formulario
Leí los dos primeros párrafos y quede 🙉🙊 me gusto como invitas a los usuarios a conocer esta temática.
Quisiera saber si es posible aprender todo sobre HTML en una semana.
El tema es extenso?
Aún así tengo que aprender y hoy comenzaré a mirar tus vídeos.
Aprender HTML es muy facil, hay muchas cosas que aprender, pero con lo basico te basta para empezar a crear sitios web. Si puedes aprender HTML en una semana :)
Saludos
Hola! Yo logre aprenderlo en 1 dia, e incluso use estos videos para ayudarme en una competencia local de programacion, en la cual diseñe una pagina web y quede en segundo lugar con mi equipo. De veras es muy facil!
hola primero que nada darte las gracias por el curso me parece muy bueno, estoy utilizando el sublime text pero por ejemplo las palabras con acento aparecen mas simbolos, es decir se distorciona la palabra sabes a que se debe ?
Ese problema lo solucionas agregando dentro de la siguiente etiqueta:
Muchas Gracias ya quedo Solucionado ….
Hola FalconMasters, una consulta me gustaría que hagas un video tutorial de cómo poner ese número de fans o tweets al lado de cada red social..Te agradecería por ello
Hola! se que esta pregunta no va aquí, pero me gustaria saber si es posible abrir un enlace a otra pagina, dentro de la misma pagina en la que estoy trabajando, es decir, solo en una seccion de mi pagina, pero sin usar frames
Un saludo gracias :)
caramba amigo yo no sabia nada de html y de verdad que me parece muy interesante …. te felicito muy bueno este espacio y la forma que en explicas super genial … dios te bendiga
disculpa es que para poner el icono de la pestaña pues no me agarra no se que puede ser si es codigo o que podra sera aqui esta el codigo
muchas gracias 1000000….
veces
Hola Carlos, tengo un problema al insertar las imagenes, hago exactamente lo que tu indicas en el video, pero no me aparecen las imagenes, no reconoce la raiz de la imagen, en el capítulo anterior, cuando hice la prueba para que cuando uno le diera link en «ir a imagen» si me funcionó
esto fue lo que hice
/head>
body>
!– h1 se utiliza para titulares solo se puede utilizar una vez–>
h1>Primer proyecto de programación
!–br se utiliza para agregar espacio–>
br />
!–p sirve para incertar parrafo–>
p>
esta es mi primera pagina web par apoder aprender a programar estoy viendo el curso de html basico de Falcon Masters
/p>
img src»C:/Users/Public/Documents/PREDIOS CAMPESTRES/PROYECTO PINERA/PUBLICIDAD/PROPUESTA LOGO/OT 976 – PINERA LA CLARA – Propuesta Logo 16Jun2015-10 DEFINITIVO.jpg» />
a target=»blanck» href=»https://www.google.com.co/»> Ir a google
a target=»blanck» href=»C:/Users/Public/Documents/PREDIOS CAMPESTRES/PROYECTO PINERA/PUBLICIDAD/PROPUESTA LOGO/OT 976 – PINERA LA CLARA – Propuesta Logo 16Jun2015-10 DEFINITIVO.jpg»> ir a imagen
.
.
.
.
que pena ya encontre el error
no puse el = después de src
hola , arregla la etiqueta P para empezar si la abres debes cerrarla luego para la imagen debes colocar bien los comandos y los tienes mal copiados ejemplo :
saludos =)
hola donde puedo ver el curso completo o si es de paga donde pago y cuanto. muchas felicidades eres increíble para explicarte.
Una buena alternativa para editar codigo es ATOM es opensource. https://atom.io/
Hola Carlos Arturo, tengo un problema no me deja poner ningun tipo de imagen, lo que no se si es por que esta dentro de un contenedor
Espero tu respuesta
Saludos.
FM Quiero agradecerte por compartir tus conocimientos ya que no ha de ser nada facil ademas de que se require de mucho tiempo hacer lo que tu haces muchas gracias. Pasando a otra cosa tengo una duda muchos preguntaron como hacer que la barra ocupara todo el ancho de la pantalla ya lo pude lograrlo, pero como pudiera lograr que el testo de mis menus quedaran centrados en uniformemente en la pantalla ya que se me carga a la izquierda y me queda mucho espacio vacio hacia la derecha. Desde ya muchas gracias saludos DS….!
Hola , te felicito esta muy bien explicado. Gracias ahora realizare el otro Curso de CSS Básico desde 0. Thanks Carlos Arturo,
Hola Carlos son muy buenos tus cursos, me encanta la creación de paginas web, vi el de los enlaces te cuento algo el del correo no me funciona es hotmail no se si tiene alguna restricción, Agradezco tu respuesta
Carlos como puedo hacer que mediante un clic me envien a otra plataforma que yo alla creado ejemplo. si entras en facebook y escribes tu correo y contraseña y le das a enviar te mandan a la plataforma de facebook. eso es lo que yo quiero saber hacer pero con mi propia pagina.
Hermano tengo un problema al colocar el favicon las letras de codigos se me colocan amarillas que podria ser?
Hola amigo tengo un problema al colocar el favicon no se realmente, estoy comenzando en este proyecto
Hola Carlos, te quiero decir una cosa, tu usas ese programa que cuando escribes una etiqueta por ejemplo cite (min 7:29)
que hace que escribas la etiqueta y aparezca directamente para escribir el contenido, osea escribes cite y apretas algo y aparece con etc
Yo estoy haciendo mi pequeño curso HTML: https://yourcodeweb.com :3
Gracias por compartir falconmasters!
Hola gente!
Una pregunta. Estoy interesado en aprender cómo crear páginas web utilizando distintos lenguajes (perdón si el termino no es el adecuado) o distintas maneras. No tengo ni idea de por donde empezar, y veo que hay mucho material y diferentes formas. ¿Por dónde es recomendable empezar? ¿Hay algún vídeo al respecto sobre el orden recomendado en el que realizar los cursos?
Muchas gracias!!
tengo que aprenderlo en 3 días voy a tener que estudiarlo sin para y luego CSS y javascript.
Entiendo que lo basico es sencillo de aprender , pero se me hace mas facil todavía con tus explicaciones.
Gracias viejo , por molestarte en tomarte el tiempo de hacer todos esos videos
hola como haces para que cuando introduzcas el código de inmediato de da el cierre del mismo código es como una función de autocompletar, quiero saber ya que eso aligera el trabajo, yo trabajo con notepad++
porque se ve cada vez mas pequeña cada cadena????
para que hay colocar al inicio y al final
Muy buenas. estoy suscrita a tu canal de youtube. quisiera saber si aparte de los cursos realizas también asesorías. No encuentro un email de contacto por eso te escribo por aquí.
Saludos.
Muchas gracias por el curso FM aprendí mucho de html
HOLA FALCON NADA MAS VI TUS PRIMEROS TRES VIDEOS PERO ME ENCANTAN Y PIENSO VER TODO TU CURSO SALUDOS DESDE VENEZUELA AQUI MI PRACTICA DE TU TUTORIAL QUE ISE CON EL BLOCK DE NOTAS DE WINDOWS
Diego Uyema
DIEGO UYEMA
Pueblos Indigenas
Diego Uyema Mendez
canal de youtube
amigo no me funciona el favicon
Excelente contenido hermano, gracias por difundir tu conocimiento de una forma tan clara, eres un «Master».