Chapter 4 : Introduction to Web Design & Development

Vinay Kumar Sah (Technical Superstar) Friday, January 17, 2020
Introduction to Web Design & Development

Hello Friends!
मै विनय Concept Computer Education से.........  

 आइये सबसे पहले Webpage के बारे में समझते है।  

Webpage: Webpage को समझने के लिए "Webpage" word को अलग अलग करते है जैसे Web + Page 
Web का मतलब है Internet और Page का मतलब है जिस पर आप कुछ Write करते हो।  या जिस पर आप कुछ लिखा हुआ देखते हो।  
तो एक ऐसी पेज जो आपको Internet के द्वारा लिखने के लिए या देखने के लिए मिलती है उसी को कहा जाता है Webpage. 
इंटरनेट पर ये Page इसलिए Provide किये जाते ताकि हम अपने Information को देख सके या कोई भी फाइल Upload कर सके।  




एक Website के अंदर कई सारे Webpages होते है। 
किसी भी Website में 2 प्रकार के Webpage होते है।  
Homepage और Webpage 

Homepage: किसी भी Website का पहला Page जो हमें सामने दिखाई देता है , उसी Page को Homepage कहते है। 

Subpage: एक ऐसी Page जो Website के अंदर बनाये गए menus पर Click करने के बाद Open होता है, उसे Subpage कहते है।  


जैसे एक Website में एक ही Homepage होता है लेकिन एक Website के अंदर कई सारे Subpage बने होते  है। 

अब आप यदि Webpage बनाना चाहते हो तो आपको Website Development सीखना होगा 

आइये अब जानते है कि Website Development क्या होता है ?

Website Development के 3 Part होते है। 

1. Web Design (Website का Look तैयार करना) 
2. Web Programming (Website की Functionality को Control करना) 
3. Web Development (Website की Functionality को Maintain करना) 

अब इन तीनो Topic को बारी - बारी से समझते है। 
1. Web Design: Web  Design का मतलब Website का चेहरा यानि की Website की look तैयार करना, एक ऐसा look जो प्रत्येक User को पसंद आये।  
Website कैसा दिखेगा और किस प्रकार का होगा इसे define करने का काम हम Web Design में ही सीखते है।  

2. Web Programming: Web Programming में हम जिस  Website को पहले से बनाये हुए होते है उसी Website को Control करना या User के साथ वो Website किस तरह का Behave करेगा या User उसे किस तरह से चलाएगा। ऐसा Features Provide करने के लिए हम Web Programming सीखते है।  

3. Web Development: Web Development में पहले से बने हुए Website को Maintain कैसे किया जाये और उसे Manage कैसे किया जाये यह आपको Web Development में सीखना होगा।  


So Thanks Friends 
Enjoy Our  Software Engineering Notes in Hindi 

 ADVANCE LEVEL PROGRAMMING COURSE

Fees Only : 1500/- Month
Call / Whatsapp / Telegram : 9650597419
DAILY 2 Hrs. Practical Class + 2 Hrs. Practice 


CONCEPT COMPUTER EDUCATION, GURUGRAM, HARYANA, INDIA

-----------------------------------------------------------------------------------------------------------------------------

ALL COMPUTER PDF NOTES AVAILABLE IN HINDI & ENGLISH MEDIUM

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

COMPUTER NOTES FOR TEACHERS AVAILABLE IN HINDI & ENGLISH MEDIUM

Dear Teachers ऐसा कंप्यूटर नोट्स जिसे आप पढ़कर बच्चों को आसानी से पढ़ा सकते हैं। यह नोट्स केवल कंप्यूटर इंस्टिट्यूट एवं टीचर्स के लिए हैं। इस नोट्स में आप अपना Watermark, Header / Footer और या Logo भी लगा सकते हैं। यदि आपको नोट्स खरीदने से रिलेटेड कोई भी problem आती है तो आप हमें Call या WhatsApp कर सकते हैं। Call / WhatsApp: +91 9650597419

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

COMPUTER PDF NOTES IN ENGLISH

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

COMPUTER PDF NOTES IN HINDI

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

BASIC COMPUTER PDF NOTES IN ENGLISH

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

BASIC COMPUTER PDF NOTES IN HINDI

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

MS WORD PDF NOTES IN ENGLISH

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

MS WORD PRACTICE ASSIGNMENT FILE

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

MS WORD PDF NOTES IN HINDI

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

MS EXCEL PDF NOTES IN ENGLISH

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

MS EXCEL PDF NOTES IN HINDI

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

MS EXCEL PRACTICE ASSIGNMENT FILE

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

INTERNET PDF NOTES IN HINDI

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------

COMPUTER / LAPTOP REPAIRING NOTES IN HINDI

BUY NOW     DOWNLOAD NOW

-----------------------------------------------------------------------------------------------------------------------------




Reactions
Vinay Kumar Sah (Technical Superstar)

Posted by Vinay Kumar Sah (Technical Superstar)

Post a Comment

0 Comments

Post a Comment

Welcome to Vinaytips

Basic Computer Notes
1.Basic Computer Notes in English
2.Basic Computer Notes in Hindi
3.Computer Related Full Form
4.Computer Shortcut Keys
5.Keyboard Symbols Name
MS Word Notes in Hindi
1.MS Word Practical Notes
2.Chapter1: Introduction to MS Word
3.Chapter 2: Some Basic Point of MS Word
4.Chapter3 : MS Word - File Menu
5.Chapter 4: MS Word - Home Menu
6.Chapter 5: MS Word - Insert Menu
6.Chapter 5: MS Word - Insert Menu
7.Chapter 6: MS Word - Page Layout Menu
8.Chapter 7: MS Word - References Menu
9.Chapter 8: MS Word - Mailing Menu
10.Chapter 9: MS Word - Review Menu
11.Chapter 10: MS Word - View Menu
MS Word Notes in English
1.Chapter1: MS Word Home Menu
2.Chapter2: MS Word Insert Menu
3.Chapter3: MS Word Page Layout Menu
4.Chapter4: MS Word References Menu
5.Chapter5: MS Word Mailings Menu
6.Chapter6: MS Word Review Menu
7.Chapter7: MS Word View Menu
MS Excel Notes in Hindi
1.Chapter1: Introduction to MS Excel
2.Chapter2: MS Excel Home Menu
3.Chapter3: MS Excel Insert Menu
4.Chapter4: MS Excel Page Layout Menu
5.Chapter5: MS Excel Data Menu
6.Chapter6: MS Excel Review Menu
7.Chapter7: MS Excel View Menu
MS Excel Notes in English
1.Chapter1: Introduction to MS Excel
2.Chapter2: MS Excel Home Menu
3.Chapter3: MS Excel Insert Menu
4.Chapter4: MS Excel Page Layout Menu
5.Chapter5: MS Excel Data Menu
6.Chapter6: MS Excel Review Menu
7.Chapter7: MS Excel View Menu
MS PowerPoint Notes in English
1.Chapter1: Introduction to MS MS PowerPoint
2.Chapter2: MS PowerPoint Home Menu
3.Chapter3: MS PowerPoint Insert Menu
4.Chapter4: MS PowerPoint Design Menu
5.Chapter5: MS PowerPoint Transitions Menu
6.Chapter6: MS PowerPoint Animations Menu
7.Chapter7: MS PowerPoint Slide Show Menu
8.Chapter8: MS PowerPoint Review Menu
9.Chapter9: MS PowerPoint View Menu
MS PowerPoint Notes in Hindi
1.Chapter1: Introduction to MS PowerPoint
2.Chapter2: MS PowerPoint Home Menu
3.Chapter3: MS PowerPoint Insert Menu
4.Chapter4: MS PowerPoint Design Menu
5.Chapter5: MS PowerPoint Transitions Menu
6.Chapter6: MS PowerPoint Animations Menu
7.Chapter7: MS PowerPoint Slide Show Menu
8.Chapter8: MS PowerPoint Review Menu
9.Chapter9: MS PowerPoint View Menu
MS Excel Formula Notes
1.How to Add in Excel
2.How to Subtract in Excel
3.How to Multiply in Excel
4.How to Divide in Excel
5.MAX Formula in Excel
6.MIN Formula in Excel
7.ROMAN Formula in Excel
8.SQRT Formula in Excel
9.POWER Formula in Excel
10.LCM Formula in Excel
11.GCD Formula in Excel
12.FACT Formula in Excel
13.LOWER Formula in Excel
14.UPPER Formula in Excel
15.PROPER Formula in Excel
16.LEFT Formula in Excel
17.RIGHT Formula in Excel
HTML Notes
Chapter 1 : Introduction to HTML
Chapter 2 : HTML Versions
Chapter 3 : HTML DOCTYPE Declaration
Chapter 4 : HTML Attributes
Chapter 5 : HTML Heading Tag
Chapter 6 : HTML Text Formatting Tag
Chapter 7 : HTML Anchor Tag
Chapter 8 : HTML Image Tag
Chapter 9 : HTML List Tag
Chapter 10 : HTML Table Tag
Chapter 11 : HTML Marquee Tag
Chapter 12 : HTML Preformatted & Horizontal Tag
Chapter 13 : HTML Image Tag
Chapter 14 : HTML Anchor Tag
Chapter 15 : HTML Audio Tag
Chapter 16 : HTML Video Tag
Chapter 17 : HTML Iframe Tag
Chapter 18 : HTML Form Tag
Chapter 19 : HTML Website Layout
नीचे क्लिक करें और पढ़ें
1. MS Office क्या है ? पूरी जानकारी हिंदी में ।
2. कंप्यूटर या लैपटॉप में बिना नाम का folder कैसे बनाते है ?
3. कंप्यूटर या लैपटॉप में बिना दिखाई देने वाला फोल्डर कैसे बनाये?
4. किसी भी फोल्डर पर अपना फोटो कैसे लगाये ?
5. कंप्यूटर में फोल्डर का आइकॉन कैसे बदले ?
6. कंप्यूटर में CON नाम का फोल्डर कैसे बनाते है ?
7. किसी भी फोल्डर में पासवर्ड कैसे लगाते है?
8. कंप्यूटर में taskbar को कैसे छुपाये?
9. Desktop icon क्या है पूरी जानकारी हिंदी में।
10. माउस से कीबोर्ड कैसे चलाये?
11. Keyboard से Mouse कैसे चलाये ?
12. Computer Hardware क्या है ? Computer Hardware की पूरी जानकारी हिंदी में।
13. Whatsapp Status Download कैसे करे ? (Photo & Video)
14. Whatsapp पर किसी ने message सेंड कर के delete कर दिए तो उसे फिर से कैसे देखे ?
15. Keyboard क्या है ? Keyboard कितने प्रकार के होते है ? पूरी जानकारी हिंदी में।
16. keyboard में कितने प्रकार की keys होती है ? पूरी जानकारी हिंदी में।
17. Mouse क्या है? Mouse की पूरी जानकारी हिंदी में।
18. Monitor क्या है ? Monitor कितने प्रकार के होते है? पूरी जानकारी हिंदी में।
19. Speaker क्या है ? पूरी जानकारी हिंदी में।
20. कंप्यूटर या लैपटॉप में Screenshot कैसे लेते है?
21. कंप्यूटर कीबोर्ड के सभी symbols का नाम हिंदी में।
22. Printer क्या है ? Printer कितने प्रकार के होते है? पूरी जानकारी हिंदी में।
23. Scanner क्या है ? Scanner कितने प्रकार के होते है ? पूरी जानकारी हिंदी में।
24. Motherboard क्या है ? Motherboard कितने प्रकार के होते है ? पूरी जानकारी हिंदी में।
25. कंप्यूटर मदरबोर्ड पर कौन कौन से पार्ट्स लगे होते है ? पूरी जानकारी हिंदी में।
26. RAM क्या है? RAM कितने प्रकार के होते है ? RAM की पूरी जानकारी हिंदी में।
27. ROM क्या है ? ROM कितने प्रकार के होते है ? पूरी जानकारी हिंदी में।
28. Processor क्या है ? Processor कितने प्रकार के होते है ? पूरी जानकारी हिंदी में।
29. Hard Disk क्या है ? Hard Disk कितने प्रकार के होते है ? पूरी जानकारी हिंदी में।
30. BIOS और CMOS क्या है ? पूरी जानकारी हिंदी में।
31. USB क्या है और USB कितने प्रकार के होते है?
32. अपने Laptop प्रयोग करने वालो के लिए बहुत ही काम की जानकारी।
33. SMPS क्या है? SMPS कितने प्रकार के होते है? पूरी जानकारी हिंदी में।
34. कंप्यूटर से सम्बंधित अविष्कार और अविष्कारक के नाम |
35. VGA Port और VGA Cable क्या होते हैं? पूरी जानकारी हिंदी में।
36. कंप्यूटर या लैपटॉप में C drive ही पहले से क्यों होता है? A drive या B drive क्यों नहीं होता है?
37. Computer या Laptop कितनी देर से On है ? कैसे Check करे ?
38. WhatsApp पर जो ये लाल पीले दिल दिखते है इन सबका अलग अलग मतलब होता है। जान लो नहीं तो हो जाएगी बेइज्जती।
39. खुद की पर्सनल डायरी बनाये नोटपैड से
40. गूगल सर्च को बनाये Calculator
41. Daily Use होने वाली Top 20 Secrete Windows Run Commands
42. हिंदी टाइपिंग करना सीखें शुरुआत से
43. Cloud Computing क्या है? Cloud Computing की पूरी जानकारी हिंदी में।
44. Software क्या है? Software कितने प्रकार के होते हैं? पूरी जानकारी हिंदी में।
45. मेमोरी कार्ड क्या होता है और कैसे काम करता है?
46. पेन ड्राइव क्या है? और कैसे काम करता है?
47. Email क्या है? और E - mail का इतिहास
48.
48. Credit Card क्या होता है? पूरी जानकारी हिंदी में।
49. Cyber Security क्या है? ये कितने प्रकार के होते हैं?
50. Web Server क्या होता है और किस प्रकार काम करता है?
51. हमें Excel क्यों सीखना चाहिए?
52. Top 5 Job Oriented Computer Courses
53. Friends को कीजिये Impress Command Prompt की इस Trick से।
54. जानिए ग्राफिक्स कार्ड के बारे में जिन्हें आप नहीं जानते होंगे
55. Computer Virus क्या हैं? पूरी जानकारी हिंदी में।
56. क्या अंतर होता है HDD और SSD में
57. User Interface क्या होता है? पूरी जानकारी हिंदी में
58. Domain Name क्या है? पूरी जानकारी हिंदी में
59. IP Address क्या है? पूरी जानकारी हिंदी में
60. Top 10 Computer Tips & Tricks
61. ई श्रम योजना क्या हैं ? ई श्रम कार्ड के फायदे। पूरी जानकारी हिंदी में।
62. Computer की Speed कैसे बढ़ाये?
63. Internet क्या है? Internet की पूरी जानकारी हिंदी में।
64. Intranet, Extranet, DSL, TCP, FTP क्या होते हैं?
65. Computer में Internet कैसे चलाते हैं?
66. Web Browser क्या होता हैं और कौन सा Web Browser सबसे अच्छा होता हैं?
67. Website क्या है? पूरी जानकारी हिंदी में।
68. Domain Name क्या है? पूरी जानकारी हिंदी में।
69. इंटरनेट से संबंधित महत्वपूर्ण जानकारियाँ
70. Internet Related Full Form
71. Wi - Fi क्या है? और Wi - Fi कैसे काम करता हैं?
72. Podcast क्या होता है? पूरी जानकारी हिंदी में
73. PDF क्या होता है और PDF कैसे बनाते है?
74. Coding क्या है और Coding कैसे सीखें? पूरी जानकारी हिंदी में
75. QR Code क्या होता है? पूरी जानकारी हिंदी में।
76. GPS क्या होता है? पूरी जानकारी हिंदी में।
77. UPI क्या हैं? पूरी जानकारी हिंदी में।
78. Cryptocurrency क्या होता है? पूरी जानकारी हिंदी में।
79. OTP क्या है? पूरी जानकारी हिंदी में।
80. VPN क्या होता है? पूरी जानकारी हिंदी में।
81. Top 10 Google Tips & Tricks
82. Keyboard के F और J बटन पर क्यों होता हैं उभार?
83. What is Artificial Intelligence?
84. HTML Multimedia Files Integration
85. Basic Computer Shortcut Keys
86. Common Shortcut Keys Used in MS OFFICE
87. MS Word Shortcut Keys
88. MS Excel Shortcut Keys
89. MS PowerPoint Shortcut Keys
90. Photoshop Shortcut Keys
91. Excel में बनना है Expert तो ये Shortcut Keys जरूर आना चाहिए।
92. Computer GK in Hindi
93. Basic Computer Course क्या होता है? Basic Computer Course में क्या क्या सिखाया जाता है?
94. CCC Course क्या है ? CCC Course करने के फायदे।
95. DCA Course क्या है ? DCA Course करने के फायदे
96. ADCA Course क्या है ? ADCA Course करने के फायदे
97. DFA Course क्या है ? DFA Course करने के फायदे।
98. एक ऐसा कोर्स जो आपकी जिंदगी बदल दे। Hardware & Software Technology Course
99. New Post Coming Soon
100. New Post Coming Soon
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122..
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.