Web Fonts and Colors

The Project:

In these projects we were asked to display the core fonts and show the rainbow of colors. On the fonts website we showed the font in multiple sentences and in 1-9 for each font. On the color website we had to make the traditional rainbow, a lighter rainbow, and black-white.

What I Learned:

In these 2 projects I have learned a lot more about coding. One thing I learned were the 8 core fonts for websites. Another one is that the code for colors can go 1-9 and a-f. We also learned about the <div> and what you use them for. In the color website i learned how to round the corners as well.

Textmate:

I think i did well in making the websites in text mate. I feel like i had to rush through the fonts one but my colors website came out really good. It probably would have been much easier to make the websites in dreamweaver. But overall I think it was a good experience to write all of the code for a website instead of doing it visually.

The Internet: Then vs. Now

 Amazon

Amazon has changed a lot over the years. Starting as a website that sold only books to now one of the most known shopping websites. The usability has definitely changed. The homepage now is a lot cleaner and simpler to use instead of the huge clutter it had. Plus they now offer a lot more the they did previously. One big change 

is that they don't have the sidebar with the clutter of ads like it did before.

 Web Code

Both of these pages have a lot of code for them but the newer website definitely has more code than the older one. The new code is a lot more neat and spaced out. The old one is just in one big clutter. But most of the code looks pretty similar to the other.

CNN

The CNN website has dramatically changed since the early 2000's. It has found a new modern logo. Also they have changed to a darker color scheme with the black instead of the blue colors. The homepage now has a more noticeable main story or breaking news with the side topics on the side. The old website has multiple ads on it and a lot of links on their main page. The newer website is very clean and structured so it is very easy to use.

Web Code 

The code between these websites is extremely different. There is an amazing amount of code for the newer website in comparison to the older one. On the newer websites code there is minimal empty space. One big difference is the amount of links that are in the new one. Almost the entire thing is filled with links.

ESPN

The ESPN website has become a lot easier to use since 2005. They have a list at the top which shows all of the scores. Also it has menus that let you find choose a certain sports team if your looking for your home team. It has actually gotten more ads now than it used too unlike the other websites. They both have the same color scheme with the black red and white. But they have made the ESPN logo look much better than before.

 Web Code

Just like the CNN website the newer code is so much bigger than the older one. The newer code has a lot more code for images compared to the older one. Also the newer code has <meta/> on almost every line of code.

Wayback Machine

The wayback machine is a website that archives websites The purpose of the wayback machine is to record the history of the internet and the websites on it. But they don't just archive websites they also archive music, podcasts, software, images, videos, and texts. One thing I found interesting was that in their images they have everything from like movie posters to pictures of art in museums and historical things. 

Group Project

Our team was named the chargers and our product is the Pocket Charger. Our team did good at dividing up the work and making everyone do their part. We struggled with a lot of people being absent so we had to do some extra work. Next time i do a group project i will try to get another guy in the group so it isnt one sided. I would probably work on my lines for the presentation more next time.  I have improved a lot in my efficiency. One example of this was making the website in 4 days. Another is when i made the ad and the web banner in 6 days. On this project i made the website, the web banner, and the ad.

Web project

 these are the websites we made for the web project. in this we learned how to use dreamweaver. We pasted the elevator pitch and bio into our home page for general information. Then on the projects page we put in our projects from this quarter and last quarter for all of our top projects in each section

House project

This is my house that i made in sketchup. In this project i learned how to do scenes in sketchup and how to make a lot of different items in sketchup. While i was making this i struggled with making the windows because it first made them not touching the wall then when i tried to put on the wall it wouldnt go through the wall and you couldnt see through the windows.

photoshop

Compass

Are first project was to put the ONW compass and the ONW on a picture of the school. It was pretty easy to do you just had to copy paste the pictures in and then lower the opacity on the pictures and you done.




Butterfly

Are second project was the butterfly. Where we were supposed to change all of the wings to different colors because it looks cool. Then we used a tool called the clone stamp on the edges of the wings and it made the copies on the side to
 make it look like its flying.




Northwest

The third project was this Northwest in front of the school. For this we had to put a text mask on top of the school that says NORTHWEST. After that we needed to add gradient to the area around
                                                                                    the letters.
                                                                                  




Collage

We had to do a collage for our last project. For this we needed pictures of the different parts of the school. Then we had to insert these pictures on top of the school and we had to turn down the opacity and then we were finished.

DogHouse sketchup

This is the doghouse i made in sketchup. We used exact measurements to make it. I added a fence and 2 dog bowls and a doggy door. plus i imported a dog in there so it isnt just a doghouse.