1 / 49

Exploring Web 2.0 Tools: Blogs & Wikis

Dive into the world of Web 2.0 tools with this overview of blogs and wikis. Learn how to publish content, use CSS, and create web-based applications. Discover the structure of blogs, corporate blogs, and news & opinion blogs. Interact with blogger blogs via Google Blogger and WordPress.

uzuri
Download Presentation

Exploring Web 2.0 Tools: Blogs & Wikis

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. Overview • Blogs and wikis are two Web 2.0 tools that allow users to publish content online • Blogs function as online journals • Wikis are collections of searchable, linked Web pages that users can create or edit collaboratively • A Web site is a collection of related Web pages that are usually hosted on the same server Chapter 2: Publishing Online

  2. Overview of Blogs & Wikis Chapter 2: Publishing Online

  3. Overview • Note: Twitter is an online social networking and microblogging service that enables users to send and read "tweets", • which are text messages limited to 140 characters. Chapter 2: Publishing Online

  4. The Structure of Web-based PPS • Blogs and wikis both offer users a simple way to publish content to the Web without the need to know HTML • HTML uses tags to instruct a Web browser how to display a Web page • Cascading Style Sheets (CSS) is a complementary technology that specifies fonts, colors, layout, and placement • What the CSS file looks like • <link href="../css/styles.css" rel="stylesheet" type="text/css"> • <table style="padding: 5px" align="Center“ . . . Or <H3 style="text-align: center" align="center"> • <STYLE type="text/css"> • <!-- • H1 {text-align: center !IMPORTANT;} • TH {txt-align: left !IMPORTANT; • vertical-align: top !IMPORTANT;} • TD {text-align: left !IMPORTANT; • vertical-align: top !IMPORTANT;} • --> </STYLE> Chapter 2: Publishing Online

  5. The Structure of Web-based Applications Chapter 2: Publishing Online

  6. Using NVU Tool to Create App –Good tools: Dreamweaver, FronPage, WebPlus, WebEasy • NVU Tool for 6 months trail • Dreamweaver professonal developing tool • WebEasy 7 design tool • Multimedia Gallery: photos/audio/YouTubeVideo • Add RSS (Really Simple Syndication) • ADD Blog • Add HTML Script (cade enabled) • E-commence • Using templates; No Programming required; Chapter 2: Publishing Online

  7. The Structure of Web-based Applications • Many Web applications use a three-tiered structure that allows users to interact with the Web site • Presentation tier deals with presentation of information • Middle tier is responsible for processing user input • Also called the business logic tier • Database tier is responsible for retrieving requested information Chapter 2: Publishing Online

  8. Understanding Blogs • Users update their blogs by entering new content using a blogging application • Collection of all bloggers (people who post to their blogs) and their blogs is referred to as the blogosphere • A permalink can be used to link to a specific article on a blog • Blog members read and follow a blog Chapter 2: Publishing Online

  9. Corporate Blogs Chapter 2: Publishing Online

  10. Understanding Blogs • Citizen journalists share their thoughts about news and events Chapter 2: Publishing Online

  11. News and Opinion Blogs Chapter 2: Publishing Online

  12. Searching Frequently Updated Web Content • The World Live Web refers to the ever-changing nature of all types of information on the Web • News headlines • Frequently updated blogs • Updates on social networks • Popular terms on search engines Chapter 2: Publishing Online

  13. Searching Frequently Updated Web Content Chapter 2: Publishing Online

  14. Class Discussing – Blogs & Wikis • Technorati http://www.technorati.com • BlogCatalog http://www.blogcatalog.com/ • Wikis http://en.wikipedia.org/wiki/Technorati Chapter 2: Publishing Online

  15. Web-Based Blogging Applications Chapter 2: Publishing Online

  16. Interacting with a Blogger Blog • Components of most blogging applications include the ability to: • Create and edit blog posts • Configure the blog’s settings • Select a design template and customize its layout Chapter 2: Publishing Online

  17. Using Google Blogger & WordPress’s blogging • Blogger: http://www.blogger.com/home • Many people use Blogger for their first blog because of its intuitive user interface for adding content to a blog and customizing the blog’s appearance. • Blogger has many design templates to help achieve a look that reflects the purpose or theme of a blog. • WordPress’s blogging: www.wordpress.org • Is popular among businesses, nonprofit organizations, and other high-volume bloggers. Chapter 2: Publishing Online

  18. Interacting with a Blogger Blog • Components of most blogging applications include the ability to: • Create and edit blog posts • Configure the blog’s settings • Select a design template and customize its layout Chapter 2: Publishing Online

  19. Interacting with a Blogger Blog • To create a blog post, enter the title of the post • Use the text editor to perform basic text formatting • Create hyperlinks and upload images and videos • You can edit or delete posts Chapter 2: Publishing Online

  20. Interacting with a Blogger Blog • The Settings tab contains options for specifying: • Blog’s title and description • Whether the blog should be added to Blogger’s blog listings • Whether search engines will be allowed to index the blog when a new post is submitted • Formatting settings • Whether to display blog comments • Email and mobile settings • Permissions settings Chapter 2: Publishing Online

  21. Interacting with a Blogger Blog Chapter 2: Publishing Online

  22. Interacting with a Blogger Blog • The Layout tab allows you to configure your blog by customizing: • Page elements • Gadgets / widgets • Fonts and colors • Templates Chapter 2: Publishing Online

  23. Blogging with Multimedia • Bloggers can upload images and videos from their computer, or third-party multimedia sharing services such as Flickr or YouTube • Adding images to a blog enhances the blog • Most blogging applications resize images so that they fit in the content area • Use images in a compressed image format to reduce size Chapter 2: Publishing Online

  24. Blogging with Multimedia Chapter 2: Publishing Online

  25. Blogging with Multimedia Chapter 2: Publishing Online

  26. Blogging with Multimedia • You can embed content in a blog or on a Web page Chapter 2: Publishing Online

  27. Blogging with Multimedia Chapter 2: Publishing Online

  28. Blogging with Multimedia • Most video-sharing Web sites contain the embed code that you should place into your blog application’s HTML editor Chapter 2: Publishing Online

  29. Blogging with Multimedia • Video blogs are blogs whose posts primarily contain videos recorded by or featuring the owner of the blog Chapter 2: Publishing Online

  30. Extending a Blog’s Value • After creating a blog, you should publicize it to increase traffic • Include blog URL in e-mail signature • Add links/information to social networking sites • Become an active participant on other blogs • Back (inbound) links and outbound links • Post reciprocal links • Notify search engines (ping) when there is updated content Chapter 2: Publishing Online

  31. Extending a Blog’s Value Chapter 2: Publishing Online

  32. Extending a Blog’s Value • Advertising is the main source of revenue for most blogs • Leaderboard/banner ads • Skyscraper ads • Context-sensitive text, image, or video advertisements are related to page content Chapter 2: Publishing Online

  33. Extending a Blog’s Value Chapter 2: Publishing Online

  34. Extending a Blog’s Value • Google AdSense ads displayed on a blog are priced at either • Cost-per-click (CPC) • Paid when users click an advertisement • Cost-per-1000-impressions (CPM) • Paid when the ad appears 1000 times • Blogger offers built-in functionality to work with Google AdSense Chapter 2: Publishing Online

  35. Extending a Blog’s Value Chapter 2: Publishing Online

  36. Understanding Wikis • A wiki is a collection of Web pages where users can add, discuss, or edit existing content that they, or others, have created • Contributors of wikis usually have to register to be able to make changes • Wikis have an open structure allowing users to create new pages and link existing pages Chapter 2: Publishing Online

  37. Understanding Wikis Chapter 2: Publishing Online

  38. Understanding Wikis Chapter 2: Publishing Online

  39. Understanding Wikis • Many wiki providers host wiki applications on their own servers and allow contributors to use their features at no cost • They charge additional fees for increased storage • Domain names assigned by hosting services typically contain elements of both the provider’s and user’s domain name • Custom domain names are shorter and easier to remember Chapter 2: Publishing Online

  40. Understanding Wikis Chapter 2: Publishing Online

  41. Understanding Wikis • Wikis can be used in many different settings, such as in a college information technology course • Students can post and share their notes • Users can create or edit an article using a WYSIWYG editor • Wiki administrator can track how page was modified over time, and who made each change • Revisions page Chapter 2: Publishing Online

  42. Understanding Wikis Chapter 2: Publishing Online

  43. Wikipedia • Successful online encyclopedia generated by contributors • Contains more than 3.1 million articles • Sandbox page helps users learn how to use the wiki application software • New articles are first posted in a private section until reviewers provide feedback and corrections are made • Moved to live site after corrections are made Chapter 2: Publishing Online

  44. Wikipedia Chapter 2: Publishing Online

  45. Google Wave • Integrated collaboration tool that combines features from blogs, wikis, instant messaging, and e-mail • Streams of communication are called waves • Waves are composed of blips Chapter 2: Publishing Online

  46. Google Wave Chapter 2: Publishing Online

  47. Summary • Blogs and wikis facilitate the process of creating and sharing online content • Three-tiered architecture of Web applications • Blogging is a popular tool for individuals and organizations • Blogs usually are authored and maintained by individuals, whereas wikis reflect the knowledge of a community • Wikis are a useful collaboration tool Chapter 2: Publishing Online

  48. Chapter 2 Complete

More Related