Week 8 Summary

26 Oct

After browsing through Vincent Flanders website, webpagesthatsuck.com, I found myself in complete shock. How can people design these websites and feel like they did a good job!? The color schemes, the fonts, the flashy backgrounds… all wrong. I understand someone creating a boring, plain website and having it be bad but to go the extreme of having a flashing background or a website that has absolutely no white space because it is so cluttered with text and images is beyond me. It must have taken someone a long time and a lot of hard work to make some of these sites look that bad. So on that note, here’s to hopefully never making the webpagesthatsuck.com website!

 

Advertisements

Week 7 Summary

13 Oct

Animations. Amazing. I had a little trouble with exporting it in the correct format but I finally figured it out and voila! There really are no words to describe this week’s practice assignments. Instead, you can enjoy the cool animations that I created while I wrap my mind around how simple it actually is to create them.

Final Project Proposals

8 Oct

1. Create a website for my father’s company. 

  • The Belden Company, Inc.
  • My father’s business.
  • I have previously worked there so I know a lot about the business and I can get information from my dad directly or any of the other employees.
  • He has had a website “under construction” since 2004. He NEEDS this. (http://beldencompany.com/)

2. Create a portfolio website.

  • Carling Elisabeth Photography & Design
  • Personal
  • Use past and current work, take more photos to build my portfolio.
  • Photography & Designs (posters, banners, etc)

Both of these websites need to be created at some point in time. I think my dad’s website is much more important and will benefit greatly from it.

Week 6 Summary

8 Oct

It was nice to finally get into Dreamweaver and start playing around with it instead of typing up code in TextWrangler and then seeing it how it looks. After watching the videos in Chapter 7 on Lynda.com, I feel pretty comfortable with working with images. I like how there are different ways to insert images onto the page and I LOVE how you can split the screen with code and design and then click on the design side and it will show where you are clicking on the code side. Makes inserting an image A LOT easier.

Click here to see week 2 of my banner designs. I added in the leaves to give it that fall feel and changed the font of MyAACC to go with the design better.

Week 5 Summary

8 Oct

Oh Fireworks, how I love you so. I use Photoshop and InDesign a lot for work and enjoy learning new things all the time that I can use for work. I actually had never even heard of Fireworks until this class. I am now officially obsessed with it (insert nerd comment here) and can’t wait to learn more about it. Fireworks has definitely opened up a whole new window of design for me. Is anyone else as excited about Fireworks as me!?

What I like best about Fireworks is how easy it is to change color, pattern, texture, shape, size, etc. I absolutely love the shapes and how easy it is to manipulate them. For example, the star shape, the options are endless. You can change how many points there are, the roundness of the points, how long or short the points are, how narrow or wide the points are. On top of all that you can change the pattern, the color, the texture AND you can add a border with a different pattern, texture, or color. And you can do it all so quickly. My biggest setback when it came to designing things in InDesign is I never really knew how to add pattern or texture. Sure I could add a bevel or drop shadow, but my backgrounds were always a solid color and flat. Boring. *Anyone have any suggestions how to add pattern to a background in InDesign?*

Click here to view my first draft for the banner design. For this week, I just wanted to start out simple, get my color scheme right and then add in little touches of fall for the next draft.

Week 4 Summary

6 Oct

It is crazy how much goes into designing a website before you even get to the creative part. Week 4, I completed the final parts of the resume project. I had a lot of fun creating this, especially playing around with the color scheme. I never knew that you could create a column with a little code even though all of the text is listed in a row.

In the reading, Difference between Class and ID we learned just that; the difference between class and ID.

ID’s:

  • unique
  • each element can have only ONE ID
  • each page can have only ONE element with that ID

Class:

  • not unique
  • can use the same class on multiple elements
  • can use multiple classes on the same element

*Classes and IDs don’t have any styling information to them all by themselves… they NEED CSS to target them and apply styling.

*Classes are like iPod bar codes = all iPods have the same bar code that say what product, type, color, etc it is.

*IDs are like serial numbers = each iPod has a unique serial number that is for a specific iPod

Week 3 Summary

21 Sep

Welcome to the world of JPEG, GIF, PNG, CSS, HTML, SRC, H1, STYLE, BODY, P, A, BR,  UL, OL, LI, STRONG, EM, etc… Web Design 1 aka learning a completely new language. I’m pretty sure web design should be considered a second language. Technically it is.. HTML = HyperText Markup Language. It just sounds pretty ridiculous when you talk about all of this with someone who has NO clue what you are talking about.

Anyway — I have some (very little) experience with HTML, so I am feeling pretty good right now. Ok, maybe not pretty good, but OK. I am loving the idea of being able to use lists. Definitely going to start using that one at work. For strong and em, I have always used b and i (bold and italic), so what exactly is the difference!?

The number 1 thing that I have learned this week is that you CANNOT rush the work. You need to check and double check your code because if it isn’t perfect, it won’t work. Always remember to use the colons and semi-colons, brackets and to close the tag. Also, make sure you know when the white space matters or not. So far, I believe, when using a: is the only time that the white space matters. Did we learn about any other times that white space matters so far?