1. Intro to Web Design WORKING WITH WORDPRESS

2. Programming for the Web

3. Content Management System (CMS)Confusing Management System

4. Content Management System (CMS)

5. Ways to get WordPress wordpress.org (Paid)wordpress.com (Free) www.colin.comwww.colin.wordpress.com Any theme and custom CSSOnly free themes and no custom CSS PluginsNo plugins Usually unlimited3gb maximum

6. Domain and Host Domain = www.colin.com Host = Sub-domain = www.resume.colin.com

7. Getting a domain and host with Bluehost www.bluehost.com per month **Includes both domain and hosting

8. Link for helpful walkthrough (click WordPress logo and it’s the top choice)

9. WordPress Administration Page http://yourpage.com/wp-admin/

10. WordPress Terminology: Basics Dashboard: managers interface Theme: consistent pre-made style (think PowerPoint theme) Post: Individual article/blog essay with consistent layout/structure Categories: Grouping of posts Tags: Way to search Page: Same as post, but not categorized or tagged… one-offs Template: Layout/structure of an individual page More on terminology here

11. WordPress Terminology: Post Types Text and image Embedded links https://codex.wordpress.org/Embed_Shortcode Galleries

12. WordPress Terminology: Plugins and shortcodes Add more functionality to your website Deactivate unnecessary ones (they slow your site down) Jetpack and Mojomarket  Get rid of these first [short_code_name property=“value”] Example: [huge_it_portfolio id=“2”]

13. WordPress Terminology: Widgets “Boxes” of content usually in the sidebar or footer Appearance  Widgets

14. WordPress Terminology: Menu Navigation structure Appearance  Menus

15. Links to the resources in this demo Spacious theme http://demo.themegrill.com/spacious/video-tutorial/ Photo Gallery plugin https://wordpress.org/plugins/photo-gallery/ Theme forest http://themeforest.net/

16. Image Sources http://cdn.tripwiremagazine.com/wp-content/uploads/2011/06/image74.png http://cnx.org/content/m43033/1.2/StructureOfaPage.png http://blog.teamtreehouse.com/wp-content/uploads/2014/11/progressive-enhancement.png http://smallbusinessshift.com/wp-content/uploads/2011/08/Wordpress-Edit-Post-Screen-550x341.png http://www.vermontguardian.com/images/local/2006/Lightbulb.jpg http://hmbailey.com/wp-content/uploads/2013/12/CMS-Collage2.jpg http://wpdevshed.com/wp-content/uploads/2014/01/web-hosting-comparison.png http://preview.ait-themes.com/impression/wp1/wp-content/uploads/slide_winter2.jpg http://preview.ait-themes.com/impression/wp1/wp-content/uploads/slide_spring1.jpg