Heading 1
Web-design & Site Map project
-
A sitemap is a visual representation of your website. Sitemaps are particularly helpful for teams developing a website, as they outline each page on the website and the relation webpages have to one another.
Sitemaps are organized with blocks and arrows that show connections between content and webpages. This helps to visually communicate a website’s content needs and the framework required for website development.
How to create a sitemap visualization
Sitemaps follow a similar structure to flowcharts. Each block represents a webpage, with arrows that show connections between one webpage and another and show the hierarchy of content between pages.
To create a sitemap for your website, follow these steps:
Step 1: List all the content and webpages you need on your website.
Step 2: Create categories by uniting the web pages that have the most in common. Once the categories have been defined, organize them by website hierarchy of information. A website hierarchy represents the order of arrangement of pages on a website. The aim is for the user to find their desired page with ease and logic through a series of menus and tabs.
Step 3: Connect the web pages with arrows. These arrows are helpful in organizing blocks by common relevance. The arrows direct the flow of information and the user journey.
Use Draw.io in order to create a webpage.
-
Creating a webpage:
-
Personal webpage
-
Business webpage
3 Things to Do Before Creating a Website
Pick the Right Platform: CMS vs Website Builder
The two most popular platforms to build a website are content management systems (CMSs) and website builders.
Remember to do some research before making the final choice, as using the platform that’s more suitable for your needs will make the website building process much more manageable.
A CMS is a computer software for designing, managing, and publishing website content. In this article, we will focus on WordPress as it is the popular CMS platform, powering over 42% of all websites on the internet.
On the other hand, a website builder is a program or tool that simplifies website creation even more. Hostinger’s website builder is one of the website builders that offer high-quality templates and a user-friendly drag-and-drop interface.
To choose the right website building platform for your needs, consider the following factors:
-
Technical knowledge. Some platforms have a steeper learning curve than others. Consider your coding and technical skills to make the web development process more manageable.
-
Cost. Find a platform suitable for your budget. Also, check whether you will be able to upgrade once your website gets more traffic.
-
Support. Depending on the website’s type, some might need more help than others. For example, a busy professional website will need direct support right away when there is an error. However, a small personal blog can rely on community support alone.
The main steps to creating a new website are:
Website Guidelines: (wix.com or googlesites)
-
Template: You need to choose a template that relate to your subject such as print shop-Car shows- Gamming-computer shop….etc.
-
Information: the information should be accurate and clear.
-
Galleries: you can add one section of the galleries in the homepage and in the other submenus.
-
Videos & sounds: only required if you need to show a video clip of your product or other content of your listed information.
-
Text & Outlines: should be consistent with all pages
-
Contact information: should include an email & the map or location.
-
Footer: should have the site map information & the Logo
-
Logo: you need to create a logo for your website by using logo design : https://www.logogenie.net/logo-design
-
Heading: should have information of the Menu with subfolders.
-
Hyperlinks: the webpage should have a hyperlink to connect with another website.
11. choosing a ready Template from Wix or googlesites should be acceptable but the information must be changed according to your webpage requirements or information.