Different Page Layouts

There are different layouts a web page can have and this depends on the type of content that your page contains.

This article gives examples of 3 different kinds of layout.

1 - Who’s who

A who’s who page will likely have details of different people within your organisation, each with a photo.

For this a table layout may be the best way to display the web page as it allows the photo to display above each persons title.

image of website showing table layout for team members

See our video tutorial on The Web Editor - Creating Tables for more on laying out your pages.

2 - Separate column for images

For some content it may be better to have a column to the right of the web page where images can be displayed separate to the text.  This column can also then display links to other parts of the website. Columns can be created using tables (image of a table icon button if you are using Charity Edit).

image of page layout in table format

 

3 - Text wrapped around images

For most web pages this may be the better way to display images as the text fits nicely alongside your image and becomes part of the web page article.

image of page layout with text wrapped round image

To do this you need to add ALIGN=LEFT or ALIGN=RIGHT to your image HTML. If you are using Charity Edit then simply change the ALIGN option at the bottom of the image popup:

image of the image properties pop up.

See our video tutorials on Adding Images, Creating Tables and Adding Links.

 

If you found this article helpful or you think someone else might benefit from it then please feel free to share our website page or forward it on.  Please don’t forget to give us a like on Facebook, a follow on Twitter for more articles or a thumbs up at the top of the page if you found it useful.

If you would like to know more about Charity Edit or would like to discuss your website then please contact one of our team on 0121 651 1140.