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

1. beth g sanders
@bethgsanders
social media & online strategy | writing | wordpress
bethgsanders.com
Saturday, November 3, 12

2. www Website Basics
Saturday, November 3, 12

3. in
Web
Presence
(Website, blog,
or personal
splash page)
Saturday, November 3, 12

4. Essentials
• Home Page
• About Page
• Contact Information
Saturday, November 3, 12

5. Home Page
Saturday, November 3, 12

6. Saturday, November 3, 12

7. Saturday, November 3, 12

8. Saturday, November 3, 12

9. About Page
Saturday, November 3, 12

10. Contact Information
• Customer Service
• Location(s)
• FAQs
• Email or Contact Form
• Hours of Operation
Saturday, November 3, 12

11. Design
• Must Fit Business Image
• Easy to Navigate
• Mobile-Friendly
Saturday, November 3, 12

12. Conservative, Reliable
Saturday, November 3, 12

13. Colorful & Fun
Saturday, November 3, 12

14. Simple, Easy to Navigate
Saturday, November 3, 12

15. Mobile Friendly
Saturday, November 3, 12

16. Header
Content
Website
Sidebar Sidebar
Anatomy
Footer
Saturday, November 3, 12

17. Saturday, November 3, 12

18. Header
• Logo
• Tagline/Slogan
• Navigation
Saturday, November 3, 12

19. Sidebar(s)
• Social Links
• Events
• Specials
Saturday, November 3, 12

20. Footer
• Navigation Links
• Copyright Info
• Physical Address
Saturday, November 3, 12

21. Content
• Bullets >
Paragraphs
• Top-Down
Copy
• Fresh
Content
Saturday, November 3, 12

22. Images > Words
•
Saturday, November 3, 12

23. Get Started
Saturday, November 3, 12

24. Find Sites
You Like
Saturday, November 3, 12

25. Draw
Saturday, November 3, 12

26. Determine
Purpose &
Functionality
Saturday, November 3, 12

27. Domain Name & Hosting
com
U .
.YO
w w
w
Saturday, November 3, 12

28. DIY or Hire a Pro?
Saturday, November 3, 12

29. Learn (a Little) HTML/CSS
<h1>We're Writing Some HTML</h1>
<h2> It's 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. It's used to set off text, such
as a quote.</blockquote>
Saturday, November 3, 12

30. Saturday, November 3, 12

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. 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. What’s CSS?
And What Does it Have to Do With HTML?
?
Text
Saturday, November 3, 12

34. Let’s Say You Build a House
Saturday, November 3, 12

35. HTML CSS
Walls Paint/Wallpaper?
Floors Hardwood/Carpet?
Doors Painted/Wood?
Windows Shades/Drapes?
Bathrooms Colors/Layout?
Saturday, November 3, 12

36. CSS:
• Separates Style from Content
• Easy to Change Colors, Fonts
• Faster Page Load
Saturday, November 3, 12

37. Content
Saturday, November 3, 12

38. How Do You Manage It?
Content Management
Drupal Joomla
Saturday, November 3, 12

39. How Do You Manage It?
Content Management
Drupal Joomla
WordPress
Saturday, November 3, 12

40. 5 Reasons to Use WordPress
• Ease of Use
• SEO Goodness
• Flexibility & Extensibility
• Multilevel Geekery
• Free Software
Saturday, November 3, 12

41. Saturday, November 3, 12

42. Out-of-the-Box SEO Ready
Saturday, November 3, 12

43. Flexibility & Extensibility
Saturday, November 3, 12

44. Multilevel Geekery
Saturday, November 3, 12

45. Free Software
Only Pay for Domain & Hosting
Saturday, November 3, 12

46. Easily Add & Edit Your Own Content
Saturday, November 3, 12

47. Zillions of Themes to Choose From
Saturday, November 3, 12

48. Get the W
ord Out
www.YOU
.com
Saturday, November 3, 12

49. ? ??
?? ?
Saturday, November 3, 12

50. s, y ’all
th ank
Saturday, November 3, 12

51. beth g sanders
slideshare.net/bgsand
@bethgsanders
bethgsanders.com
linkedin.com/in/bethgsanders
gplus.to/bethgsanders
Saturday, November 3, 12