Web Design and Development

Guest lecturer · Lecture · Dominican University of California · San Rafael, CA · February 2010

Introduction to building a website: types and objectives of sites, the development process from discovery to maintenance, hosting and analytics, ways to pay and find a developer, and content management systems.

Part of Earthsite

Slides

Slide 1 of 21

Slide 2 of 21

Slide 3 of 21

Slide 4 of 21

Slide 5 of 21

Slide 6 of 21

Slide 7 of 21

Slide 8 of 21

Slide 9 of 21

Slide 10 of 21

Slide 11 of 21

Slide 12 of 21

Slide 13 of 21

Slide 14 of 21

Slide 15 of 21

Slide 16 of 21

Slide 17 of 21

Slide 18 of 21

Slide 19 of 21

Slide 20 of 21

Slide 21 of 21

Slide text

Web Design and Development by JoeyShepp.com of Earthsite.net
Why build a website?
Types of Websites • E-Commerce • Publisher/Blog • Community/Social Network • Web Application • Mobile Website
Website Objectives • Artistic • Brochureware • Lead Generation • E-Commerce Sales • Content Views • Engagement/Interactions
Web Dev Process
Skills/Jobs • Web Strategy • Architecture/UI/UX • Design • Coding • Online Marketing
Discovery • Website Objectives • Logo/Design Direction • Content Assessment • Custom Technical Requirements • Integration Requirements • Legacy Migration Issues
Earthsite Method 1. Discovery and Requirements 2. Architecture and Sitemap 3. Content Layout 4. Design Integration 5. Training 6. Testing and Quality Assurance
Custom 1. Discovery and Requirements 2. User Experience / User Interface 3. Design Mockups 4. Coding 5. Testing and Quality Assurance
Domain and Hosting • Domain Registration • Hosting Provider • Web Developer
Website Analytics fi • Visitors • Page Views / Time on Site • Location • Traf c Sources • Goals • Compare Time Periods
Maintenance fi • Security Upgrades • Monitoring/Analyzing Traf c • SEO Optimization • Content Updates • Training
Ways to Pay • Fixed Bid – Scope Control • Phases – Reduce Complexity • Hourly – Exploration
Finding a Developer • BEST: Referral • Look at website footers of site you like • eLance.com • Craig’s List • Find a geek buddy • Check referrences
Website Systems
Do it Yourself • Facebook Page • Google Site Builder • Wordpress.com
Blogs • Wordpress.com • TypePad.com • Blogger.com
Content Management Systems • Joomla • Drupal • Wordpress
Templates • YooTheme (Joomla) • RocketTheme (Joomla) • Thesis (Wordpress)
Social Media Integrations • Facebook Fan Widget • Twitter Latest Tweets • MailChimp Email Subscribe • RSS Feed of Latest News • Social Media Subscribe Icons
Operations Integrations • Box.net File Sharing • YouTube / Blip.TV Video • Sales Force • Email Newsletter Subscribe • Google Analytics