490 likes | 563 Views
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
E N D
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
Overview of Blogs & Wikis Chapter 2: Publishing Online
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
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
The Structure of Web-based Applications Chapter 2: Publishing Online
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
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
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
Corporate Blogs Chapter 2: Publishing Online
Understanding Blogs • Citizen journalists share their thoughts about news and events Chapter 2: Publishing Online
News and Opinion Blogs Chapter 2: Publishing Online
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
Searching Frequently Updated Web Content Chapter 2: Publishing Online
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
Web-Based Blogging Applications Chapter 2: Publishing Online
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
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
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
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
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
Interacting with a Blogger Blog Chapter 2: Publishing Online
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
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
Blogging with Multimedia Chapter 2: Publishing Online
Blogging with Multimedia Chapter 2: Publishing Online
Blogging with Multimedia • You can embed content in a blog or on a Web page Chapter 2: Publishing Online
Blogging with Multimedia Chapter 2: Publishing Online
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
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
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
Extending a Blog’s Value Chapter 2: Publishing Online
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
Extending a Blog’s Value Chapter 2: Publishing Online
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
Extending a Blog’s Value Chapter 2: Publishing Online
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
Understanding Wikis Chapter 2: Publishing Online
Understanding Wikis Chapter 2: Publishing Online
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
Understanding Wikis Chapter 2: Publishing Online
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
Understanding Wikis Chapter 2: Publishing Online
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
Wikipedia Chapter 2: Publishing Online
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
Google Wave Chapter 2: Publishing Online
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