1 / 25

S kills : create, modify and post to a blog

Blog development and user interfaces. S kills : create, modify and post to a blog C oncepts : tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile, independence of content and appearance.

hedva
Download Presentation

S kills : create, modify and post to a blog

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Blog development and user interfaces Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile, independence of content and appearance This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

  2. Where does this topic fit? • Internet concepts • Applications • Technology • Implications • Internet skills • Application development • Content creation • User skills

  3. Login or create an account

  4. Choose a title and an address This blog’s URL will be: http://standardblogformat.blogspot.com

  5. Tabbed navigation scheme

  6. Blogger.com has a tabbed user interface

  7. Select a template 1 2

  8. Select a layout 2 1

  9. A wire-frame diagram Header Post body Ancillary information Footer

  10. Create a new post

  11. Create a post

  12. Changing page elements

  13. The Page Elements display

  14. Label gadget property sheet

  15. Profile gadget property sheet

  16. User profile

  17. Adding gadgets

  18. The Blogger dashboard

  19. Other tabs

  20. Editing shortcuts

  21. Same content Different appearance

  22. Summary Header Post body Ancillary information Footer

  23. Resources Blogger getting started guide: http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=112498 About Blogger: http://www.google.com/support/blogger/bin/topic.py?hl=en&topic=10424

  24. Self-study questions What is the URL (Web address) of a blog once you have created it – where do readers go to see it? A URL is a Web address, but what do the letters “URL” stand for? What are the second level navigation choices under the Stats tag? What is the effect of clicking Cloud or Label on the property sheet of the Labels gadget? What happens if you uncheck About Me on the property sheet of the Profile gadget? If your readers complain of reading difficulty, how would you increase the font size in your Blogger posts? How would you change your blog from a two column to a three column layout? What are the submenus of the Posting tab, and, in a sentence or two, what is each used for? Compare the fields on profile pages at Facebook with those at Blogger or Linkedin-- how do they differ? Explain the parallel between a person’s profile and a property sheet.

More Related