a Domain or Domain name

The domain name is the name of your website, you want a domain name that is easy to remember and not too long. Avoid using dashed (-) numbers or words that hard to remember.


Hosting is a service where you store all the website files with them. A company that gives this service is called the hosting company. You need a domain name and hosting to make a website. You can buy a domain name and host from the same company or from a different company.

Homepage or Frontpage

The homepage is the main page of your website. When you first visit a website you usually landed on a homepage. when you browse abc.com you will see the homepage, while abc.com/contact is the inner page.


Each page of the website has a header at the top of the page. The header often has a consistent appearance from page to page and houses the navigation and logo of the organization, acting as a focal point of access to other areas of the website.


A logo is part of the header it is usually a symbol of your business or organization. A well-designed logo will give a good impression and trust to your visitors and vice versa, so make sure you create the good one.

CMS (Content Management System)

CMS is the software used by today’s websites to make it easier for webmasters to manage content.


A person who manages the website and has full access to it.

Menu Bar

When a user moves their cursor over a key navigation item, a mega menu, like a dropdown menu, emerges. Visitors can view a map of all the child and grandchild pages in that section rather than a simple list of child pages. As seen below, mega menus frequently also include extra design components like icons or a call to action feature. These menus work well for companies that have a lot of specific information to present about their services and programs.

Search Bar

The header of a website usually has a search box in the top right corner. Typically, it is indicated by the word “Search” in a form field or by a magnifying glass icon. Here, visitors can enter a word or phrase they want to learn more about and be directed to a results page showing web pages that might contain related information.

This feature is useful for website visitors who may already be aware of the information they need but don’t want to look through your navigation.


When a user moves their mouse over a link, a hover state—also known as a rollover state—begins to slightly animate. This makes sure that site visitors are aware of what they may and cannot click on. A button’s color changing or design components moving or fading in and out can both be considered simple examples of hover states.


When a user rolls over a primary navigation item, dropdown menus appear as a list of child pages (so named since they stem from the parent pages). Dropdown menus enable users to explore website material more deeply and identify pages that have been carefully arranged.

Primary Navigation

There should be primary (or main) navigation on every website. A set of prominent links at the top of the page that have titles that direct people to the locations they want to go from wherever they are on the website often serves as primary navigation. The parent pages of a website, which are often broad subjects bringing viewers to related, more comprehensive child sites, are featured in the major navigation.

Secondary Menu

Usually, the secondary navigation is located above the primary navigation in a website’s header. Although the primary navigation is the main navigation, secondary navigation can also contain user-friendly content that you would wish to emphasize. Action items like Log In, Donate, or Volunteer are frequently found.


A breadcrumb is essentially a trail found at the top of any given web page that directs users to that page’s location within the site hierarchy. For instance, the breadcrumb at the top of a page discussing a nonprofit’s mission would read

Home / About / Mission and Vision. It’s an extra method of letting users know where they are on your website, though it’s optional.


A website’s sidebar, which normally appears on the majority of internal pages, can be a very different component. Important information that a company doesn’t want to get lost in the body is placed in a sidebar.
You might discover extra navigation, relevant CTAs, forthcoming events, or even just more emphasized material in a sidebar.

Call To Action (CTA)

A graphic element that requests visitors to do an action is known as a “Call to Action.” For example, typical CTAs for nonprofit websites might ask visitors to join up for a newsletter, make a donation, volunteer, or download particular educational materials.


The lower part of a website and the end of the page, like a header, and a footer will always be consistent on every page. A footer usually contains the social profile of the website and a link to the static pages or links to another website.