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