lee cunnington: web presence
DESCRIPTION
Lee Cunnington's Web Presence Presentation Based on Website Design and Building a Web PresenceTRANSCRIPT
![Page 1: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/1.jpg)
IDAT101 – Strategies for Art and Technology
Web Presence
Lee Cunnington
http://www.leecunnington.co.uk/
![Page 2: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/2.jpg)
Presentation briefing
Web PresenceThe Path to Web Presence
Website Comparison (Old/New)Development Stages
Development ContinuedExpanding Presence
BloggerWordpress
TwitterFacebook
Outside Projects
Summary
![Page 3: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/3.jpg)
Web Presence
Web Presence is very important when it comes to increasing popularity in the Digital World.
Having important social networking websites such as Facebook, Bebo, WordPress and Twitter are initial in
increasing ‘web popularity’.
It brings so many opportunities to myself and to others such as meeting new people, consulting clients (for
business) and for updates and news.
The more people use these websites, the more interconnected we are to each other.
![Page 4: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/4.jpg)
The Path To Web Presence
How do I increase marketing for myself?
• Join various sites• Create RSS Feeds from my website to sites
such as Twitter to spread the word
How to increase network presence?
• Rebuild Website• Join various blogging sites (Blogger, WordPress)• Increase networking (Twitter, Facebook)
What tools shall I use for the job?
• Adobe CS4 Products (Photoshop)• Macromedia Dreamweaver 8 (Old school)
![Page 5: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/5.jpg)
Development Stages
Improve visual features of the website/improve homepage.
Remove Overflow Scrolling in Home Page
Remove/Edit Welcome page
Improve image galleries within website to make it more interactive
and user friendly.
Integrate blogging with website to make it one base identity (maybe).
Edit website to become more Internet Explorer friendly not just
FireFox.
Planning
Rubbish/Outdated
RESEARCH
![Page 6: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/6.jpg)
Development Stages
Breaking down to Basics
Original
Procedure1. Breakdown Site2. New Banner3. New Hyperlinks4. New Layout Style
![Page 7: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/7.jpg)
Development Stages
Mouse Rollover Hyperlinks
JavaScript (Very Messy) – Change to
CSS
New Banner Created using Photoshop
Incorporating ‘Space Theme’ Ideas
Background
![Page 8: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/8.jpg)
Development Stages
Music Page has been removed
CSS Opacity Codes
Content Content
Footer
Space (RSS
Feeds)
Layout Creation
Content BoxMade in
Photoshop
Black Background
Remains
Page Width
Decrease
![Page 9: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/9.jpg)
Development Stages
Extra Features: One-Click Image Gallery
Expanding Image Gallery: CSS
About Page
![Page 10: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/10.jpg)
Development StagesContrast Old and New
Photoshop-madeBox containers used
Flash Game Added
Replaces Mad-Lib
Form Changed to PHPLayout Changes
Throughout Now: 800 x 600px
Was:1200 x 700px
![Page 11: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/11.jpg)
Development StagesCompleting the Web Popularity/ Presence ObjectiveCreate Portfolio Web
Page
YouTube Videos
On Creations
Web PresenceLinks (Images)
Content onSoftware
I use
General InformationOn What I
Do, What I use
IDAT 107Bumper
![Page 12: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/12.jpg)
Website Comparison (Old/New)
Negative Space Twitter
RSS Feed
Overflow Scroll
Old Banner Image
Hyperlinks
New BannerCSS Rollover
Links
Web PresenceLinks (small)
Web PresenceLinks (Images)
Contents Areas
(No need for
overflow)
![Page 13: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/13.jpg)
Expanding WebPresence
Getting Myself Out There
Tonnes of Sites/Opportunities
Research has led me to 5 major Profiling Sites
![Page 14: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/14.jpg)
Blogger
Oops..
Bland... Not matching House
Style
Much better, background colour and banner matches
house style
Blogger Main Page
Links to blog pages
(modules)
![Page 15: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/15.jpg)
WordpressNew Banner
(to match house styles)
Layouts match house
styles similar to My website
Background Colour matches house styles
Popular, fairly easy to use...
Can import information (from blogger)
![Page 16: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/16.jpg)
Customisable
Current Layout
Original Layout
Currently not very popular site amongst
friends (Prefer Facebook)
Easy to find updates on friends and clients
![Page 17: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/17.jpg)
FacebookNot very
customisable
(More users than
Twitter)
Easy to say what’s on your mind
More Privatised
More of a personal Profile
![Page 18: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/18.jpg)
YouTubeLeeCProductions
Recent Idea to
use Youtub
eUpload Ideas/Future
Developments
Layout currently
under constructio
n
Very customisable
Popular site, high chances of being noticed through views
and uploads
![Page 19: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/19.jpg)
Outside Projects
MHM Creations
(Under Construction)http://mhmcreations.co.uk/
![Page 20: Lee Cunnington: Web Presence](https://reader037.vdocuments.mx/reader037/viewer/2022103109/54660572af7959642f8b54b6/html5/thumbnails/20.jpg)
Summary
http://leecunnington.co.uk/index.html
http://leecunningtonmpt.blogspot.com/
http://lcunnington.wordpress.com/
http://twitter.com/LeeCunnington
http://www.youtube.com/user/LeeCProductions