How to create Website Page Layout in HTML CSS | using Float - Web Layout Design Tutorial 01

Sdílet
Vložit
  • čas přidán 11. 07. 2022
  • How to create Website Page Layout in HTML CSS | using Float - Web Layout Design Tutorial 01
    Image Reference Attribution:
    www.ecurtisdesigns.com/wp-con...
    =========================================
    Follow the link for next video:
    How to create Website Page Layout in HTML CSS - Web Layout Design Tutorial 02
    • How to create Website ...
    =========================================
    Web Layout Design Tutorials Playlist:
    • Web Layout Design Tuto...
    =========================================
    Watch My Other Useful Tutorials:-
    JavaScript Tutorials Playlist:-
    • JavaScript Tutorials
    JavaScript Interactive Applications Playlist:-
    • JavaScript Interactive...
    Navbar for Websites Tutorials Playlist:-
    • Navbar for Websites Tu...
    Slideshow for Websites Tutorials Playlist:-
    • Slideshow for Websites...
    Web Design & Development Projects Playlist:-
    • Web Design & Developme...
    =========================================
    ► Subscribe to our CZcams channel:
    / chidrestechtutorials
    ► Visit our Website:
    www.chidrestechtutorials.com
    =========================================
    Hash Tags:-
    #ChidresTechTutorials #WebLayoutDesign #HTMLCSS

Komentáře • 418

  • @ChidresTechTutorials
    @ChidresTechTutorials  Před rokem +37

    👍 Every video on my channel is made with Love and Hard work, So don't forget to Like, Comment & Share.
    👉 Please do Subscribe, Hit the bell icon & Enjoy Learning. It's FREE.

  • @patrickjabiguero5896
    @patrickjabiguero5896 Před rokem +42

    I started watching you 3 months ago, now im a front end developer and still learning backend. you helped me so much and i want to thank you for that.😊

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +3

      Welcome. Happy to hear. Please do share and spread the word about our CZcams channel in your social network.

    • @josephjeremiashjamil6915
      @josephjeremiashjamil6915 Před 6 měsíci

      What was your road map? Im Planning to shift to programming

    • @aakashpaswangiet5059
      @aakashpaswangiet5059 Před 5 měsíci

      Hello 👋

    • @NGgamin1
      @NGgamin1 Před 4 měsíci

      I just followed him too and I must say his teaching skills is something else. Continue the good works

  • @georgetuges4821
    @georgetuges4821 Před rokem +29

    YOU ARE THE BEST MY BROTHER, I have been struggling in web layout design for years, My Jesus Christ has lead me to your tutorial and its so simple, than all the other tutorial. God bless you.

  • @ebiekem
    @ebiekem Před rokem +28

    This video is truly God-sent. I've always struggled with layouts. Thank you for simplifying it.

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +1

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

    • @oyobiryani
      @oyobiryani Před 21 dnem +1

      Thanks for appreciating this video maker brother, learning Code wise is difficult and learning Layout wise is easy.

  • @sharathkumar2612
    @sharathkumar2612 Před rokem +6

    Sir i am from india .....a telugu guy seeking webdesign layouts ....but i couldn't find any clear explanation like this😇😇....Love u sir..commenting for better reach and to make known everyone abt this amazing and informative content

  • @Empezamos1734
    @Empezamos1734 Před rokem +5

    As a non-native english speaker this is so helpful. I subbed

  • @jnslzr
    @jnslzr Před rokem +6

    Hi Chidre, cannot thank you enough for the master class, was struggling real hard trying to lay out a web page AND understanding why there were so many divs here and there, after your class everything came into place, thank you!

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Welcome. Please do share and support. For more videos explore our CZcams channel.

  • @miyu545
    @miyu545 Před 4 dny +1

    I learned more in the first 6 minutes than what an entire course teaches you. lol.

  • @ryancarney7616
    @ryancarney7616 Před 6 měsíci +3

    This is what I have been looking for! I have found it difficult to self-teach html and css because I have't found someone who is a good conceptual teacher of the languages. Thank you!

  • @user-rl9fy6oy9i
    @user-rl9fy6oy9i Před 22 dny +1

    I'm a first year IT student and is currently learning C and Python programming languages, and then decided to learn html on my free time and I got stumbled upon your videos, and damn its so easy to understand. Thanks a lot sir, hope your channel will reach millions of subscribers!

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 22 dny +1

      Thank you❤ Please share with all your friends. Soon will start creating python tutorials too. My C programming tutorials are in depth with many practical programs.

    • @user-rl9fy6oy9i
      @user-rl9fy6oy9i Před 22 dny +1

      @@ChidresTechTutorials Will do kind sir! please keep making these easy to understand videos for us new aspiring IT students!

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 16 dny

      @@user-rl9fy6oy9i For sure. thank you

  • @suneerak668
    @suneerak668 Před rokem +2

    your teaching is excellent Sir..

  • @muhammadinshal2742
    @muhammadinshal2742 Před rokem +4

    Excellent 👍 100/100......... keep continue it

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thank you. For more videos please do subscribe share and explore our CZcams channel.

  • @AS-mc2db
    @AS-mc2db Před rokem +1

    Great video

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thank you. For more videos please do subscribe share and explore our CZcams channel.

  • @user-yu8lg7ru2p
    @user-yu8lg7ru2p Před 10 dny +1

    nice vedio

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 10 dny

      Thank you 🙏💕 for the 👍💯. I am creating video tutorials for Computer Science, Engineering, Information Technology, Gaming, Multimedia and Artificial intelligence students👦📖🎒 Please share with a student in need and support💪

  • @ganeshkapoor8329
    @ganeshkapoor8329 Před rokem +3

    The way of teaching is very nice everything is very easy after watching this video thank you sir .

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      You are welcome. For more videos please do subscribe, share and explore our CZcams channel.

  • @harshalnikam1864
    @harshalnikam1864 Před rokem +1

    Best , from 2 3 days i was upset , that iam not getting to desing perfect layout. But thanks to you sir, its help me lot

  • @rojelapanzo397
    @rojelapanzo397 Před rokem +18

    You're so excellent in teaching keep going thank you I've learned a lot

  • @rohittripathi5829
    @rohittripathi5829 Před rokem +2

    Excellent teaching skill...

  • @ramkhilawanpatel2702
    @ramkhilawanpatel2702 Před rokem +1

    Nice video

  • @codeishard3182
    @codeishard3182 Před 5 měsíci +2

    the way you are explaining every line of the code is outstanding. Please make an entire course on modern css (flex-box, grid, etc) like this. There's a tones of videos on youtube but they skip the core concept. why things happen behind they don't say.

  • @JoannaReason
    @JoannaReason Před rokem +6

    Thank you for making these series and videos! Very helpful.

  • @abhrajitsaha7
    @abhrajitsaha7 Před rokem +4

    You made this easy topic seem so easy, thank you!❤
    Couldn't understand from other channels...

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Welcome. Abhrajit. Please do share and support. Let's make this video reach to more students.

  • @veoquenoesunproblema
    @veoquenoesunproblema Před 6 měsíci +1

    How sick is to teach web layout with Notepad haha, this guy is awesome with this knowledge.

  • @rajeshkilladi7124
    @rajeshkilladi7124 Před rokem +3

    Thank you brother ♥️, I'm struggled all day with this ,but u made my day thank u so much,your explanation is on peaks,and again and again thank you so much....

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +1

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @sharonachims8835
    @sharonachims8835 Před rokem +1

    You are the best,

  • @Travelmoments
    @Travelmoments Před rokem +1

    Very clear explanation for each and every property used in building the layout.

  • @osho143
    @osho143 Před 2 měsíci +1

    You are my god to me i was always confused and everything has become clean and crystal clear in my mind now. Respect to you sir ❤ i would like to have classes from you sir.

  • @fit-matters
    @fit-matters Před 4 měsíci +1

    Day 1 watching just wrote the first layout, looks great, works great, thanks so much. I am saving them in a folder for later development, "just add JS".

  • @divyaranidasari6925
    @divyaranidasari6925 Před 5 měsíci +1

    Really god bless you sir i am very grateful to you

  • @cumarmxyusuf8248
    @cumarmxyusuf8248 Před 7 měsíci +1

    Thanks teacher so before i'm watching this lesson i am confused
    100%tnks our dear eng

  • @ajaygimbhal9053
    @ajaygimbhal9053 Před 2 měsíci +1

    Very easy to understand thank you

  • @rohanmp-rt1si
    @rohanmp-rt1si Před rokem +1

    Sir no words are sufficient to say thank for your work
    I searched lot to get this content before watching your video
    Thanks lot!! ❤

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +1

      Welcome. Please do share and help the video to reach more students like you.

  • @brendensong8000
    @brendensong8000 Před rokem +2

    What an amazing video! It's so easy to understand! thank you for sharing this video!

  • @shortcutprogrammer2395
    @shortcutprogrammer2395 Před 7 měsíci +1

    This is the best informative video I have ever watched.
    and you teach in such a way that a 5 year child can understand.

  • @sagarsri4143
    @sagarsri4143 Před rokem +3

    No Words, One word from my end:
    Excellent👍

  • @naimnaim9910
    @naimnaim9910 Před rokem +1

    Nice

  • @harikrishnagautam1297
    @harikrishnagautam1297 Před 7 měsíci +1

    Great sir❤🎉

  • @jaythorat3467
    @jaythorat3467 Před rokem +1

    It's great sir🙏🙏🙏

  • @BonthalaRamesh
    @BonthalaRamesh Před rokem +1

    Really good explanation of your teaching..I think so many people got placements in best companies..i want also join in a good company.. please give me your blessings to me.. you are the best teacher..

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thanks for for positive feedback. I wish you get placed in good company with good package. Wish you a successful career.

  • @siddheshbhise2056
    @siddheshbhise2056 Před 10 měsíci +2

    What an explaination sir...Too good

  • @reynold2
    @reynold2 Před 5 měsíci +1

    I pray God bless you for sharing your knowledge, and that He continue to illuminate the light of your understanding.

  • @shyamtiwari9219
    @shyamtiwari9219 Před rokem +1

    Well

  • @PHINIxXGaming
    @PHINIxXGaming Před rokem +1

    Really Helpful for me , thank you

  • @phulerahub6763
    @phulerahub6763 Před rokem +1

    Very nice information

  • @liezlcurambao9165
    @liezlcurambao9165 Před rokem +1

    First I don't know how to create but after this video ..I done with my problem..Thank you

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @kaviarasanm4543
    @kaviarasanm4543 Před rokem +1

    The way of explaining Each concept is clearly understood

  • @oscarskidoo9884
    @oscarskidoo9884 Před 6 měsíci +1

    easy to understand, thank yu

  • @nishaditharuka1659
    @nishaditharuka1659 Před rokem +1

    Sir, I'm from 🇱🇰. This was very helpful me. Thank you very much. 🙏

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +1

      Welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @RohitModak-rd5qr
    @RohitModak-rd5qr Před 4 měsíci +2

    Your video really helped me a lot...liked and subscribed already...keep posting videos like that ❤

  • @aakulacharan
    @aakulacharan Před 6 měsíci +1

    Excellent and Extra-ordinary Chidre!

  • @marlonabellanosa
    @marlonabellanosa Před rokem +1

    your genius.. you make it easy for us to understand how layout works

  • @myplaylist7007
    @myplaylist7007 Před rokem +1

    I did learn something new thanks.

  • @ashokdalor9018
    @ashokdalor9018 Před 18 dny +1

    This is amazing..

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 18 dny

      Thank you 🙏💕 for the 👍💯. I am creating video tutorials for Computer Science, Engineering, Information Technology, Gaming, Multimedia and Artificial intelligence students👦📖🎒 Please share with a student in need and support💪

  • @ariframadhan6748
    @ariframadhan6748 Před 7 měsíci +1

    thankyou sir for your explanation 👍

  • @hirushadeshan1454
    @hirushadeshan1454 Před 4 měsíci +1

    This is the greatest video. Thank you very much and good luck with your work! ❤

  • @user-sc1sm3em9w
    @user-sc1sm3em9w Před 5 měsíci +1

    cool video)

  • @MyArtisnotsogood10
    @MyArtisnotsogood10 Před rokem +1

    Thank you! You make our life easier because of this vid.

  • @mallondan
    @mallondan Před 6 měsíci +1

    Brilliant teaching. Clearly instructed. Well done Sir!

  • @jeromesinfuego3867
    @jeromesinfuego3867 Před rokem +1

    nice and clear tutorial...

  • @dal968
    @dal968 Před 6 měsíci +1

    Thank you very much. Finally i understand how to do it. Not understanding that clearfix perfectly yet. But ill read more about it

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 6 měsíci +1

      Welcome. You can find a video dedicated to float and clearfix on my channel. Please search.

  • @gopichintu2466
    @gopichintu2466 Před 11 měsíci +1

    Thankyou so much .... Sir... Made my day ... 🎉🎉🎉

  • @amberehjere4062
    @amberehjere4062 Před rokem +1

    wow your such a great teach i got each and every point without facing any problems 🙂🙂🙂🙂

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thank you. For more videos please do subscribe, share and explore our CZcams channel.

  • @petrouchkita0000
    @petrouchkita0000 Před rokem +1

    Thank you nice video 👍

  • @maulidmajaliwa9549
    @maulidmajaliwa9549 Před 10 měsíci +1

    Thank you! thank you! thank you! thank you!, You are a life save i swear to god!! 😘😘❤❤❤

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 10 měsíci

      Welcome. Please do subscribe and share. czcams.com/video/lZOh2Aj0Msg/video.html

  • @ronaldtamparong7070
    @ronaldtamparong7070 Před 6 měsíci +1

    Thank you so much you explain it very clearly!!!

  • @Yourfrendtohelpyou123
    @Yourfrendtohelpyou123 Před rokem +1

    You are amazing

  • @pinoyshowbiztrends
    @pinoyshowbiztrends Před rokem +1

    Nice one

  • @vijaypalmanit
    @vijaypalmanit Před 7 měsíci +1

    Perfect, 👌 first video related to layout where I could understand everything, please make such more videos, thanks …

  • @Lanterns09
    @Lanterns09 Před rokem +1

    Thank you so much for uploading this. You explain so well.

  • @epex9025
    @epex9025 Před 4 měsíci +1

    Your videos is amazing. It's on point, covers a lot in short time. I am glad I found it.

  • @marziabatool8830
    @marziabatool8830 Před 7 měsíci +1

    thanks for this video

  • @poojachaurasiya1712
    @poojachaurasiya1712 Před rokem +1

    Thank sir 😊 for your guidance excellent sir

  • @jennibeemarbeda8805
    @jennibeemarbeda8805 Před 7 měsíci +1

    Finaly I found the best one

  • @sivananda2775
    @sivananda2775 Před rokem +1

    super explanation sir keep doing

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thank you. For more videos please do subscribe share and explore our CZcams channel.

  • @josephjeremiashjamil6915
    @josephjeremiashjamil6915 Před 6 měsíci +1

    this is very easy to follow and you explain it directly on point. keep making videos

  • @MichaelNavarro-om4bc
    @MichaelNavarro-om4bc Před rokem +1

    Thank you sooo much you earn another subscriber, I am stuck in only reading classess and I saw this content its very easy to understand your teaching and I found out what I am lacking, an actual practice.
    I am newbie and learning to be Front-End Web Developer, and sorry for my bad english.

  • @_pandey__007
    @_pandey__007 Před rokem +1

    5hank you so much sir..I have some problem facing on place element in correct order ,you have solve successfully

  • @ezajhossain
    @ezajhossain Před rokem +2

    Excellent brother. Very easy to understand ❤️

  • @sumansauda3981
    @sumansauda3981 Před rokem +1

    Thank you so much You have explained everything so clearly

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @letsdoitfordream5463
    @letsdoitfordream5463 Před rokem +1

    Sir your way of explanation is just outstanding ❣️💯

  • @engene.4_u745
    @engene.4_u745 Před rokem +1

    Thank you, this video was very helpful! ❤️

  • @mohans6301
    @mohans6301 Před rokem +1

    Thank you so much for this video sir in this video I learned many things and I have clear idea about box-sizing

  • @Crickets_2.0
    @Crickets_2.0 Před rokem +1

    Very simple to understand.❤

  • @Ravisoni07
    @Ravisoni07 Před rokem +1

    Really a helpfull video, good job sir 🙏

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +1

      Thank you. For more videos please do subscribe share and explore our CZcams channel.

  • @code9848
    @code9848 Před rokem +2

    Thank you brother your video is very helpful.💖❤

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem +1

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @supxonbeksodiqov
    @supxonbeksodiqov Před 10 dny +1

    👍👍👍👍👍

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 10 dny

      Thank you 🙏💕 for the 👍💯. I am creating video tutorials for Computer Science, Engineering, Information Technology, Gaming, Multimedia and Artificial intelligence students👦📖🎒 Please share with a student in need and support💪

  • @roster6292
    @roster6292 Před 4 měsíci +3

    Use vs code or any other code editor please 🙏🙏🙏. In 2024 you are still using note pad. You are legend 🤯

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 4 měsíci

      Learn HTML language and it's Concepts perfectly. IDEs help you code easily.

    • @roster6292
      @roster6292 Před 4 měsíci +1

      @@ChidresTechTutorials btw I am full stack web developer. 😊

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před 4 měsíci +1

      Happy to hear that. Web development is so cool. @@roster6292

    • @roster6292
      @roster6292 Před 4 měsíci

      @@ChidresTechTutorials do you make any money no including yt?

  • @ArmanKhan-nq9mj
    @ArmanKhan-nq9mj Před rokem +1

    Awesome! I just lost my voice. Your presentation skill is awesome!

  • @TechnicalAsthavi
    @TechnicalAsthavi Před rokem +1

    Thanks you sir
    This layout design is very useful for me

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @doga123
    @doga123 Před rokem +1

    I cant tell how much i love you right now thank you soo much

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @reynold2
    @reynold2 Před 5 měsíci +1

    Thank you Sir.

  • @shreyas908
    @shreyas908 Před rokem +1

    Thank you it's crystal clear now

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      You are welcome. For more videos please do subscribe share and explore our CZcams channel.

  • @pngartsofficial7843
    @pngartsofficial7843 Před rokem +1

    Excellent👍

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thank you. For more videos please do subscribe share and explore our CZcams channel.

  • @srimancreation4253
    @srimancreation4253 Před rokem +1

    ❤❤❤

  • @user-sc2sd7zt8b
    @user-sc2sd7zt8b Před rokem +1

    Understanding skill you have quite bro thanks thanks a lot.

    • @ChidresTechTutorials
      @ChidresTechTutorials  Před rokem

      Thank you. For more videos please do subscribe share and explore our CZcams channel.

  • @martinkobimbo8090
    @martinkobimbo8090 Před rokem +2

    I've been wondering how these layouts are achieved, thanks bro

  • @yuliantonurrizky2307
    @yuliantonurrizky2307 Před 9 měsíci

    thanks a lot bro, you helped me so so much, bravo.

  • @ballkrishnaj2757
    @ballkrishnaj2757 Před rokem +1

    Super explanation sir

  • @zezeseshill3032
    @zezeseshill3032 Před 7 měsíci +1

    thank you very much sir

  • @proshkhan1763
    @proshkhan1763 Před rokem

    This video is very useful and I have learned easily