Types of Websites: Flash Built in Adobe® Flash Used for splash pages, special effects, etc. Used by restaurants, music, movies, games, video players, and more Not supported by iPhones and iPads Many effects can be achieved with HTML5
Types of Websites:HTML4/5 HTML is a markup language used to design and layout web pages HTML+CSS+PHP+jQuery+mySQL+etc. HTML5 extends HTML4 Improves accessibility Cleaner code Support for web applications IE9+, Firefox 3.6+, Chrome 5+, Safari 4+
Types of Websites:Wordpress Originally built as a blogging platform Can be used for regular websites Plugins give a range of functionality Great for SEO “Self-hosted” on your web server Look for “1-Click Installation”
Getting Started –Domain Names and Hosting Your domain is the URL for your site: ie. www.georgiannapinto.com ~$10 per year, must be renewed! Purchase separate or with hosting Your host is where your website’s files are stored online Domain transfers, monthly billing, Google/Facebook credits, WP, etc.
The Design Process Design Consultation Structure Phase Content Phase Launch SEO and Marketing
Preparing for Your DesignConsultation Examples of sites you like Examples of sites you don’t like Template sites: www.templatemonster.com www.themeforest.com
Wireframing and Mock-Ups Consider design elements separately Color, composition, scale, images, etc. Do you want horizontal or vertical navigation? Do you want a jQuery slider or flash area in your header? Are there a sidebar or highlight area with graphic buttons for visitors to click on for navigation?
Working with a WebDesigner/Developer Make sure you know your designer’s abilities beforehand Graphic designers vs. Front-end programmers vs. DBAs vs. Copywriters vs. Marketers, etc. You can split up the project Have them show you examples and explain their role
“The Death Spiral of ‘Minor’ Changes” Photo: The Oatmeal
Get Organized – TheSitemap A list (and description) of every page of your site; scope of work Ex: 1. Home – will provide intro text 2. About Us – need bios 3. Contact Us – form, map, address, phone 4. Services – will have photos, text 5. Media – pdfs of articles, links
Structuring A Web DesignQuote Setup and programming (10-15 hours x hourly rate) Content formatting per page (1-2 hours each x number of pages) Testing and QA (included) Extras SEO Social Media
Good Design Practices Reduce load time www.webwait.com Cross browser testing W3C validation www.validator.w3.org Elements to avoid! Splash pages, blinking text, audio, etc.
Online Resources Wix $4.95/month to connect domain $8.25/month to remove branding, free domain Central.ly Free to set up 1&1 MyWebsite Business $9.99/month, free domain
Recap About web browsers Types of websites Getting started The design process Good design practices Online resources