Culminating Project

365
-1

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
365
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Culminating Project

  1. 1. Culminating Projectredesign a website<br />By : Derek Riley<br />
  2. 2. About Me & Why I Chose This Project<br />Born in Santa Clarita, California<br />Moved to Washington in 1998<br />Received my first computer at the age of 8<br />Technology has always been important to me<br />I chose redesigning a website because of my passion for technology<br />© 2010 PLU.edu<br />
  3. 3. Project Overview – Redesign A Website<br />Based on client’s needs<br />Riley & Associates –<br />Small business/Environmental Services<br />I will be covering the design <br />cycle that I went through<br />with the client<br />© 2010 Riley & Associates<br />
  4. 4. My Research<br />I’ve read several books detailing web design<br />© 2010 Head First Labs<br />© 2010 Head First Labs<br />© 2010 Head First Labs<br />
  5. 5. More Research<br />I keep a blog of my ideas and what I learn<br />Enhances my <br />memory<br />30+ Hours & <br />20+ Entries<br />© 2010 Derek Riley<br />http://hulk.osd.wednet.edu/~rileydt/Blog2<br />
  6. 6. Information Architecture<br />Basic structure of the client’s website<br />a branching diagram with fundamental pages<br />© 2010 Derek Riley<br />
  7. 7. Storyboards<br />A rough sketch of basic navigation placement<br />The client chooses their favorite<br />NO COLOR<br />© 2010 Derek Riley<br />
  8. 8. Storyboards with Color<br />Let the client choose what colors they prefer<br />Introduce Color on paper storyboards<br />Add a few more elements<br />© 2010 Derek Riley<br />
  9. 9. Photoshop Mock-Up<br /><ul><li>Create a Mock-Up from the color storyboard in Adobe Photoshop CS4
  10. 10. Creativity</li></ul>© 2010 Derek Riley<br />© 2010 Derek Riley<br />
  11. 11. Heavy lifting or “ Coding “<br />Start the Coding of the website in Adobe Dreamweaver CS4<br />Using HTML and CSS<br />Have been taking Web Development for 2 years<br />© 2010 Derek Riley<br />
  12. 12. Final Product - Comparison<br />http://www.rileyenvironmental.com<br />Proof of Product’s Existence:<br />© 2010 Riley & Associates<br />© 2010 Derek Riley<br />
  13. 13. Conclusion – Lessons Learned<br /><ul><li> Practice productive self-discipline
  14. 14. Promotes excellent problem solving skills
  15. 15. Carry these skills over into real world jobs </li></ul>A Degree in Computer Science<br />Options for College :<br /><ul><li> University of Washington
  16. 16. Western Washington University
  17. 17. AA at South Puget Sound Community College</li></li></ul><li>Works Cited<br />"Home page." Pacific Lutheran University. N.p., n.d. Web. 23 Feb. 2010.      <http://www.plu.edu/~ashcracn/computer.jpg>. <br />Freeman, Elisabeth, and Eric Freeman. Head First HTML with CSS & XHTML. Ed. Brett McLaughlin. Sebastopol: O’Reilly Media, 2006. Print.<br />Morrison, Michael. Head First Javascript. Sebastopol: O’ Reilly Media, 2008. Print.<br />Watrall, Ethan, and Jeff Siarto. Head First Web Desgin. Ed. Brett D McLaughlin. Sebastopol: O’ Reilly Media, 2009. Print.<br />
  18. 18. The EndQuestions & Comments?<br />

×