This document provides an overview of basic web design concepts and how to use WordPress. It discusses asking questions about the purpose and audience of a website. It also covers setting up headers, sidebars and footers. Additionally, it explains how to navigate WordPress dashboards, create posts and pages, add categories, tags and menus. Finally, it distinguishes between WordPress.com, which hosts websites, and WordPress.org, which provides software to self-host websites.

1. WEB DESIGN BASICS

2. Last Week Review
6:30 PM
1

3. Questions Worth Asking
What will be the purpose of your web site?
Who will your audience be?
What will be the content of your web site?
What type of design are you aiming at?
6:30 PM
2

4. Header
Title
About me
Portfolio Curriculum Contacts
Content
Side
Bar
Footer
6:30 PM
3

5. New material added to the class
website!
http://startingmyownwebpage.wordpress.com/
6:30 PM
4

6. Dashboard
The Modules of the Dashboard Home:
① At a Glance
② Quick Draft
③ Activity
④ Stats
⑤ Your Stuff
6:30 PM
5

7. Comments I’ve Made
6:30 PM
6

8. Site Stats
6:30 PM
7

9. Akismet Stats
“What the heck is ham doing on my blog? I’m a
vegetarian.
Spam most people know; it's the unwanted
commercial comments on their blogs. Ham is what
we call its counterpart, legitimate comments. On
the Akismet mistakes side, missed spam is pretty
self-explanatory, and a false positive is a legitimate
comment incorrectly identified as spam (which, we
hope, happens very rarely).”
6:30 PM
8

10. My Blogs
Did you know that you can administer more
than one blog through the same account?
6:30 PM
9

11. Blogs I follow
6:30 PM
10

12. Omnisearch
Navigate your site!
6:30 PM
11

13. Store
6:30 PM
12

14. Posts
Pages
Posts are entries
listed in reverse
chronological order
on the blog home
page or on the posts
page if you have set
one.
Pages are static
and are not listed
by date. You
choose their order.
6:30 PM
13

15. Post Page
①
②
③
④
Go to the Dashboard
Go to Settings
Choose Reading
Check “A Static Page”
 Choose what to have in your Front Page
 Choose your Post Page
6:30 PM
14

16. Front Page VS Post Page
• It provides static
information to anyone
who enters your site
• It is good way to convey
an important message
to anyone entering your
site or just to introduce
yourself
6:30 PM
• By default WordPress
makes your Home
(page) your Post Page
• It provides news feeds
to your readers
• It is a good way keep
your site up to date
15

17. Create a Post
① Go to the Dashboard
② Go to Post
③ Choose Add New
6:30 PM
16

18. Sticky Posts
Posts are entries listed in reverse chronological
order on the blog home page or on the posts
page.
Sticky posts appear before all other
posts, independently from the chronological
order of posting.
6:30 PM
17

19. All Posts
From this page you can quickly administer all of
your posts.
6:30 PM
18

20. Categories
Categories provide a
helpful way to group
related posts
together, and to
quickly tell readers
what a post is about.
6:30 PM
19

21. Tags
Tags provide a useful
way to group related
posts together and to
quickly tell readers what
a post is about.
Tags also make it easier
for people to find your
content.
6:30 PM
20

22. Copy A Post
Copy A Post lets you duplicate a
post, including the title, contents, tags
and categories, so you can start a new
post without having to re-enter
tags, categories and formatting.
6:30 PM
21

23. Request Feedback
To request feedback from someone, all you need is their email
address. Type their email address into the request form; if you
want to request feedback from multiple people you can separate
their email addresses with commas.
6:30 PM
22

24. Pages
Pages are static. They are a good way to publish
information that doesn’t change much, like an
About page.
6:30 PM
23

25. All Pages
Here you can quickly administer all of
your pages.
6:30 PM
24

26. Copy A Page
Use an existing page as a template.
6:30 PM
25

27. Page Attributes
The Page Attributes
module allows you to
set page parents and
templates, and to
change the order of
your pages.
6:30 PM
26

28. Page Template
Some themes have additional templates that
you can use to create pages with additional
features or custom layouts.
6:30 PM
27

29. Menus
6:30 PM
28

30. 6:30 PM
29

31. Wordpress.com VS Wordpress.org
http://startingmyownwebpage.wordpress.com/r
esources/about-wordpress-andplugins/wordpress-com-vs-wordpress-org/
6:30 PM
30

32. WordPress.com VS WordPress.org
To understand the difference, we must first
understand how hosting works.
① Domain/address: You type the domain name into your
web browser.
② Domain Name Servers/System: The DNS makes sure
you get connected to the right computer.
③ Hosting: And that computer or server has your website
files hosted on it
6:30 PM
31

33. How to access the class website
Visitor types into their
web browser the
address of our class
website:
startingmyownwebpage
.wordpress.com
6:30 PM
The DSN connects that
address to the right IP
(computer)
*That* computer (in
this case, the
WordPress servers)
hosts all of our website
content, and “serves” it
to the visitor
32

34. WordPress.com VS WordPress.org
6:30 PM
33

35. WordPress.com VS WordPress.org
The difference between WordPress.com and
WordPress.org will come particularly handy in
understanding how to access help.
① http://en.support.wordpress.com/
② http://en-ca.wordpress.org/support/
6:30 PM
34

36. Help
6:30 PM
35