Birla Institute of Technology and Science, Pilani

II Semester, 2014-15
BITS C394/ GS F321 Mass Media Content and Design
Lab Session
Save Earth is an NGO working in the area of Environment Conservation. The NGO take up voluntary projects supported by various governmental and private
firms. The projects are deals with various issues like deforestation, wild life conservation, migration of animals and human beings, Poaching etc. So far the NGO
has been very traditional in reaching t people and supporters for creating awareness and generating funds. Now, the NGO as approached you to develop a website
for them. Make a website comprising of 5 Web pages. (Use Microsoft Expression Web to design the website.)
Home Page (home.html)
About Page (about.html)
Navigation (nav.html)
header (header.html)
Welcome (welcome.html)
Home Page :

Logo + Header Details

Home Page
About Page
Projects
Case
Studies
Photogaller
y

Main Content Area

<frameset rows="121,*,121" framespacing="0" border="0">

<frame name="topframe" src="header.html">
<frameset cols="183,*">
<frameset rows="*,34%">
<frame name="leftframe" src="nav.html">
<frame name="leftframe1" src="welcome.html">
</frameset>
<frameset rows="*,34%">
<frame name="bottomframe" src="advert.html">
<frame name="bottomframe1"
src="gallery.html">
</frameset>
</frameset>
</frameset>

Advertisem
ent

Gallery

1.
2.
3.
4.
5.

Go to File Menu.
Move to New ---- Page ---- Frames Page (In a pop up Window)
Select One of the Frames template (Header, Content, Footer)
OK
In the Top half of SPLIT View of work area, you can see the frames definition. It informs you about the various
frames by frame name.
6. Modify the frames definition according to the given practice question.
7. Save the frames definition page as: Index.html
8. For each of the frames, you have to now make a content page.
9. For Example: Click New Page in the Contents frame(This is the navigation frame).
10.A new Page will be displayed in the Contents frame.
11.Add content.(In Nanvigation frame, links to other content of the website are to be provided)
Type : My First Link
Select My First Link, Righht Click ------ Hyperlink (A pop up window will appear)
Browse your folder for files to be linked. Select the file.
Choose Target Frame.
Select Main Frame
Click OK.
Save the New html page as Nav.html
Similarly make pages for all the Frames.