Blogging by liwenting



Janet Brooks
Glendale Community College
Module topics
   What is a Blog/ Weblog?
   History of Blogs
   Why do you Blog?
   Visual Literacy : Graphic Guidelines
   Writing a compelling blog post: Text Guidelines
   Template Selection
   Social Protocols
   Demonstration/ Activity
What is a blog?
 Type of website
 Arranged in chronological
     Most recent ‗post‘ (or entry)
      at the top of the main page
      to the older entries towards
      the bottom
What is a Weblog?
 Hierarchy of text, images, media
    objects and data,
   Arranged chronologically,
   Can be viewed in an HTML
In the beginning
 First blogs 1994 - little more than online diaries
   Now there are personal sites as well as news
    sites and commentary sites.
   Seizing of the ―means of production‖ from the
    press and TV
Why blog?
 A blog gives you your own voice on the web.
 It's a place to collect and share things that
  you find interesting— whether it's your
     political commentary,
     a personal diary, or
     links to web sites you want to remember.
Why blog?
 Many people use a blog just to organize their
    own thoughts
   Others command influential, worldwide
    audiences of thousands.
   Professional and amateur journalists use
    blogs to publish breaking news,
   Personal journalers reveal inner thoughts
Basic rules
 There are some basic rules of ―visual
    literacy‖ that make a particular blog powerful
    or not
   Keep it simple
   Contrast is
 Images are powerful
     define our memories of events
     our understanding of how
      things work
   Design helps us communicate
     Design guidelines key
      workplace skill
     Vision Science helps explain
      some design guidelines
 Computer graphics makes visual literacy key for
   many jobs
    Basic Computer Graphics concepts help us
     communicate with and look critically at computer
     based imagery
 How do images make meaning?
 Why are they good for
 How can we discuss what image
  meaning is and how it is constructed?
      Media theory and culture theory…
      Application: understanding our
       visual culture
      Relevance to IT literacy: guiding
       effective and ethical creation and
       use of visual computing technology

                 ―A bird,
     How do      perched on
     we get      a branch,
     from here   shown in a
     to there?   touched-up
Graphics Guidelines
 Grouping
      Put related items close together (or group
       with other means, such as color)
   Alignment
     Use alignment to create spatial organization
       within and between groups

        Adapted from Robin Williams’ The Non-Designer Design
        Book (not the movie actor. Author of many great books on
        computers, including “The Mac is Not a Typewriter”)
Graphics Guidelines
 Contrast
   Choose one or more elements to attract
    attention (act a figure vs. a ground)
 Repetition and Consistency
   Repeat types and placements of elements
    throughout your piece to create a sense of a
    consistent, coherent visual environment

       Adapted from Robin Williams’ The Non-Designer Design
       Book (not the movie actor. Author of many great books on
       computers, including “The Mac is Not a Typewriter”)
Proximity            Grouping, what elements are
                           placed together

  What goes with what?

                          A container (box) creates a

                          Proximity creates groups
                          Space separates groups

  Goal is to group visual items that have
   related functions or meanings
Guidelines: Grouping
 If visual groupings contradict meanings, the design
  is hard to interpret
 What do these imply to us?

          from Robin Williams‘ The Non-Designer Design Book
Graphic Guidelines
 Use of white space
 Resolution at 72*75 pixels per inch
 Enhance the delivery of your message not
    detract from it
   Remember the whole world is NOT on high
    speed internet
   Color defines our audience
Writing a blog post
 How to Write Compelling Blog Posts?
  by B.L. Ochman
     Writing blog posts and comments on blogs is
      actually very simple.
 The basic guidelines
     Keep your copy lively, factual, tight, clear,
      short and search engine optimized.
Writing a blog post
 Adopt a direct style
    Declarative sentences are good. Web readers
     demand them.
 Link like crazy
   One thing that distinguishes blog posts from
     dead-tree journalism is that bloggers link
   Link to articles, books, products, bios, explanatory
     materials on other sites, other blogs or websites
     and anything you mention in your blog.
Text Guidelines
 Write good headlines.
 Keep sentences and paragraphs short.
 Never lose your sense of
 Don't take yourself too
     Blogging isn't brain surgery.
     Don't get pompous
      or dictatorial.
Text Guidelines
 Use bulleted points whenever you can.
 Use subheads every few paragraphs, even in a
    300-word post.
   Use bold text and italics for emphasis on words
    and phrases.
   Make sure your posts are easy to scan.
   Choose your voice and keep it consistent.
   Don't be afraid to voice opinions.
Text Guidelines
 Ask these questions to yourself before hitting
     Is the topic clear to someone who reads only
      the headline?
     Does the lead
      paragraph tell who
      and what the story
      is about?
Text Guidelines
 Write like it counts.
     "No matter what your audience size,
     write as if your readership consisted of paid
     whose subscriptions were perpetually about
      to expire.
     There's no need to pander.
     Compel them to re-subscribe"
 Said Dennis Mahoney on A List Apart.
 Hand write a blog post on the goal of
  attending a community college
     Talk about – why are you here?
     Advantages
     Disadvantages

 Write down potential websites to research
  this on.
Template selection
 Different templates provoke different
     Choose a template for
         Business
         Personal about your life
         Professional
         Personal about a cause
Template selection
 Let Your Blog Make A Splash
     Choose a blogging service and set up an
     You will be provided with a standard blog
     But this template will suffer from a cookie-
      cutter design, and if you don't personalize it
      your blog may become lost.
Template selection – Making a splash
   To be noticed your blog
    needs to make a splash
    – as there are more than
    ten million blogs out
   Work with some design
    elements that can help
    you add more zing to
    your blog.
Template Selection
 Give The Top Logo/Banner On Your Blog
  A Personal Touch
     Whatever blogging software or service you
      decide to use, all of them will present you
      with a generic graphic for the top of your blog
      pages. You need to change this.
     What you will need is your own image, and a
      font to create a simple title, tag line or logo.
Template Selection – A personal touch
   If you are not good at drawing or feel design-
   Go straight to one
    of the online stock
    photo services and
   There are also lots of
    free sites or you can
    try a service with
    minimal fees, like
                             This is one of many good photos found at           PD, a site devoted to making
                                   photos available without restrictions.
Templates continued
 Demonstration of templates available in
Social protocols
 Remember this is PUBLIC
 Copyright guidelines still apply
 Companies have rules
     Be careful what you say about your employer
 Remember your parents, friends, ex-friends
  may be reading your blog
How do blog tools work
 Google blog

 MSN blog
Create an account
Create an account screen in
Name your blog screen in blogger
Choose a template screen
Time to start blogging
Team blogging in
 Sometimes necessary to have multiple
    people able to post
   Interaction on an ―equal‖ level
   We will have a classroom blog
   Everyone must post at least 3 times to this
   First post is to be a link to your blog
CIS 105 Class Blog
Current Team Members
Settings in the Team Blog
Email request to join the team blog
Student joins the team
Cell phone activity
 Understand how to post pictures to your blog
    directly from your cell phone
   Alternative activity
       Post from digital camera
              Or
       Post existing pictures from the web
Claiming your pictures
Pictures moved to CIS 105 blog
MSN Blogging
Creating a blog with MSN messenger
Creating an MSN Blog
Checking for Email address
Creating an account
   What is a Blog/ Weblog?
   History of Blogs
   Why do you Blog?
   Visual Literacy : Graphic Guidelines
   Writing a compelling blog post: Text Guidelines
   Template Selection
   Social Protocols
   Demonstration/ Activity

To top