BASICS OF A WEBSITE- WHAT IS A WEBSITE? HOW TO MAKE MONEY ONLINE.

BASICS OF A WEBSITE- WHAT IS A WEBSITE? HOW TO MAKE MONEY ONLINE.



Common website components list

The working website conditionally consists of frontend and backend. The frontend describes everything in a solution a user can directly interact with, the latter – the things hidden from the user’s eye (e.g. business logic implementation), which provide the connection with the server. Right now, we suggest subdividing the full list of common components by frontend and backend, respectively.

Frontend components

The software frontend includes the following major elements:

  • Navigation. Website navigation is basically strings of web page links that help users browse a resource by sections and different menus. Main menu is the most basic part of this component.
  • Mockup. Basically, mockup is the display of schematic locations of separate page elements – text containers, graphic objects, buttons, links, menus, input fields, etc. The creation of a mockup allows forming a close image of an end product before developers get to it full implementation.
  • Logo. A logo isn’t really the main visual identifier of your brand. It’s a universal customization tool that helps to turn even the simplest single-page website into a consistently-styled product.
  • Graphics. Visual graphics include media content – i.e. animation, images, video, as well as user interface elements, which can be adapted to individual client requirements: navigational buttons, split bars, subsections, etc. Graphics within the confines of frontend is static.
  • Text boxes. It doesn’t matter how large your site is – as a rule, not a single web resource can do without a few or so typed words. The ‘proper’ copy from the web design and Internet marketing perspective must not only be SEO optimized, but also be formulated accessibly – both in terms of formatting and meaning.

components_of_a_website

Backend components

More and more websites provide dynamically-updated content – every resource from newsletter websites, which must be scrolled down indefinitely, to fully interactive projects. The operation of such websites is the responsibility of backend – the server part of software which enables immediate response to user requests. In particular, the backend can consist of the next elements:

  • Content management system. If you don’t want (or don’t know how to) work with HTML code, the best alternative for editing content on your site is a CMS. It splits each web page into separate content containers and allows for users with admin rights to edit, delete, add new and restore the previous text.
  • eCommerce. Most every online store out there uses the package of eCommerce services. Even if your resource doesn’t support payments based on online banking, eCommerce solutions will still come in handy – e.g. convenient order processing and status tracking opportunities.
  • Shopping cart. This component is also mostly relevant to online store owners. A very convenient shopping feature, it is just a separate component that allows adding/deleting, storing (in itself), and submitting payment and product delivery.
  • Search. Search is an input field that helps looking up the required info on your website ‘in one click’. This is a necessary attribute any website that strives for a good and efficient UX.
  • Blog. Practically every company has a dedicated blog apart from the personal website. Obviously, the format of content delivery in blog is somewhat different from when all info is distributed throughout the website sections. That’s why a majority of modern frameworks provide a separate module (plugin) for the creation of blog on a web resource.
  • Dynamic media content. This sort of content transforms in accordance with the actions of a certain user. The vivid example of such a type of content are some Gmail inbox themes, which change in appearance according to the time of the day.
  • Multimedia content. It can be live streams, for example, which are downloaded from the server in a real-time mode.
  • Chat. A dedicated chat is a perfect form of interaction between users online without the necessity to update anything. Chats are most frequently used in the web portals, social networks, and commercial solutions providing customer services (probably, everybody’s already familiar with chatbots from, for instance, online banking).
  • Contact forms. Contact forms help users submit certain actions (usually fill out the personal information). They are usually used in commercial web solutions.
  • Referral forms. These forms are used to build an image of your online activity in social networks. For example, if you like an article on a website, you can clik ‘like’ and this will be immediately highlighted in your friends’ social networking updates. From the Internet marketing perspective, this is one of the very efficient ways to promote projects for website owners.
  • Newsletter. There are informational sites where data is updated regularly. Newsletter are updated automatically without the need to refresh the page in order to help users go about the constantly-updated content.
  • Online databases. The databases enable one to operate with data online (i.e. sort, add new, delete old, search, etc.)
  • Protected sections. Such sections are intended for privileged resource users. They can only be accessed by confirming the special access rights (with the help of a password, for instance).
  • Content cloud. Users or site administrators get a dedicated storage of the certain size to upload content to the server to access it at any time.
  • आम वेबसाइट घटकों की सूची
  • कार्यशील वेबसाइट में सशर्त रूप से फ्रंटेंड और बैकएंड शामिल हैं। फ्रंटेंड एक समाधान में सब कुछ का वर्णन करता है जो एक उपयोगकर्ता सीधे बातचीत कर सकता है, बाद वाला - उपयोगकर्ता की आंख से छिपी हुई चीजें (जैसे व्यवसाय तर्क कार्यान्वयन), जो सर्वर के साथ कनेक्शन प्रदान करता है। अभी, हम आम तौर पर फ्रंटएंड और बैकएंड द्वारा आम घटकों की पूरी सूची को उप-विभाजित करने का सुझाव देते हैं।

  • सीमावर्ती घटक
  • सॉफ्टवेयर फ्रंट में निम्नलिखित प्रमुख तत्व शामिल हैं:

  • पथ प्रदर्शन। वेबसाइट नेविगेशन मूल रूप से वेब पेज लिंक का तार है जो उपयोगकर्ताओं को अनुभागों और विभिन्न मेनू द्वारा संसाधन ब्राउज़ करने में मदद करता है। मुख्य मेनू इस घटक का सबसे बुनियादी हिस्सा है।
  • नकली। मूल रूप से, मॉकअप अलग-अलग पृष्ठ तत्वों के योजनाबद्ध स्थानों का प्रदर्शन है - टेक्स्ट कंटेनर, ग्राफिक ऑब्जेक्ट्स, बटन, लिंक, मेनू, इनपुट फ़ील्ड, आदि। मॉकअप का निर्माण डेवलपर्स से पहले एक अंतिम उत्पाद की एक करीबी छवि बनाने की अनुमति देता है। पूर्ण कार्यान्वयन।
  • प्रतीक चिन्ह। एक लोगो वास्तव में आपके ब्रांड का मुख्य दृश्य पहचानकर्ता नहीं है। यह एक सार्वभौमिक अनुकूलन उपकरण है जो सबसे सरल सिंगल-पेज वेबसाइट को लगातार स्टाइल वाले उत्पाद में बदलने में मदद करता है।
  • ग्राफिक्स। दृश्य ग्राफिक्स में मीडिया सामग्री - यानी एनीमेशन, चित्र, वीडियो, साथ ही उपयोगकर्ता इंटरफ़ेस तत्व शामिल होते हैं, जिन्हें व्यक्तिगत क्लाइंट आवश्यकताओं के लिए अनुकूलित किया जा सकता है: नौवहन बटन, विभाजन बार, उपखंड, आदि। दृश्यपटल की सीमा के भीतर ग्राफिक्स स्थिर है।
  • पाठ बक्से। इससे कोई फर्क नहीं पड़ता कि आपकी साइट कितनी बड़ी है - एक नियम के रूप में, एक वेब संसाधन कुछ या कुछ टाइप किए गए शब्दों के बिना नहीं कर सकता है। वेब डिज़ाइन और इंटरनेट मार्केटिंग परिप्रेक्ष्य से marketing उचित ’प्रतिलिपि न केवल एसईओ अनुकूलित होनी चाहिए, बल्कि सुलभ रूप से तैयार की जानी चाहिए - स्वरूपण और अर्थ दोनों के संदर्भ में।
  • components_of_a_website

 

 

components_of_a_website

Additional components

Websites operation also depends on the following three components, which can be characterized neither as frontend nor as backend though. Let’s take a look:

  • Hosting. Hosting defines the physical location of server powers that support your website.
  • Domain. A domain defines an internet address of your resource.
  • Online promotion toolset. This is a very significant to website owners component, which is responsible for a successful launch and further positioning of the resource in the global network. As a rule, it includes a variety of SEO modules, advertising and analytics tools, etc.

components_of_a_website


बैकेंड घटकों
अधिक से अधिक वेबसाइटें गतिशील रूप से अपडेट की गई सामग्री प्रदान करती हैं - न्यूजलेटर वेबसाइटों से हर संसाधन, जिसे पूरी तरह से इंटरैक्टिव परियोजनाओं के लिए अनिश्चित काल तक स्क्रॉल किया जाना चाहिए। ऐसी वेबसाइटों का संचालन बैकएंड की जिम्मेदारी है - सॉफ्टवेयर का सर्वर हिस्सा जो उपयोगकर्ता के अनुरोधों पर तत्काल प्रतिक्रिया देता है। विशेष रूप से, बैकएंड में अगले तत्व शामिल हो सकते हैं:

सामग्री प्रबंधन प्रणाली। यदि आप HTML कोड के साथ काम नहीं करना चाहते (या नहीं जानते) कैसे काम करते हैं, तो आपकी साइट पर सामग्री को संपादित करने का सबसे अच्छा विकल्प एक CMS है। यह प्रत्येक वेब पेज को अलग-अलग सामग्री कंटेनरों में विभाजित करता है और उपयोगकर्ताओं के लिए व्यवस्थापक अधिकारों को संपादित करने, हटाने, नया जोड़ने और पिछले पाठ को पुनर्स्थापित करने की अनुमति देता है।
ई-कॉमर्स। ज्यादातर हर ऑनलाइन स्टोर ईकामर्स सेवाओं के पैकेज का उपयोग करता है। भले ही आपका संसाधन ऑनलाइन बैंकिंग के आधार पर भुगतान का समर्थन नहीं करता है, लेकिन ईकामर्स समाधान अभी भी काम में आएगा - उदा। सुविधाजनक ऑर्डर प्रोसेसिंग और स्थिति ट्रैकिंग अवसर।
शॉपिंग कार्ट। यह घटक ज्यादातर ऑनलाइन स्टोर मालिकों के लिए भी प्रासंगिक है। एक बहुत सुविधाजनक खरीदारी की सुविधा है, यह सिर्फ एक अलग घटक है जो जोड़ने / हटाने, भंडारण (स्वयं में), और भुगतान और उत्पाद वितरण जमा करने की अनुमति देता है।
खोज। खोज एक इनपुट फ़ील्ड है जो आपकी वेबसाइट पर आवश्यक जानकारी को 'एक क्लिक में' देखने में मदद करता है। यह एक अच्छी और कुशल UX के लिए प्रयास करने वाली किसी भी वेबसाइट का एक आवश्यक गुण है।
ब्लॉग। व्यावहारिक रूप से हर कंपनी का व्यक्तिगत वेबसाइट के अलावा एक समर्पित ब्लॉग होता है। जाहिर है, ब्लॉग में सामग्री वितरण का प्रारूप कुछ अलग है जब सभी वेबसाइट अनुभागों में सभी जानकारी वितरित की जाती है। यही कारण है कि अधिकांश आधुनिक रूपरेखाएं वेब संसाधन पर ब्लॉग के निर्माण के लिए एक अलग मॉड्यूल (प्लगइन) प्रदान करती हैं।
गतिशील मीडिया सामग्री। इस प्रकार की सामग्री एक निश्चित उपयोगकर्ता के कार्यों के अनुसार बदल जाती है। इस तरह की सामग्री का ज्वलंत उदाहरण कुछ जीमेल इनबॉक्स थीम हैं, जो दिन के समय के अनुसार उपस्थिति में बदलते हैं।