Reflection Journal: Lab#13 Wordle

 

  

Lab 13 was about creating a wordle of my favorite teacher. A wordle is word clouds. To make a wordle, I typed in many words that describe my favorite teacher. in the text box. Then, the wordle is created. After I created one, I chose the layout of the wordle.  The layout of the wordle can be the font, color and alignment of the text. Last, I put the screenshot of the wordle into the html document for this lab as well as the html document for the project 3.

 

By completing this lab, I learned what wordle is and how to make it. In the future, I can create a wordle and put it into my website. 

 

 



Reflection Journal: Lab#12 CSS

Lab#12 was about making CSS and applying it to my entire lab folder. CSS or cascading style sheet is used to define styles of texts, background colors and other elements in a HTML document. In order to make CSS, I used Adobe Dreamweaver. Then I typed a html element such as "h1". Next, I used curly brackets to define the style of the element and then I changed the text color of the heading and the background color of the labindex page.

By completing this lab, I learned about CSS and how it is used in a web page. This lab is relevant to web design because web designers can use CSS to make their website colorful and fancy. In the future, I can use CSS to improve my website.

Reflection Journal: The Field Trip to Queensborough Community College

On December 17, 2014, I went to the trip to Queensborough Community College. It was the first trip for our class. We learned about the school and different kinds buildings in the campus. When we visited the technology department of the school, we learned about 3D printers.

First, we went to room for one of the technology class in the school. In this room, the Professor discussed different kinds of technology class such as telecommunication, electronics, computers, internet and information technology. Professor Lawrence talked about 3D printer. He showed us videos of how 3D printer is used in modern life. I learned that a 3D printer uses metals or plastics to print something. Also, I learned that 3D printer is used to create parts for an airplane. He then demonstrated us how 3D printer works. First, something that a person want to print is made in the software. Then it is saved and scanned in order to be printed. Lastly, the item is printed out.
After the workshop about 3D printer, we visited different technology classrooms. I learned what is done in these classrooms. Then, we walked around the campus to see different types of buildings in the school. After this, we visited the Holocaust center. In the Holocaust center, I learned how harsh and tragic the Holocaust was.

The trip helped me to understand what college is like. It also encouraged me to think more about going to college. I learned that how useful 3D printer is in our life from the workshop by Professor Lawrence. I was also impressed by things that are printed by a 3D printer.

Reflection Journal: Project 3

The project#3 was about creating a website about my favorite teacher. My favorite teacher is Mr.Anthony who teaches me U.S. History. My goal for this project was to thank Mr. Anthony.

First, I made four pages. They are biography page, fun facts page, impact page and wordle page.

Then I made buttons that link to each page in the website. I used the flag for the United States because for the buttons because he teaches U.S. History and they are rollover images. By applying CSS to every webpages, the background color and font are kept consistent. In the biography page, I included Mr. Anthony's life. In the impact page, I put how Mr. Anthony has influenced my life. In the fun facts page, there are some interesting facts about Mr. Anthony.  

I learned how to make a website using CSS and rollover images. By using rollover images, I learned how to make this website a little more interactive. This project is relevant in Web Design because it helps me to create a website that includes different things such as rollover images and CSS. In the future, I can use the techniques for this project when I need to make a creative website using rollover images and CSS.

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.

Reflection Journal: ITHS CTE Career and College Fair

I attended the ITHS CTE Career and College Fair on October 17,2014. It was about introducing some City Universities and State Universities with different measures  for students in the CTE academy. This event helped me to learned that colleges are offering different opportunities. Also, some books that they gave me help me to understand how manage money while in college and benefits that you will gain after you graduate from the college. There weren't just colleges but there were some businesses. In conclusion, this Career and College Fair taught me what to do in post high school life.

Reflection Journal: Lab#8

This lab was about creating a list of things in three different ways in a html document. The three ways are definition list, ordered list and unordered list. I used text edit to make a html with the tags such as <ul> for unordered list, <ol> for ordered list and <li> to list items. To organize these lists, I used table. In the first column, there are my favorite foods. In the second column, there are my favorite movies. In the third column and the fourth column, there are my favorite and least favorite subjects in school. In the fifth and the last column, there are my favorite music and my shopping list.

This lab is relevant to web design because I learned how to make an ordered and unordered list in html. In the future, I can use skills from this lab when I need to make a list of things in different ways.

Homework October 20, 2014: Detail Oriented

Explain why attention to detail and following procedures are important elements to web design?

In web design, attention to detail and following procedures are important elements because if you miss them, you can make a mistake that will affect your entire work negatively. By following directions, you can keep track on what you are doing. By paying attention to detail, you can find mistakes that you made and fix them. In conclusion, following procedures and paying attention to detail are significant in web designing because they would prevent you from making silly mistakes and creating a bad work.

Homework October 20,2014: MP1-Self Evaluation

I think I did decent in the first marking period. Since my goal for this marking period was to get 85 or higher in this class, I was to able to achieve it by getting 95. Also, I learned basic skills of web designing through the labs and the project. But, I still need to improve in different ways. One way is that I need to manage time and spend it effectively because I couldn't finish some of the labs and other works during class. Therefore, I had to finish them up at home.  Another way is to explain things in detail. Because I lacked explanation in the works that I needed to explain, I got a deduction on the grades of the assignment. As a web designer, I need to be able to write things in detail in order to show my enthusiasm to my clients, my teachers and other people.

Homework October 20,2014: Note Taking

How do we take notes?


We take notes by putting down information into my notebook. In my class, I copy notes that my teacher wrote on the board. I try to write down as many as details possible for my notes so that when I review them I should be able to learn things from my notes. Also, I try to put my notes neatly because if I write messy, I am not able to read and understand them. When I want to list important things, I underline words or circle them so that they recognizable.

Reflection Journal: Lab#7

Lab#7 was about making an index page for all of my labs. I used text edit to put tags. I used the <p> tag to put my images and letters vertically. To put hyperlinks for my labs, I used <a href> tag. For the images, I took a screenshot of each lab. For the head of my index, I put my banner.

I learned how to create an index page for my labs. This lab is important to web design because a website contains different kinds of things such as hyperlinks and images. In the future, I can use skills for this lab when I need to create a website .

Reflection Journal: Lab#6

Lab#6 was about making my own banner and putting it into a HTML page. First, I used Adobe Photoshop to design the banner. I chose green for my banner because I like green.  Then I placed the banner with the <head> tag.  I used the <center> tag to put everything including the heading to the middle of my web page.

I learned that I must close the <head> tag before I open the body of my web page. This is relevant to web design since banner can be used to create an attractive web page. In the future, I can use skills for this lab when I need to show my banner on the head of my page.

Reflection Journal: Lab#5

 Lab#5 was about designing a nameplate using Adobe Photoshop and putting it into my HTML page.
In order to complete this, I created my nameplate by using designing skills that I had obtained last year. Then I tried to the nameplate into my HTML document by using text edit and codes such as <img src>.

By completing this lab, I learned different kinds of effects that I can put into my work.This lab is relevant to web design because I still need to have skills to design things. In the future, I can use skills for this lab when I need to design things using photoshop.I lea

Reflection Journal: Lab#4

Lab#4 was about listing hexadecimal colors by using tables. To complete this lab I used text edit to type in codes and tags such as <table>, <tr> and <tr> to create and put a table into my html document. I made 3 rows to include the name of each color, the hexadecimal numbers for each color and colors.


By completing this lab, I learned how to insert a table. Also, I found hexadecimal numbers for different colors. This lab is important to web design since hexadecimal numbers are for colors in html documents. I can use skills for this lab in the future because now, I know how to put a table and change colors of my web page by using hexadecimal numbes.

Reflection Journal: Lab#3

Lab#3 was about making a web page that contains hyperlinks. I used text edit for coding. I used tags like <a href> and </a>. Both tags are used to include hyperlinks. By putting images or letters with  the link of a website after <a href> and closing it by </a>, you can go to that website by clicking on the image or letters. I used <center> tag to put my images into the center of the web page.

I learned how to put images and letters with hyperlink. This is important in web design because when I need to put hyperlinks in my web page, I need to know how to use tags that I used for this lab. In the future, I can use skills for this lab when I need to create a website that contains images and letters with hyperlink.

Reflection Journal: Lab#2

Lab#2 was about creating a web page that includes pictures, background color and my goals for my class. To create a web page for this lab, I used text edit. To insert an image, I used <img src> tag and by typing the width and height, I can adjust the size of the image. To change the background color, I used <bgcolor="#"> tag.

From this lab, I learned how to insert an image to a HTML document and to change the background color of a web page. This lab is relevant to web design because images and backgground colors can make a web page more attractive than a web page with white background color and no images. I can use skills for this lab in my future because I know how to place images and switch the background color for my web page.

Reflection Journal: Lab#1

Lab#1 was about creating a basic HTML document. I used text edit to type the codes for this lab.

In order to create a simple HTML document, I used  the tags like <!DOCTYPE>, <body>, <head> and <p>.  I explained what I learned in class on that day in this lab.  This lab was very important to Web Design because I learned what each codes represent and what their function is. Also, I learned the structure of a web page. In the future, I can the skills for this lab when I need to create a simple web page.

Homework September 30,2014: Webpage vs. Website, Storyboard and Sitemap

1)The difference between a website and a web age is that a webpage is a single page of information that can have links to other pages in the website or links outsite the website. However, a website consists of different web pages.
2) A storyboard is a layout of an animation by step by step. It is important because with the storyboard, you can organize your plan. Also, you can review it back and correct your mistakes or make changes.
    A sitemap is visual representation of a Website's content. It is important just as storyboards because you can create a simple layout and organize information that you are going to be putting on the website.