O Level M2-R5.

1
Web Designing & Publishing
(i) Introduction to Web Design
(ii) Editors
(iii) HTML Basics
(iv) CSS
(v) CSS Framework
(vi) JavaScript and AngularJS
(vii) Photo Editor
(viii) Web Publishing and Browsing

Marks Distribution of M2
Module Unit Written Marks (Max.)

1 Introduction to Web Design and 25

Editors, HTML Basics

2 Cascading Style Sheets (CSS) 20

3 CSS Framework 15

4 JavaScript and AngularJs 20

5 Photo Editor, Web Publishing 20

and Browsing

6 Total 100
 Chapter -1
Introduction to Web Design.
Web designing is the process of planning, conceptualizing, and implementing the plan for
designing a website in a way that is functional and offers a good user experience. User
experience is central to the web designing process.
वेब डिज़ाइनिंग एक वेबसाइट को इस तरह से डिज़ाइन करने की योजना बनाने, अवधारणा बनाने और
कार्यान्वित करने की प्रक्रिया है जो कार्यात्मक हो और एक अच्छा उपयोगकर्ता अनभ
ु व प्रदान करती हो।
उपयोगकर्ता अनभ ु व वेब डिज़ाइनिंग प्रक्रिया के केंद्र में है ।

Introduction of Internet
इंटरनेट कंप्यट ू रों का एक विश्वव्यापी (इंटरकनेक्टे ड) नेटवर्क है । इंटर्नेट में बहुत से स्थानीय, राष्ट्र, अंतर्राष्ट्र
नेट्वर्क होते हैं। ये सभी नेट्वर्क आपस में जड़ ु े हुए होते हैं। यह दनि
ु या भर से सच ू ना और डेटा तक पहुंच प्रदान
करता है । आप दनि ु या में चाहें तो कहीं पर भी महजद ू हो, आप इंटर्नेट पर उपलब्ध कोई भी जानकारी आसानी
से प्राप्त कर सकते हैं।
The Internet is a worldwide (interconnected) network of computers. The Internet consists of
many local, national and international networks. All these networks are interconnected. It
provides access to information and data from all over the world. Wherever you are in the
world, you can easily get any information available on the internet.

History of Internet(इंटरनेट का इतिहास)

Internet का आविष्कार कर पाना किसी एक व्यक्ति के बस की बात नहीं थी। इसे बनाने में बहुत से Scientist
और Engineers की जरूरत लगी थी। सन 1957 में COLD WAR के समय, अमेरिका ने Advanced
Research Projects Agency (ARPA) की स्थापना की जिसका उद्दे श्य एक ऐसी Technology को बनाना
था, जिससे की एक कंप्यट ू र को दस
ू रे कंप्यट
ू र से जोड़ा जा सके। यहाँ से आप इंटरनेट की खोज किसने की
बिस्तार से पढ़ सकते है I
it was not a matter of just one person to invent the Internet. Many scientists and engineers
were needed to make it. At the time of COLD WAR in 1957, America established the
Advanced Research Projects Agency (ARPA) with the aim of creating a technology that
could connect one computer to another. From here you can read in detail about who
invented the internet.

सन 1969 में इस Agency ने ARPANET की स्थापना की। जिस से कि किसी भी कंप्यट

ू र को किसी भी
Computer से जोड़ा जा सकता था।
In 1969, this agency established ARPANET. So that any computer could be connected to
any other computer.

वर्ष 1980 तक इसका नाम इंटरनेट हो गया। विंटन सेर्फ़ और रॉबर्ट काह्न ने 1970 के दशक में टीसीपी/आईपी
प्रोटोकॉल का आविष्कार किया और 1972 में रे टॉमलिंसन ने पहली बार ईमेल नेटवर्क की शरु
ु आत की।
By the year 1980, its name became the Internet. Vinton Cerf and Robert Kahn invented the
TCP/IP protocol in the 1970s, and in 1972, Ray Tomlinson first introduced the Email
Network.
Internet की शरु
ु वात January 1, 1983 से हुई। जब ARPANET ने TCP/IP को adopt किया January 1,
1983 में , और उसके बाद researchers ने शरू
ु किया उन्हें assemble करने का काम। उस समय उसे
“network of networks” कहा जाता था, बाद में आज के modern समय में उसे Internet के नाम से जाना
जाता है ।
The Internet started on January 1, 1983. ARPANET adopted TCP/IP on January 1, 1983,
and then researchers started assembling them. At that time it was called "network of
networks", later in today's modern times it is known as the Internet.

Application Of Internet
1. Communication(संचार)
2. Education(शिक्षा)
3. Entertainment(मनोरं जन)
4. Online Business(ऑनलाइन कारोबार)
[Link] Shopping(ऑनलाइन खरीदारी)
6. Digital Signature( डिजिटल हस्ताक्षर)
7. Social Networking(सामाजिक नेटवर्किं ग)
8. Web Browsing(वेब ब्राउज़िंग)
9. Online Banking(ऑनलाइन बैंकिंग)
10. Online Job Search(ऑनलाइन नौकरी खोज)

WWW(World Wide Web)

इंटरनेट के क्षेत्र में क्रांति लाने वाले वर्ल्ड वाइड वेब का अविष्कार एक ब्रिटिश कंप्यट
ू र साइंटिस्ट Sir Tim
Berners-Lee ने 1989 में किया था। WWW का फुल फॉर्म है World Wide Web जिसको W3 या Web भी
बोला जाता है । ये एक information space है । यहाँ पे HTML document और web resources को
Uniform Resource Locators के जरिये Identify किया जाता है ।
The World Wide Web, which revolutionized the Internet, was invented in 1989 by Sir Tim
Berners-Lee, a British computer scientist. The full form of WWW is the World Wide Web,
which is also called W3 or Web. This is an information space. Here HTML documents and
web resources are identified through Uniform Resource Locators.

वर्ल्ड वाइड वेब पर किसी भी पेज को Open करने या दे खने के लिए Browser के सर्च बार में उस वेब पेज के
URL (Uniform Resource Locator) को टाइप करना पड़ता है और वेब पेज से संपर्क करने के लिए HTTP
(Hypertext Transfer Protocol) का उपयोग किया जाता है और सारे Documents और Pages (Text,
Audio, Video, Image) एक Server पर Store रहती है । सर्वर और WWW एक दस ू रे से कनेक्ट रहते है ।
जब किसी यज ू र द्वारा किसी वेब पेज को सर्च किया जाता है तो World Wide Web सर्वर से जानकारी यज ू र
को प्रदान करती है । एक आसान भाषा में कहा जाये तो WWW एक Information Storage है । जो
Information Exchange करने का काम करता है ।
To open or view any page on the World Wide Web, one has to type the URL (Uniform
Resource Locator) of that web page in the browser's search bar and use HTTP (Hypertext
Transfer Protocol) to contact the web page. It is done and all the documents and pages
(Text, Audio, Video, Image) are stored on a server. Server and WWW are connected to each
other.
When a web page is searched by a user, the information from the World Wide Web server is
provided to the user. In simple language, WWW is an information storage. Which works to
exchange information.

Difference Between WWW And Internet

● इंटरनेट एक अंतर्राष्ट्रीय संचार नेटवर्क है जो हार्डवेयर और सॉफ्टवेयर का उपयोग करके दनि ु या भर
में फैले बड़े और छोटे कंप्यट
ू र नेटवर्क को जोड़ता है । दसू री ओर, वर्ल्ड वाइड वेब सच
ू नाओं का एक
संग्रह है जिसे इंटरनेट के माध्यम से एक्सेस किया जाता है ।
Internet is an international communication network that connects large and small
computer networks spread across the world using hardware and software. On the
other hand, the World Wide Web is a collection of information which is accessed via
the Internet.

● internet के लिए इंटरनेट प्रोटोकाल ( TCP तथा IP ) का प्रयोग किया जाता है जबकि वर्ल्ड वाइड वेब
हाइपर टे क्स्ट ट्रांसफर प्रोटोकाल ( http ) का प्रयोग करता है ।
Internet Protocol (TCP and IP) is used for the internet while the World Wide Web
uses Hypertext Transfer Protocol (http).

● इंटरनेट के प्रयोग के लिए इंटरनेट सेवा प्रदाता ( Internet Service Provider ) को शल्
ु क दे ना पड़ता
है जबकि वर्ल्ड बाइड वेब इंटरनेट पर उपलब्ध एक निःशल् ु क सवि
ु धा है ।
Internet service providers have to pay a fee for using the Internet, while the World
Wide Web is a free facility available on the Internet.

● इंटरनेट हार्डवेयर तथा साफ्टवेयर दोनों के समन्वय से कार्य करता है जबकि वर्ल्ड वाइड वेब केवल
विभिन्न software का उपयोग करता है ।
The Internet works in coordination with both hardware and software, while the World
Wide Web only uses different software.

● वर्ल्ड वाइड वेब एक सवि

ु धा है और internet उस तक पहुंचने का माध्यम है ।
The World Wide Web is a facility and the internet is the medium to access it.

Web Browser
वेब ब्राउज़र www (वर्ल्ड वाइड वेब) को एक्सप्लोर करने के लिए एक एप्लिकेशन सॉफ़्टवेयर है । यह सर्वर और
क्लाइंट के बीच एक इंटरफ़ेस प्रदान करता है और यह सर्वर से वेब दस्तावेज़ों और सेवाओं के लिए अनरु ोध
करता है । यह HTML को प्रस्तत ु करने के लिए एक कंपाइलर के रूप में काम करता है जिसका उपयोग वेबपेज
को डिजाइन करने के लिए किया जाता है । जब भी हम इंटरनेट पर कुछ भी खोजते हैं, तो ब्राउज़र HTML में
लिखा एक वेब पेज लोड करता है , जिसमें टे क्स्ट, लिंक, छवियां और स्टाइल शीट और जावास्क्रिप्ट फ़ंक्शन
जैसे अन्य आइटम शामिल होते हैं। Google Chrome, Microsoft Edge, Mozilla Firefox और Safari वेब
ब्राउज़र के उदाहरण हैं।
The web browser is an application software to explore www (World Wide Web). It provides
an interface between the server and the client and it requests the server for web documents
and services. It works as a compiler to render HTML which is used to design a webpage.
Whenever we search for anything on the internet, the browser loads a web page written in
HTML, including text, links, images, and other items such as stylesheet and JavaScript
functions. Google Chrome, Microsoft Edge, Mozilla Firefox, and Safari are examples of web
browsers.

History of the Web Browsers

पहले वेब ब्राउज़र वर्ल्ड वाइड वेब का आविष्कार 1990 में टिम बर्नर्स-ली द्वारा किया गया था। बाद में यह
नेक्सस बन गया। 1993 के वर्ष में , मार्क आंद्रेसेन और उनकी टीम द्वारा एक नए ब्राउज़र मोज़ेक का
आविष्कार किया गया था। यह डिवाइस स्क्रीन पर एक समय में टे क्स्ट और इमेज प्रदर्शित करने वाला पहला
ब्राउज़र था। उन्होंने 1994 में एक और ब्राउज़र नेटस्केप का भी आविष्कार किया। अगले साल माइक्रोसॉफ्ट ने
एक वेब ब्राउज़र इंटरनेट एक्सप्लोरर लॉन्च किया जो पहले से ही विंडोज ऑपरे टिग ं सिस्टम में इंस्टॉल था।
The first web browser World Wide Web was invented in the year of 1990 by Tim
Berners-Lee. Later, it became Nexus. In the year of 1993, a new browser Mosaic was
invented by Marc Andreessen and their team. It was the first browser to display text and
images at a time on the device screen. He also invented another browser Netscape in 1994.
Next year Microsoft launched a web browser Internet Explorer which was already installed in
the Windows operating system.

What is Website
एक वेबसाइट कई वेब पेजों का एक संग्रह है , और वेब पेज डिजिटल फ़ाइलें हैं जो HTML (हाइपरटे क्स्ट
मार्क अप लैंग्वेज) का उपयोग करके लिखी जाती हैं। अपनी वेबसाइट को दनि ु या के हर व्यक्ति के लिए उपलब्ध
कराने के लिए, इसे चौबीसों घंटे इंटरनेट से जड़
ु े कं प्यटू र पर सं
ग्रहीत या होस्ट किया जाना चाहिए। ऐसे
कंप्यटू र को वेब सर्वर के नाम से जाना जाता है । वेबसाइट के वेब पेज हाइपरलिंक और हाइपरटे क्स्ट से जड़ ु े हुए
हैं और एक सामान्य इंटरफ़ेस और डिज़ाइन साझा करते हैं। वेबसाइट में कुछ अतिरिक्त दस्तावेज़ और फ़ाइलें
जैसे चित्र, वीडियो या अन्य डिजिटल संपत्तियां भी हो सकती हैं।
A website is a collection of many web pages, and web pages are digital files that are written
using HTML(HyperText Markup Language). To make your website available to every person
in the world, it must be stored or hosted on a computer connected to the Internet round a
clock. Such computers are known as a Web Server. The website’s web pages are linked with
hyperlinks and hypertext and share a common interface and design. The website might also
contain some additional documents and files such as images, videos, or other digital assets.
There are some examples of websites :-
[Link] , [Link], [Link] etc

History of the Website

The first website was created in August 1991 by Tim Berners-Lee at CERN, a European
nuclear research agency. Berners-Lee's WorldWideWeb browser became publicly available
the same month.
पहली वेबसाइट अगस्त 1991 में यरू ोपीय परमाणु अनस ु ध
ं ान एजेंसी CERN में टिम बर्नर्स-ली द्वारा बनाई
गई थी। बर्नर्स-ली का वर्ल्डवाइडवेब ब्राउज़र उसी महीने सार्वजनिक रूप से उपलब्ध हो गया।
First website - [Link]

Working of Websites
When we type a certain Web address(URL) in a browser search bar, the browser requests
the page from the Web server and the Web server returns the required web page and its
content to the browser.
जब हम ब्राउज़र सर्च बार में एक निश्चित Web पता (यआ
ू रएल) टाइप करते हैं, तो ब्राउज़र वेब सर्वर से पेज
का अनरु ोध करता है और वेब सर्वर आवश्यक वेब पेज और उसकी सामग्री ब्राउज़र को लौटा दे ता है ।

Web address :-
Web पता एक अद्वितीय नाम है जिसके बाद डोमेन नाम आता है जिसका उपयोग संबधि ं त जानकारी प्राप्त
करने के लिए एक निश्चित वेबसाइट तक पहुँचने के लिए किया जाता है । इन पतों को URL (यनि
ू फ़ॉर्म रिसोर्स
लोकेटर) के रूप में जाना जाता है ।
WEb address is a unique name followed by the domain name that is used to access a
certain website to avail related information . These addresses are known as URL (Uniform
Resource Locators).
Example :- [Link]

Part of URL :-
A URL can be sliced into three main parts: the protocol, the domain name, and the path.
एक यआ
ू रएल को तीन मख्ु य भागों में विभाजित किया जा सकता है : प्रोटोकॉल, डोमेन नाम और पथ।

Protocol (Scheme) : The first component of a URL is the protocol. It is the method used
to access a resource on the internet. Ex. : https

Domain Name : The domain name is the unique identifier for a website on the internet. It
comprises two parts: the top-level domain (TLD) and the second-level domain.
second-level domain Example :- gaolyaan
top-level domain Example :- .com

Path : The URL path specifies a resource's location on a website. It typically comes after
the domain name and starts with a forward slash (/). Example : /notes

webpages
A web page (or webpage) is a document on the Web that is accessed in a web browser. A
website typically consists of many web pages linked together under a common domain
name. The term "web page" is thus a metaphor of paper pages bound together into a book.
एक वेब पेज (या वेबपेज) वेब पर एक दस्तावेज़ है जिसे वेब ब्राउज़र में एक्सेस किया जाता है । एक वेबसाइट में
आम तौर पर एक सामान्य डोमेन नाम के तहत एक साथ जड़ ु े कई वेब पेज होते हैं। इस प्रकार शब्द "वेब पेज"
एक किताब में एक साथ बंधे कागज के पन्नों का एक रूपक है ।

Front End
फ्रंटएंड वेबसाइट का वह हिस्सा है जिसके साथ उपयोगकर्ता सीधे बातचीत करते हैं। इसमें डिज़ाइन, मेन,ू
टे क्स्ट, चित्र, वीडियो और समग्र लेआउट शामिल हैं। जवाबदे ही और प्रदर्शन फ्रंट एंड के दो मख्
ु य उद्दे श्य हैं।
फ्रंटएंड विकास के लिए उपयोग की जाने वाली मख्ु य भाषाएँ HTML, CSS और JavaScript हैं।
The frontend is the part of the website users directly interact with. This includes the design,
menus, text, images, videos, and overall layout. Responsiveness and performance are the
two main objectives of the Front End. The main languages used for frontend development
are HTML, CSS, and JavaScript.

Backend
बैकएंड वेबसाइट का सर्वर साइड है । यह डेटा का प्रबंधन करता है और सनि
ु श्चित करता है कि फ्रंटएंड पर सब
कुछ ठीक से काम करे । उपयोगकर्ता बैकएंड को सीधे नहीं दे खते या उससे इंटरै क्ट नहीं करते; यह पर्दे के पीछे
की कार्यक्षमता है । बैकएंड डिजाइनरों द्वारा विकसित भागों और विशेषताओं को फ्रंट-एंड एप्लिकेशन के
माध्यम से उपयोगकर्ताओं द्वारा अप्रत्यक्ष रूप से एक्सेस किया जाता है ।
The backend is the server side of the website. It manages data and ensures everything on
the frontend works properly. Users don’t see or interact directly with the backend; it’s the
behind-the-scenes functionality. The parts and characteristics developed by backend
designers are indirectly accessed by users through a front-end application. The main
languages used for backend development are PHP, JAVA, Python, C++ etc.

Client Side Scripting

To view a website, the user has to use a browser. This browser can be termed as a client.
The client can use different technologies like mobile phones, laptops, computers, tablets
etc., to view the websites. Here the client side scripting is being used and processed. The
client-side scripting is performed by a browser.
वेबसाइट दे खने के लिए, यज ू र को एक ब्राउजर का उपयोग करना होता है । इस ब्राउजर को क्लाइंट के रूप में
जाना जा सकता है । वेबसाइटों को दे खने के लिए क्लाइंट विभिन्न तकनीकों जैसे मोबाइल फोन, लैपटॉप,
कंप्यट
ू र, टै बलेट आदि का उपयोग कर सकता है । यहां क्लाइंट साइड स्क्रिप्टिं ग का उपयोग और प्रोसेस्ड किया
जा रहा है । क्लाइंट-साइड स्क्रिप्टिं ग एक ब्राउजर द्वारा इस्तेमाल की जाती है ।

Client side Scripting Languages :-

The Client side (front-end) portion is built by using some languages which are discussed
below:

HTML:
HTML stands for Hypertext Markup Language. It is used to design the front-end portion of
web pages using a markup language. HTML is a combination of Hypertext and Markup
language. Hypertext defines the link between web pages.
HTML का मतलब हाइपरटे क्स्ट मार्क अप लैंग्वेज है । इसका उपयोग मार्क अप भाषा का उपयोग करके वेब पेजों
के फ्रंट-एंड हिस्से को डिजाइन करने के लिए किया जाता है । HTML हाइपरटे क्स्ट और मार्क अप लैंग्वेज का
एक संयोजन है । हाइपरटे क्स्ट वेब पेजों के बीच लिंक को परिभाषित करता है ।

CSS:
Cascading Style Sheets fondly referred to as CSS is a simply designed language intended to
simplify the process of making web pages presentable. CSS allows you to apply styles to
web pages.
कैस्केडिंग स्टाइल शीट्स जिसे सीएसएस के नाम से जाना जाता है , एक सरल रूप से डिज़ाइन की गई भाषा है
जिसका उद्दे श्य वेब पेजों को प्रस्तत
ु करने योग्य बनाने की प्रक्रिया को सरल बनाना है । सीएसएस आपको वेब
पेजों पर स्टाइल लागू करने की अनम ु ति दे ता है ।

JavaScript:
JavaScript is a famous scripting language used to create magic on sites to make the site
interactive for the user.
जावास्क्रिप्ट एक प्रसिद्ध स्क्रिप्टिं ग भाषा है जिसका उपयोग साइटों पर जाद ू पैदा करने के लिए किया जाता है
ताकि साइट को उपयोगकर्ता के लिए इंटरै क्टिव बनाया जा सके।

Server Side Scripting

The server can, however, be at any remote place around the globe. The server can run the
back-end architecture of a website, process requests and response pages to the browser,
and so on. Server-side scripting is usually done by a web server. The server-side scripting
usually happens on the back-end of a website. The user does not get access to view what
happens here.
यद्यपि, सर्वर दनि ु या भर में किसी भी दरू स्थ स्थान पर हो सकता है । सर्वर किसी वेबसाइट के बैकइंड
आर्कि टे क्चर, प्रोसेस रिक्वेस्ट और ब्राउजर के रिस्पॉन्स पेज आदि चला सकता है । सर्वर-साइड स्क्रिप्टिं ग
आमतौर पर एक वेब सर्वर द्वारा किया जाता है । सर्वर-साइड स्क्रिप्टिं ग आमतौर पर किसी वेबसाइट के
बैक-इंड पर होती है । यहां क्या होता है , यह दे खने के लिए उपयोगकर्ता को अधिकार नहीं मिलता है ।

Server Side Scripting Languages :-

The Server Side (back-end) portion is built by using some languages which are discussed
below:

PHP :-
PHP is a server-side scripting language designed specifically for web development. Since
PHP code is executed on the server side, it is called a server-side scripting language.
PHP एक सर्वर-साइड स्क्रिप्टिं ग भाषा है जिसे विशेष रूप से वेब विकास के लिए डिज़ाइन किया गया है । चँकि
ू
PHP कोड सर्वर साइड पर निष्पादित होता है , इसलिए इसे सर्वर-साइड स्क्रिप्टिं ग भाषा कहा जाता है ।

Python :-
Python is a programming language that lets you work quickly and integrate systems more
efficiently. It is also a very important language for the back end.
पायथन एक प्रोग्रामिंग भाषा है जो आपको तेजी से काम करने और सिस्टम को अधिक कुशलता से एकीकृत
करने की सवि ु धा दे ती है । यह बैकएंड के लिए भी एक बहुत ही महत्वपर्ण
ू भाषा है ।

C++ :-
It is a general-purpose programming language and is widely used nowadays for competitive
programming. It is also used as a backend language.
यह एक सामान्य प्रयोजन वाली प्रोग्रामिंग भाषा है और आजकल प्रतिस्पर्धी प्रोग्रामिंग के लिए इसका व्यापक
रूप से उपयोग किया जाता है । इसका उपयोग बैकएंड भाषा के रूप में भी किया जाता है ।

Java :-
Java is one of the most popular and widely used programming languages and platforms. It is
also used as a backend language.
जावा सबसे लोकप्रिय और व्यापक रूप से उपयोग की जाने वाली प्रोग्रामिंग भाषाओं और प्लेटफार्मों में से एक
है । इसका उपयोग बैकएंड भाषा के रूप में भी किया जाता है ।

Ruby :-
Ruby is mainly used to build web applications and is useful for other programming projects.
It is widely used for building servers and data processing, web scraping, and crawling.
रूबी का उपयोग मख् ु य रूप से वेब एप्लिकेशन बनाने के लिए किया जाता है और यह अन्य प्रोग्रामिंग
परियोजनाओं के लिए उपयोगी है । इसका व्यापक रूप से सर्वर बनाने और डेटा प्रोसेसिग
ं , वेब स्क्रैपिंग और
क्रॉलिंग के लिए उपयोग किया जाता है ।

Responsive Web Designing

Responsive web design (RWD) refers to designing websites to adapt to a user's device. The
goal is for a website to retain its optimal usability and appearance regardless of the device
it's displayed on. Responsive web design responds to user needs by adapting to different
screen sizes, orientations, layouts, and platforms. This is accomplished with the use of
flexible grids and layouts, responsive images, and CSS media queries.
रिस्पॉन्सिव वेब डिज़ाइन (आरडब्ल्यडू ी) का तात्पर्य उपयोगकर्ता के डिवाइस के अनकु ू ल वेबसाइटों को डिज़ाइन
करना है । किसी वेबसाइट के लिए लक्ष्य यह है कि वह अपनी इष्टतम प्रयोज्यता और उपस्थिति को बनाए
रखे, भले ही वह किसी भी उपकरण पर प्रदर्शित हो। उत्तरदायी वेब डिज़ाइन विभिन्न स्क्रीन आकार,
ओरिएंटेशन, लेआउट और प्लेटफ़ॉर्म को अनक ु ू लित करके उपयोगकर्ता की ज़रूरतों का जवाब दे ता है । यह
लचीले ग्रिड और लेआउट, प्रतिक्रियाशील छवियों और सीएसएस मीडिया प्रश्नों के उपयोग से परू ा किया जाता
है ।
Point to be remember while designing website --
● Target audience
● Responsive for Devices
● Information architecture
● Navigation
● Graphics
● Colors
● Fonts (style)

Text Editor for coding :-

● NotePad
● Notepad++
● Dreamweaver
● Sublime

Types of Websites
Website , can be two type –

1. Static Website
2. Dynamic Website
 Static websites Dynamic websites
1. These websites have a fixed number of These websites can create web pages
pages. dynamically.
इन वेबसाईटों पर पष्ृ ठों की संख्या फिक्स होती है । ये वेबसाईट डॉयनामिक रूप से वेबपेज बना सकती
हैं।

2. Subject of the website and data of the Webpage design and data may change on
webpage are fixed. run time.
वेबसाइट का विषय और वेबपेज के डेटा फिक्स होते वेबपेज डिजाईन और डेटा रन टाइम पर बदल सकते
है । हैं।

3. Static websites Never use database Dynamic sites deal with databases.
connectivity. डॉयनामिक साइटें डेटाबेस का उपयोग करती है ।
स्टै टिक वेबसाइटें में डेटाबेस कनेक्टिविटी का
उपयोग कभी नहीं होता।

4. Static sites can not change data on run Dynamic website's content changes
time. frequently on run time. Like e-commerce
स्टै टिक साइटें किसी रन टाइम पर डाटा में बदलाव sites, online examinations.
नहीं कर सकती। डॉयनामिक वेबसाईट के कन्टें ट रन टाइम पर
बदलते रहते है । जैसे ई-कॉमर्स साईट, ऑनलाइन
परीक्षा, आदि ।

5. Static sites are easy to develop and a bit Dynamic websites are not easy to develop
experienced people can develop it. because they require qualified developers
स्टै टिक साइटों को डेवलप करना आसान है और थोड़े to create it, manage it, test it and maintain
अनभ ु वी लोग इसे डेवलप कर सकते हैं। security of application and database.
डॉयनमिक वेबसाइटें डेवलप करना आसान नहीं है ,
क्योंकि इसे बनाने, इसे प्रबंधित करने, परीक्षण
करने और एप्लिकेशन और डेटाबेस की सरु क्षा बनाए
रखने के लिए योग्य डेवलपर्स की आवश्यकता होती
है ।

6. Low in cost- लागत कम लगती है । High in cost- उच्च लागत लगती है ।