0
IDAT101 – Strategies for Art and Technology<br />Web Presence<br />Lee Cunnington<br />http://www.leecunnington.co.uk/<br />
Presentation briefing<br />Web Presence<br />The Path to Web Presence<br />Website Comparison (Old/New)<br />Development S...
Web Presence<br />Web Presence is very important when it comes to increasing popularity in the Digital World. <br />Having...
The Path To Web Presence<br />How to increase network presence?<br /><ul><li>Rebuild Website
 Join various blogging sites (Blogger, WordPress)
Increase networking (Twitter, Facebook)</li></ul>How do I increase marketing for myself?<br /><ul><li> Join various sites
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?<...
Macromedia Dreamweaver 8 (Old school)</li></li></ul><li>Development Stages<br />Planning<br />Improve visual features of t...
Development Stages<br />Breaking down to Basics<br />Original<br />Procedure<br />Breakdown Site<br />New Banner<br />New ...
Development Stages<br />New Banner Created using Photoshop<br />Incorporating ‘Space Theme’ Ideas<br />JavaScript (Very Me...
Development Stages<br />Layout Creation<br />Black Background Remains<br />Page <br />Width <br />Decrease<br />Music Page...
Development Stages<br />About Page<br />Extra Features: One-Click Image Gallery<br />Expanding Image Gallery: CSS<br />
Development Stages<br />Contrast <br />Old <br />and <br />New<br />Flash Game <br />Added<br />Replaces Mad-Lib <br />Was...
Development Stages<br />Completing the Web Popularity/ Presence Objective<br />Create Portfolio Web Page<br />General Info...
Website Comparison (Old/New)<br />Old Banner <br />Image Hyperlinks<br />New Banner<br />CSS Rollover Links<br />Negative ...
Expanding Web<br />Presence<br />Getting Myself Out There<br />Research has led me to 5 major Profiling Sites<br />Tonnes ...
Blogger<br />Blogger Main Page<br />Oops..<br />Links to blog pages (modules)<br />Bland... Not matching House Style<br />...
Wordpress<br />New Banner<br /> (to match house styles)<br />Layouts<br /> match house styles similar to <br />My website<...
Twitter<br />Original Layout<br />Easy to find updates on friends and clients<br />Current Layout<br />Customisable<br />C...
Facebook<br />Not very customisable<br />More Privatised<br />Easy to say what’s on your mind<br />(More users than Twitte...
Upcoming SlideShare
Loading in...5
×

Lee Cunnington: Web Presence

199

Published on

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

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Transcript of "Lee Cunnington: Web Presence"

  1. 1. IDAT101 – Strategies for Art and Technology<br />Web Presence<br />Lee Cunnington<br />http://www.leecunnington.co.uk/<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 />http://mhmcreations.co.uk/<br />
  23. 23. Summary<br />http://leecunnington.co.uk/index.html<br />http://leecunningtonmpt.blogspot.com/<br />http://lcunnington.wordpress.com/<br />http://twitter.com/LeeCunnington<br />http://www.youtube.com/user/LeeCProductions<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×