Тёмный

Página web con Notepad++ | HTML explicado 

Engel Rodríguez
Подписаться 168
Просмотров 40 тыс.
50% 1

Como crear una pagina web en HTML con Notepad++:
Video Tutorial de cómo realizar una página web básica en HTML utilizando el programa Notepad++. Rápido, Fácil, Claro y Sencillo.

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@francobarrios4943
@francobarrios4943 11 месяцев назад
muchas gracias, con tu ayuda hice una pagina para una tarea de informatica, explicas muy bien; sigue asi.
@dsguerrero5127
@dsguerrero5127 2 года назад
Oye! gracias! me ayudó mucho. Claro y directo... hasta le agarré amor al HTML
@onguardmedia6107
@onguardmedia6107 6 лет назад
Muchas gracias Engel. Por favor cuando tengas una oportunidad has mas videos de notepad++. Muy bueno.
@giancarlodavidfrancovillan3597
@giancarlodavidfrancovillan3597 2 года назад
Buen tutorial... mano, excelente, debes hacer más
@DanielGarcia-dw9mh
@DanielGarcia-dw9mh 7 лет назад
sirvió de mucho, ya no repruebo redes sociales
@LosDrift...
@LosDrift... 2 года назад
muy buena explicación lo mejor de lo mejor
@jacksonsifontes
@jacksonsifontes 6 лет назад
amigo no tienes mas video es muy bueno tus tutoriales. tienes que hacer ,mas videos sonsuper bueos
@anggel66
@anggel66 7 лет назад
gracias por tu vídeo muy bueno me sirvió mucho :)
@FM_SEBAS
@FM_SEBAS 4 года назад
crack muchisimas gracias por ese videaso me salvo la vida con ese tutorial en verdad gracias crack me sirvio arto, por fin encontre un video en el cual se explica bien las cosas, toma tu like mi bro
@geraldinbernal1381
@geraldinbernal1381 3 года назад
jejeje que bien explicas muchas gracias
@marioemmanuelcortezbarenas6419
bien hermano te rifaste gacho saludos
@jesuscarrero3835
@jesuscarrero3835 6 лет назад
me sirvio arto este video y me gusto mucho :)
@adrianatomochezambrano9933
@adrianatomochezambrano9933 5 лет назад
Ayuda cuando le doy ejecutar no me sale ningún navegador 😢 hice lo que dijiste en un comentario por ahí pero no funcionó 😭. Ayuraaa!!
@VMaya82
@VMaya82 4 года назад
Hola, gracias por el video, esta muy bien explicado. Sólo que tengo un problema porque yo quiero poner dos imágenes diferentes pero no puedo alinearlas, una sale más arriba que otra...cómo puedo hacer para que estén alineadas a la misma altura? gracias!
@engeldejesus677
@engeldejesus677 4 года назад
Hola Mava, Puedes intentar colocando cada imagen en un contenedor (puede ser un div), y darle el mismo tamaño a ambos div. Espero te funcione!
@Andres-ui2gj
@Andres-ui2gj 2 года назад
@@engeldejesus677 ayuda bro no me re dirije a ningún lado a cuando le pongo las demás cosas solo se hace otra página con los nuevos cambios 🙆🏻‍♂
@steepperez3313
@steepperez3313 3 года назад
oye amigo crees que actualmente siga funcionando de la misma manera ya que ingrese la dirección de una imagen y m aparece solo el icono de una imagen que no se ve podrias ayudarme
@engeldejesus677
@engeldejesus677 3 года назад
Saludos, Así es. La forma de especificar la ruta de la imagen con la etiqueta src sigue funcionando de la forma mostrada en el video. Trata de verificar si colocaste el nombre y extensión de la imagen correctamente, verifica que sea la ruta correcta, y también asegúrate de no tener errores en la sintaxis de la etiqueta. El ícono que te aparece sale por alguna de las razones mencionadas... Espero puedas resolver!
@Jsouzaa
@Jsouzaa Год назад
Amigo a mi lo de las 3 últimas imágenes no me funciona. 😅
@davidgarciagarcia2505
@davidgarciagarcia2505 5 лет назад
Hola bro Fijate que la ise y todo pero no me funciona al momento de darle clic al en el enlace. No cambia de paginas aparece sin dirección
@carloszuniga5537
@carloszuniga5537 7 лет назад
como indexso carpetas de difrentes pajinasy con cada una con contenido y imagenes
@diegomoreno-ht8rw
@diegomoreno-ht8rw 5 лет назад
Buenas, muy buena el video pero no entiendo como hiciste para sacar las otras dos pestañas
@sergiucostache5166
@sergiucostache5166 4 года назад
Genial!
@manuelsoto9089
@manuelsoto9089 3 года назад
Hola alguien sabe como poner un numero con potencia en notepad++
@stevemartinez2326
@stevemartinez2326 3 года назад
muchas gracias amigo me ayudo mucho PD:soy un NIÑO xd
@engeldejesus677
@engeldejesus677 3 года назад
Hola, Steve! Me alegra mucho haber podido ayudarte. Excelente decisión de empezar a aprender a temprana edad. Te ayudará muchísimo y te dará mucha ventaja. Mucho éxito y no te detengas!
@stevemartinez2326
@stevemartinez2326 3 года назад
@@engeldejesus677 denada crak +1 sub por tan bien explicado
@carlosgustavopenagosramire3228
@carlosgustavopenagosramire3228 2 года назад
Tienes el código
@leonelcruz900
@leonelcruz900 3 года назад
Una pregunta como hago el "comando" del minuto 14:17
@engeldejesus677
@engeldejesus677 3 года назад
Solo debes escribirlo tal cual se ve en el video. El nombre del primer símbolo es Ampersand (&), que según el código ASCII puedes obtenerlo con Alt + 38. Recuerda que al final lleva punto y coma (;):  
@isidrosanchezromero8992
@isidrosanchezromero8992 5 лет назад
Ayuda por favor al momento de dar en ejecutar no me aparece la opción de Chrome :(
@engeldejesus677
@engeldejesus677 5 лет назад
Hola, Debes verificar el archivo llamado 'shorcuts.xml' que esta en el directorio de instalación de Notepad ++. Podrás encontrarlo en la siguiente ruta (dependiendo de tu instalación): %APPDATA% otepad++ Cuando estes en el archivo, dentro de la etiqueta UserDefinedComands agregas la siguiente para añadir Chrome: chrome "$(FULL_CURRENT_PATH)" Guardas el archivo shortcuts.xml y abres Notepad++. Nota: Si ya lo tienes abierto, ciérralo y ábrelo nuevamente para que asimile los cambios.
@adrianmendiola676
@adrianmendiola676 3 года назад
Porque la foto me aparece e icono de que no hay imagen
@engeldejesus677
@engeldejesus677 3 года назад
Hola Adrian Mendiola, Eso generalmente pasa cuando la ruta especificada no es correcta. Verifica que la ruta que has especificado es realmente donde se encuentra la imagen, verifica que el nombre esté correcto en la ruta especificada y también verifica si colocaste la misma extensión. En caso de que todo esté correcto, verifica que estés haciendo uso correcto de la etiqueta img y su atributo src. Suerte!
@ËddFx
@ËddFx 7 лет назад
se ve muy poco estético. Podría poner en la parte de arriba una imagen como título? debo hacer una página profesional y me parece que no se ve nada estético, parece una página de inicio de los 90s :l
@engeldejesus677
@engeldejesus677 7 лет назад
Saludos. El objetivo principal de este video tutorial es enseñar los parametros básicos de cómo realizar una pagina web en HTML con Notepad++. A partir de aquí, podrán continuar agregandole y/o modificandole elementos a su gusto, para que logren obtener la página que deseen. Para elaborar una página más estética, profesional y elegante se necesitan más herramientas y conocimientos que parten de los que se muestran en este video. Menciono algunos de ellos en el video.
@ËddFx
@ËddFx 7 лет назад
Engel De Jesus entiendo, pero por casualidad has pensado hacer vídeos de cómo hacer páginas más tipo 2017? necesito hacer una página bastante completa y compleja para el viernes, y estoy dedicando mucho tiempo a aprender html por eso quisiera ver si es posible hacer una página más bonita, estilo duolingo, respecto al diseño. Saludos
@engeldejesus677
@engeldejesus677 7 лет назад
Saludos. Lo he pensado, sí. Desde que pueda, trataré de continuar con los videos, para cumplir tu petición. Claro que es posible hacerla mucho más bonita que ésta, porque como te dije, fue hecha de manera rápida y solo para destacar los puntos básicos. Puedes hacer una página para el viernes que se vea muy bonita y estética, pero vas a tener que continuar tu investigación, y no solo de HTML. Te recomiendo que aprendas CSS y sus frameworks (Bootstrap, Materialize, etc). Eso te ayudará mucho con respecto al diseño de tu página.
@Nurtatis07
@Nurtatis07 7 лет назад
como se cambia la url de tu pagina
@engeldejesus677
@engeldejesus677 7 лет назад
Saludos. Si tu página solo la tienes en tu computadora, es decir, que aún no la haz subido a la internet para que las personas puedan verla, la URL se cambiará dependiendo la ruta en la cual tengas guardado el archivo HTML de tu página. Ahora bien, si quieres ponerle, por ejemplo "Nombredelapagina.com" o .net o lo que sea, debes comprar un dominio en internet. Algunas de las páginas donde puedes hacer esto son: GoDaddy.com, Solo10.com, etc. Espero haberte ayudado.
@Nurtatis07
@Nurtatis07 7 лет назад
Vale muchas gracias
@cristianmeneses8223
@cristianmeneses8223 5 лет назад
como le cambio el link???
@engeldejesus677
@engeldejesus677 5 лет назад
Saludos. Si tu página solo la tienes en tu computadora, es decir, que aún no la haz subido a la internet para que las personas puedan verla, la URL se cambiará dependiendo la ruta en la cual tengas guardado el archivo HTML de tu página. Ahora bien, si quieres ponerle, por ejemplo "Nombredelapagina.com" o .net o lo que sea, debes comprar un dominio en internet. Algunas de las páginas donde puedes hacer esto son: GoDaddy.com, Solo10.com, etc. Espero haberte ayudado.
@rodrigomiranda7851
@rodrigomiranda7851 5 лет назад
Me ayudas?
@motoestrom9500
@motoestrom9500 Год назад
dpm para TIC
@calistenicprogres1745
@calistenicprogres1745 2 года назад
Por que no me aparece la imagen en la pagina por mas que segui paso paso
@engeldejesus677
@engeldejesus677 2 года назад
Hola Calistenic Progres, Te recomiendo que verifiques el valor que estás colocando en el atributo src de la etiqueta . Si es una imagen que se encuentra en internet, debes colocar la url completa; por otro lado, si la imagen está localmente en tu computador, debes colocar la ruta correcta de la imagen incluyendo el nombre y extensión de la imagen. Observa con mucho cuidado esa ruta, debido a que es muy probable que sea la razón por la que tu imagen no se visualice.
@marioemmanuelcortezbarenas6419
Ya quedó al 100 porciento
@bandresc924
@bandresc924 4 года назад
Porque no me sale la conexión entre las etiquetas???
@diegomoreno-ht8rw
@diegomoreno-ht8rw 5 лет назад
Bueno ya pude resolver lo de las pestañas, ahora mi pregunta es la siguiente; cómo haces para quitar esa dirección de tu sitio web; file:///C:/Users/Engel/Desktop/HTML/segunda.html. Y ponerle una con .com? para comenzar a monetizar. Gracias
@engeldejesus677
@engeldejesus677 5 лет назад
Hola Diego, Si tu página solo la tienes en tu computadora, es decir, que aún no la haz subido a la internet para que las personas puedan verla, la URL se cambiará dependiendo la ruta en la cual tengas guardado el archivo HTML de tu página. Ahora bien, si quieres ponerle cómo me describes en tu ejemplo, debes comprar un dominio en internet y luego postear tu página en un hosting. Algunas de las páginas donde puedes hacer esto son: GoDaddy.com, Solo10.com, etc. Espero haberte ayudado!
@JoseMiguel-zc2jq
@JoseMiguel-zc2jq 5 лет назад
a música é uma merda mas de resto tá tudo bueda bom! abarço
@josuemerid4372
@josuemerid4372 7 лет назад
gracias por tu video esta bien completo 👌👌👌👍
@marioemmanuelcortezbarenas6419
no deja ingresar imagen con img yo la copie desde propiedades editar como html y no enlaza a la segunda
@rodrigomiranda7851
@rodrigomiranda7851 5 лет назад
Tengo un ploblema con la dirección de la página web
@franciscajaviera9963
@franciscajaviera9963 4 года назад
como puedo abrirlo con google no me salen esas opciones ayuda
@rodrigomiranda7851
@rodrigomiranda7851 5 лет назад
Los enlaces no sirven y ya los revise que estén igual alos que pusiste de ejemplo tu y están iguales
@engeldejesus677
@engeldejesus677 5 лет назад
Hola, Si pudieras aclarar un poco mejor tu inconveniente, es posible que pueda ayudarte más fácil. Una idea es colocando el minuto:segundo que hace referencia a tu duda.
@surrenderr4
@surrenderr4 3 года назад
Hola como estas, como haces para guardar el ejecutado en crhome?
@engeldejesus677
@engeldejesus677 3 года назад
Hola, Nicolas. Eso lo haces estableciéndo como navegador predeterminado.
@alejandraBTZSS
@alejandraBTZSS 7 лет назад
hola , estoy siguiendo los pasos pero tengo un problema , no me sube la imagen . me podrias colaborar ,
@engeldejesus677
@engeldejesus677 7 лет назад
Saludos, Debes tener presente que para hacerlo lo más similar a como yo lo estoy haciendo en el video, tienes que haber creado la carpeta 'img', donde tendrás tus imágenes. Esa carpeta debe estar dentro de la carpeta que contiene todas tus paginas (todo tu proyecto). En caso de que no lo hayas hecho como yo, entonces debes especificar la ruta completa de la imagen. Espero poder ayudarte.
@PlacHD
@PlacHD 6 лет назад
Muy Bueno él Tutorial
@rodcristi2746
@rodcristi2746 7 лет назад
una pregunta, hice todo bien (creo) hasta el minuto 6:45 y apreto Launch in Chrome, entra a la pagina y me aparece en blanco
@engeldejesus677
@engeldejesus677 7 лет назад
Saludos. Asegúrate de que, siempre, le des a guardar antes de tratar de visualizarlo en tu navegador, porque si no lo haces, se verá en tu navegador lo último que guardaste. De manera que si no haz guardado nada, no se vera nada. Espero poder haberte ayudado.
@soniaflores8667
@soniaflores8667 6 лет назад
Creo que no guardaste tu pagina en .html
@oscarospina7336
@oscarospina7336 6 лет назад
Gracias bro
Далее
Primeros pasos con Notepad++
9:09
Просмотров 40 тыс.
Aprende HTML en 15 Minutos 📙
16:11
Просмотров 668 тыс.
История Hamster Kombat ⚡️ Hamster Academy
04:14
Como crear una pagina web completa en HTML - 2
10:01
Просмотров 1,4 млн
Página web con Notepad++
19:15
Просмотров 132 тыс.
Como buscar y editar una plantilla HTML
7:35
Просмотров 1,1 тыс.
Wordpress vs coding - why devs SHOULD learn Wordpress
11:03
Why & When to Use Semantic HTML Elements over Divs
12:01
Crear pagina web con notepad++
51:08
Просмотров 3,1 тыс.