Chandrika: Created page with '{| border=1 || '''Visual Cue''' || '''Narration''' |- || Show slide number 1. '''Title Slide''' || Welcome to this spoken tutorial on '''Themes '''in '''Mozilla Firefox.''' |-…'

2012-11-27T12:04:31Z

Created page with '{| border=1 || '''Visual Cue''' || '''Narration''' |- || Show slide number 1. '''Title Slide''' || Welcome to this spoken tutorial on '''Themes '''in '''Mozilla Firefox.''' |-…'

New page

{| border=1
|| '''Visual Cue'''
|| '''Narration'''

|-
|| Show slide number 1.
'''Title Slide'''
|| Welcome to this spoken tutorial on '''Themes '''in '''Mozilla Firefox.'''

|-
|| Show Slide Number 2
'''Learning Objectives'''

* Themes
* Personas
* Ad blocking

||

In this tutorial, we will learn about:
* Themes
* Personas
* Ad blocking

in Mozilla Firefox.

|-
|| Show Slide Number 3

'''Themes'''
One of the customisation is '''Themes'''.
A theme
* Changes how Firefox looks.
* Changes the background colors, the look of the buttons and the layout.
|| Mozilla Firefox offers customisation to suit the tastes or preferences of the user.

One of the customisation is '''Themes'''.
A theme
* Changes how Firefox looks.
* Changes the background colors, the look of the buttons and the layout.

|-
|| Show Slide Number 4
'''OS and versions'''
* Firefox version 7.0
* Ubuntu 10.04

|| In this tutorial, we are using Firefox version 7.0 on Ubuntu 10.04

|-
|| Open a Firefox browser.
|| Let us open a Firefox browser.

Let us first learn how to change the '''Theme '''of '''Mozilla Firefox'''.

|-
|| Show Slide
'''Enable the Load images automatically option'''
|| First, let’s enable the '''Load images automatically''' option, so that we can view the images displayed in the browser.

|-
|| Switch to Firefox.
Menu Bar >> Click on '''Edit '''>> '''Preferences'''.
|| From the '''Menu '''bar, click on '''Edit''' and then '''Preferences'''.

|-
|| In the '''Preferences '''dialog box >> click on '''Content '''tab.
|| In the '''Preferences '''dialog box, choose the '''Content '''tab.

|-
|| Check the '''Load images automatically '''box.
|| Check the '''Load images automatically '''box.

|-
|| Click '''Close'''.
|| Click '''Close'''.

|-
|| Click on the URL bar and type
https://addons.mozilla.org/firefox/themes
Press '''Enter'''.
|| Now, click on the URL bar and type
“a'''ddons dot mozilla dot org slash firefox slash themes”'''

Press '''Enter'''.

This takes us to the '''Themes '''page for '''Mozilla Firefox Add-ons'''.

|-
|| Point to the various themes.
[[File:Themes.jpg|frameless|caption]]
|| We see a large number of themes here as thumbnails.

|-
|| Point to the thumbnails of the themes.

|| The thumbnails show you how the themes would appear.

|-
|| Point to the text '''Most Popular Themes'''.
|| Here you can
* preview the theme,
* see the categories of themes available and
* see the ratings given by other users who have used the theme.

|-
|| Hover the mouse over any''' 2 themes''' to show the description display box.

One theme should display '''Continue to Download '''and
the other theme should display '''Add to Firefox'''.
|| Let us hover our mouse pointer over some themes.<Pause>

|-
|| Click on '''Shine Bright Skin'''.

|| Now, click on the theme '''Shine Bright Skin'''.

This is one of many themes available on this page.

|-
||
|| The '''Shine Bright Skin''' theme page appears.

|-
|| Click on the theme which displays '''Continue to Download''' button.
|| Click on the '''Continue to Download''' button.

|-
|| Point to the page.
|| This takes you to a page which gives additional details about the the theme.

|-
|| Point to the '''Accept and Install '''button but don’t click.
|| Click on the '''Add to Firefox '''button to install the theme.

|-
|| Point to the '''Add-on''' downloading progress bar.
|| The '''Add-on''' downloading progress bar appears.

|-
|| Next a '''Software Installation''' confirmation message appears.
|| Next a '''Software Installation''' confirmation message appears.

|-
|| Click '''Install Now'''.
|| Click '''Install Now'''.

|-
|| Point to the message.
|| A message that the theme will be installed once you restart Firefox is displayed.

|-
|| Click '''Restart Now'''.
|| Click '''Restart Now'''.

|-
||
|| Mozilla Firefox shuts down.

When it restarts, the new themes is applied.

|-
|| Go back to '''Themes '''page.
|| Let’s go back to our '''Themes '''page.

|-
|| Click on the theme which displays '''Add to Firefox '''button.
|| Now let us choose another theme.

|-
|| Click '''Add to Firefox '''button.
|| This theme displays '''Add to Firefox '''button.

|-
|| Point to the '''Download '''dialog box.
|| This will download the chosen theme.

|-
|| In the warning window, drag the cursor over the warning message.
|| Once the download is complete, a warning message window appears.

|-
|| Click on '''Install Now '''button.
|| Click on the '''Install Now '''button.

|-
|| Point to the '''Restart Now''' message that appears.
|| You will be prompted to restart the Firefox browser.

|-
|| Click on '''Restart now '''button.
|| Click on '''Restart now '''button.

|-
|| <<Keep recording.
Later on, while editing reduce the time to show this process faster.>>
|| Mozilla Firefox shuts down.

When it restarts, the new themes are applied.

|-
|| Just point to the various parts of the browser.

|| So you see, '''Themes '''help to improve the look and feel of the browser.

It customizes the '''Firefox''' browser to your unique taste.

|-
|| Click on '''Tools''' >> '''Add-ons'''.
|| If, for some reason, you wish to go back to the default theme,

then, just click on '''Tools''' and '''Add-ons'''.

|-
|| On the left panel >> click on the '''Appearance '''tab.
|| On the left panel, click on the '''Appearance '''tab.

|-
|| Point to all the themes which are visible.
|| Here all the themes which have been downloaded are visible.

|-
|| Point to the '''Default Theme'''.
|| See the '''Default Theme '''here.

|-
|| Click on the '''Enable '''button.
|| Click on the '''Enable '''button.

|-
|| Click on the '''Restart now '''button.
|| Click on the '''Restart now '''button.

|-
|| <<Keep recording.
Later on, while editing reduce the time to show this process faster.>>

|| '''Mozilla Firefox''' will shut down and restart.

When it restarts, the default theme is once again visible.

<<Pause>>

|-
|| Close the '''Add-ons '''tab.
|| Let’s close the '''Add-ons '''tab.

|-
|| Show Slide Number 5
'''Personas'''
* Personas are free, easy-to-install "'''skins'''" for Firefox.
* Personas Plus extends this built-in functionality
* to give greater control
* easier access to new, popular, and even your own favorite Personas.
||
# Personas are free, easy-to-install "'''skins'''" for Firefox.
# Personas Plus extends this built-in functionality
# to give greater control
# easier access to new, popular, and even your own favorite Personas.

|-
|| Click on the URL bar and type
https://addons.mozilla.org/firefox/personas/

Press '''Enter'''.
|| Click on the URL bar and type
“a'''ddons dot mozilla dot org slash firefox slash personas”'''

Press '''Enter'''.

This takes us to the '''Personas '''page for '''Mozilla Firefox Add-ons'''.

|-
|| Point to the various personas.
[[File:Personas.jpg|frameless|caption]]

|| We see a large number of personas here.

|-
|| Scroll down a bit.
Click on any '''Persona'''.
|| Click on any '''Persona '''of your choice.

|-
|| Scroll down a bit to show the details.
|| This will take you to a page which gives details of the chosen '''Persona'''.

|-
|| Click on the '''Add to Firefox '''button.
|| Click on the '''Add to Firefox '''button.

|-
|| Point to the '''Notification''' bar message bar at the top.
|| A '''Notification''' bar will appear at the top to alert you that a new theme is installed.

|-
|| Click on the small '''“x”''' mark on the right of the '''Notification '''bar.
|| Click on the small '''“x”''' mark on the right of the '''Notification '''bar.

|-
|| Point to the upper-most part of the Firefox browser.
|| '''Firefox''' installs this Persona automatically.

<<Pause>>

|-
|| Show Slide Number 6
'''Adblock'''
Often ads interfere with our internet experience.
* But there are specialized software that help to block ads.
* One such add-on is '''Adblock'''.
||
* Often ads interfere with our internet experience.
* But there are specialized software that help to block ads.
* One such add-on is '''Adblock'''.

|-
|| Click on '''Tools '''>> '''Add-ons'''.
|| Click on '''Tools '''and then on '''Add-ons'''.

|-
|| In the search tab (which is at the top right corner) >> search for '''Adblock.'''
Press '''Enter'''.
|| In the search tab, at the top-right corner, search for '''Adblock.'''
Press '''Enter'''.

|-
|| Scroll down the list of Ad blocking software.
|| A list of Ad blocking software is displayed.

|-
|| Click on the '''Install '''button for '''Adblock Plus'''.
This is the first option that is displayed.
|| Click on the '''Install '''button for '''Adblock Plus'''.

|-
|| Point to the downloading bar.
|| Adblock starts downloading

|-
||

Point to the notification message will be displayed which says, “'''Adblock will be installed after you restart Firefox'''”.
|| That's it! Ad blocker is now installed.

A notification message will be displayed which says, “'''Adblock will be installed after you restart Firefox'''”.

|-
|| Click on the '''Restart now '''link.
|| Click on the '''Restart now '''link.

|-
|| <<Keep recording.
Later on, while editing reduce the time to show this process faster.>>

|| '''Mozilla Firefox''' will shut down and restart.

When it restarts, the ad blocker will take effect.

|-
|| Show Slide Number 7

'''Adblock'''
* Some sites do not allow you to enter them when ad blocker is on.
* This is because, many free sites earn their income from ads.
* Adblocker may prevent some sites from being displayed on your browser.
* This factor has to be considered carefully when blocking ads.

|| However, using ad blockers have some negative consequences.

* Some sites do not allow you to enter them when ad blocker is on.
* This is because, many free sites earn their income from ads.
* Adblocker may prevent some sites from being displayed on your browser.
* This factor has to be considered carefully when blocking ads.

|-
|| Show slide number 8.

'''Summary:'''
* Themes
* Personas
* Ad blocking
|| This brings us to the end of this tutorial.
In this tutorial, we learnt about:

* Themes
* Personas
* Ad blocking

|-
|| Show slide number 9.
'''Comprehensive Assignment'''
* Install the theme 'NASA night launch'.
* Then switch back to the default theme.
* Block all pop ups, except those from '''yahoo.com'''

||

Try this assignment.
* Install the theme 'NASA night launch'.
* Then switch back to the default theme.
* Block all pop ups, except those from '''yahoo.com'''

|-
|| Show About Slide

About the Spoken Tutorial Project

* Watch the video available at http://spoken-tutorial.org/What_is_a_Spoken_Tutorial

* It summarises the Spoken Tutorial project

* If you do not have good bandwidth, you can download and watch it
||

* Watch the video available at the following link

* It summarises the Spoken Tutorial project

*If you do not have good bandwidth, you can download and watch it
|-
|| Show About Slide

Spoken Tutorial Workshops

The Spoken Tutorial Project Team

* Conducts workshops using spoken tutorials

*Gives certificates for those who pass an online test

* For more details, please write to contact@spoken-tutorial.org
||

The Spoken Tutorial Project Team

* Conducts workshops using spoken tutorials.

* Gives certificates for those who pass an online test

* For more details, please write to contact at spoken hyphen tutorial dot org
|-
|| Show Acknowledgement Slide

Acknowledgements

* Spoken Tutorial Project is a part of the Talk to a Teacher project

* It is supported by the National Mission on Education through ICT, MHRD, Government of India.

* More information on this Mission is available at

* http://spoken-tutorial.org/NMEICT-Intro
||

*Spoken Tutorial Project is a part of the Talk to a Teacher project

* It is supported by the National Mission on Education through ICT, MHRD, Government of India

*More information on this Mission is available at

* spoken hyphen tutorial dot org slash NMEICT hyphen Intro
|-
|| Show About the contributor Slide

About the Contributor

* This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd

* www.desicrew.in

* Thanks for joining
||

*This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd

* Thanks for joining
|-
|}

Firefox/C3/Themes-Popup-blocking/English - Revision history

Chandrika: Created page with '{| border=1 || '''Visual Cue''' || '''Narration''' |- || Show slide number 1. '''Title Slide''' || Welcome to this spoken tutorial on '''Themes '''in '''Mozilla Firefox.''' |-…'