Week 15 Summary – Final Project

18 Dec

Welcome to Week 15. We finally made it. I personally found this to be the most challenging but most rewarding class. I started this class with knowing basic HTML and no CSS. I finish this class with a very good understanding (still so much more to learn) and with an actual website that I created by myself from start to finish. Not only did I create a website, I created a website for my dad. My dad has done so much for me and I couldn’t be happier to do something for him and his company. Hopefully this can help bring in more business as well. Win-win for him!

Click here for my final project.

Click here for the final product.

Advertisements

Week 14 Summary

18 Dec

Website, website, website. I am finally making sense of the whole website world. Throughout the whole class, you follow along with the online lectures and they teach you step by step and explain what you are doing and why. Sounds simple, right? Wrong. When looking at a blank canvas, with no step by step, you just want to cry. There were no tears shed but lots of frustration. Finally, after going back over the lectures, trial and error, and some extra research I have finally figured it out. Click here to check it out.

(Note: the link brings you to the homepage template. It is not the actual homepage. The links will not work.)

Week 13 Summary

18 Dec

We learned about spites. “An image sprite is a collection of images put into a single image.” One of the main reasons to use an image sprite is to reduce the load time on multiple images. Very cool and interesting.

week13sprites

Click here to read a great article I found explaining image sprites.

“Think of CSS Sprites as an extension of that technique. The difference is that instead of just two or three images being combined into one, you can combine an unlimited number of images into one. The origin of the term “sprites” comes from old school computer graphics and the video game industry. The idea was that the computer could fetch a graphic into memory, and then only display parts of that image at a time, which was faster than having to continually fetch new images. The sprite was the big combined graphic. CSS Sprites is pretty much the exact same theory: get the image once, shift it around and only display parts of it, saves the overhead of having to fetch multiple images.” (source)

Website update:

  1. http://bcts-potomac.aacc.edu/artClass1/05/final-project/bc_homepage.html
  2. http://bcts-potomac.aacc.edu/artClass1/05/final-project/bc_homepage1.html

Click the above links to see how the website is coming along. As you can tell with the first one, I am having some difficulty. The second one, is images only. I need to add code for the banner, the main image with the text overlay and the titles on the three feature images.

Week 12 Summary

18 Dec

Based on feedback that I received from my teacher and fellow students, I decided to switch up the layout a little bit. I added three images at the bottom of the page, which will link to different pages. These will be used as features and can be easily changed. It will either feature a current project, a service they would like to promote, or anything else going on at the time. I then put a text box over the building image. This I wasn’t so sure about because it was taking away from the image. The more I thought about it and the different locations I put it in, I really grew to like it. The image is that important. It is just a picture of the office.

week12design

Slowly getting there…

Week 11 Summary

18 Dec

As the semester is coming to end, I wanted to go back through and make sure that I had completed everything and shockingly realized that I have not updated my blog since week 10. I really am not sure how I let this one slip, but I am going to give you my weekly updates all in one day. Lucky you, blog reader.

Week 11: We continue to learn more about HTML, CSS, Photoshop, Dreamweaver, etc. all while continuing to build our website. This is probably why I forgot to update my blog. I felt very lost and confused. (Note: I have since found my way) Over the next couple of blog posts you will see the evolution of my website. Looking back, I find it kind of funny and entertaining. I am 100% sure that I am the only one that finds this interesting and humorous since I was the one that had to go from a to b.

week11design

This is Exhibit A, Draft 1, etc. Fine, but boring.

Week 10 Summary

6 Nov

This week, I finalized my design document for my website. It really solidified my vision for the website. I am sure I will have lots of changes but I feel like I am heading in the right direction. I will be creating a website for my Dad’s company, which he desperately needs. Having an updated website will increase the number of jobs, be able to showcase services offered, current and past projects and make it easier to grab the attention of potential customers. The whole website will be very photo heavy because I want to showcase what the company has to offer and what it can do. Below, is the storyboard and wireframe that I designed for the website.

Week 9 Summary

1 Nov

This week I read this great article, “Grid-Based Design: Six Creative Column Techniques“, where it discusses how to make your website unique and interesting. Grid systems keep you organized while bringing balance and visual structure to the website. Not only is it easier for the designer, it also helps the reader by drawing them in to the important elements of the website. You don’t want to have a website where there is no set layout and the information is just spread throughout the page and you don’t even know where to look. Chances are a user will take one look at the website and move on to the next one without even thinking twice. Or maybe they will think about how horrible that website is.

“After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.”

By adding in creative column techniques you will keep the organized format but add in visual interest. Below are the six creative column techniques that were mentioned in the article.

1. Embracing Disharmony – Break up the harmony to add interest to the content. “Chaos is more interesting than order.”

2. Joining for Variety – Add rows into the design to break up the visual flow.

3. Utilizing Angles – Use images at angles to add visual interest.

4. Escaping Boundaries – Break out of the structure grid, cross over lines, bring attention to the important content.

5. Illustrating Areas – By using overlapping and breaking out of the grid structure you can add visual interest.

6. Energizing Spaces – Use concepts such as asymmetrical balance, proximity, and repetition to achieve balance.