In 2017 and beyond websites need to work on all devices. Laptop / Desktop, Tablets and Mobile phones

How this works is a page can be thought of a series of horizontal blocks which reflow in to a column should the viewing device have a narrower window. (This is the Google preferred solution ignore at your own cost.)

1

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

2

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

3

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

1

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

2

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

3

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Home  /  Editing Your Website  /  Creating A New Section On A Website Page

Creating A New Section On A Website Page

If you look at a typical website there is a: -

1. Top section

2. Middle section – there could be a number of sections in the middle section.

3. Footer section

Q. Why have several sections rather than one great big section – 

A. Easier to manage the text and pictures. Websites were all once in one section but that made for very complex code which was hard to maintain.

To add a new section

Edit +SECTION

1 – adds a back ground picture – this can have text in front.

2 – as 1 but no background picture – but can have a background tint.

3 – background picture down the left side.

4 – background picture down the right side.

5 – background picture with text on the picture.

6 – background picture with text on the picture.

7 – modules are additional features – become comfortable with 1 – 6 before moving on to the modules. – 7. This is the one to use to add a series of pictures which change.

8 Puts a module in on the page with a border

9 Picture and module

10 module and picture

11 Picture with text in front and module

12 Module and picture with text


Placeholder

Placeholder

Puts three pictures in the background

Puts two pictures in the background

Background picture with knocked back section with text in front

Points to note – the background pictures are elastic. You upload the picture and the software will stretch it to fit the size

Size of Background Pictures

Size guides

Full page width background picture 1400 pixels wide by 600 pixels deep

½ page 700 x 600

1/3 400 x 600

Sections can be moved up and down if you click edit on the page in question and click on the section a blue box will appear with a white spanner. Click on that will bring up a box with options Top moves the section to the top. Up press once to go up once and keep pressing to move up.

Height – Auto will adjust the height of the section to match the content.

Moving a Section


Clicking in the left corner will bring up a couple of icons. The blue box and spanner will generate the Section Settings box.

Clicking Up will move the section up, one section at a time.

Height will adjust the depth of the section - handy if the section looks too deep.

Auto will set the height to adjust to the content.

Introduction To Editing

Add new words lists change the colour of text .

Adding
Content

Adding content and pictures and then edit to create your own look.

Adding A New Section

Adding a new section to a page to expand the content .

Search Engine Optimisation

Title, description how to come up in Google

Dividing A Page In To Sections

Sections in a page makes it more manageable.

Adding
A Picture

Pictures brighten up text make it more readable

Adding A
Video

Video is the
future

Adding A
PDF

Adding a pdf
to your website.