Sri Chaitanya Saraswat Math, Nabadwip

 

 

Standard Operating Procedure No:    002

Standard Operating Procedure Name: How to use Web-page Templates

 

Date written:                                         29 May 2006

Compiled by:                                        Malini Devi Dasi

Checked by:                                          Mahananda Das Bhakti Ranjan

 

Amendment date:

Amended by:

Checked by:

 

Contents:                                              1.0    Organising your Documents

                                                               2.0    Preparing the Template

                                                               3.0    To Add or Delete Picture Blocks                                                               4.0    To Send Web Page by E-mail

Procedure:

 

1.0      Organising your Documents

 

1.1      Create a folder on your desktop and give it an appropriate name. Put the year, month and date (in that order) at the beginning followed by a general description for your project, e.g. 050613_VillageProg

1.2      Copy into it the content of the template folder you wish to use. This should include four items:

                  1.2.1 Template-350pixel-Pics.html or Template-500pixel-Pics.html

                  1.2.2 Put_your_picture_here.jpg

                  1.2.3 white.gif

                  1.2.4 icon_tilak_trnsprnt

1.3      Give the template within the folder the same name as the folder, keeping the last characters: .html.

1.4      Now copy or drag your pictures-for-web (prepared according to the guidelines given in SOP001_HowToPreparePicsForWeb) into the same folder, so your web-pictures and template items are all in the same folder.

 

2.0      Preparing the Template

 

2.1      Open the template file in a web-design programme such as DreamWeaver or FrontPage.

2.2      Give a title for the document. This will appear in the top grab-bar when the webpage is accessed on the web.

2.3      Give the document a subject title, put the date, etc., as directed in the guidelines at the top of the Template.

2.3      Scroll down to the first Òpicture boxÓ which says Click on this picture and make its source *your* picture.

2.4      Right Click and go to Properties. Click beside the Src path and another window should appear. This window is allowing you to indicate which path should be sourced to replace that picture space. Automatically it should take you to the directory where your Template and Put_your_picture_here files are, which is also where your web-pictures have been placed.

2.5      Scroll through and highlight the appropriate picture in the sequence. Click Select.

(NB.    At 2.4, if you double click initially, you should automatically go to the window mentioned later in 2.4)

2.6      Continue through the sequence one by one, selecting the appropriate picture box and repeating steps 2.4 and 2.5.

2.7      To add the text, simply click inside the text box, highlight the text already present and write your own captions for the pictures to replace it.

 

3.0      To Add or Delete Picture Spaces

 

3.1      To select a block (i.e. picture space with text space below): place the curser outside the left of the block, click once on the mouse button, now hold down the Shift key, move the cursor to the outside of the right of the block and click the mouse button. The block is now selected, and can be readily deleted or copied.

3.2      To add blocks: copy a block and paste the selected block as many times as needed. The first move will appear to do nothing since you are still selecting the first block, but using the paste command repeatedly will continue to paste more blocks.

(N.B.   The shortcut for Copy on a Mac is Command C while on a PC it is Control C. To Paste, Command V or Control V as appropriate.)

3.3      To delete blocks, select as indicated in 3.1 and Delete.

 

4.0      To Send Web Page by E-mail

 

4.1      When it is completed, zip or stuffit the entire folder (i.e. the html document and your selected processed pictures) and send it as an e-mail attachment.

(N.B.   If you are unable to zip or stuffit the file, simply send the entire contents of the folder as an email attachement.)

Sri Chaitanya Saraswat Math | Tips for Multimedia