Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Lee Cunnington: Web Presence


Published on

Lee Cunnington's Web Presence Presentation Based on Website Design and Building a Web Presence

Published in: Education
  • Be the first to comment

  • Be the first to like this

Lee Cunnington: Web Presence

  1. 1. IDAT101 – Strategies for Art and Technology<br />Web Presence<br />Lee Cunnington<br /><br />
  2. 2. Presentation briefing<br />Web Presence<br />The Path to Web Presence<br />Website Comparison (Old/New)<br />Development Stages<br />Development Continued<br />Expanding Presence<br />Blogger<br />Wordpress<br />Twitter<br />Facebook<br />Outside Projects<br />Summary<br />
  3. 3. Web Presence<br />Web Presence is very important when it comes to increasing popularity in the Digital World. <br />Having important social networking websites such as Facebook, Bebo, WordPress and Twitter are initial in increasing ‘web popularity’. <br />It brings so many opportunities to myself and to others such as meeting new people, consulting clients (for business) and for updates and news. <br />The more people use these websites, the more interconnected we are to each other.<br />
  4. 4. The Path To Web Presence<br />How to increase network presence?<br /><ul><li>Rebuild Website
  5. 5. Join various blogging sites (Blogger, WordPress)
  6. 6. Increase networking (Twitter, Facebook)</li></ul>How do I increase marketing for myself?<br /><ul><li> Join various sites
  7. 7. Create RSS Feeds from my website to sites such as Twitter to spread the word</li></ul>What tools shall I use for the job?<br /><ul><li>Adobe CS4 Products (Photoshop)
  8. 8. Macromedia Dreamweaver 8 (Old school)</li></li></ul><li>Development Stages<br />Planning<br />Improve visual features of the website/improve homepage. <br />Edit website to become more Internet Explorer friendly not just FireFox.<br />R<br />E<br />S<br />E<br />A<br />R<br />C<br />H<br />Integrate blogging with website to make it one base identity (maybe).<br />Remove Overflow Scrolling in Home Page<br />Rubbish/Outdated<br />Remove/Edit Welcome page <br />Improve image galleries within website to make it more interactive and user friendly.<br />
  9. 9. Development Stages<br />Breaking down to Basics<br />Original<br />Procedure<br />Breakdown Site<br />New Banner<br />New Hyperlinks<br />New Layout Style<br />
  10. 10. Development Stages<br />New Banner Created using Photoshop<br />Incorporating ‘Space Theme’ Ideas<br />JavaScript (Very Messy) – Change to CSS<br />Background<br />Mouse Rollover Hyperlinks<br />
  11. 11. Development Stages<br />Layout Creation<br />Black Background Remains<br />Page <br />Width <br />Decrease<br />Music Page has been removed<br />Content Box<br />Made in <br />Photoshop<br />Content<br />Content<br />CSS Opacity <br />Codes<br />Space (RSS Feeds)<br />Footer<br />
  12. 12. Development Stages<br />About Page<br />Extra Features: One-Click Image Gallery<br />Expanding Image Gallery: CSS<br />
  13. 13. Development Stages<br />Contrast <br />Old <br />and <br />New<br />Flash Game <br />Added<br />Replaces Mad-Lib <br />Was:<br />1200 x 700px<br />Form Changed to PHP<br />Layout Changes Throughout<br />Now: <br />800 x 600px<br />Photoshop-made<br />Box containers used<br />
  14. 14. Development Stages<br />Completing the Web Popularity/ Presence Objective<br />Create Portfolio Web Page<br />General Information<br />On What I<br />Do, What I use<br />Content on<br />Software<br />I use<br />YouTube <br />Videos <br />On Creations<br />IDAT 107<br />Bumper<br />Web Presence<br />Links (Images)<br />
  15. 15. Website Comparison (Old/New)<br />Old Banner <br />Image Hyperlinks<br />New Banner<br />CSS Rollover Links<br />Negative <br />Space<br />Overflow <br />Scroll<br />Twitter <br />RSS <br />Feed<br />Web Presence<br />Links (small)<br />Web Presence<br />Links (Images)<br />Contents Areas<br />(No need for overflow)<br />
  16. 16. Expanding Web<br />Presence<br />Getting Myself Out There<br />Research has led me to 5 major Profiling Sites<br />Tonnes of Sites/Opportunities<br />
  17. 17. Blogger<br />Blogger Main Page<br />Oops..<br />Links to blog pages (modules)<br />Bland... Not matching House Style<br />Much better, background colour and banner matches house style<br />
  18. 18. Wordpress<br />New Banner<br /> (to match house styles)<br />Layouts<br /> match house styles similar to <br />My website<br />Popular, fairly easy to use...<br />Can import information (from blogger)<br />Background <br />Colour matches house styles<br />
  19. 19. Twitter<br />Original Layout<br />Easy to find updates on friends and clients<br />Current Layout<br />Customisable<br />Currently not very popular site amongst friends (Prefer Facebook)<br />
  20. 20. Facebook<br />Not very customisable<br />More Privatised<br />Easy to say what’s on your mind<br />(More users than Twitter)<br />More of a personal Profile<br />
  21. 21. YouTube<br />LeeCProductions<br />Recent Idea to use Youtube<br />Upload <br />Ideas/<br />Future<br />Developments<br />Layout currently under construction<br />Popular site, high chances of being noticed through views and uploads<br />Very customisable<br />
  22. 22. OutsideProjects<br />MHM<br />Creations<br />(Under Construction)<br /><br />
  23. 23. Summary<br /><br /><br /><br /><br /><br />