Create Websites with CHEETAH
Web pages are built in "Cheetah" from banners (2)
Here you can already see a decisive advantage of "Cheetah". Even if you only design your website for the PC screen, the smartphone view will immediately be at least usable. Of course, you can still influence this view and make special adjustments here as well. All you have to do is switch the editor to smartphone mode. You will find the corresponding button at the top left of the main menu.
Of course, the web page clicked together in this way in less than half a minute is not yet usable, let alone finished. At the very least, you still have to replace the template texts with your own texts, possibly change the background image or even adjust the positions of the individual elements according to your ideas. There are no limits to what you can do. Also, one page is not enough, because the obligatory imprint and privacy policy are still missing. It is sensible to outsource both to a new page (already because of the overflowing legal texts!) and then link them sensibly with an appropriate text reference in the footer or header area of the website. But more about that later.
General information on structuring a web page with banner
Working with banners supports the fact that websites should always have a certain structure. It is important to group the actual content of the website according to logical aspects as well as thematically appropriate and to link them sensibly with each other. This improves both user orientation (measured by how long they spend on the website) and visibility for search engines. Properly structured web page content and sub-pages linked to the web presentation lead to a better understanding and classification of the page by the crawler, resulting in a better ranking in a search engine. At this point, we will first deal with the general structure of a single page of a website, which can be imagined in general from different areas:
Header
The header of a web page is usually a more or less wide strip at the very top of the web page and usually contains a logo, a headline and sometimes a menu structure for navigating to the corresponding subpages. It is often present in the same form on all subpages of the website, and is often configured in such a way that it does not change its position when scrolling over the content of the website. By the way, "Cheetah" provides a particularly elegant way of equipping web pages with uniform header areas with so-called "header templates", which can be designed separately and then explicitly assigned to other sub-pages via their names (by the way, this also applies analogously to "footers").
Navigation
Websites with several subpages require a navigation option that should be designed in such a way that the user can reach all the information he is interested in with as few clicks as possible. The navigation can be realized via a classic menu structure, via buttons, via simple links (imprint) or even tabs. Often, the main navigation is built into the header, which is also the most sensible option in most cases. However, vertical menu structures for internal linking of the individual sub-pages of a website are often very good alternatives. And also keep in mind: search engines like a good, logically structured internal linking and reward you with a few ranking positions "upwards" in their search results.
Content
The biggest part in the center of the website is the content area, which should of course be structured according to its content. It contains texts, images, videos etc. pp. and will have different content on each subpage. Nevertheless, you should be able to recognize a certain "corporate identity" here, as this is exactly the kind of thing that positively influences user behavior. If the topic of your website allows it and you want to rank high in the search engine results for selected keywords, you should include as much "content" as possible in the form of text in your website. This signals a certain relevance of the website to the crawler. As a rule of thumb, you should keep in mind that the total text on the website should be around 500 words (and more) in order to be assessed by the crawler as "particularly relevant".
Sidebar
Additional information in the form of links, quotes or advertisements will not be displayed in the main window, but will be placed in a sidebar on the right or left. You can observe this approach especially often on newspaper websites. Sometimes you can find information and navigation menus on sidebars that are the same on all subpages. Note, however, that such a display is not possible in the mobile view. Here you may have to resort to other design tools that show an analogous result.
Footer
This is a strip at the end of the web page, which usually contains information about the publisher of the website, links to imprint. Privacy Policy and Disclaimer and sometimes also a mask for ordering a newsletter. It can also be fixed at the bottom. However, most of the time you will reach it only if you scroll to the bottom of the web page. In "Cheetah", footers can be designed separately, just like headers, and then explicitly assigned to the other subpages via their names..
Screen, page background and banner
Desktop screens can have different sizes and resolutions. Websites that adapt to this circumstance are called "responsive". With websites created with "Cheetah", you can observe this behavior very well as soon as you continuously reduce the browser window. The content adapts to this and at some point switches to the mobile view. Or in other words: The responsive behavior of websites created with "Cheetah" is inherent to these websites and does not need to be considered further by you as a designer.
But there is one more "element", which we have not dealt with yet. It is the page background itself, on which the individual banners are arranged. By default, it is white and can usually be left that way. However, it can also be colored or equipped with an image or a tile field of images, which in combination with more or less transparent banners allows interesting optical effects.