Thursday, September 22, 2011

Reflection Journal #1

My name is Kevin Castillo. I am in a class for digital designing and I make HTML's. In this class our teacher shows us the codes of HTML and their effects. Some can be attributed and become very useful. We learn the way on how to open and close a HTML file and how to use it in our own advantage. This class is a fun one and useful later in the future.

Lab 1:
In this lab i had to make an html with body paragraphs. This was to learn how to create a simple HTML with only text and using the right codes. To make an HTML I used the text edit software. When making a HTML, First I typed "<html>" indicating it was an html. Then i wrote "<body>"showing it was the beginning of the body of the HTML. Then I typed <h1> which means heading 1 indicating the biggest heading. Then I typed Lab 1 Digital design. To close the heading i had to use "</h1>", this indicates the ending of the first heading. Then I put a second heading, "<h2>", and typed me first and last name and closed it with "</h2>. In order to write a paragraph I used the code "<p>" for paragraph. In my first paragraph i wrote "My first paragraph by Kevin Castillo". in my second paragraph i wrote a detailed way on how to make a HTML. in order to close the paragraphs i used the code "</p>". I ended the HTML by typing the code "</body>" then "</html>", this indicates the ending of the HTML. I used Safari to view my results.


Lab 2:
In Lab 2 we open up another HTML with the "<html>" and "<body>". This lab was to show how to put images on a HTML. It also was to show how to change the color font. Then a Heading "<h1>", digital design and i changed the font size to 36 with "<font size=36" and changed the color to red by adding "color="red"> ", and closed it with </h1>. Then we added a picture with the code <img src="stuff.jpg" alt=".(comment)." /> this adds a picture that i named "stuff.jpg". then I put the next heading, "<h2> Kevin Castillo Lab 2</h1>". then a paragraph "<p>", and i typed something about me. i also changed the font color to blue. i ended it with "</font>" and "</p>". finally ended the HTML "<body>" and "<html>".

Lab 3:
In lab 3, I open with the "<html>" and "<body>". For this HTML I first added a Background color, "<body style="background-color:"blue">" this changed the background to blue. then I added the heading "<h1>",  with a font color green, "<Font color="green">". then i typed "Digital Design 09/20/2011</h1></font>" to put the heading and end the line. then I added a second heading "<h2>", added my name and lab number, and closed it ("</h2>"). for this project i had to post links into the html with pictures and text. first i typed "<p> This is a link to Ms. Ramirez's site</p>" to describe the link. then I typed "<a href="http://techteach.us" target="_blank">Click Here</a>".  this indicates the target link "http://techteach.us" and the area to click "Click Here". Then i put an image link "<a href="http://techteach.us" target="_blank"><img src="techteach.us.png" width="104" Height="142"/></a>". ther target link is there and the area to click is the image which i named "techteach.us.png". I also changed the width to 104. Then i repeated the steps but for the target link i used "http://w3schools.com" and an image of it indicating the click area. Then again for target link "http://digitaldesignkevincastillo.blogspot.com" and then added the image of that website for the click area. Then ended the HTML with "</body>" and "</html>"

Lab 4:
In this lab we used a table to to show colors that can be used to change an HTML. I type the <html> and <body> to start it. then <h1> Digital Design 9-21-11 </h1> and <h2> Kevin Castillo Lab 4 </h2>. to start a table the is used the codes <table border="#"> how big a border will be for that table. <tr>beginning the table. <th> "Color name" </th>, <th> "Code code" </th>, <th> "Color Template"</th>. (<th> means table header. </tr> ending of cells. Then open a new row with <tr>. Then <td> put in color name like black,blue, ect. </td>. then again for the color code of the color you specified. and then use the code <TD BGCOLOR="#ffe4c4"> to input the image of the color. then end it with </tr>. i repeated the steps 3 more times. i used the colors Bisque , gold, olive, and navy. End the HTML with </body> and </html>.



 I have learned a lot from Digital design class. With the new skills i have learned in a couple of weeks if shows a lot of opportunities. with these new skills i can create a vast number of HTML. i can change it to my liking and have fun with it. i can also use this to show presentation of any kind on the internet and show a lot of people. Learning HTML is fun and not that difficult. With these skills i hope to make more HTML's and useful once that i can use in the future.