Project 1 Reflection Journal

In this project, I made a website based on my favorite movies. First I made folders in my dropbox for project 1, FM1, FM2, FM3 and sources in my project folder. Then I made an image for the background of my whole website. I opened up Adobe Fireworks and I used the text tool, the rectangle tool and the brush tool to make a curtain. I made a curtain as my background because I wanted to have it there to present my 3 favorite movies. Then I used TextEdit to write the coding for each individual webpage. I used the html tag, the head tag, the link rel tag, the title tag, the center tag, the body tag, the headings tag, the img src tag, the paragraph tag, the a href tag, the table tag, the td and tr tags and I closed them all. I did this for each of my favorite movies. 

I went on google images to find the images for the movie posters of each movie. I copied the link to the page where the image was found and the link to only the image itself and I put it in my coding to make image hyperlinks that lead to that page. So when you click on the image it leads you directly to the image itself. Also in the sources page I put the link where I found the image for copyrights. In the sources page I put the link next to the picture that shows where I got the movie posters. I made the banners for each of the movies using Adobe Fireworks. I made a new document and I put it 700 by 100. I used the rectangle tool to make the background red and I wrote the movie name using the text tool. Then I put purple hearts on the edges of the banner. I made a nameplate for the sources using Adobe Fireworks. I made the document 400 by 300 and I put a radiant background color and used the text tool to label it sources. The theme for my website is romance so I tried to use colors and put hearts to give off the romantic feeling.

To make the website’s layout consistent I kept the background image the same, made the banners similar and also made an external css stylesheet.  I made an external css stylesheet because if I made the css stylesheet internal then there would be too much coding so then I would get confused. Also I found it easier to link it to the favorite movies websites and homepage. I made a homepage for the movies where I made a table that has 4 rows and 2 columns. In the table, I put a text hyperlink and image hyperlink that leads to every website. I linked the favorite movies websites to go to the homepage and the other 2 favorite movies. I also put an image hyperlink on the sources page to get it back to the homepage. I uploaded it onto FileZilla and then I made sure to see that everything works. Then I submitted the project homepage link to jupitergrades and made a poster using Microsoft Word that contains my reflection journal, sitemap and flowchart.