Jara apne aas-paas me dekhe, har school, college, hospital, Hotel, company, choti badi firms etc. sabhi hi ki website hoti hai. Internet ke is scope me har person kisi bhi firms ke bare me ghar bete hi Google me search karke jaan leta hai agar us particular firm ki website hai to.
Web design ke is badhate scope se jahir hai web designer ki demand bhi jyada hai, aur aaj ke wakt me har web designer jo achhe se kam karta hai kaafi achhe se earn karta hai agar wo ek web designer hai to.
To yah guide un logo ke liye hai jo apna career web designing me set karna chahte hai, no matter ki abhi aap kya kar rhe hai. Web designing ko part time me bhi handle kiya ja sakta hai.
Page Contents
Pahle Kya Kya Tools Chahiye
- Computer ya Laptop
- High Internet connection
- Time and Concentration
Pahle kya kya ana chahiye
- Basic of Computer and English
- Basic of internet browser
Sikhna Kaise Shuru Kare?
Internet par aaj ke time me bahut website hai jo web designing ko free aur paid dono me hi sikhati hai. Jise videos aur texts dono me hi sikh sakte hai.
Agar aap English me weak hai to koi bat nahi, aaj ke wakt me har chij Hindi me milni bhi shuru ho gayi hai.
Aur jyadatar site bhi hai jo Hindi me web designing ki book sale karte hai.
Hamesha pahle sikhne me hi dhyan de badme earning honi hi hai.
#1: Sabse pahle sikhe HTML (Hyper Text Markup Language)
HTML ke bina koi bhi website nahi ban sakti hai, web designing me sabse pahle sikhne layak language HTML hi hai yahi se web designing ka course shuru hota hai.
Waise to HTML ko web designing ka basic kahte hai lekin isme bhi aaj kai parts aa gaye hai, Jaise iska sabse advance part hai HTML5.
HTML language kisi bhi website ka stucture design karta hai, yah pahle kisi bhi website ka dhancha/model banata hai.
Aur baki color wagera karne ka kaam baki languages ka hota hai.
HTML ek language hai jisko window me pahle se aaye notepad me likha jata hai use code/coding kahte hai jise web page me save karke browser me dekhe jate hai.
HTML ko sikhne ki sabse bahtarin website hai w3schools.com agar Hindi me sikhna chahte hai to Google me bhi search kare: “HTML in Hindi” to apko kayi website mil jayegi.
YouTube par HTML ki kai videos bhi hai, waha Hindi aur English dono me kai videos free course mil sakte hai.
#2: HTML ke bad me CSS (Cascading Style Sheets) Sikhe
Jaise ki HTML kisi bhi website ka structure design karta hai usi tarah CSS phir color, size, padding, margin, style etc. karta hai.
Example: Agar HTML koi bh car ka model hai to us par color aur better look dene wali saari chije CSS hai, aur yah bhi notepad me hi likhi jaati hai.
CSS ke liye bhi sabse best website w3schools hi hai.
CSS ko sikhne ke liye bhi YouTube aur Google me search karke sikh sakte hai jo har language, videos and text me available hai.
In dono ko dhyan se sikhe, kai bar in dono ki base par puri website design ho jati hai.
Aur iske bad bhi ek chij ki jarurat hoti hai wo hai Animations.
Photo sliding, Animation, Pop up and functions ke liye ek aur language hoti hai JavaScript.
Lekin meri salah HTML ke bad me CSS sikhna nahi hogi, meri salah hogi HTML&CSS ke bad me Blogspot platform ko dhang se sikhe.
Ab jab agar aap blogger hai to Blogpot platform ko achhi tarah se jante hoge, lekin HTML&CSS ko dhang se sikh lene bad me pahle puri koshish kare website ke template ko desing karna. Aur phir Blogspot ke template ko design karna.
HTML&CSS dono ke base par jaise website ke template bante hai waise Blogspot me nahi bante hai.
Blogspot ka template ka ek hi notepad file me likha jata hai balki website ke template me CSS aur HTML dono ki hi file alag-alag hoti hai. aur HTML ki har page ki file bhi alag hoti hai, lekin Blospot me esa nahi hai. Blogspot XML ke base par design hote hai.
Template design karne ke liye ek achi tricks
Jaahir si baat hai agar aap new hai to shuru me hi template design nai kar payege. Pahle bane hue tempalte ke code ko samjhoge aur un code me apni marji ke change kar-kar ke sikhoge.
To chaliye abhi me apko batata hu ki kaise code ko change karke kisi bhi template ko modify karte hai.
Note: yah technique Blogspot aur Website dono ke template par follow hoti hai
Sabse pahle apni website/blog ko open kare jisme code me ko bhi changes karna ho.
Phir jis bhi font, division, section etc. me changes karna hai par right click karke option khole, aur sabse niche wala option Inspect element ko choose kare.
Yah har browser me ata hai.
Phir apke Inspect element open hoga. Agar yah right side me open hua hai to ise footer me laye.
Phir yah kuch is tarah se dikhega.
Screen shot me dekh sakte hai, is inspect element me 2 sections hai, jimse left wala HTML ki coding hai aur right wala CSS.
In me kisi bhi code ko yahi se edit kar sakte hai.
Yah ek practical learning karne ke tarika hai, aap in me se kisi bhi code ko change karke use real file me apply kar sakte hai.
Note: Inspect me koi bhi changes real file me ya website me changes nahi hoga wo refresh hote hi remove ho jayga.
Yaha se changes karke use dekhe ki kaisa look aata hai use blogspot ya website ke template me bhi changes kare.
Aise karke aap kai practice kar sakte hai aur apki website ki designing skill bhi badhati jayegi.
HTML&CSS ke base par website aur Blogspot ke template to design kiye jate hai lekin sath me responsive ka bhi dhyan rakhe.
Responsive kya hai?
Iska mtlb hota hai ki apki website computer/laptop ke browser me to sahi open hoti hai lekin kya sath me mobile me bhi sahi open hoti hai?
Agar ap kisi bhi website/blog ka template PC aur Mobile dono me sahi open layak banate ho to yaani apko acha responsive ka knowledge hai.
Iske liye sabse better hoga Bootstrap ko sikhna.
#3: HTML&CSS ke sath me website aur Blogspot ke tempalte design karna sikhne ke bad me Bootstrap sikhe
Bootstrap time ko bachata hai, isme kam coding karni hoti hai aur bahut better website ko design kar sakte hai.
Jyadatar log bootstrap ka use isliye karte hai kyonki isme responsive web page design hote hai.
Yah koi software nahi hai, jisme code nahi likhne hote hai aur apne ap hi website generate ho jati hai.
Yah ek technique hai jiska use karke website ko asan tarikse se bana sakte hai.
Bootstrap ko bhi sabse achhe tarike se w3schools se sikh sakte hai.
#4: Ab PHP&JavaScript Sikhe
Phir dheere dheere Javascript aur PHP ko bhi sikhna shuru kare, ye dono hi script language hai.
PHP se contact form, data detele create, managing, account, login, logout sab handle hota hai.
For example agar kisi bhi website par ek form hai, wo form HTML se hi desing hota hai aur us form ka look CSS se design hota hai aur jab koi bhi user us form ko fill karke enter press karta hai wo data aap tak kaise pahuche ye PHP me hota hai.
Ye bhi w3schools me sikh sakte hai.
#5: PHP&JavaScript, HTML&CSS, website&blogpsot template designing sikhne ke baad sikhe: WordPress
WordPress me sab language hoti hai. Jisme almost PHP ka use hota hai, agar aap Blogspot ke template ko achi tarah se design karna jante hai to WordPress ka template design karna apke liye aasaan hoga.
Lekin WordPress SQL ke base par bhi chalta hai.
SQL (Structure quary language) ek data ko analyse karne ki language hai, lekin ise sikhna itna important nahi jab tak aap kewal WordPress par theme designigng hi kar rhe ho.
SQL advance level ke developing me sikhni hoti hai.
To agar aap WordPress ko pura sikh le to uske bad me bhi kai chije hoti hai jasie Plugins desing karna. Theme design karna etc.
Lekin WordPress me template/theme blogspot ki tarah ek hi page par nahi hoti hai. Isme har option jaise Header, footer, sidebar, index etc. ke liye alag notepad file se alag page design karna hota hai.
Iske bad bhi web designing and developing line ka end nahi hota hai, eCommerce, social site etc. ye bhi PHP, JS, HTML&CSS, SQL ke base par hi banti hai.
Lekin in sab ke sath bhi aur bhi language hai jaise python, ASP etc.
Iske sath me online application and software ke liye bhi programming language hoti hai jaise C++, JAVA etc. aur in programming language ka editor bhi alag hota hai jaise HTML, CSS, JS, PHP etc. lanauge ka editor notepad hi hota hai.
Editor
HTML, CSS, JS, PHP ka editor notepad hi hota hai jo pahle se window me hota hai, jo starts me search karne se mil jata hai.
Lekin yah editor fully developed nahi hai. Isme kai problem ko face karna hota hai.
Iska solution hai notepad++ coding language software jo aap free me download kar sakte hai. ye mera favorite software hai.. :)
Conclusion
Jab ek eCommerce site banti hai, jaise Amazon, Flipkart etc. ye sab web designing and developing language se hi banti hai.
Tab WordPress ka bhi use nahi karke WordPress jaisa khudka framework design karna hota hai. Is level tak pahuchne ke liye bahut deep aur advance knowledge and experiance hona bahut jaruri hai.
Filhal aap apna career zero se shuru kare aur lage rahe.
Itney bade article me jarur apka koi na koi question bana hi hoga, to use comment me puch kar abhi clear kare or apne feedback bhi de.
Nice Article Sir, Web Designing kya hai or isme kya kya hota hai yah jankari aapne achhe se define kiya jise parhkar achha laga. Thank you sir
sir.. m python aur javascript m se best konsi h ??
aur india m python ka future abhi kitna h djaingo aur artificial intelligence m se.. please tell me ??
Sir ye sabi course Karen ke bad hum kis company me job ke liye apply kar sakhte hai
hii sir meri isme ruchi h
niccccc information
sir agar ham w3school se HTML, css, JavaScript, PHP, Bootstraper, JQuery, XML, My SQL etc ka certificate prapt kare to kahi pe job lag sakta hai kya?
Bilkul.. aap kisi web developer company se contact kare
Hii sir me php kr rha hu or website banan Chahta hu to sabse phle kya Krna Hoga ….
Agar aap PHP Sikh lege uske baad to aap khud se bhi design kar sakte hai..
Aap wordpress par aasani se bana sakte hai website.. Uski Jankari aapko HMH.pe hi mil jayegi
Great Website | Sir Me Aap ka Blog Daily Read Karta Hu ..Aap ke Article bahoot Usefull hote hai …Thank You So Much Keep Blogging
very nice article very simple web design
Sir coding ke liye konse notepad ka use karu
Notepad++
Sir web designing and development course sikhne k Lia 3,6,12kitne Samay ka duration Liya Jaye.
सर मुझे मेरा domain name मिल गया है अब उस्के बाद मे पब्लिश नही हो पा रही है उस्को कैसे solve करे प्लीज जल्द बताईये
bro m 1st bar aaya hu app ki site pr mja aa gya ap ki post dekh kr
ek bat bato bro agr m apni website ko sarkariresult.com jese digen kr skta hu wordprees ki theme le kr us m coading kr or jb post wordpress m dalu to us m so ho jayegi digen kr ke
ek bar aap call kr ke mujhe bta skte ho bro pls 8126564832
Haa bhai aap kar sakte ho.. wass aapko wo theme use karni hogi jo wo use karte hai.
Hello sir,
Mai ek website aur app banwana chahta hun, freelancer aur fiverr jaisa….. Mere paas ek unique idea hai iske liye…..
Mujhe isme kitne rupye kharch karne honge? bataiye…..
Kya mujhe server bhi banwani hogi ya phir web hosting se kam chal jayega??
Plzzz Reply….
Bahot nice information hai bro mera blog ki design dekhe koi problem hai to please muje bataye thanks me fir yeh answer ke liye visit karunga
Nice Article bhai agar aapke pass bootstrap ke bare main knowledge ho jarur share kare
Kya online web design seekh kar job kiya ja sakta hai. Kya job ke liye degree ki jaroorat nhi hai. Please answer de.
MAINE BA KIYA HAIN WEB DIGINING KAR SAKTA HOO
Comment:sir aap bi sikao na programming language post Ka throw
Please suggest me some best learning sites or institution in english or in hindi for web designing
रोहित जी आपने वेब डिजाइनिंग के बारे में बहुत ही बढ़िया जानकारी दी इससे लोगों को अपना करियर बनाने और पैसे कमाने के लिए एक नयी दिशा मिलेगी|
मैं भी वेब डिजाईन सीखने के लिए लोगों को प्रेरित करने की कोशिश कर रहा हूँ और web design & development सीखाने के लिए मैंने एक अलग से Hindi Blog (webinhindi.com) बनाया है जहाँ HTML, CSS, jQuery आदि के बारे में tutorials लिखता रहता हूँ|
मेरी आपसे निवेदन है की आप एक बार हमारे blog पर जरूर visit करें और अगर आपको अच्छा लगे तो इसे लोगों तक पहुचाने में हमारी help कर सकते हैं|
HTML Course kaise aur Kahan se kare? Aur Job opportunity kya hai?
Course aap kisi institute se kar sakte hai.. Or job opportunity ka matlab aap uski job kar sakte hai.
Kafi achha article hai #Bhai ji, kafi kuchh janne ko mila hai apke iss post se, aur mene apke aur bhi article padhe hai bahot hi achha kam kar rahe hai aap, aur mujhe bhi abhot saukh hai actually web designing ka aur thoda bahot knowledge bhi hai html aur css ka, aur me to wp theme aur plugins pe bhi try karta rehta hu kafi changes ka.
Thanks ???
Great Bro.. Keep learning ?
Achhi Jankari di hai Apne
Aapne bahut acchi post ki hai. Very inspirational. Keep sharing.
Thanks
rohit sir aap kiss se blog banae hai blogspot se ya wordpress se please reply
Hindi Me Help WordPress par hai.
kya website banane ke liye photoshop ka knowlege bhi hona chahiye aur ek complete website banane ke liye kitni languages aani chayeye aur ise sikhne me kitna time lagega
basic knowlage ho jab bhi aap kar blog bana sakte hai..
Sir, main bhi web designing sikhna chahta hu to kya iske liye math hona jaruri hai, Main 12th/gradution #commerce… se kiya hu aur mera sub me math ni tha to kya main ni kar sakta hu and sir iske liye #Bca karna jaruri hai….plz help me.. sir
brother study me kuch bhi kara ho usse koi fark nahi padta. aap sikhna chahe to sikh sakte hai.
sir,mujhe web developer ke liye 11 me konsa subject lena chahiye
Maths
Sir Mujhe Apni Khud ki Ek Social Networking site banani he to mujhe uske liye kya karnA hoga
iske liye aapko programming ka acha khasa knowlage hona jaruri hai.
hi rohit sir
blogspot or wordpress web designing ki job k liye jaruri h kya
Brother, Job ke liye to aapko inki Programing ,SEo ka acha knowledge ho to aap kar sakte hai..
hi rohit sir good morning
means seo bhi jaruri h bt sir abhi meri jo html html5 css css3 clear hai and (bootstrap or photoshop) abhi chali hai to html html5 css css3 and bootstrap or photoshop se muje job mil sakti hai ….
Brother bilkul mil sakti hai.. or aap chahe to free lance work bhi kar sakte hai
hi rohit sir …
Hi sir I m sanjeev Kumar Singh nd i become a web designer nd developer ..
Plz help me..
Thank-you..
upar article ko read kare, aapko aapka jabab mil jayega..
Sir mujhe web deginer banna hai mera graduation complite hai…
upar bataye languages ko sikhe..
php java script sikhna hai sir
Hi rohit sir
Rohi Sir mai web designing cource karna chahta hu is course ko karne ke baad apna career kaise bana sakta hu mera matlab ye hai ki course complete karne ke baad mai kanha or kaise company me apply karke job le sakta hu ya is course ke alwa koi or course karna chahiye badi company me job apply ke liye
please help me rohit sir
Sir php se website ka data kase bnate h
DEAR SIR,
Mujhe Web Designing ke bare me puri jankari chahiye aur mai ise sikhna chahta hoon.Please help me through email.
desiging mai c,c++ ki jajuri hai kya.
sir aapki advice bahut best hai or aap hindi user ki help kar rahe hai very very nice.
sir maine cse se diploma complete or B.E. kar raha hun. sir mujhe web devloper engr. banna hai to main kon kon si languge learn karna padega taaki mera sapna pura ho jay.Html,css etc aati hai bataye aap detail me. sir mera daout clear nahi ho pa raha hai ki mujhe c,c++,java,visual basic etc. languge ki jarurat hai ki nahi kuchh yes bolte hai kuchh no.or job option kaise milenge plz fast reply……………………………
Web Designer Job ke liye graduation ya degree honi jaruri hoti hy ya nahi ! Maine b.com 2nd year kr raha hun but muze web Desiging me interest hy, commerce me nahi .. . So plzz help me….
Sir apse ek questions hai agar mai web designing Sikh jata hu par mere pass koi degree nahi only 12th pass to isme koi career hai detail mai bataye mujhe isme career banana hai sir please tell me…
Sir mai abhi koding vaigera sikh rha hu lekin muze practise ke liye computer lena hai lekin mai choise nhi kar pa rha hu ki konsa prossesor., ram, etc to aap help kar sakte ho kya.??:
sir mujhe HTML,PHP,CSS ka knowledge hai Mai apne computer par localhost par open hone Wali site Bana leta hu but ise online kaise opne kiya ja sacta hai…. plz help me sir
hii rohit sir mera name dawood h mein IT mein abi first kadam rakha ho mje iske bareme kuch bhi pta nhi h or mein ye sab sikh na chata ho bt mje samaj nhi aaraha h ki mein konsi language se start karo or kaise mje ye sab sikhna h ap meri help karo sir