Reflection Journal: Project 2

 

 

The second project was about creating a website on my favorite cartoon. I chose Pikachu because I like pokemons. First I drew the pikachu on a piece of paper and scanned it. Then, I used Adobe Fireworks tool to color the scanned image. Before I started coloring it, I first selected the pikachu's body parts using the polygon lasso and oval marquee tool. After I selecting them, I used the paint bucket and brush tool to put colors into each body parts. For the parts I could not select such as his hands, nose and mouse, I used the brush tool. When I finished coloring all the parts, I combined all the layers into one single layer. I also tried to improve the image by adding effects.

 

In order to make a website, I first created three pages. They are biography page, process page and home page.  Then, I inserted the background image, banner, and buttons. In the process page, I explained how I completed this project. In the biography page, I talked about who Pikachu is, what he does and why I like him. In all the pages, I put buttons so that viewers can go through my website easily. When I finished creating the website, I exported it to a html document and connected it to my project index page.

 

By completing this project, I learned what Fireworks tools are and how to use them. Also, I understood how to use hotspots to link one of my web pages to another web page. This project is important in web designing because it helped me to open up my creativity and to troubleshoot problems. In the future, I can use the skills for this project when I need to create a web page using Adobe Fireworks.

 

 

 



Reflection Journal: Lab#10

Lab#10 was about coloring an image using Adobe Fireworks tools. Before I started coloring, I drew pikachu, then I scanned the drawing. To color the image, I first selected the pikachu's body parts such as his ears, cheeks and eyes by using the polygon lasso and oval marquee tool. After I selected the parts, I tried to color them by using paint bucket tool. For the parts that I couldn't select, I used the brush tool. When I finished coloring the entire image, I joined all the layers into one single layer.

By completing this lab, I learned how to color a scanned image by using tools in Adobe Fireworks.

Also, I learned how to use the Fireworks tools. This lab is important in Web Design because web designers can use Adobe Fireworks to color images before putting them on a website. I can apply the skills from this lab in the future when I need to insert colors using the Adobe Fireworks tools such as the paint bucket tool.

Reflection Journal: Lab#11

Lab#11 was about improving the image from Lab#10 by using effects in Adobe Fireworks. In order to add effects to my image, I selected the layer, then I chose and applied the effects.  I decided to make the yellow part brighter because I thought that my image would look better by putting more brightness. Also, I used the brush tool to draw the outline. At the end, I put all the layers into one single layer.

What I learned from this lab is that I can add effects to make my image look better. Also, I learned various types of effects that I can use in Adobe Fireworks. This is relevant in Web Design because when designers need to improve the image that they are putting on their website, they can apply the skills from this lab.

In the future, I will use the techniques from this lab when I need to modify my image by adding different kinds of effects.

Reflection Journal: WBL: Seminar at Noble Desktop

I went to the seminar at Noble Desktop.  It was about desiging a website. First, the person who gave the seminar designed his website on Adobe Fireworks. Then, he tried to put his work on html document. He used <div> tag to choose style the font style of his writing. He also used other tags to select the background color of the website. At the end, he made the website just like the one he designed in Adobe Fireworks. He explained that CSS and HTML are fundamentals of a web page.

I learned many things in addition to what I learned in class. I also learned that <div> is used to select styles for different features in a webpage. This seminar taught me different aspects about building a website

Reflection Journal: Lab#9

Lab#9 was about creating a rollover image in html. I used Adobe Dreamweaver. To put a rollover image in Dreamweaver, I first inserted an image and then I selected another image. By following this procedure, the second image appears when you move a computer mouse to the first image.

By completing this lab, I learned how to create a rollover image. This lab is relevant to web design because when I need to create a website with a rollover image, I should follow the same instruction as I did for this lab. I can use the skills from this lab in the future when I need put a rollover image to my web page.

Reflection Journal: Lab Index

 

My lab index page consists of all the labs I did so far in this class. I made the index pages using Adobe Dreamweaver. I included all my labs in a table using tags like,<tr>, <td>, <table> . I made both screenshots of my labs and text clickable so that it is easy for viewers to go through my index page easily.  Also, my banner can take viewers back to my home page by clicking it.  I listed all my labs horizontally because I thought it would be easy for people if they don't have to scroll down to check my web page.

For all my pages, including the project index page, the lab index page and the index page,  I made clickable buttons that would go to my other pages. I made buttons in Adobe Photoshop using skills that I had obtained last year.  I chose bright colors for the buttons because the background color of my lab index was plain.

I learned how to organize my work by creating a website that contains all of my work.  I also learned that "index.html" stands for the home page of any website. In the future, I can use the skills that I have obtained from this lab when I need to organize my work by using a html document.