Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Slides:

Advertisements

Similar presentations

Creating a Google Site April 2011 Public Computer Center at Moore Memorial Library | Greene, NY.

Advertisements

Data import and export Skills: none IT concepts: data import and export, common data format This work is licensed under a Creative Commons Attribution-Noncommercial-

NEXT. Create Pages in Blogger Another top user-requested feature has just graduated from Blogger In Draft! Blogger now makes it easy to create Pages linked.

Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile,

Skills: none Concepts: presentation experiments, audio tempo, audio speed, independent variable, dependent variable This work is licensed under a Creative.

Skills: navigate the Paint.net user interface, and use the toolbox, tool settings and status lines, command menus, use the history, layer and color windows.

Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.

Skills: none Concepts: two uses of the word “application,” networked vs. stand-alone, collaborative vs. personal productivity, synchronous vs. asynchronous,

Skills: edit, display the history of, discuss, and track changes to a page, wiki technique tips Concepts: Wiki operations This work is licensed under a.

Representing numeric data with bits

Skills: subscribe to feeds, read feeds Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: create, modify and post to a blog Concepts: wire-frame diagram, independence of content and appearance, gadget or widget, Blogger menu structure.

Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: create, modify and post to a blog Concepts: blog, gadget, property sheet, wire frame diagram of a Web page, profile, tabbed navigation This work.

Skills: compressing an image using Paint.net Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: Using several image processing tools and commands Concepts: image processing tools, image processing operations This work is licensed under a Creative.

Skills: none Concepts: the amount of information in an image This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: posting images on Twitter using Twitpix.com Concepts: application ecosystem, application program interface (API) This work is licensed under a.

Skills: create a narrated video of a PowerPoint presentation Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Encoding images Skills: none IT concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is.

Survey mechanics This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: the mechanics of using a survey.

RSS, real simple syndication Skills: subscribe to feeds, read feeds IT concepts: RSS feed, polling vs. publish- subscribe, stand-alone vs Web based reader,

Audio recording Skills: microphone position and adjustment IT concepts: clipping, dynamic range This work is licensed under a Creative Commons Attribution-Noncommercial-

Many kinds of clients and servers This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Audacity setup, installing the LAME MP3 encoder Skills: configure Audacity IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Creating a Blogger blog Skills: creating a blog IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

Mobile and portable connectivity Skills: none IT concepts: mobile vs portable connectivity, connectivity options (WiFi, cellular and satellite), characteristics.

Using Paint.net Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts: pixel,

List servers (listservs) Skills: subscribe to a list server (listserv), send messages to a list and unsubscribe IT concepts: list server, subscription,

Using Google Docs: a network-based word processor This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills:

Audio data Skills: Set sample size and rate in Audacity IT concepts: analog to digital conversion, digital to analog conversion, sample rate, sample size,

An image processing session Skills: change view (zoom in or out), rotate, select a portion, crop, resize, change contrast, filter, compress IT concepts:

Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Posting to a blog Skills: Creating and editing a blog post IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

An image processing session Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts:

Internet reading Skills: mindful reading IT concepts: characteristics of Internet readers This work is licensed under a Creative Commons Attribution-Noncommercial-

Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-

Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:

Using Google’s RSS Reader Skills: subscribe to feeds, read feeds IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Internet backbones today Skills: none IT concepts: good news (expanding rapidly, performance improving), bad news (uneven global capacity) This work is.

Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.

Using Paint.net Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts: pixel,

Using Wikispaces This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: Wikispaces: editing and management.

Attributes of HTML tags Skills: none IT concepts: HTML tag, value, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-

Skills: none Concepts: application, network versus stand-alone application, client, server, application versus system program This work is licensed under.

Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Voice applications Skills: none IT concepts: history of network speech, voice over IP, speech synthesis (text to speech), speech recognition (speech to.

Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,

Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-

Creating a Blogger Account. Blogger This tutorial will show you how to create a Blogger account and how to publish your first blog post.  Set up the.

Part 2: How to create blogs In Modified by: Mr Rizal Arbain.

Go to Log in.. This is the Dashboard.

How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.

Using a wiki This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills (application development): wiki.

Skills: Adding independent layers to images Concepts: Image layers This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Our Cruise Holiday! Summer Day One Click the Insert Picture icon or Insert Media Clip icon above to add your holiday picture or video! Then, delete.

BLOGGING BASICS. In this class we will cover: What you need to get started with Blogger The Dashboard How to write a post How to add gadgets How to create.

Create a blog Skills: create, modify and post to a blog

Quickr Places & Templates Introduction

An Animated PowerPoint

An Animated PowerPoint Template

Add your content here, or use any other layout you wish for your content slide or slide(s).

Using a wiki Skills: using a wiki

Using Google’s RSS Reader

Skills: microphone position and adjustment

Free Presentation Template

Presentation transcript:

Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

Changing the blog layout and appearance Internet concepts –Applications (blogs) –Technology (TCP/IP) –Implications for Individuals Organizations Society Internet skills –Application development (change the appearance of a blog) –Content creation Text Images Audio Video

Make these changes in five minutes We will delete much of the material in the right hand column. We will change the layout and color scheme.

Clean up the right hand column Delete the “about me” and “follower” gadgets

Your Blogger dashboard At

The layout modification screen You can modify (edit), reorder, add or delete the “gadgets” in the right hand column.

Remove the “About Me” gadget 12

Remove the “Followers” gadget 12

About me and Followers are gone

Change the overall layout and color scheme Change the blog template

Select the Stretch Denim template 1 2

New layout and color scheme Note that the content is unchanged -- it is independent of the appearance.

Immediate editing You can click on these icons and edit your blog without going back to the dashboard. These icons are only visible to the person who created the blog.

The layout modification screen You can also add gadgets.

Four of the Blogger library gadgets Google adds to the gadget library over time. Programmers can create their own gadgets.

Each gadget has a property sheet The user can change gadget appearance and behavior.