Website Basics

1,923 views
1,822 views

Published on

TechCamp Memphis November | How to get started with your website - basic principles of web presence, introduction to HTML tags

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
1,923
On SlideShare
0
From Embeds
0
Number of Embeds
106
Actions
Shares
0
Downloads
39
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Website Basics

  1. 1. beth g sanders @bethgsanders social media & online strategy | writing | wordpress bethgsanders.comSaturday, November 3, 12
  2. 2. www Website BasicsSaturday, November 3, 12
  3. 3. in Web Presence (Website, blog, or personal splash page)Saturday, November 3, 12
  4. 4. Essentials • Home Page • About Page • Contact InformationSaturday, November 3, 12
  5. 5. Home PageSaturday, November 3, 12
  6. 6. Saturday, November 3, 12
  7. 7. Saturday, November 3, 12
  8. 8. Saturday, November 3, 12
  9. 9. About PageSaturday, November 3, 12
  10. 10. Contact Information • Customer Service • Location(s) • FAQs • Email or Contact Form • Hours of OperationSaturday, November 3, 12
  11. 11. Design • Must Fit Business Image • Easy to Navigate • Mobile-FriendlySaturday, November 3, 12
  12. 12. Conservative, ReliableSaturday, November 3, 12
  13. 13. Colorful & FunSaturday, November 3, 12
  14. 14. Simple, Easy to NavigateSaturday, November 3, 12
  15. 15. Mobile FriendlySaturday, November 3, 12
  16. 16. Header Content Website Sidebar Sidebar Anatomy FooterSaturday, November 3, 12
  17. 17. Saturday, November 3, 12
  18. 18. Header • Logo • Tagline/Slogan • NavigationSaturday, November 3, 12
  19. 19. Sidebar(s) • Social Links • Events • SpecialsSaturday, November 3, 12
  20. 20. Footer • Navigation Links • Copyright Info • Physical AddressSaturday, November 3, 12
  21. 21. Content • Bullets > Paragraphs • Top-Down Copy • Fresh ContentSaturday, November 3, 12
  22. 22. Images > Words •Saturday, November 3, 12
  23. 23. Get StartedSaturday, November 3, 12
  24. 24. Find Sites You LikeSaturday, November 3, 12
  25. 25. DrawSaturday, November 3, 12
  26. 26. Determine Purpose & FunctionalitySaturday, November 3, 12
  27. 27. Domain Name & Hosting com U . .YO w w wSaturday, November 3, 12
  28. 28. DIY or Hire a Pro?Saturday, November 3, 12
  29. 29. Learn (a Little) HTML/CSS <h1>Were Writing Some HTML</h1> <h2> Its good to know if you have a website</h2> <p><img src="http://www.bethgsanders.com/elizabeth- marathon.jpeg" align="right" style="margin: 10px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> <blockquote>This is a blockquote. Its used to set off text, such as a quote.</blockquote>Saturday, November 3, 12
  30. 30. Saturday, November 3, 12
  31. 31. Basic HTML Tags • <p> Paragraph • <ul> <ol> Unordered (bullet)/Ordered List • <blockquote> Text set apart • <img> Image • <em> Emphasis (Italic) • <strong> Strong (bold)Saturday, November 3, 12
  32. 32. How to Use Tags <p>HTML is so much fun. </p> Open p Close p Tag Tag You must always open and close tags.Saturday, November 3, 12
  33. 33. What’s CSS? And What Does it Have to Do With HTML? ? TextSaturday, November 3, 12
  34. 34. Let’s Say You Build a HouseSaturday, November 3, 12
  35. 35. HTML CSS Walls Paint/Wallpaper? Floors Hardwood/Carpet? Doors Painted/Wood? Windows Shades/Drapes? Bathrooms Colors/Layout?Saturday, November 3, 12
  36. 36. CSS: • Separates Style from Content • Easy to Change Colors, Fonts • Faster Page LoadSaturday, November 3, 12
  37. 37. ContentSaturday, November 3, 12
  38. 38. How Do You Manage It? Content Management Drupal JoomlaSaturday, November 3, 12
  39. 39. How Do You Manage It? Content Management Drupal Joomla WordPressSaturday, November 3, 12
  40. 40. 5 Reasons to Use WordPress • Ease of Use • SEO Goodness • Flexibility & Extensibility • Multilevel Geekery • Free SoftwareSaturday, November 3, 12
  41. 41. Saturday, November 3, 12
  42. 42. Out-of-the-Box SEO ReadySaturday, November 3, 12
  43. 43. Flexibility & ExtensibilitySaturday, November 3, 12
  44. 44. Multilevel GeekerySaturday, November 3, 12
  45. 45. Free Software Only Pay for Domain & HostingSaturday, November 3, 12
  46. 46. Easily Add & Edit Your Own ContentSaturday, November 3, 12
  47. 47. Zillions of Themes to Choose FromSaturday, November 3, 12
  48. 48. Get the W ord Out www.YOU .comSaturday, November 3, 12
  49. 49. ? ?? ?? ?Saturday, November 3, 12
  50. 50. s, y ’all th ankSaturday, November 3, 12
  51. 51. beth g sanders slideshare.net/bgsand @bethgsanders bethgsanders.com linkedin.com/in/bethgsanders gplus.to/bethgsandersSaturday, November 3, 12

×