Lab 8 Reflection Journal

             In lab 8 I had to create a table that had a list of my favorite foods, favorite movies, favorite school subjects, least favorite subjects, favorite music and a grocery shopping list. I used textedit to write the html coding and it was my first time using the ol, ul and li tag. I made an unordered list of my favorite foods, then I made a ordered list of my favorite movies. Then I made an ordered list which contained an unordered list for my favorite school subjects. Then I made an ordered list that contains another ordered list for my least favorite subjects. Then for my favorite movies I had multilevel ordered list and for the grocery shopping list I made an unordered list which contained an ordered list. I added an external css stylesheet for this lab to enhance the headings, and the whole table. It took me a lot of time to finish this lab because there were so many requirements for the items in the table and also it was confusing too because of all the coding. Sometimes I would mess up and then I would have to go through all of my coding again to find the mistake and make sure that I fix it. Sometimes I would put an unnecessary ul tag and also I would forget to close the tags. I felt very relieved when I finished this lab because it came out to be very decent and I liked the colors that I used since they went well together. The part I enjoyed the most was putting my own opinions and thoughts for the type of music that I liked and more.

Lab 7 Reflection Journal

         In this lab I had to copy the index and paste it into my lab 7 folder and make it so that all the images appear and that the links work. First I created a lab 7 folder in my labs folder. Then I went to my index file and right clicked it and clicked copy index. Then I went to my lab 7 folder and right clicked it and clicked paste item and then I opened the file in text edit. Now I had to correct my links for the images so that it works. For me I had to put ../the folder name/the image for the images to appear. I did this for each image hyperlink and then I saved it and saw that the images appeared and then I made sure that each link worked when I clicked on them. Then I uploaded it onto FlieZilla. And then I submitted it on jupitergrades.

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.