1^st lesson free

Ganga

Rate $0
Response 1h
Students
Number of students Ganga has taught since their arrival at Superprof
1
Number of students Ganga has taught since their arrival at Superprof

$0/h

1^st lesson free

Guitar

Website design करते समय किन-किन बातों का ध्यान रखा चाहिए है? -What are the things to be kept in mind while designing a website?

Guitar

Lesson location

- online

About Ganga

Website Design करने के लिये क्या सीखना जरूरी है?

आजकल website बनाना बहुत ही आसान हो गया है, internet पर कई सारे ऐसे tools हैं जिनकी मदद से आप बिना कोई programming किये आसानी से अपना वेबसाइट बना सकते है|

लेकिन अगर आप एक professional web designer बनना चाहते हैं, आप चाहते हैं कि किसी भी तरह की website हो आप उसे design करलें और सिर्फ़ डिजाइन नही बल्कि उसके अन्दर की सारी functionality को भी आप समझ सकें, तो इसके लिये आपके अन्दर थोडी सी programming skills होनी जरूरी है।

वैसे तो website designing में कई सारी technologies हैं पर सबसे पहले आप नीचे दिये कुछ जरूरी चीजों से सीखना शुरु करें:

HTML

CSS

Basic Javascript (Optional)

jQuery

HTML

यानि की HyperText Markup Language, यह सबसे जरूरी और पहली चीज है किसी वेबसाइट को बनाने के लिये।

इससे website का layout यानी की structure तैयार किया जाता है। यकीन मानिये यह सीखने में बहुत ही आसान है, और इसे सीख कर आप एक simple web page कुछ ही मिनटो में तैयार कर सकते हैं। आप सिर्फ़ 20 minutes में basic HTML सीख सकते है।

CSS

आपको HTML सीखने के बाद CSS (Cascading Style Sheets) सीखना आवश्यक है क्यों कि आप सिर्फ़ HTML से अपने वेबसाइट को attractive नही बना सकते।

HTML से website का ढांचा तैयार किया जाता है फ़िर CSS से उसमें सजावट की जाती है यानि की रंग रोगन का सारा काम CSS से होता है। इसे सीखना HTML से भी ज्यादा मजेदार होता है, पर हां इसे सीखने से पहले HTML जरूर सीखें क्योंकि अकेला CSS कुछ भी नही कर सकता।

Javascript

वैसे तो यह इतना आवश्यक नही है, आप HTML+CSS से बेहतरीन design बना सकते हैं| लेकिन अगर आप कुछ नये functionalities add करना चाहते हैं जैसे की आपने देखा होगा किसी साइट में कुछ forms होते हैं, contact form, registration form आदि जिसको fill करके submit करने पर बिना पेज reload हुये हमारा data submit हो जाता है, इस तरह की चीजों को javascript से बनाया जाता है।

jQuery

Javascript के कुछ common tasks को और आसान बनाने के लिये jQuery का use किया जाता है।

यह Javascript से ज्यादा आसान होता है।

जिस काम को करने के लिये Javascript में कई सारे lines of code लिखने पडते हैं उसे हम jQuery में आसानी से कुछ ही लाइनो में कर सकते हैं।

Web design में use होने वाले tools:

इसके लिये कई सारे tools होते हैं, designing के लिये अलग, coding के लिये अलग tools use किये जाते हैं। जरूरी नही की आप इन्हीं tools का इस्तेमाल करें, designer अपने हिसाब से अपनी पसंद की tools select करते हैं। यहां नीचे कुछ popular web designing tools की list दी जा रही है जो beginners के लिये उपयोगी हैं:

Designing के लिये tools:

Photoshop

Corel Draw

Coding के लिये text editors:

Notepad++

Dreamweaver

Web browsers:

Chrome

Firefox

Safari

Opera

ये सारे टूल्स शुरुआत के लिये श्रेष्ठ हैं जिसे सीखने के बाद और भी कई सारे tools हैं जिनके बारे में हम आगे आपको इस blog में बतायेंगे।

Web Design Kya hai? Conclusion

Website को दिखने में सुन्दर और user friendly बनाना एक web designer का काम होता है। इसके लिए टूल्स और टेक्नोलॉजी का ज्ञान होना जरुरी तो है ही थोडा creative होना भी जरुरी है।

आपको हमारा ये article “Web Designing के बारे में जानें Hindi में” कैसा लगा, आपको इस post से जुडे कोई सवाल पूछना हो या आप इस blog के लिये कुछ सुझाव देना चाहते हैं तो हमें comment के माध्यम से जरूर बतायें।

About the lesson

Website designing की पूरी प्रक्रिया में विभिन्न प्रकार की तथ्यों को ध्यान में रख कर काम किया जाता है जिनमें से कुछ तथ्य इस प्रकार हैं:

Target audience:

सबसे पहली और जरूरी चीज होती है Target audience यानि के आपके वेबसाइट में आने वाले visitors, जब आपको अपने website के audience के बारे में पता चल जाता है तो आपका काम काफ़ी आसान हो जाता है।

इससे आपको समझ आ जाता है कि आपके audience किस प्रकार के हैं वे किस तरह के content को पसंद करते है, अब इसके अनुसार आप आगे अपनी site को design कर पायेंगे।

Example के लिये आप कोई automobile की website बना रहें हैं तो जाहिर सी बात है audience group में वही लोग होंगे जो Bike, Car आदि पसंद करते हैं, तो इससे आपको उनके interest के बारे में पता चलता है, इससे पता चलता है कि वे आपकी साइट से किस प्रकार की जानकारी चाहते हैं, अब आप अपनी site में सिर्फ़ उन्ही चीजों को डालेंगे जो car पसंद करने वाले व्यक्ति के काम की हो।

1.Information architecture:

आपको ये पता चल चुका है कि आप को कैसी जानकारियां अपने site में publish करनी है, लेकिन उन जानकारियों को किस format में आप अपने audience तक पहुंचायें कि वह देखने और पढने में और भी ज्यादा interesting लगेइस बात का भी ध्यान रखना जरूरी है।

2.Layout:

Website के structure या ढांचेको ही उसका layout कहा जाता है, layout डिजाईन करते समय वेबसाइट के अलग-अलग sections जैसे header, sidebar, content, footer आदि के height-width, position आदि को ध्यान में रख कर structure को कुछ ऐसे design किया जाता है कि हम अपने site के information को सही तरीके से user को present कर पायें। पढ़ें: Fluid या Liquid Website Layout Design कैसे बनाएं

3.Navigation:

किसी भी site में एक effective navigation ( menu ) का होना बहुत ही जरूरी है| Navigation से ही visitor को पता चलता है उसे जिस प्रकार की जानकारी चाहिये वो कहां और किस page में उपलब्ध है।

एक अच्छे navigation को simple, साधारण और समझ में आने योग्य होनी चाहिये।

Navigation को कई तरीके से बनाया जा सकता जैसे की header, sidebar या footer में link डालकर या फ़िर अलग से एक menu बनाकर pages के links को अलग-अलग category में divide करके दिखा सकते हैं जिससे की user को उसकी मनचाही चीजें ढूंढने में आसानी हो।

Navigation की design उस साइट की सभी pages में समान होनी चाहिये। पढ़ें: HTML और CSS से Simple Menu Design कैसे बनायें

4.Graphics

आपने सुना होगा की एक तस्वीर अपने आप में हजारो शब्द बयां करती हैं, ऐसे ही बिना चित्रों के आपकी वेबसाइट नीरस तथा उबाऊ लग सकती है और visitor 5 seconds में ही आपकी साइट बंद कर के कहीं और चला जायेगा।

Images use करने से आपकी साइट दिखने में अच्छी तो लगेगी ही इसके अलावा graphics से आपकी website की SEO (Search Engine Optimization) भी improve होगी।

ग्राफ़िक्स का use करते समय हमें कई बातो का ध्यान रखना जरूरी होता है जैसे:

Image format

Resolution

Size

Height-Width

Color combination

आपके वेबसाइट के images दिखने में attractive होने तो चाहिये इसके अलावा यह content से related और जल्दी से load भी होने चाहिये।

5.Colors

जब भी हम अपनी website design करते हैं तो हमें color combination का भी ध्यान रखना पडता है, आपने देखा होगा कि ज्यादतर websites में maximum 3 या 4 colors ही use किया जाता है जिससे वह साईट और भी professional दिखाई देता है।

उपयोग होने वाले images, fonts, backgrounds आदि के color को पहले से तय किये गये color combination के हिसाब से ही चुना जाता है और सभी pages में वही combination use होता है।

6.Fonts

जाहिर सी बात है अगर fonts clear और पढने लायक ना हो तो हमारी website किसी काम की नही है, इसके अलावा जो fonts हम अपने system में MS-Word आदि में देखते हैं, जरूरी नही कि उन सभी को हम अपनी website में उपयोग कर पायेंगे। Font चुनते समय हमारे पास 2 options होते हैं |

हम उन्हीं common fonts का use करते हैं जो user के system में पहले से installed होते हैं या

Web fonts का उपयोग करते हैं जिसमें हमें fonts को अपने site में ही include करना होता है

इन सब के अलावा हमें font size, color, bold हो या light हो, content के situation से match कर रहा है या नही इन सभी बातों को भी ध्यान में रखा जाता है।

Rates

Rate

Pack rates

5h: $0
10h: $0

online

$0/h

free lessons

This first lesson offered with Ganga will allow you to get to know each other and clearly specify your needs for your next lessons.

Website design करते समय किन-किन बातों का ध्यान रखा चाहिए है? -What are the things to be kept in mind while designing a website?

Lesson location

About Ganga

About the lesson

Rates

Rate

Pack rates

online

free lessons

Other tutors in Guitar

Andy

Davide

Kieran

Christina

Kieran

Michael

Elias

Alex

Daniel

Pierre

Swan

Elias

Michele

Bob

Paolo

Gabe

Matheus

Martin

Luisa

Russell

Website design करते समय किन-किन बातों का ध्यान रखा चाहिए है? -What are the things to be kept in mind while designing a website?

Lesson location

About Ganga

About the lesson

Rates

Rate

Pack rates

online

free lessons

Other tutors in Guitar

Andy

Davide

Kieran

Christina

Kieran

Michael

Elias

Alex

Daniel

Pierre

Swan

Elias

Michele

Bob

Paolo

Gabe

Matheus

Martin

Luisa

Russell

Share

Verified teacher profile

levels

All languages in which the lesson is available

Review

Évaluations

Recommendations

free lessons

Report this posting