Create your first website

Let’s take a look at the basic steps involved in creating your first website and putting it online.

1 - Preliminaries to site construction

The sitemap is a tree structure of the different sections that make up your website.

For example: (Home, Presentation, News, Contact)

This is an important stage of reflection that will define your different pages and the structure of your site.

Try to keep the structure simple so as not to lose the visitor during navigation

Then comes the choice of color tone, style.

Prepare and group all your graphic elements (photo images, icons) in a folder on your computer.

You can use royalty-free graphics available on the Internet (Unsplash, etc.)

Don’t hesitate to draw inspiration from existing sites you like.

2- WebAcappella project creation

It’s time to create your first WebAcappella project.

Click on the new project menu

Import your graphic elements into the resource editor

Drag and drop your images from your computer.

3 - Creating page headers and footers

Warning

Before you start designing your site, it’s important to familiarize yourself with the basics of WebAcappella FUSION.

A coherent website generally requires common elements on all pages.

These include :

  • a header with a menu for easy access to the main sections of your site

  • A “footer” with access to secondary pages (legal notices, etc.)

WebAcappella lets you create these elements (footer and header) once, and then integrate them into all your pages

Create a page widget for each of these elements (header and footer).

Drag an image and a menu item into the header widget

The “footer” widget will contain a copyright text

Tip

You can click on “Test” at any time to preview your website.

4- Creating your main page (home)

Select your home page.

Test the integration of your header and footer on your home page

Page header placement

Drag the widget element to the top of the page.

Select the previously created widget.

Select page header.

Do exactly the same for the footer, which you will place at the bottom of the page

Create the content of your home page (text boxes and images)

This is your first container page:

  • a page header (top)

  • the central body of your page

  • a footer (at the bottom of the page)

../../_images/screen_page_with_2_widgets.jpg

You now need to enter information about your page in order to be referenced by search engines

Open the page properties

Enter your information

5- Creating all your pages

You can create the other pages of your site by starting from a new blank page or by duplicating your home page

Enter the content of your pages and define the referencing elements for each page, especially the page name

Tip

SEO takes time, so be careful not to change the page name too frequently to disrupt the search engines.

6- Publish your site

Your site is now ready to be published on the Internet.

You’ll need to acquire a domain name and hosting to transfer all your pages, images and other files.

Choosing hosting<../host_advice/index>

Enter the SFTP parameters provided by your host in WebAcappella

Publish your site.