Web Authoring Template Guide

The document provides a step-by-step guide for creating a web template using a table, including instructions for merging cells, adjusting sizes, and saving the file as 'index.html'. It also covers setting a background color using custom colors or Hex values, and outlines the process for outputting webpages by screenshotting and printing HTML code. The document emphasizes the importance of including personal details in submissions for exams.

Uploaded by

kasu.indrachapa

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

7 views4 pages

Web Authoring Template Guide

Uploaded by

kasu.indrachapa

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 4

Web Authoring

Creating a template
1. To create a template, you will need to create a table. If you want to add anything to your
webpage, this should be done in the insert tab at the top. Please click it.
2. Then select table.

3. Change to the ‘Precisely’ tab. Enter 5 rows and 5 columns (you would obviously change this to
suit the template that you need based on the layout you will be given in your exam question).
Change the width from the drop down menu to ‘% of window’ (this will ensure your template
covers the full screen of any device that is used no matter its screen size). Change the border to
0 (This will ensure that no lines are seen on your actual web page. If you wanted an actual table
on your webpage, then you would set this as 1 to get a narrow lined border). Click OK.

4. To merge your cells, select/highlight the cells you wish to join. Then right click and select ‘join
selected cells’. Another way to do this is to open the table tab at the top of the window and
then select ‘join selected cells’.
5. When you begin to insert text into the cells, the sizes will automatically adjust. It is often best to
add any text needed first and then adjusted cell size after.
6. If you do wish to adjust the cell width or height, you should first select the cell you are adjusting.
Then, right click and select on ‘Table Cell Properties’. Another way to do this is to select the cell
and open the table tab at the top, select ‘Table Properties’ and change the tab to cell.

7. Size is adjusted by typing into the height or width boxes. You have an option to choose pixels or
% of table from the dropdown menu. You can select what is the most appropriate for you.
8. Save the file by clicking into the File tab and selecting ‘Save as’. Save the homepage as
‘index.html’ (The homepage of all website is always named index. This is how the software
recognizes which page is the Homepage). If you wanted to create another page but use the
same template and colour scheme, you should click on ‘save as’ again and make a new name for
your new webpage. This is a common instruction given in exams.
Setting a background colour
1. Select the Format tab and click on ‘Page Colors and Background’.

2. Choose to use ‘custom colors’ and select what it is that you wish to change; Normal text, Link
text (this is for a hyperlink), Background. Keep in mind that hyperlinks are usually blue and turn
purple when they have been clicked. Try to avoid these colours when selecting your background
color or the hyperlinks will be difficult to read.

3. You now have two ways to select the colour that you want. The easiest way is to click on the
colour that you want from the palette given to you. But the way you are most asked to do this in
an exam is by entering the Hex colour value (This is a digital number that represents a particular
colour. Every colour has a different Hex value as it represent the amount of red, green and blue
in the colour). Enter the Hex colour value #FCD957. Then click OK. Click Ok again and your page
should have a pale yellow background.

4. Save your webpage.

Outputting your webpages
1. You are usually asked to output your webpage in two ways during the exam. You will be asked
to screenshot your webpage from a web browser and you will be asked to print your html code.
If you leave one of these out, you can guarantee that you will be missing out on a lot of marks.
2. First we will look at screenshotting from the web browser. To do this, you simply click on the
browse button in the window. A window will pop up asking if you are sure you want to Launch
the web browser. You do so click ‘Launch application’. Your web browser should then open
showing the web page that you have created.

3. Simply screenshot this into a Word document using the snipping tool and print. First part is
done!
4. Copying the html code. To do this, you should change your Kompozer view to ‘source’. Then
copy the whole html code from the screen and paste it into a word document.

5. Always double check that the document includes you name and candidate details before
printing as you will usually be asked to enter this at the beginning of the question.