Estructura Basica Pagina Web HTML 5 Y CSS3

Aquí tienes un curso completo desde cero HTML5 y CSS3
• Curso html5 y css3 - C...

[@marianomartin6274]

Muy buen tutorial para principiantes, realmente con muy poco tienes hecha una web en un momento y muy bien explicado. Solo un par de cosas para quienes estan empezando y que seguro no se han tocado en el video por centrarnos solo en lo básico: el "contenedor" que abarca todo lo que vas a introducir todo dentro de la etiqueta es el , no hace falta hacer un div dentro del body y mucho menos meter el header dentro del div, las propiedades que le quieras dar al div, se las das al body directamente. No hace falta poner identificadores a todo (id="..."), por ejemplo, al igual que se ha hecho con "header" o "aside" si quieres modificar en CSS, basta con modificar article directamente, etiquetarlo en html para luego modificar la etiqueta en CSS es un paso que solo suma codigo innecesario. Es aconsejable, por cuestiones de accesibilidad no dar los tamaños de texto en valores absolutos como píxeles, casi todos la gente que veo enseñando ésto lo hace así no se porque.

[@anam5407]

gracias por tus aportes, algún video sugerido mas actualizado de estructura básica?

[@lorenzobetancourt8330]

¿Cual es el valor recomendado para que se vea mejor sin usar px?

[@deimael]

*{} body{ width:1200px; Background-color:blue; } header{ width:1800px; height:200px; background-color:green; padding:0px; margin:0px; border:0px; } nav{ width:1800px; height:50px; margin-top:8px; margin-buttom:0px; margin-right:100px; background-color:yellow; } aside{ float:20px; width:500px; height:800px; margin-top:50px; margin-buttom:0px; margin-right:100px; background-color:red; }

[@robertocarlos2685]

2021 y sirve como no te imaginas, gracias brother y espero estés en un gran nivel en estos momentos.

[@marinafuguet6155]

Estoy aprendiendo a programar y este tutorial es el primero que me ha gustado de muchos de los que ya he visto. Estuvo muy claro, seguí cada paso como lo explica y el resultado fue exitoso. Muchas gracias-. Excelente tu explicación.

[@Ss-th1wc]

_Muy bien tu explicación, mi maestra siempre me anda confundiendo, muy clara tu explicación , además de los temazos de fondo estan chidos, muy bien, saludos 😎👌_

[@agustincastillo9312]

excelente vídeo lo felicito bien explicado el que no entienda de esta manera grave no como todos los vídeos basuras que he visto en todo este tiempo para poder entender este tema de las estructuras en HTML. muchas gracias.

[@vivracionespositivas]

La verdad que bien explicado esta y me salió todo casi bien, no me sale el texto en heider y en nav. Lo demás salió como vos lo explicaste y como te quedo en la demostración. Gracias por compartir estos conocimientos, saludos desde Uruguay.

[@dioco098]

Gracias estaba buscando una plantilla explicada de esta estructura web, ahora puedo hacer mis trabajos de forma mas presentable.

[@nanred8084]

Bien gracias. Te recomiendo quitar la música o bajarle mas. Ya que no lograba concentrarme aveces. Solo tómalo en cuenta

[@jhonjairogrimaldopantoja768]

Excelente video, Felicitaciones Darwin, muy bien explicado y fácil de ejecutar y aprender, muchas gracias

[@abylopez7197]

ME AYUDO CON MI PRACTICA FINAL GRACIASSSS, estaba super estresada pq no me salia😭🫶🏼

[@javieralejandromoyaguzman4132]

me ayudo mucho! estoy empezando con la programacion y no tenia nuy claro para que era cada comando, recien terminé un curso basico por internet

[@Juniorista70]

Muy bueno, qué calidad de tutorial para empezar a desarrollar un sitio web. Felicitaciones.

[@dorianvargasherrera2738]

Excelente video, aparte de tener buen conocimiento sabes transmitirlo. Felicidades y sigue adelante..

[@veronicaribeiro1862]

gracias !!!!!!! por tu clase pude dar mi parcial !!!! eternamente agradecida!!!

[@robertorodriguez6475]

Muchas gracias. De forma rápida acabo de entender la estructura básica.

[@oscar86077]

justo lo que se necesita en el tiempo indicado, salvaste mi materia, gracias.

[@mauriciofarias2939]

muy bueno el video, justo lo que estaba buscando para practicar lo poco que ya se, gracias

[@gloriatorres4007]

Yo pude realizarlo casi todo sin ningún excepto por la parte donde Contenido y Publicidad. Tenia un gran espacio entre ellas y como soy estudiante aun no se como quitar ese espacio pero lo demás si estuvo bien y me sirvió mucho el vídeo.

[@vanessamor1383]

Muy bueno sintético y muy práctico!gracias más.videos porfiss.. gracias !

[@estebangonzalez348]

Si utilizas brackets es mejor,brackets ya trae una opción para ver en vivo la edición de la pagina ademas de otras herramientas

[@ServitemTutoriales]

Alek Vasiliev actualmente utilizo brackets

[@pablomesa9393]

Me ayudo en mucho en mis tareas, gracias!

[@ServitemTutoriales]

me da mucho gusto que te aya servido amigo.

[@waltterllp]

muy bueno el tutorial , explica mejor que mi profesor.

[@BearmasterOfficial]

Que buen vídeo, lo explicas todo muy bien y con la música es entretenido pero muy didáctico

[@edierlopez8008]

me ayudo mucho amigo, excelente video...!muchas gracias por la informacion dada en este video.

[@oscarfiblas2096]

Excelente, pero al principio deberías explicar que es necesario un Editor y dar sugerencias de algunos. En lo personal uso Visual Studio Code...Habemos algunos que recién nos estamos embarcando en esto.

[@carlosmartinez-rf2rf]

Lo puedes hacer hasta con un bloc de notas. El editor es para facilitar el trabajo. Hay muchos editores, use cada quien con el que se acomode.

[@erikvera487]

Muy buen video, me ayudo un resto a entender y darle forma a una pagina web.

[@jorgebenavidesnati2664]

Mostro¡¡¡¡ crack ¡¡¡¡ facil, sencillo y rapido gracias !!!!!

[@luisangelpaitanrojas7580]

gracias me sirvió de mucho un buen tutorial bien explicado

[@jaipe5]

Gracias. bro. Eres lo máximo. Thanks

[@55194946]

Hola! Excelente tu video, recien me dejaron una tarea, "uso de tablas de de consulta rapida" en la creacion de paginas pero no encuentro informacion. Me podrias orientar? Gracias

[@claudito2014]

Hola, soy nuevo enesto de hacer paginas web, entendi todo lo que enseñaste salvo por un detalle. En las lineas 40 y 50 colocas un simbolo # delante de la etiqueta #contenido , mi pregunta es, porque colocas ese simbolo? porque en la etiqueta NAV, Y HEADER no lo colocaste? Saludos, gracias por tomarte el trabajo de enseñar

[@ServitemTutoriales]

Claudio Fernandez Hola amigo se les llama identificador y sirven para hacer referencia a dicha etiqueta en css. nav, header, footer no es necesario Pq son etiquetas semánticas

[@divina1213]

Muchas Gracias me hiciste recordar algo que literal ya ni recordaba

[@albertopolanco09]

Muy bien explicado, gracias por tu trabajo.

[@juancarlosvidal387]

Excelente explicacion se aprende mucho asi

[@sevenmusicsonidoyvideo6398]

Eres el mejor.........gracias amigo!! Sigue adelante con mas videos

[@diegoordonezardila636]

Me suscribo q buen pto video, estaba buscando desde hace un tiempo algo asi xD

[@emmairenesanchezhernandez9449]

Hola buenas tardes. Gracias por el video, todo muy claro. Podrías mostrar un video, pero creando hipervínculos en el área de NAV, por favor?

[@IzuruG689]

Muchas gracias, me sirvio para posicionar los elementos como quiero. Gran video.

[@minialex4965]

muchas gracias, por fin entendi como funciona esto

[@andreslopez-oc5hm]

excelente! así es fácil de aprender html y css buen video

[@jotatecnologia9]

Hice el curso de diseño web pero no termine de aprender del todo los comandos,espero poder aprender aunque sea para mi mismo y tambien ayudar a alguien más...👍

[@profesami]

Gracias por este buen video. Saludos

[@JoseVlsc]

Muy claro, muchas gracias.

[@Carlos-fl1zc]

Con ese código de "clear: both" me sirvió ya que no pintaba el footer

[@juandavidgonzalez9816]

gracias¡muy buen video!

[@luisalbertoaurisramos4567]

muy buen material, sigue subiendo mas video por favor

[@oscarimeza]

Muchas gracias bro! Sùper ùtil tu video! Espero sigas haciendo tutoriales.

[@redcelorg3980]

Gracias, tu narrativa contribute a hacer el aprendizaje mas fácil

[@IgnacioV8]

Excelente Video.. MIL FELICITACIONES

[@felixm.marrugo7317]

gracias bro, me sirvió un montón. DIOS TE BENDIGA .. :D

[@javieros67]

Excelente explicación, muchas felicidades

[@francohernandes8150]

ojala este tuto no me haga perder mas de medio dia los demas q e visto son pura pbasura!00%

[@juanperes3986]

aqui yo hize el ejemplo les comparto drive.google.com/open?id=0B85ftUn_rdvoV1p0cUJ5clVEWjg drive.google.com/open?id=0B85ftUn_rdvoYjA0a29WTENqbTA

[@ServitemTutoriales]

Pedro Gonzalez excelente Pedro te felicito, te invito a que veas mi curso HTML5 y CSS3, allí empiezo desde cero a crear un página web

[@juanperes3986]

cual es el link

[@ServitemTutoriales]

Pedro Gonzalez kzbin.info/www/bejne/nmLCk4KhZ9uSm5I

[@alejandrorosales8937]

gracias hermano justo me tocaba enviárselos a mi profesor y tenia tiempo de hacerlos

[@goldlifelamejorcafeteria3928]

Gracias

[@TheJokersys]

Muy bien gracias por este aporte. Tengo una pregunta como puedo poner el contenedor en Responsive?

[@geraldbustos]

que yo sepa no es que el contenedor le digas "hazte responsive" sino que hay media quires que tu le dices: "cuando el tamaño de la ventana del navegador sea de "m" px por "n" px haz que estos estilos cambien, y ahi tu modificas el tamaño de las cosas.

[@freddycenturion1503]

te felicito, un video bien preciso y entendido

[@josepepillo4379]

super bien explicado¡ un 10

[@urielvasquezgonzalez4536]

Muy buen material amigo, sigue subiendo videos ...Saludos

[@JoseReyes-dd4di]

Muy interesante su explicacion

[@polaronciogt]

Por fin un buen video sobre bloques

[@manuelbg4985]

Se pueden usar porcentajes para las dimensiones y de esa forma ajustar automáticamente?. Un saludo

[@alexisozan2275]

Me sirvio de mucha ayuda bro.. Muchas gracias...

[@saludosselena]

Me encanto este video. ¡Explicas las cosas muy bien! ¡Un saludo! ¡Soy nueva sub! :D✨

[@arleidyhilarion2906]

Hola , Primero gracias fue de gran ayuda y segund quisiera saber el nombre de los plugins y como hago para instalarlos gracias.

[@pipapu3]

Bien. Lo pude seguir fácil. Gracias

[@brypuebla9054]

Kajdjaksjsjajs está práctica me la dejo la maestra en esta semana

[@sylderocs7060]

x2

[@virtualjobsdlc1517]

hola, lo que no entiendo es para que poner si en html5 se usan las nuevas etiquetas .

[@quetzalmundialista7853]

Por que el vídeo es de hace 4 años crack

[@Ochins36]

@@quetzalmundialista7853 Entonces ya no es necesario que le ponga los div o en algunos casos si es necesario?

[@elizabethvillarruelrosales898]

Buen video, la música ayuda

[@lewistown3794]

Motivadora la música xd

[@cristhofergonzalez9977]

Me gusta tu forma de explicar exelente tutorial pero me.gustaria q me ayudes como hago para poner una imagen en ves de poner un color en el.bakground es decir si ya lo tengo diseñada en en PSD gracias

[@jorgellanque7704]

usa esta etiqueta

[@IllegalEmperor]

backgound: url(../carpeta/nombrdelaimagen.extension);

[@nestorochoa7095]

Te lo Agradezco ❤

[@diamelaheindl]

Muy bueno! y claro explicado!

[@xavierbastos]

Gracias me as salvado, ahora entiendo las cajas de html estoy grado superior me pedían que hiciera cajas eso lo peor que se me da, pero me as ayudado a entenderlo

[@haldermora1601]

Buenos dias, hora de Venezuela. Molesto su atencion porque por todos los medio he tratado segun muchos tutoriales de incluir estilo a mi trabajo seguiendo cada una de sus recom,endaciones pero no lo logro, estoy a borde de la locura. Auxiliooooooooo. Gracias

[@lewistown3794]

Hola, amigo te recomiendo primero que utilices el software Visual Studio Code, este ya trae la herramienta Emmet, antes de empezar tu pagina, te recomiendo que crees la carpeta contenedora de tus archivos y desde ahi partes. Es importante que crees primero el archivo .html y luego en una nueva pestaña, dentro del VSC, creas y guardas (Ctrl + S) y nombras con el .css, ya este video te puede dejar todo lo que te falta para realizar la estructura de tu website

[@musiclegendari6379]

Excelentísimo gracias

[@4FUNGANGENT]

Me sirvió mucho amigo, gracias

[@josephjonson88]

Muchisimas gracias Amigo me ayudaste mucho!!! :3

[@ZamirVignatti]

Se puede hacer los mismos pasos usando visual studio code?

[@oscarromero8164]

Muy buen video!

[@davearias736]

excelente vídeo gracias me ayudo:)

[@BFCO30T]

Muy Buen video ,saludos 👏

[@rommelalejandromanriquejam8516]

AMIGO PODRIAS HACER UNO CONFIGURANDO EL XAMP Y QUE TE CORRA UN FORMULRIO MIENTRAS QUEDA GUARDADO EN LA BASE DE DATOS

[@eduardojavier112]

pero lo correcto es usar clases y llamarlas en el CSS luegoe s buena practica usar almohadilla pero te va dar especificidad!

[@lalitogracia1231]

heres un BACANASOOOO!!!!!!!!!! THAK YOU ';)

[@jeissonm.5082]

Gracias, amigo

[@rafaelrodriguez6741]

excelente me funciono de maravilla y tambien muy pero muy bien explicado

[@javiermonsalve2624]

buen video api, mi profesora es una perra y contigo lo logramos, abrazo tkm

[@mohohoocx2636]

Me ayudo mucho, Gracias carnal: Like ;)

[@facundorodriguez2823]

Como hago si quiero poner botones o algo por el estilo en el footer ?

[@KmusRetro]

Muchas gracias amigo, muy buen video.

[@AlexAponte]

y el capitulo que sigue donde esta?

[@oscarfiblas2096]

Además, es una lata visualizar un video antiguo y encontrarse con que sus link de descarga ya no funcionan...deberían sacarlos entonces.

[@cristianramirez6063]

hola amigo me podrías decir como hago para ponerle publicidad a una pagina con un banner ya con la pagina así estructurada y muchas gracias por el tutorial de muy buena ayuda

[@ariadnaredondo3517]

a que te refieres cuando dices "damos tap" no encuentro ningún botón que lo haga

[@lorenzobetancourt8330]

Se refiere a la tecla TAB (contiene unas flechas apuntando de un lado s otro)

[@carlosmartinez-rf2rf]

Dice TAB, o sea la tecla de tabulación, lado izquierdo con flechas en contra.

[@supradp4111]

buen vídeo pero deberías tratar con mas cariño tu teclado

[@georgebustamante3680]

AMIGO CUAL ES LA DIFERENCIA ENTRE UNA ETIQUETA, ELEMENTO Y UN CONTENEDOR EN HTML5 Y CSS3 EJEMPLOS PORFA

[@geogisacademy]

porque coloca id en section y no en las demas etiquetas

[@programadorx8364]

Excelente video solo la música de fondo incomoda >:v

[@frankv2097]

x2 xddd

[@vany5223]

X3:v

[@juan040898]

Tengo entendido que los navegadores usan los titulos y subtitulos para sus motores de busqueda, siendo asi que sentido tendria usar un para menu, acaso es verdad que el navegador usa los para mostrar resultados en los motores de busqueda ?

[@juanjava]

comentan tes que iba ir creciendo de acuerdo a como se le fuer metiendo información y no me quedo, como le puedo hacer para que en aside me realice un scrooll, me podras ayudar con eso

[@samuelremolina2322]

Excelente!!!!!!!