Digital Design Fall 2013: October 2013

Monday, October 14, 2013

Lab 8

In this lab I was tasked with making a website with a link to each and every other lab that I managed to make in the past from lab 1 to lab 7. With each link there would be a PNG file under the name of that lab for example lab1.png, lab2.png and etc. Al of these images would come from a images folder so when adding the code to the text file in text edit, the source would be images/lab1.png and so on. The resolution for each image was 100x100, also I went back to each lab and added a home button with a link that re direct the person to this lab, lab 8 or in other words my homepage. I added the same home button to my lab 8 just to added to the idea of having one.

The tags that I used are <html>, <head>, <title, <img src= ">, <body style= >, <a href=">, <center> and many others. The software that I used for this lab was text edit and safari, to make as well as view this lab that took quite awhile to form after playing around with many different codes and such. This is relevant to web design because if I can create a home button then everything becomes easier for me to access my work on a daily basis ad go back to it for references. For the future these skills will help me become a better web designer and if not help me improve on my organization skills.

Sunday, October 13, 2013

Lab 6

For this lab, I had to make a banner, logo, and a thumbnail icon for that banner. The banner would contain the logo inside So the banner is a combination of the banner and the logo. The thumbnail is basically a pixelized version of this. The software that I used for this lab is text edit, safari, photoshop, and fireworks. I used Text edit to create the website, safari to view the website, photoshop to create the banner and the logo and fire works to convert the banner into an icon by saving it as favicon.ico. Favicon.ico is what I used to convert into an icon file, the resolution for the icon is 16x16.

The written section of this lab is about how my logo is suppose to represent my creativity and ability to combine different elements. The colors, yellow and blue, are colors that I felt would stand out and especially since I love the color blue it is a perfect fit. When I designing my banner the design was originally something I drew on a piece of paper. It wasn't anything special but after drawing the banner and scaning it on the computer, just like any great idea. This is relevant to web design because my logo is mine only and the colors are what I chose these are things that a web designer must consider. The tags I used are <p>, <html>, <head>, <img src= ">, <link rel=">.

Lab 7

In this lab I had to create a table, the table consisted of my 3 favorite subjects, my 3 least favorite subjects, favorite food, favorite music and movies as well as a grocery list. Since there are 6 topics I made 6 columns, each title per column is a different color. The software that I used was of course text edit as well as safari to make and view the website. For this lab, my favorite subjects are web design, chemistry and US History. My least favorite subjects are Geometry, Phys Ed and Creative Writing. The tags that I used the most are <li> for list, <ul> for unordered list and <ol> for ordered list. I used many other tags such as <head>, <html>, <body>, <title>, <h1>, <h2>, <h3>, <td>, <tr> and so on. Many tags that I used were from previous labs that I was able to finish with a lot of hard work.

Some of the music that I chose was from Asking Alexandria, Carley Ray Jensen and Rise Against, these compose 3 genres: heavy metal, pop, and punk. Each genre got an album and each album got 3 songs, this just so how organized I was with this specific lab. All of this is relevant to web design because if I found this hard then the path to a web designer would be harder to pass and I know that I'll keep on trying. As for the future, these skills certainly will help me in many projects and other work for this class.

Lab 5

In this lab, I was tasked with making a website with my own name plate. To start off I would like to say that the programs I used for his program are text edit, safari, Photoshop and . The tags that I used are <html>, <head><body>, <title>, <center>, <img src= ">, <h1>,<h2> and <h3>. To do this lab I started by making a nameplate in Photoshop, it was straightforward, I made a rectangle with the rectangle tool and added text with the text tool. I also used Photoshop in order to customize my name plate. I used an option called bevel and emboss for my name plate such as many others.

This is indeed relevant to web design because a web designer is identified by his or her work. To say that a web designer is great at his or her job but he/she has nothing to identify themselves with as individual seems unheard of. I see myself in the future using these skills to identify myself as a professional web designer , my name plate will look way better and it will get the praise worthy of my skills at that point in my career.

Lab 4

In this lab I was tasked with making a website containing a table. The table consists of 3 columns and 16 rows. Three columns represent the Color Name, Hex Code and the Color. What I did was I used the following coding for the columns: <table border="1">, <tr>, <td>Color Name</th>,<td>Hex Code</th> <td>Color</th>. These are some of the tags that I used when making this website with table. Following that, I used the following code for the second row:

<tr>,
<td>cornsilk</td>
<td>#FFF8DC</td>
<td bgcolor="Cornsilk"</td>.

I used the same code for all the other colors like Gold Gray, light pink and etc.The software that I used was of course Text edit and Safari to make and view the website as well as its table. This is all relevant to web design because being able to create a table and apply hex codes to a text document is very crucial when it comes to applying it to other forms of web data, Web design does consists of statistics, which is what this website just so happens to have. So in short as for my future in web designing this lab and its tags are something that I can hopefully apply in the near future. A list of tags that I used are :<html>, <head>, <body>, <title>, <center>, <td>, <th> and <tr>.

Lab 2

In this lab my task was to make a website and add an image that I took as well as thumbnail. The written part was about 3 smart goals that I had in mind. These smart goals were that I'll know 10 html codes by the end of the first marking period. Also, my other two goals are to have a 90 or more in this class as well to have enough skills by the end of the year so I can be good enough to make a website for a company, not a big one most likely but it'll be hard work payed off in the end. Thanks to what I learned this lab I will be able to go even further as a web designer.

The software I used for this lab again was text edit and safari. Text edit for the Html coding and safari as a web browser to view the lab. I see myself using these skills in the future when I do make websites for people. The tags I used for this lab are: <html>, <head>,<title>, <img src= ", <a href>, <p>. This is relevant to web design because being able to add text, images, thumbnails, hyperlinks this is what make up a website and theres much more. I was able to do this lab by starting off with <html> and <head> and <body>. From there i added a heading and the two images by using <img src= " two times. After that i made sure those two codes had the file and extension name as well that it was closed. Also i made two paragraphs describing my goals.

Lab 3

In this lab I was tasked with having to create a website with a specific color, screen shots of 3 pages and a clickable link to those pages. The point of this lab was to combine different skills in order to demonstrate our skills as web designers and our ability to open and close different codes. The color I chose for my website is green and the three sites I had to use are w3schools.com, my blog and techteach.us. The software thatI used was of course Text edit and safari for making and viewing the web site. Also, I did this lab by using the following codes:

<a href="http://www.w3schools.com"target="blank">click here</a><center>

<img src="w33schools.com Screenshot.png"width=200" "height=200"</a></center>

 <a href="http://jdinplatanoland-johnmdiaz.blogspot.com/"target="blank">click here</a>

<center><img src="Blogger Screenshot.png"width=200" "height=200"<a/></center>

 <a href="http://www.techteach.us"target="blank">click here</a>

<center>

<img src="Techteach.us Screen Shot.png"width=200" "height=200"</a></center>

This code demonstrates how I placed my hyper links in the website as well as my images which were 200 x 200. Some of the tags that I used  which were incorporated in the code above are: <html>, <head>, <center>, <img src= ", <a href= " and etc To change the color of the background I used this code: <body style=" background-color= green">. All of this is relevant to web design because changing the color of website and adding links is what attracts people to a website so to have these skills really makes a difference. Also, as for the future, these skills as well as others will only help me become a better web designer and hard worker

Saturday, October 12, 2013

Lab 1

In this lab I was tasked to make my first html page for Digital Design. I used many different types of coding such as how to add a title, how to add headings, In this lab I made 4 headings, h1,h2,h3 and h4. The point of this lab was to get the basics of web designing and just to introduce to the long concept of html coding that I would be introduced to. In the picture below it shows angle brackets with and without forward slashes. To have a forward slash means to close a code and to not have a forward slash means that the code has just begun. This is just some of the basic things I learned thanks to this lab.

In this lab I used the following programs: Text Edit and Safari, Text Edit was used to create the website through html coding and Safari was the Web Browser I used to view the Website. Here is a list of all the tags I used in this lab :<html> <head> <body> <h1> <h2> <h3> <h4> <p>.This lab was really relevant to Web Design because it really gave the fundamentals of web site building and if this code looks long to others, more is yet to come. The long paragraph in the code was basically me introducing myself to the www(worldwide web). This lab was done within the first week of school or so basically it was just a way to get me comfortable with coding.