web design practice tutorial

3
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 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>

Upload: akash-agarwal

Post on 28-Sep-2015

214 views

Category:

Documents


1 download

DESCRIPTION

css html web designing free tutorial lynda

TRANSCRIPT

Birla Institute of Technology and Science, PilaniII Semester, 2014-15BITS C394/ GS F321 Mass Media Content and DesignLab 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 Photogallery

Main Content Area

AdvertisementGallery

1. Go to File Menu.2. Move to New ---- Page ---- Frames Page (In a pop up Window)3. Select One of the Frames template (Header, Content, Footer)4. OK5. 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.html8. 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 LinkSelect 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 FrameClick OK.

Save the New html page as Nav.html

Similarly make pages for all the Frames.