Add a basic web page

The content for a basic page is created using Sections and Blocks.

• Sections define empty areas on the page. They can stretch across the entire page or more usually are limited to a fixed width. Sections can contain up to 4 columns.
• Blocks are located with a Section and contain the information displayed. There are a variety of predefined Blocks

The normal process, outlined below, involves defining a Section and then adding Blocks to the Section.

1. At the top of the page, click on "Layout".
2. Add a hero to Section 1. That section is blue and has a + Add block link.
3. Click on the gray +add section. In the "Choose a layout" column that opens, choose one of these. The other choices are in not suitable for most purposes because they don't have the required margins left and right. 
   1. One column fixed-width. Text in this column is limited to 700 pixels, so if you choose this for text content, you will have a fair amount of white space on the right.
   2. Two column bootstrap. This allows you to choose from several proportions, e.g. 50-50 or 2/3-1/3. The 2/3 column on the left is a good choice for content that is mainly text. You can use the smaller right-hand column for text that is something of an overview, for examples, etc.
   3. Three column fixed-width. This also has many choices for how to proportion the three columns.
   4. Four column fixed-width. These will be four equal-width columns.
4. Enter something in the Administrative label field. It can be something brief that is just enough so that you will be able to recognize what the section is for if you want to move something to it. You normally will not use any of the other fields, except the column width field on those that have it. 
5. Click on the blue Add section button. You should now see your section in the layout with a blue background and a button or button for adding blocks.
6. Click on +Add block in the area that you want to use for your content. This will bring up the "Choose a block" menu on the right. For most uses, you will be creating a "custom block". These are the special blocks made available as part of Webspark 2. So click on the + create custom block at the top of the list.
7. Choose a block type. Note that the list is alphabetical. For text content, choose one of these:
   1. Text content - for text that will be all in one column.
   2. Tabbed content - for text that will be displayed as folder tabs. This can be useful for presenting text that has categories. Don't use this if the content for each tab will be less than 700 pixels wide. Tabbed content that is made up of lists of items or similar doesn't look good. Content on each tab should be organized similarly. Tabs should be avoided if users need to compare information on the different tabs.
   3. Accordion - for text that is fairly lengthy and that has or could have several headings. The headings will become the accordion heading and the viewer clicks on that to see what is under it.
8. Fill in the fields. Again, Block admin title is something that is useful mainly if you wind up wanting to move the block to a different section or before/after blocks in this section. So just something short that identifies it for you. Notes:
   1. The heading on the accordion panels and the tab title on tabbed content cannot contain any special characters, such as &. If you use special characters, they will not open when clicked on.
   2. Although in theory you are supposed to be able to move tabs or accordion panels up or down within the block, that doesn't always work smoothly. Also, if you try to delete just one tab or one accordion panel within the block, it turns out that they all get deleted. 
   3. You  can choose the text format at will, and alternate between them if you want to. 
   4. You can use the Source button in a content field to edit the HTML. If you do this, you must click on the Source button after editing and before Adding or Updating the block, or you will lose the changes you made.
9. Click on Add block. You should see your block in the Layout. 
10. You can add other sections and blocks until you are happy with your page. It is probably wise to click on the "Save layout" button at the bottom from time to time to avoid losing work. You can continue adding or changing you content by clicking on the Layout button at the top of the page. You can find a page you have started and not yet added to the menu by clicking on the Content button of the Admin menu. Put a word or words in the Title box at the top of the page, and click on the Filter button. That should give you a short list of pages that have the word or words in the title. Click on the one you want, click on the Layout button, and edit.
11. To make changes to a block in your layout, hover over the top right corner until you see a little pencil icon. Click on the icon.  Choose configure if you want to edit the content, move to move the block to elsewhere in this or another section, and delete if you want to delete the block entirely.

Click on “Structure” in the gray menu bar (the Admin menu) at the top of the page and then on “Menus” and finally on the Edit menu button next to “Main navigation”. This opens up a page with all the main navigation menu items.

For pages that already have a stub in the menu

1. Locate the menu item that is for this page. Click on the "Edit" button next to the item.
2. In the “Link” box enter the title of the page you have just created. You can start typing the name and you should see the new page name pop up below the box and you can click on it to add it to the “Link” box.
3. Click on the blue Save button at the bottom of the page. This  will take you back to the “Edit menu Main Navigation” page.
4. To return to your new page click on “Content” which brings up a table of content pages. Click on the page name you have just created.

For pages that do not have a stub in the menu

1. Click on the blue +add link button at the top of the page.
2. Enter the menu link title -- the words that will appear in the menu for this page.
3. In the Link box, start typing the page title. You should see the page name pop up below the box and you can click on it to add it to the Link box.
4. Use the Parent link pull-down to locate and click on the menu group that this will be part of. 
5. Click on the blue Save button at the bottom.
6. On the "Edit menu Main navigation" page, scroll until you find the new link you just created. If it is not positioned where you want it, drag it to the right place and level using the cross icon on its left.
7. Click on the blue Save button at the bottom of the page.
8. Return to the site pages and check that the menu item is where it should be and that the link works.