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.

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

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.