Como crear una pagina web completa en HTML - 3 

Para todos aquellos que les aparece las imágenes en tamaño grande y todas hacia abajo (no como se ve en el menú) les dejo lo que tienen que hacer para arreglarlas Cabe mencionar que en el formato de imagen lo pueden cambiar dependiendo en el que lo esté la imagen, y ustedes deciden que altura y anchura dar a la imagen, vayan calculando... Espero les sirva!

Gracias por el vide, en verdad ayuda muchisimo, en especial a los que apenas empezamos con el HTML como yo, gracias +1 Like

como no encontre estos videos antes, me hubieran ayudado demasiado. Ya estoy practicando, seguire checando tus videos con detalle. Gracias.

El archivo de html debe estar en la misma carpeta que las imagenes. Si las imagenes las tienes en una carpeta diferente no saldra ninguna imagen y solo te sale el cuadrito que mencionas =)

Las imagenes transparentes las debes hacer en tu programa de edicion como Photoshop. Simplemente le quitas el background o color y las guardas como png y serian transparentes.

Hola, una pregunta: ¿Como haces para que la imagen de los botones te salga una al lado de otra? a mi me sale una debajo de otra y con mucho espacio entre ellas. Saludos desde Colombia.

@tutorialestomaycoo Las imagenes fueron creadas en photoshop, las puedes bajar en el archivo que doy en las descripciones de los videos.

Bro, eres todo un crack, como no encontré tu canal hace años :'( Pero bueno, me da gusto haber encontrado tu canal, buenos tutoriales me sirven mucho, gracias! :D

una pregunta donde diseñaste las imágenes que pones en la pagina web? saludos. y muy buena tu contribución

Cómo creo esos logos para que queden bien echos, pequeños y simétricos para que no se vean muy grandes?

Gracias. Sencillamente genial. Hasta aquí todo sobre ruedas. Empecé ayer y esto se va poniendo más interesante. Gracias y por aquí pasaré a comentar el progreso Un abrazo desde Ibagué, Colombia.

Muy buen material amigo. Para empezar en este mundillo esta muy muy bien. Tu metodo de ir poco a poco sin meternos en teoria me parece adecuado para aprender mejor. Un saludo

Para los que quieren poner imagen de fondo en la pagina solo le dan click derecho y le dan a la ultima opcion donde dice:Propiedades , luego saldra ubicacion lo copian ejm (C:\Users\cabrera\pictures\banners ubicacion) y lo pegan en background Si les funciono podrian ayudarme viendo mi pagina xd

@MrSyncmaster77 Backgroun o Fondo. Se puede utilizar una imagen de fondo para la pagina.

por fin ya pude poner un background en un sola imagen muchas Gracias , ahí vamos , ahí vamos ..... Saludos b^.- ....

Gente para los que no les aparece la imagen yo lo que hice fue l buscar la imagen en Google, la descargue y al editarle en nombre ponerle un ejemplo imagen.png o imagen.JPEG asi me funciono sin necesidad de crear carpeta ojala les sirva

te recomiendo usar imagenes renders, esas imagenes deben ser tipo PNG y cuando las pongas solo aparecera el logo sin el color de fondo. Saludos;)

Como pongo las imágenes pequeñas? Me salen una abajo de la otra y grandes, las hice en picsar Hay alguna medida?

muy buenos tutoriales he aprendido mucho yo no entendia nada del html pero desde que vi tus videos tutoriales ya lo entiendo me gusta mucho la forma en que explicas se entiende muy bien.

geniales tus tutoriales, yo no se nada de programacion y necesito hacer una pagina para la facultad y me estas ayudando muchisimo! graciassss

disculpa lo que pasa es que sigo tus instrucciones y cuando voy haber las imágenes me dices que están bloqueadas por seguridad me puedes decir porque no te demores debo entregar un trabajo mañana.las imagenes obligatoriamente las debo guardas ej: nena.png?

Buen Día Jesús Campus con respecto a las imágenes del menú para uno poder personalizar Nuestra Pagina que nos sugieres que hagamos para Crear y Diseñar Nuestro Logo e Icono para darle un Mejor Aspecto y Vida a Nuestra Pagina Web como por Ejemplo algún Programa de Diseños Gráficos como Adobe Photoshop, CorelDraw, Adobe Illustrator, Si usted nos puede hacer un vídeo tutorial sobre eso seria Maravilloso Gracias...

Amigo muchisimas gracias por tus videos, te entendi mejor a ti que a mi profesor de software, muchas gracias

Me has salvado la vida,gracias,ademas que eres bastante bueno dando tutoriales.

Un Tip Chidori para espaciar las imágenes es Hspace="10"

amigo como hago las imagenes de inicio, contactos etc

¡Qué buenos videos, enserio! Esto si es aprender

Eres muy bueno!! Sabes explicar muy bien!! :)

pero a ti todas las imagenes te quedan perfectamente centradas y espaciadas, solo has explicado como centrar pero no como poner los espacios entre las imagenes saludos!

le explico como pueden hacer grande o pequeña la imagen dan doble klic y eligen la obcion vista previao abrir com maicrosof y eligen editar imagen alado le aparece una venta azul y eligen cambiar tamaño y eligen alto x ancho predefinido y eligen wed pequeño y ya esta me saque la madre buscando la forma pero ya esta

Gracias que buen tuto todavia existe gente buena onda!! :D

Mil gracias por hacer estos vídeos que me han servido muchísimo

gracias compadre pero tienes un error bueno el mio es Windows 10 y a mi no me cargan la imagenes

Ola Jesús yo copio la ruta de la imagen png de la imagen de inicio que tu dejaste y cuando recargo la pagina que estuve haciendo aparece solo un signo de una imagen pero no la imagen de inicio que hago responde es urgente

Me ha resultado muy útil tus tutoriales. Gracias.

eres el mejor, me vas a hacer aprobar una clase gracias crack

hola amigo así todo y Ya lo verifique como 50 beses y lo tengo todo igual pero aun no me muestras las imágenes siguen apareciendo esos cuadritos pequeños que te aparecieron cuando cambiaste las fotos a la carpeta

por que no me aparecen las imagenes en mi pagina diganme plis

Hola tioo eres una bestiaa ¡¡¡¡¡ gracias por todo me ayudo mucho saludos desde España ¡¡¡ Sigue haci ¡¡¡

solamente puedo decir:Muchas gracias por tan buen videotutorial....

disculpa por q no sale la imajen

no aparecen la images XD

TE FELICITO POR CAPACIDAD DE SINTESIS, MUY DIDACTICO, TODO ME SALIO PERFECTO LO QUE SI ANDO LUCHANDO CON EL TAMANO DE LAS IMAGENES, ESTOY USANDO ILLUSTRATOR PARA LOGOS Y FONDOS GENIAL TU VIDEO

amigo jesus campos de donde agarrastes las imagenes del menu ayudame estoy aprendiendo mucho de ti saludos ayudame porfavor

le haga como le haga no me aparecen las imágenes que hago?????????????????????

no me salen las imágenes que hago?

esta geniiial thu tutorial nunca habia visto algo asi XD te la rifasss!!! XD..

Wao amigo muchas gracias eres el mejor!

Buen video, pero tengo una duda: =)¿como hago para cambiarle el tamaño a una imagen?...

las imagenes .png de "contacto,etc" que hice quedan muy grandes en la página, eso se puede modificar desde los tags o tengo que modificar las imagenes .png (achicarlas) ?

exelente tutorial me has ayudado a comenzar mi proyecto web de informatica

Hola, una pregunta. Mas o menos que tan grande debe ser la imagen de fondo para que no se vea repetida?, me explico. yo puse una foto de una galaxia pero como la imagen es un poco pequeña se repite varias veces. y ya intente cambiarle el tamaño con los codigos de "width" y "height" agradecería si me respondieras. Un saludo

Ojalá vuelva a RU-vid esta leyenda que me dió las bases para empezar en el camino del desarrollo web

Me ha servido de mucho tu tutorial :)

saludos; gracias por ser tan explicito, exitos

te felicito por el trabajo que haces para explicarnos los pasos para hacer una pagina web tengo una pregunta podrias decirme si las imagenes 0:33 las hiciste tu con algun programa como photoshop o las cojiste de internet .gracias

jesus te adoro con todas tus anotaciones voy a practicar mi novio se va alegrar me dijo que aprendiera a programar paginas web para conseguirme trabajo donde el esta , ojala y me las aprenda facil y sea experta creare una diaria para ver ... excelente y lo de la imagen si copian tal cual como el lo hace si aparece ,

muchas gracias amigo explicas muy bien!!

No se que paso, pero el comentario es para agradecer el tutorial, realmente es bien instructivo. Gracias

eres excelente amigo!

una pregunta, las imagenes de menu en formato png y el logo, como haces para q encajen con el color de la pagina web? las haces transparentes?

Amigo yo estoy utilizando adobe illustrator, te lo recomiendo es muy bueno para hacer tus propios diseños y darle ese toque original que tu quieres.

todos los capitulos me sirvieron estuvo genial

olle una pregunta que medidas tienen tus imagenes para inicio,contecto etc?

Excelente crack gracias por estos videos

Excelente tutorial, esta muy bien explicado.....:)

Jesus , estoy creando mi pagina y tus tuto son lo más ! Una pregunta, de que tamaño son las imagenes esas de menú (Servicios,inicio,etc) ? Graciassssss !

grande profe, por eso le doy click a tus publicidades

oye una pregunta con que programa hiciste para hacer las imagenes de inicio noticias contactos y nosotros

Hola saludos oye excelentesss videos Jesus, todo me ha salido igual pero mi pregunta es a que porcentaje se tiene poner la página creada para que se lea bien la letra y todo a un 100% a un 90% si me explico? y otra a que tamaño se tienen que hacer las imágenes de contacto las abrí en psd y están muy chiquitas se q es para que para que encajen pero a que tamaño las creaste y deben ser en png solamente ó jpg, supongo que con la practica se pueden agrandar al tamaño deseado pero no deben pasar de un cierto tamaño, espero me puedas responder mil gracias y sigue con mas.

MUCHAS GRACIAS ¡¡ ERES LA BESTIA¡¡¡

hiciste las imagenes del mismo tamaño todas o modificaste el tamaño

Cabe destacar que la imagen que quieres subir a tu pagina debe estar guardad en el mismo lugar donde tienes guardado el archivo HTML saludos y buen tutorial BLESS

tus tutos estan re geniales

hola, me sale todo bien las imagenes y todo, pero no logro poner una imagen al lado de la otra siempre me aparece una abajo de la otra, que puedo hacer ahi?

buen tutorial amigo gracias.

Gracias me ayudaste a organizar bien mi pagina :D

Buenos tutoriales men, se agradece

k video tan útil... ya cree la página de mi negocio!!!

el background es solo para imagenes de fondo, y el bg es para los codigos de color?

una cosa amigo por ejemplo en la imagen de inicio no se le puede dar click para llevarte a otro enlace????

+Jesus Campos buenos videos, pero tengo una duda al crear el archivo me funciona todo bien, pero al subir el html a mi pagina por ftp no se ven los iconos de inicio servicos etc. solo los textos del final de la pagina. y el logo si funciona.

muy buen video... pero te quiero pregontar q de donde sacaste las fotos de servicios y essas ?

La diferencie del png y el jpg es que el png puede ser trasparente y el jpg no. Es decir si utilizas una imagen de fondo o background en tu pagina le puedes poner encima el png y se transpartenta. El jpg tambien lo puedes agregar pero se veria el color alrededor de tu logo.

Muchas gracias me ayudo muchísimo!

Alguna recomendación para las dimensiones de las imágenes? (Banners, Menús, Background)

Hola, mil disculpas por las molestias, bueno ya estoy haciendo mi pagina web, pero, quiero saber sobre el background="bg.jpg" se puede centrarlo, se puede ajustar,se puede que aparezca un solo background="bg.jpg" a la hora de poner el fondo se me multiplica la imagen del folder, diga me como le hago, para que aparezca un solo imagen del fondo del folder, bueno ahí vamos, ahí vamos, Y espero su mensaje Jesus Campos ..... Saludos de MAVDigital para Jesus Campos b^.- ....

se tienen que usar solo en formato png?? y lo que pasa es que al guardar en .png en el escritorio o dnd sea solo sale el icono de photoshop o al subirla ya aparece la imagen?

Para que sirve la imagen que dice: Basico 1,Tienda, diseño y seo. Verdaderamente es importante o se le puede remplazar con otra imagen?

muy bueno tus videos amigo espero subir mi pagina ya lo estoy asiendo y estoy aprendiendo ya que soy de edad jajaj gracias por tu aporte

ya cree mi pagina grasias a tu videos

Hola! Estoy creando una pagina web . Soy un principiante. Me gsutaria saber si tu puedes compartir conmigo las imagenes de inicio,nosotros,contactos etc. Porque no las encuentro en internet. Gracias!

tienes que colocar bien el codigo, digamos pones el html en una carpeta por ejemplo la carpeta se llama pag, si la imagen se encuentra donde esta el archivo html tienes que colocar img src= "nombre de la imagen" ejemplo img src="logo.png" pero si se encuentra en otra carpeta de la carpeta pones

hey bro y si yo despues que termine la pagina borro las imagenes o la cambio de lugar en la wep quedara normal o ce quita todo

Hola, me están ayudando mucho tus vídeos, aún así tengo ciertos problemas. Me gustaría poner el texto al lado de un vídeo, concretamente el lado derecho. Se como ponerlo al lado derecho pero se pone a bajo del mismo. Después de ese tengo otro y es que quiero poner una imagen al lado de un texto osea se: "texto" "imagen". Y que salga al lado. También estoy tratando de trabajar con un programa que ahora no recuerdo su nombre en el cual puedes modificar tu pagina sin necesidad de html pero me sale un mensaje el cual dice que por motivos desconocidos no puedo modificar mi pagina :/. Espero que puedas ayudarme, gracias ^.^

Gracias por tus tutoriales, me sirven de mucha ayuda para mis clases de informatica!, aunque aún no consigo poder colocar una imagen... lo he intentado miles de veces pero no me sale!

Gracias, excelente tutorial pero me gustaría saber en que página puedo realizar las imagenes del menú.

Buenísimo!!!

y al terminar esta pagina web se puede posicionarla poco a poco los bucadores la encuentran facilmente ay que hacer algo para facilitar la busqueda espero que me puedas responder gracias

eres genial haciendo videos deverias hacer videos de php