Web Designing & Developing me Career Kaise Banaye (Puri Jankari)

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.

google me kuch bhi search karke uski jankari pa sakte hai

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.

Advertisements

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.

Pahle Kya Kya Tools Chahiye

  1. Computer ya Laptop
  2. High Internet connection
  3. Time and Concentration

Pahle kya kya ana chahiye

  1. Basic of Computer and English
  2. 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 ko sikhe sabse phele website banane ke liye

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.

hindi me kuch bhi sikhna hai to hindi me search kare google me

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

css ko bhi sikhe ek achi website banane ke liye

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.

hmh ki website ko open kare

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.

browser me inspect element kare kisi bhi website ka code dekhne ke liye

Phir apke Inspect element open hoga. Agar yah right side me open hua hai to ise footer me laye.

desktop par click kare code dekhne ke liye

Phir yah kuch is tarah se dikhega.

HTML or CSS don code aapko dikh jayege.. jinko ham edit bhi kar saktehia

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.

Notepad par file open kare

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.

Share on:

Hello Friends, I'am Rohit Mewada .. HMH ka Admin. Muje Logo ki Help Karna Acha Lagta hai or Is website Par Me Logo ki Hindi Me Help karta hu :)  Read More...


Leave a Comment

Please Read HMH Comment Policy before Comment.

155 thoughts on “Web Designing & Developing me Career Kaise Banaye (Puri Jankari)”

  1. Sir Masha Allah apki Samjhane ka tariqa Bahut best hay.
    Sir:mujhe Web Designer&developer banna hay. aur maine iski complete course DVD’s me purchase ki hui hy.
    Ab mujhe
    1:HTML 2CSS 3java Scrip 4php Sekhna hy
    Bas mujhe time ka bataye keh apne har course ko online kitne din or month me complete ki ti??

    Mujhe pata nhi hy keh hr course sekhne me kitna waqt lega aur islye mai apni mind pe zyada presure dalta hun zyada sekhne ki waja se .

    Please mujhe guide kare k mai HTML,CSS,JS&PHP. ko kitne month me complete karun??
    Becouse jo institutes hote hay woh minimum 6month ka time lete hay in courses ko sikhane me.
    Lekin mujhe ONLINE ka pata nhi hy islye confuse hun

    Please bataye Shukrya.

    Reply
  2. Bhai mera ek saval hai ….maine kafi website visit kari h unper m dekhta hu ke jb unhe adsense se approval mil jata h to ….dail unki website par new new advertisment dikhte hai ….vo advertisment adsense khud change karta h ya fr hame manually karne padte hai …..or agar manually karne padte hai to kaise?????

    Reply
  3. Rohit g kya aap mujhe apna number de skte h ya whatsapp pe thoda tym nikal skte h.
    Mere liye
    Mujhe aapse kuch jaankari leni h

    Reply
  4. Thanks sir aapne bahut achhi jabkari di hai, par mera ek sawal hai, agar maine Web Designing sikh liya to usse erning kaise hoga

    Reply
  5. Thanks sir aapne bahut achhi jabkari di hai, par mera ek sawal hai, agar maine Web Designing sikh liya to usse erning kaise hoga.

    Reply
  6. What’s the Best Programming Language to Learn in 2016?
    Which Programming Language Should I Learn First?

    Reply
  7. Rohit bhai mujhe aapki ek hi khubi achi lgti h ki apa jo bhi post krte h aap usko puti mahent se krte h aap ki post clearly hoti h jis se koi new bnda bhi achi trh smj paata h nice job bhai keep it up …tnx for share

    Reply
  8. Internet ki dunia me c or c++ ka kaha kaha upyog hota he
    Kya jab website banti he to iska upyog hota he kya

    Reply
  9. Hello Sir
    Main new blogger hu isliye
    Main aapse ek baat confirm karna chahta hu

    Meri gmail ki Id ye hai vikaskumar8882@gmail.com
    Aur gmail par naam “Vikas Kumar ” hai jo ki mera hi hai

    Aur maine isi Id se ek blog banaya hai

    Aur mera real name Manish Sharma hai ye naam school me bhi h

    Par gmail par jo naam h wo bhi mera hi h

    Ab agar main apni gmail wali Id se bane blog se blogging karu to koi problem to nahi hogi?

    Kya adsense se erning me problem aa sakti h

    Agar koi problem na ho to main isi gmail ki Id se bane blog se blogging karu
    Ya new gmail Id real name se banakar dusra blog banakar karu

    Ab aap apna decision batao ?
    Mujhe kya karna chahiye

    Reply
  10. <

    fieldset>

    Please Answer

    RohiT Bhai Mene aapko pahle bhi shoot my site ke bare me btaya tha lekin aapne mna kar diya koi baat lekin kya aap us form ko fill karke send kar sakte h or apni website ke visiter ko bhi uske bare me bta sakte h kya aap kahte ho ki me en sab ka post nahi lgata lekin blogger bhi to kisi ne bnaya h na bidviser bhi kisi aadmi ne hi bnaya h na or aap adfly ki bhi to post lgate h na phir bhi koi baat nahi aap nahi lgana chahte h to lekin aap visiters ko etna to kah hi sakte h na ki aap shootmysite ka form fill karke send karen or haan agar aap aisa sochte h ki mene shootmysite earning ya income ke liye bnai h to aapka sochna bilkul galt h or me es par kabhi bhi adsense approve nahi karunga kyonki mene ye website paise kmane ke liye nahi bnai h balki me ye chahta hu ki agar kisi ko bhi apni traffic badhni ho to wo es par apni site ki post lga sakta h

    Letest
    Abki naar to mene usme shoot ka bhi option lgaya h taki jiski site ki post par sabse jyada shoot honge uski post ya uski site ka banner me apni site par lgaunga taki shootmysite par aane wLe sare visiters ko pta chle or jiska bhi top banner lgaunga uska andaja aap lga lo ki uski traffic kitni jayegi me aapko post lgane ke liye nahi bol raha lekin aap visiters ko to bta hi sakte h na facebook ya kisi par bhi
    Aapse umid h ki aap esse share jarur karen
    Thanks

    Reply
    • Sabse Phele to me aapse ek baat bolna chahuga ki aap jo comment karte samaye HTML me apni l;ink add karte hai wo hamari site ki comment policy ke khilaf hai.. to please aesa naa kare.. aesa karne par aapka comment bina pade delete kar diya jayega..

      Or rahi aapki blog ki baat to agar aap hame usko promote karne ke liye pay karege to ham uski post dal sakte hai.. baki ye business hai to aese ham free me kisi ka koi promotion nahi kar sakte jab tak hamara koi faida naa ho..

      Aap bidvertiser ka bol rahe ho to hamne usme apni referial link add ki hai jiski madad se hame commission milta hai..

      Reply
  11. Thanks u bhai.. Aap meri site chek kijiye. Agar koi kami hai toh bataye please. Agar moi editing ya changing mrne ki jarurt hai please muje bata de.

    Reply
  12. bhai mene apni site par post to bohot ki h lekin search me nahi aati h kya karu
    24 hour wait karo phir bhi nai aati h
    kya karu

    Reply
  13. Hello.. Rohit.. Gud morning
    Main Bhi blogging karna Chahta hun..
    Par Muje WordPress se Karna Hai..
    Muje Ap bata Sakte hai..?
    WordPress par Blog ko Chalane ke liye kya kya? Maintain karte hai..ek Normal Blogger ke liye..
    Please

    Thanks
    Rohit

    Reply
  14. Sir ,
    web Designing ka cours in dino job ke liye behatr ho sakta hain kya?mera BA hua hain aur is feild main zero se sikhana chahta hun.

    Reply
  15. Rohit ji….
    Mai ak educational website bnana chahta hu…(jo hinglish me hoga) bba, mba subject ko mai aapni hindi language mai logo ko samjhane kai udash sai likhunga..
    Subject hoga…. marketing, human resources management, finance etc
    Please thoda research kr kai btayai ki inn subjects sai related india mai kitne traffic aata hai…padh nai kai liye…

    Ak aur saabal hai
    Aapnai readers or visitors kai help kai liye kuch english ka bhi paragraph liakhana chahta hu..jo book sai lai kr hi likhu ya uss paragraph mai kuch aapna word use kru (menses similar word) ya kuch similar meaning santanc use kru….
    Please guide krai….
    Mai blogging mai carrier banana chahta hu.?

    Reply
    • aap jo website banana chate hai wo bilkul banaiye.. or uspar kitne visitor aayege wo aap google adwords me pata kar sktehai ki konse keyword par kitne search kiye jate hai..

      rahi baat book se kuch blog par likhne ki to aap bilkul kar sakte hai.. or agar koi aesi chij hai jo lagta ha ki jaha se hamne li hai wo sirf ahi hai to ham uski credit link bhi de sakte hai.. usse hame koi nuksan nahi hoga..

      Reply
      • Rohit ji…..
        Mai google AdWords kai option no.2 (get search volume data and trade) par search kiya hu country india select kr kai or mujhe mba kai subjects mai average monthly search chapter wise 2000 mila..or kuch pr 15k
        Or topic wise 2000.or khi 6000 Or search me compition ‘ low ‘ liakhata hai

        Toh kya yai blogging carrier ka suruwat Kiya ja sakta hai?

        Or ak baat puchana hai ..mai jaise keyword kai liye search kiya toh jaisai ak statistics ka subject hai uss me ak chapter hai ‘measure of dispersion’ or topic ka naam hai mean ,median, mode jb mai chapter ya topic ka naam google adword mai kuch iss trah likhai jaisai ” mean, median, mode ki puri jankari” toh search mai kuch nhi aata hai.?….matlab jb mai kishi bhi keyword mai kya, kaise, ya banate hai etc word jodna chahta hu …aapki trah.?

        or google kai search mai bhi aana chahta hu…

        Koi aisa trika btaye jaisai koi india me search krai sirf keyword liakh kr tb bhi search me aajaye ya hindi me liakhai tb bhi search me aayae. ?

        Bro…, weating for your favorable response…….?

        Reply
        • Sabse phele to aapke comment se hi lag raha ai ki aapko seo ka besic knowlage to achi se ai.. or rahi baat search me aane ki to aap jo bhi topic par post dale usko achi se analyse karke post kare..or achi post dalege sahi formate me to search me aasani se aa jayegi aapki post.

          Reply
  16. Rohit bhai mai abhi wordpress par transfar huaa hu aor Maine aapke jaise Newspaper 6 theme install ki hai aor usme kuch problem aa gayi hai jiska me solution janna chahta hu .

    Meri puree post page me open ho rahi hai matlab website ke home page par puree post show ho rahi hai .
    Footer me kuch extra wedget [ Editor Picks , Popular Post ] aa rahe hai jinke andar kuch bhi show nahi ho raha hai unko kaise remove karu .

    Ek baar site check kare aor solution bataye .

    Reply
  17. Bhai meri ek post hai. Apna mobile number kaise jane. Muje yeh ni smajh a raha ke me focus keyword konsa rakhu is title me se. Kiya ap kuch suggest kr sakte hai. Aise e same facebook se paise kaise kamaye ka title hai..usme konsa focus keyword use karna a chahye

    Reply
  18. rohit bro JAAVA or .NET dono me konsa brya course hai or inme jyada demand kiski hai or in dono me jyada salary kiska hai or haa inka demand out of country hai ki nhi please give me solution bro becouse i want do this

    Reply
  19. रोहित जी ,अच्छी जानकारी दी है आपने , ये उनके लिए लाभदायक है जो वास्तव में ब्लॉग्गिंग में महारथ हासिल करना चाहते है | वैसे आपने कोई प्रोफेशनल कोर्स किया है या इन्टरनेट से ही आपने सीखा है | वैसे मै खुद एक प्रोफेशनल वेब डिज़ाइनर हु लेकिन मुझे आपकी डिजाइनिंग , उसमे भी फोटोशोप डिजाइनिंग कमाल की लगती है | मुझे आपकी Featured Image की डिजाईन बेहतरीन लगती है जिससे लगता है कि आपने विशेषत: Designing में काफी मेहनत की है | Keep It Up and Share Knowledge

    Reply
  20. Bro mojhe website banana hai blogger me blog create karne se pehle me apse ek baat puchna chahta hun ke blog banane ke liye seo ki achhi information ani jaye aur blogger ki har futture ke bareme achhi information ana chahiye agar aap ke nazar me blogger ke aur bhi sare information sikhna chahiye mojhe tu aap btaye please blog banane se pehle blogger ke kis information me sikhun please detail se samjaye blogger banne ke liye kis kis chiz ki course karne pargi please btaye..

    Reply
  21. Very detailed article for those who want to learn web designing. If anyone want to learn Webdesign online so my suggestion is that one can Check W3schools website. Here one can learn HTML, CSS, Javascript PHP, and much more. and thanx for this beautiful Article

    Reply
  22. Hello Rohit sir
    Aapki pichhli post bahut hi important thi aur ye bhi utna hi important hai

    Sir main aapse ye jaanna chahta hu ki
    Aapko kitni language aati hai coding ki
    jaise
    html css php python c c++ java script etc
    Aur aapne ise online seekha hai ya institute me

    Reply
  23. Rohit bhai mai abhi wordpress par transfar huaa hu aor Maine Aapke jaise Newspaper theme use ki hai aor usme kuch problem aa gayi hai jiska hindi me solution sirf aap hi bata sakte hai aor waise bhi mujhe English nahi aati .

    Meri puree post page me open ho rahi hai matlab website ke home page par puree post show ho rahi hai .
    Footer me kuch extra wedget [ Editor Picks , Popular Post ] aa rahe hai jinke andar kuch bhi show nahi ho raha hai unko kaise remove karu .
    Website me images load nahi ho rahi hai .

    Ek baar site bhi check kare aor solution bataye .

    Reply
  24. Great tips rohit sir, web designing ki basics clear ho gaya, .js file kaise banate hai sir , jaise apne jet plane ka widget banaya hai . Ye .js script chhoti aur fast loading hota hai.

    Reply
  25. भाई आप ने यह जो गाइ़़ड दी है वाके में काम की है। मुझे HTML तक का ज्ञान है, पर बाद के भाग लगता है सीखने ही पड़ेगे क्योंकि सारी उम्र ब्लॉगिंग जो करनी है।

    Reply
  26. Bhut achhi post h.
    aapse ek Q. puchhna h
    Blogger Template kaise Bnaye.

    app meri site open karke dekhe usme kya kmi h.
    kya kya changing kre.
    Help me Bro.

    Reply
  27. Bhai bhohat achya article publish kiya he apne but Bro kya aap apne agle article me ye post kar sakte Ho kha Blogspot Template kaise design karte he….Bro me Bsc IT 1 yr me Hu or mene abhi html, css, java script language full Sikh Li he but Bro mene bhohat search kiya Google pe ki template kaise design kare vo nahi mila please aap post kardo by the way me kisi bhi template ko mere hisab se customise kar sakta Hu responsible bhi bana sakta Hu…aap mera blog dekh sakte he full mobile responsible he

    Thanks in Advance….

    Reply
  28. Rohit bahut.. Laga padh kar..

    Muje ek Sawal hai. Jab maina Godady Se Domain Liya tha.. Toh us time Godady par Website builder ka option tha kya main wahan se Website Bana Sakta hun…aur phir Blogging kar Sakta hun…

    Reply