Irini Emanoilidis
March 30, 2001
Final Project Stair (Assignment #14)

State the Problem:
	I need to create a final project  that will consist of at least six 
	original html documents and I need to use at least one imagemap, tables 
	or frames, a table, background images, graphics, and relative or absolute links.
	I must use original and clear html coding and credit all my sources.
	It is due by April 27, 2001. I chose to recreate a previous webpage that I 
	made last year using Front Page and Web studio. Since it was not functioning 
	correctly I needed to recreate the webpage and make sure everything is 
	functioning as they should.

Tools:
	Brain: I need to think about the topic that I will choose to create the webpage on.
	Books, Lecture, Notes: I need to use my books, and notes and listen to the lectures.
	Computer: I need to work on my computer to create the webpage.
	Notepad: I need to write the html coding on it.
	Web browser: I need it to make searches for images, graphics,etc.
	Copernic: I need to use this search engine to find sites with info on grphics,
	backgrounds, etc.
	Communication Software 3.5: I need the program to transfer the webpage to the server.

Algorithym:
	I thought of recreating a webpage that I have done last year about my workshop
	(called "Preventive Techniques and Exercises for Pianists with Performance-Related
	Hand Injurues") that I held at Butler university for my Master's degree. I used a 
	program called Web studio last year and Front Page to create it because I didn't 
	know any programing at all. But my webpage was not functioning quite well and it 
	needed to be revised before I can put it on the internet to be published. So, now 
	that I have learned some html I have the opportunity to create the webpage from 
	scratch. I was going to use the text from my previous webpage and some pictures 
	that I liked. Then I had to think about the layout of the site. I thought of 
	rearranging the number of pages and making it shorter than before. Also I wanted 
	to add different introduction and music on the background. I would also search 
	for new backgrounds, graphics, animations, barlines that would match to my 
	theme of piano and music.

Implementation:
	I worked first on the pages that I had the text already. I copied them to notepad 
	and then wrote the appropriate html coding to arrange the text accordingly on the 
	pages. Once I wrote the html code for the regular paragraphs than I worked on 
	creating tables for my entrance page where all the subtitles of my workshop were 
	listed. Then I searched for a while for backgrounds, graphics, and animations. It 
	took me a while to decide on the background. Once I found the one I liked I realized
 	that I had to rewrite the code for margins becasue my background had a wide border 
	of a keyboard. So, I changed all the margins until it looked good. Then it was time 
	to create the very first page that one would see entering my site. It had to be 
	something different and unusual. Trying to find a nice picture for it I ran into a 
	site that had background sets with music and notes floating on the page. It was 
	perfect! Exactly what I wanted! So, I looked at the source of the page and I saw 
	that the person had used javascript, that I don't know how to use yet. He also had 
	made a note on his source saying where he got the javascript code for the floating 
	notes. It was a site where  a lady called "Lisa" had free html and javascript codes.
 	So, I went to her site and took the code for floating notes. I found a nice size and
	color note and then changed the number of notes floating and also the rate that 
	they are falling down. They were too many notes in the beginning and falling too 
	fast. So, I had to change the code a little bit. Although I didn't not javascript 
	I just read the code and experimented with the numbers until it worked exactly the
	way I wanted. I was so thrilled!!!
	Now I had to find a nice picture that the notes would be floating on. I searched for
 	quite a while and I found a site of a lady that sells paintings and had pictures of 
	music room series with nice pianos in them. I used couple of her pictures and I also 
	emailed her twice to make sure that it's ok to borrow her pictures for my webpage. 
	She has not responded so I put a link to her page from my page in order to give her 
	the credit for the pictures.
	Then I thought of using imagemap on the picture with the room and the piano in it. 
	I created the imagemap on the piano and I also added a line  that one can enter the 
	site by clicking "here" just in case their browser did not support imagemaps. 
	I added buttons,  and barlines of the same theme to keep things consistent. For 
	my last page that was a comments page I looked at the html code of my book on 
	creating forms. So, I made a form where people can write their comments and email me. 
	At the bottom of the page I wrote all the links where I used background, graphics, 
	pictures, animations, music, and javascript code. I checked all the links within my 
	webpage and the link that I had to other websites. Everything seemed to be working 
	fine. Finally, I ftp'd all my pages to the server and checked them on IE and 
	Netscape. Things work fine on IE but not on Netscape so I need to figure out the 
	problem. The problem was that my imagemap was not working on Netscape although it 
	was working on IE. I checked to see what the problem might be and finally I discovered 
	that my coordinates were not correct for some reason. So, I experimented and 
	finally got the correct coordinates and now the imagemap is working on both browsers. 
	A new problem that arised from this correction was that eventhough everything is 
	working correctily on both browsers, when I checked my pages on Netscape 6.0 the 
	imagemap was working but the floating notes and the background music are not working. 
	I don't know what the problem might be but as I've learned from this course the 
	different browsers and their different versions have different problems and it's 
	hard to get everything  to work perfectly. I'm hoping to learn more in my future classes 
	to create perfect webpages.

Refinement:
	It took longer time to find background and graphics than writing the codes. It is 
	because I was picky and I was looking for something that I would really like. Next 
	time creating a webpage on music will be much easier because I got almost all the 
	webpages with music information on my favorites' list. So, hopefully next time it 
	will take less time to create a webpage like that.