How to make a website using HTML and CSS | HTML project for beginners in Hindi | full website design
ฝัง
- เผยแพร่เมื่อ 24 ธ.ค. 2024
- Important Link related to this tutorial
1. HTML Tutorial: • HTML Tutorial for Begi...
2. CSS Tutorial: • CSS Tutorial for Begin...
3. Tips for Developer: • 🎯Tips and Tools for Fr...
4. HTML and CSS Project: This video
5. Hosting Website: • How to Host a Website ...
6. Photoshop Tutorial: • Video
7. JavaScript Tutorial: • JavaScript Tutorial in...
In this video, you will get to know how to convert PSD to HTML5 responsive Website.
Learning PSD to HTML is a basic job if you want to become a web developer. To create a website at first you need a design. Many designers like to design using Photoshop and the final design will be PSD file. As a developer, you need to know how to convert it into HTML. So if you are interested in learning PSD to HTML Follow this video.
Converting PSD into Responsive HTML layouts (Website) is a demanding skill in the market and it requires more and more practice to reach perfection. We will convert a PSD into a responsive web layout with mobile menu.
What Exactly Is PSD?
PSD stands for Photoshop Document. PhotoShop is one of the most popular software programs for image editing. You can edit photos, create designs using a layered approach, and save the designs in various patented formats.
The default file format for PhotoShop is .psd. Web designers prefer to create their designs in PhotoShop first then convert it into HTML format. Many times, the designers do not handle the conversion jobs themselves but it is done by the coding experts.
This video is helful if Your Queries is:-
How to make complete website design
How to make responsive website design
how to convert psd website template to HTML Responsive Web design
Build Real world Responsive Website Design
Create Responsive Website Design
How to make the complete website in no time
How to make full website design
Responsive Website Design
Creative website design with HTML,CSS
Make complete Website Design in html
Join this channel to support Tech Gun:
/ @techgun
aapke jaisa koi or teacher nahi hai youtube pr, aap ki video dekh kr dil garden garden ho giya. kya baat hai sir ji aapki video super se bhi upper hai . thank you sir ji🙏🙏🙏🙏🙏
Aapke jaisa koi dusra nhi pdhata hoga TH-cam p Hindi mai 🔥🔥 good work sir
🌝
Abe yeh koi puchne ki baat he ?
Finally I complete this html and css project practically ..thanks so much fun..do not forget to take frequent breaks after 1 hour coding practice ..otherwise you feel dizzy and burnout..and ghank so much sir🙏👍
Suddenly Your Sound Changed. Coming here from 9hrs CSS Course. Awesome content 🔥
Sir G great
abhi tak bas yhi tha k yai bhi aata hy wo bhi mgr ab actual mai pta chla cheezy kaam kis trah krti hy
Nikala bhai kya video nikala hain bhai fadu 🔥🔥🔥🔥🔥🔥
thanku ye to bohut kaam ki chij btai he socha hi nhi tha ps bhi use hota he web design me thanku so so so mucht
sir ap really bht nice h itny achy sy ap sikhaty h asy youtube pa koi b ni guide karta may GOD bllesed you. thank you so much
“Mere channel p hai.. ya kahi oor se bhi seekh skte ho esi koi baat nahi hai” 😂 that was sweet😂♥️
thank you so much for this tutorial, there lot of tutorial like this but no one explalined like you.
keep it up and and make more video psd to html please.
you are the best explainer
thank you again.
Aap ki video me sari dekhta hu 👍👍🙏🙏
Aap wohi video ya relevant content laate ho jo actual me viewers ko chahiye
sir aapke channel par koi video h hi to mai kisi dusre channel ke video kyu dekhu , kyuki aapka samjhane ka tarika hi sabse accha or alag h aap sare topic ko cover karte ho , or easy way me samjhate ho
This Tutorial Helps me a lot, I am always confused that how to do these things, I have seen many tutorials but your tutorial is very helpful to me. Thank you,🙂 sir☺☺☺
Great Job sir...
Love ho gaya....❤
From Pakistan...
we need one more like this video plz it is a very nice way you teach u one of the best youtube and teacher.
Thank you so much sir.... Eagerly waiting for this.... Finally i got this...lots of love from Gujarat
Sir aap boht ache se batate ho ,
Sir Very Nice Video I am really like u.
I will watch this After photoshop video.... Very Exciting.
agar kisi img ko sahi se lena hai, first ctrl+ layer ki click karo, phir alt + eye ka icon rahega usko click karke image ko trim karo... Ya image later ko select karke file > generate image asset ko choose karo
Sir i have seen so many video but ur explaination way is best best best❤❤❤❤
best video ever learned a lot love you bhai we want more video like this @Techgun
Sir meri Apse ek request h
Sirf meri nhi bahut sare logo ki request h apne frontend to cover Kara diya please backend bhi kr dijiye you are the best among all TH-cam channel for web dev.
I love you sir 😍😍😍😍😍 please sir ❤️❤️ ❤️❤️❤️❤️❤️
Thanks alot from Pakistan
Complete knowledge about css html and JavaScript
Love From Bangladesh... ❤️❤️❤️
.... Clear crystal ... All points.... thanks sir!!!!!!
👋
Great work Vishwajeet Bhai, Is ek video se hi website banana almost aa hi gaya, Thank you so much for this nice tutorial 😊😊🙏🙏
Thank u sir g...
Zabardst,, behtareen,,, brilliant
Sir I have a request. You explain coding the best. So I want you to make a complete tutorial of java so, many people teach it but nobody explain better than you ❤️❤️❤️
Thank You Soo Much Sir... Love from Pakistan 🇵🇰♥️
Thank you sir ❤️ ...... you are no 1 web developer in TH-cam family, content wise 😈😈
Hello sir hope you are doing well,
Me batana chahta hun apke videos dekh ke frontend designer bana hun aaj me multi national company me work karta hun dil se thank you Sir…❤
very usefull tutorial Love from Pakistan
bundle of thanks Sir stay blessed.
Eagerly waiting for advance Javascript tutorial, completed html css and js basics please please upload as early as possible
advance agaya ha ap check karly
Yes sir please
Agar react js se poora ye webpage banna ho to kya same approach follow krna hoga ????
jawab nhi sir aapka , thank you
I cannot express my thanks for u r efforts.... may god fulfills all your wishes and dreams......
sr ap n 17 mint r 1 sec p jo src likha us k bad ap n konsa sign dala hai src k bad ?
Thank you so much. It was really worth the time.
Thanks a lot of sir ....i have learnt from your tutorials HTML, CSS and JAVASCRIPT. i haven't join any institute but i learnt from UDEMY or from your tutorials,
Your tutorials more understandable...it's very helpful for me .......
But i wanna say ....ki jese aapne PSD to HTML project bnaya same usi tarah isko JAVASCRIPT se behaving bhi bnana bta dete to .....it will more helpful ......
Thanks for your help ☺️
Right sir
Mereko to float se flex box use karna accha lagta hai. Easy bhi ho jaata hai.
Sir plz upload more projects videos using HTML and CSS for beginners
Why did you removed the PS tutorial video ?
First.I was waiting for this video for a long time
Hope you enjoyed it!
@@TechGun Yes sir
@@TechGun me too waiting for this for a long time
❤️ Sir next konsa course aane Wala hai ??
Awesome tutorial 👌👌
Ur videos are really great keep doing 🔥
Most waiting projects thank you Sir you are Best.
Sar aapne hamlogo ko sikhane ke liye bahot mehnat Kiya hai bas ek aur request hai ki iske sub page me kaise design karte.hai vo bhi bata dijiye jaise galary photo aadi
Thanks
hi sir, pleasure to watch your tutorials, but agar koi banda apka project bana raha h to pls usko aap ye pictures, logo de diya karo ek google par file bana kar, kyunki wo pictures aapke pass hoti h but humare pass nahi hoti to project banane me dikkat hoti h aur humko dusri images lagani padti h
Thik hai next video se aisa hi hoga
Awesome vidoe sir 👌😍
Keep uploading these nice content
Awasome video sir..
Really usefull and helpfull... Thanqu
TOP CLASS❤❤❤❤❤
Sir jo aapne bataya hai ek najariye se kya hum isse kisi site ka front end devlopment work kah sakte h ya uska koi alag process hota h
way of explanation excellent
this video is tooo helpful thanks sir 🙂
Not haters in video because in this video don't have dislikes 😍😍
you are the best teacher
Nice waiting for advanced js vedio sir
थैंक्यू सर मैं इसी vedio का वेट कर रहा था, लेकिन सर मुझे एक छोटी सी कन्फ्यूजन है , इस वेबसाइट में ब्लॉग पेज के अंदर मल्टीपल ब्लॉग पोस्ट केसे लिखेंगे या ऐड करेंगे, बस सर यही एक छोटी सी कन्फ्यूजन है, जल्दी से इसपर भी एक छोटी सी वीडियो बना दीजिए, आइ होप कि आप इसपर एक वीडियो जल्द ही लेकर आओगे।
थैंक्यू सर यू आर द ग्रेट टीचर।👍🥰🥰
Osm step by step.👍❤️
awaiting advance js tutorials
Great worker brother❣
Very helpful video thank u sir 😍
Hello sir! which video i should start after PSD to html. Please Reply
Bootstrap then javascript
@@TechGun thank u sir.
nice content keep upload tutorials
Sir XD to Html v kr skte hai kya ? kuki design ke liye to XD v use hota hai
Thanks for this awesome tutorial.. you are the best.
Hi sir aap bahut hi atcha video banate hai details k sath aapki hi videos se html aur css sikh raha hu aur next javascript pe sikunga.sir maine a psd to html wala project completed kiyata responsive v parfect hogaya likin dextop version mein pura karab hogaya bata nahi kyu?
Html aur css learn krne k baad hosting kr sakte hai sir with SSL
best content i have ever watched
Great sir amazing
Best Sir ❤️ Big Fan
Sir can i use your video for my website??
Please ans me yes Sir
Regards
Your student
Yes you can embed my video on your website
@@TechGun Thnkuuhhh very muchh Sir i will download and then use and also give your whole channel link.. Thnkuuhhh Love u Sir ❤️
Thank you. Nice discussion.
So much practical knowledge thanks for this tutorial 🙌
I am waiting for this thank u sir .love u
First comment from Pakistan
Sir can we have PSD file link? I have seen many people asking for this. This will help us in Practicing the Learned Material. Hope you will consider our request. Love your way of teaching.
sir g plz image b upload kr dia kre aur important links related to video
Sir backend ki languages par videos kab banaenge??
Sir php related tutorial baniye..
Sir pls make more such project videos... We want to learn coding in html css by making such projects
Ha abhi 2 aur webpage project bootstrap wale video m aane wala hai
@@TechGun Arre sir love u.. Htmls css ka implementation bhi seekha dena sir aur acche se..
@@TechGun sir kafi sari videos hai jinme website k parts k baare me bataya hai... Code kar k.. Like nav bar, footer, about pg, contact pg.. But vo english me hai ya fir sirf screen record hai.. Isliye aap bana digiye hindi explanation k sath same videos bohot jarurat hai
@@TechGun sir me aap ki video apne clg k grp me suggest karta hu.. Mene Anaylise kiya hai aap ki explanation code with harry se jaada acchi hai
@@TechGun sir bootstrap me nahi html css projects bana please.. taki hume html css ache se aa jaye.
kindly teel me that this video (how to make a website using HTML and CSS) hsmy java sye pehly prctice kerni he ya java script seekhny k bad q k is men js bhi he. or men ne abhi html or css usecomplete ki he. and one more thing you are amazing.
tell*
Javascript se pahle, isme html css ka practical h. Js k tutorial m uska project alag h
Is video m ye sikhya h ki html and css aane k baad kaise sochte h website design karte hue kaha pe kaya use karna h
Sir app backend programming bhi sikho gee na
Sir Mai na HTML and CSS complete kar lia ha Bht acha rha overall Thank you so much! I want the PSD file kindly share with us so we can practice it for better understanding. Thanks Again.
Html and css mein kitna time laga sikhne mein
Thank u so much brother for such an amazing content.
Thanks bro i am waiting for this video for a long time. I will watch and learn it later.. But when i saw your notification then i came here to give you a like and comment before watching because i know you provide us quality content.. Stay blessed
Thank You Sir for this video 🙏.
Sir your teaching style incomparable
From your tutorials I have learnt HTML, CSS,JavaScript and now I am going to start React js
Sir Please make some projects for resume
So we can put in our resume
Thank you sir🙏
Indent kaise karte hai sir?
sir you are best.
Which editor used???
plz comment???
Do you do backend as well ?
Sir can i use figma or adobe to photoshop design
Thankuuu alot sir and present sie
Great sir
Awesome Sir..
Sir this is fantastic. I learned a lot. Thank you so much sir.