Home > Books > Social Networking for the Older and Wiser > How to use your browser

How to use a web browser: from novice to expert

Book cover: Social networking for the older and wiserBy Sean McManus

This appendix to Social Networking for the Older and Wiser explains how you can make the most of the features of your web browser.

It introduces the skills you need to be able to use sites like Facebook, Twitter, Friends Reunited, Saga Zone, Eons, Ning and Meetup. These sites are all covered in depth in the rest of the book.

This appendix takes you from the basics of using websites through to more advanced skills, such as keyboard shortcuts. It includes a mini playground where you can safely experiment with the different form controls you'll encounter online.

Would you rather read this on paper?

I realise this is rather a lot of text for a single webpage, but I have ensured you can read it clearly when it's printed out. Use your browser's print control or click here to print. If you'd like to try any of the enhanced features (enlarge screenshots, visit links, play with forms), you'll need to use the on-screen version.

It all happens in the browser

Equipment needed

Access to a computer with an internet connection and a web browser, such as Internet Explorer or Safari.

Skills needed

Some familiarity with the computer, including the ability to find and run programs.

One of the great things about social networking is that it mostly takes place using your web browser. That means you can log in from any computer and have all your data and friends available to you. It also means you don't need to install any software, and you probably already have most of the skills you'll need.

In this chapter, you learn how to get the best from your browser, so that you can easily use the social networking websites in this book.

Am I teaching grandma to suck eggs? If you're the kind of person who already does all the Christmas shopping online, or who follows the football headlines on the internet, you might be tempted to skip this chapter. I recommend you stick with it because I cover some of the advanced browser features that you might not already use.

If you do decide to skip ahead (I'll never know), have a go at the revision quiz at the end to see if you missed anything important.

What is a web browser?

Your web browser is the program that enables you to undertake all the activities of the worldwide web, the most popular part of the internet. Using your web browser, you can connect to your bank, an online store or an organisation like the BBC for the latest news and weather. Most companies are online today, but there is also a vast wealth of knowledge and entertainment that private individuals have put on the web.

Websites (also sometimes called 'sites') are destinations on the internet: they are places you can access articles and photos, places you can browse and shop, and places where you can watch films or listen to music.

In the early days of the web, using it was a passive affair: like TV or radio, all the information travelled one way. Today's websites are more sophisticated and interactive, and social networking websites are at the forefront of innovation. They provide a hub where you can meet with your friends and socialise, and enable you to publish your own content on the internet for access by your friends or by the world at large.

Note

Through your choice of network, and through the use of any privacy controls it provides, you decide who can access your information. Social networks are the tools, but you decide how you will use them.

Your web browser is the program that enables you to visit websites. If you're using Microsoft Windows, it is most likely to be Internet Explorer, which is by far the most popular browser. There is also a browser made by Apple, called Safari, and by Google, called Chrome, as well as two independent browsers called Opera and Firefox. They're all free, but you only need one, so just use whatever's already installed

This chapter uses Internet Explorer as an example but if you're using a different browser, don't worry. The features are largely the same, although the buttons and controls might look different and be in different places.

Trivia

The first web browser was Mosaic, released in 1993. By making it easy to view and navigate content, Mosaic broadened the appeal of the web beyond academia. Within a few years, businesses started to go online (Amazon launched in 1995), and the internet began to arrive in the home.

Taking a tour of your browser

Start your browser. If you're using Internet Explorer, you should see an icon for this on your desktop or in your start menu. It looks like a blue lower case 'e', with a Saturn-style ring around it. When you open your browser, it starts to download your start page, which means it copies it to your computer from the internet.

Your web browser is one of the simplest programs you'll ever use. There are thirteen main controls you need to know about, which is nothing compared to programs like Word or Excel. Here they are in Figure 2-1:

Annotated screenshot of Google.com

Figure 2-1. ©Google. Reproduced by permission.
Click the screenshot to enlarge it, and use the browser's back button to return here again.

This screenshot shows the Google search engine (www.google.com), which is used to find other websites that have content you're looking for. When you open your browser, you'll probably see a different website at first, but don't worry about this for now. Concentrate instead on the blue area at the top of the screen. These are your browser controls. The most important ones are:

  • Address bar: This is where you type in the address of the website you'd like to visit. As you navigate through pages, you'll see this bar change because every page on a website has its own unique address, also known as a URL. You can try it now by clicking on the address bar and then entering another address, such as www.bbc.co.uk for the BBC or www.tesco.com for Tesco. If you start typing a web address similar to one you've used before, the browser will suggest it so that you can click on it instead of having to type the rest of it. Web addresses always start with http:// or https:// (for a secure site) but the browser adds that for you automatically.
  • Back button: Probably the most important button of all! Click this to go back, one page for each time you click it. If it's not working, it's probably because a link opened up in a new window. If you close that window, you should find your old session is still there in the original window you were using.
  • Forward button: Use this button to go forward again after you've used the back button.
  • Refresh button: click this to update the current webpage. This is useful for pages that change continuously.
  • Stop button: use this to cancel downloading a page.
  • Print: If you click this button, the webpage begins to print instantly, not always what you want. Click the triangle to the right of the printer and you can choose to preview the page first or set up your printer.
  • Search box: You can type a subject in here to search the web for webpages about it.

Those buttons are the gears and steering wheel, but there are some features that provide satnav, making it easier to get to the places you want to visit, and helping you to travel more quickly. Here are the highlights, which are also indicated on the previous screenshot:

  • Favorites: Since the software's American, this feature is spelled that way. This button enables you to bookmark your favourite webpages, so you don't have to type their address in when you want to visit them again. Click this button to open your favorites, which include any defaults provided by your computer manufacturer as well as any you've added. You can click these to go straight to the related webpage. After clicking the Favorites button, you can also click Add to Favorites to bookmark the current webpage, either in an existing folder, or in a new folder you create. The Favorites button also enables you to view your history of visited websites under the History tab.
  • One-click favorites button: If you click this, a button to visit the current webpage is added immediately to the right of the button. This makes it easy to visit your regular online haunts in a single click. To get rid of a button again, right-click it and select delete.
  • Home: This takes you to your browser's start page. The default probably isn't too helpful but you can change this to whatever you want so that you see the football news first thing or go straight into Facebook, for example. To do this, visit the page you'd like to start at and then go through the browser's Tools menu (on the right hand side), and select Internet Options. In the Home page section at the top, click Use Current and then click OK. Whenever you open your browser in future, it starts at whatever webpage you're looking at now.
  • Empty tab: The browser uses a filing cabinet metaphor for organising different websites you're using at the same time. You can select which webpage you want to see by clicking on the tab that sticks out the top of it. To open a new tab, click the empty tab. You can then enter a new website address into its address bar. To close a tab, just click it and then click the X that appears on the right side of the tab.
  • Quick tabs button: If you have more than one tab open, click this to see a screenshot of all the current tabs at once. You can close any you don't need any more by clicking the X above them.
  • Compatibility button: If the text on a website overlaps or it otherwise doesn't look right, try clicking this button. It tries to interpret webpages that don't work because they haven't had their design updated for the latest browser version. You only need to click once for each website; the browser remembers your setting. When compatibility mode is active, this icon goes blue.

Navigating websites

When you're out walking somewhere unfamiliar you sometimes just make up your route as you go along. Perhaps you'll see a sign to a river, and take a diversion along a different path to visit it. Or maybe you'll see a sign for a short cut, so you'll take that instead of retracing your steps home.

Navigating the web is similar in that you find your way around it by surfing from webpage to webpage, following the signs. The signs, though, are called 'links'. They form a connection from one webpage to another, so you can travel to a new webpage by clicking the link. Sometimes a linked webpage might be in a different part of the same website, and other times it is independent and unrelated, part of a different website completely.

The easiest links to spot are blue underlined text, which make up a large part of the Google homepage shown in Figure 2-1. If you click Language Tools, for example, you'll be taken to a page of tools for translation and searching in foreign languages.

Tip

Sometimes links change colour, to tell you that the page behind them is one you've been to already. If you click Language Tools and then go back again, you'll see the link has changed from blue to purple. Unfortunately those default colours can be hard to tell apart. There is a reason we don't use blue and purple on our traffic lights.

Links can be anything, though: the text isn't always underlined, and even pictures can be links. If the website's well designed, the links should be obvious at a glance. If not, you can check whether something is a link by moving your mouse over it. If your cursor turns into a hand, it's a link. You'll see its destination URL in the bottom left of the browser.

Take a look at the shopping site Amazon shown in Figure 2-2:

Screenshot of Amazon

Figure 2-2. ©Amazon. Reproduced by permission.
Click the screenshot to enlarge it, and use the browser's back button to return here again.

Try it!

If you'd like to go there yourself to try this out, just click in the address bar and type in www.amazon.co.uk and then press the Enter key on your keyboard. Or click here to visit Amazon.co.uk.

Amazon uses blue underlined text for some of its links, but it also uses images to help you navigate. You can click any of the product images, and can click the basket picture in the top right to see what you're in the process of buying.

Tip

Lots of websites, including Amazon, have a logo in the top left to take you to the homepage, which is the main welcome page on the website. If you get lost, try clicking the logo in the top left to go back to the main entrance.

The main collection of links for getting around a website is known as a navigation bar, or navbar for short. Sometimes navbars change from screen to screen, but usually they're consistent across the whole website, so you can more easily learn how to use the website. Each site designs its own navbar, so they all look different, but they usually run across the top of the screen or down the left-hand side.

Down the left hand side of the Amazon site, is a list of all the different departments. When you hover the mouse cursor over one of them, some options pop out on the right, which you can then click, as shown in the screenshot for Computers & Office. This is known as a pop-up menu and enables the website to provide lots of options for getting about the site without having to fill up the screen with all the links at once. It's a widely used navigation technique, but sometimes you need to click on the navbar to get the submenu to appear.

If you're transferring a lot of data, such as a large photograph, you'll see a progress bar bubble away at the bottom of the screen. The green magma flows from left to right slowly, like a horizontal bar chart representing how much has downloaded so far. You can easily multitask so you don't have to sit around waiting for a download. If you hold down the control key while you click a link, it'll open in a new tab so you can carry on reading the current page while the next one loads in the background.

On the right side, you see a scrollbar. You've probably seen these used in office applications before; you click the bar, hold down the mouse button and slide the bar down the screen. It then scrolls the page so you can see what doesn't fit on the screen at the moment. If your mouse has a scroll wheel between its buttons, you can just click an empty area at the top of the browser and then roll the scrollwheel to move the page up and down.

Tip

In this book, the screenshots will be scrolled and zoomed in to show you as much useful content as possible. Sometimes the navbar is scrolled off the top of the screen, for example. If your screen looks different to the screenshot, try scrolling down first.

Using forms

Both the Google and Amazon websites use forms. These enable you to put your own information into the website, and play an important part in social networking.

On Google, for example, you can click the text box, type something you're interested in there, and then click the Google Search button. On the Amazon website, you can click the empty box at the top of the screen, enter what you want to buy, and then click the round Go button to find relevant products.

Figure 2-3 is an overview of some of the most common controls you'll come across, together with an example of how they might be used:

A quick overview of form controls

You can type freely into a box like this, until it stops accepting your input.
What is your name?

Sometimes you can get textboxes that accept multiple lines.
What is your address?

You can only select one radio button at a time.
Are you..?

You can select multiple tickboxes at once.
Do you like eating..?



For a pulldown menu, you have to click to open it. You can usually only select one option.
What is your home country?




Click on buttons to submit a form, or to carry out another action.

Figure 2-3. Form controls

The forms will sometimes look a bit different on different social networking sites. The buttons in particular are often redesigned. The most important thing to note is that you can only choose one option using radio buttons (the round ones), can choose multiple options using tickboxes, and have to click to open the options on a pulldown menu.

Try it!

If you want to experiment with those form controls, you can safely try entering data and clicking on the controls in Figure 2-3 to see what happens. No data is sent anywhere when you use this form. It's just to practise with.

Making the web easier to use: magnification and keyboard shortcuts

In the bottom right corner of the browser is a magnifying glass, which you can use to enlarge the tiny text that some web designers favour. Click this to cycle through zoom levels of 100%, 125% and 150%. Click the triangle next to it to select other zoom levels of up to 400%. You can also zoom by holding down the control key on the keyboard (marked CTRL) and rolling your mouse's scrollwheel.

If you struggle to use a mouse, it's possible to do most things using keyboard shortcuts, and even if you don't, it's sometimes quicker. Table 2-1 is a quick guide to some of the keyboard shortcuts that are available, many of which are shared by other browsers too.

Tip

Why not print this out and stick it on your noticeboard, so you can easily refer to it, while you're learning the shortcuts? I've created a version of this table that you can print more easily.

ActionKeyboard shortcuts
Go to the address bar F6, or ALT and D
Add www at the start and .com at the end of a website address. Enables you to just type Google, for example, and then use the shortcut. CTRL and ENTER
Show the list of previously typed addresses, so you can pick one again F4
Go to the search box CTRL and E
Move through the buttons on the browser and the links on a webpage TAB
Select a highlighted link or button ENTER
Scroll down the page (slow) DOWN
Scroll up the page (slow) UP
Scroll down the page (fast) Page Down (often on the number keypad)
Scroll up the page (fast) Page Up (often on the number keypad)
Find a word in the webpage CTRL and F. Use ENTER to move through the search results on the page
Back ALT and LEFT
Forward ALT and RIGHT
Refresh page CTRL and F5
Stop downloading ESC
Home ALT and HOME
Add current page to favorites CTRL and D
Open favorites CTRL and I
Open history of visited websites CTRL and H
Open new tab CTRL and T
Close tab CTRL and W
Go to next tab CTRL and TAB
Zoom in CTRL and +
Zoom out CTRL and -
Zoom: reset to 100% CTRL and 0
View webpage full screen (toggle on/off) F11
Print CTRL and P

Table 2.1 - Keyboard shortcuts for Internet Explorer

Tip

Internet Explorer also offers to remember passwords for you. This can help to cut the complexity of dealing with different social networks and websites, as long as your computer itself is relatively secure. Never use this feature on a public computer, at the library, for example.

Summary

  • Your web browser enables you to navigate the internet, including reading and publishing content in social networks
  • To go to a website, you type its address into the address bar
  • Links take you to other webpages, and the back button lets you retrace your steps
  • You can bookmark your favourite websites so you don't have to type in their address each time you visit
  • You can have several websites open at once. Each one is kept in a different tab in your browser
  • Every website has its own navbar to help you get around it
  • Forms are used to enter information or select options
  • Keyboard shortcuts enable you to use your browser without using the mouse. Often they are quicker, even if you are a mouse fancier

Brain Training

Let's see how well you've taken that in, with a quick revision quiz. There might be multiple right answers.

1. Web browsers include
(a) Internet Explorer
(b) Safari
(c) Silver
(d) Firefox

2. Address bar means...
(a) a women-only drinking establishment
(b) where you enter a URL
(c) where you enter a favorite
(d) where you enter a website address

3. If you always visit the same website every day, it's a good idea to:
(a) Add to your one-click favorites
(b) Set your homepage to be its website address
(c) Refresh it regularly
(d) Put it in a tab

4. A form lists four different ice cream flavours and asks me to choose using radio buttons which I want to eat. How many can I choose?
(a) One
(b) Two
(c) Three
(d) Four

5. If I hold down the control key and roll the scrollwheel on my mouse, the webpage will:
(a) Scroll up and down
(b) Zoom in and out
(c) Get brighter or darker
(d) Get faster or slower

Answers

Q1 - a, b, and d
Q2 - b and d
Q3 - a and b
Q4 - a. Just the one, sadly.
Q5 - b

About my book Social Networking for the Older and Wiser

This article is bonus content for my book Social Networking for the Older and Wiser. Visit the homepage for Social Networking for the Older and Wiser for all bonus content, the table of contents and free chapters.

Credits

© Sean McManus. All rights reserved.

Visit www.sean.co.uk for free chapters from Sean's coding books (including Mission Python, Scratch Programming in Easy Steps and Coder Academy) and more!

Discover my latest books

Coding Compendium

Coding Compendium

A free 100-page ebook collecting my projects and tutorials for Raspberry Pi, micro:bit, Scratch and Python. Simply join my newsletter to download it.

Web Design in Easy Steps

Web Design IES

Web Design in Easy Steps, now in its 7th Edition, shows you how to make effective websites that work on any device.

100 Top Tips: Microsoft Excel

100 Top Tips: Microsoft Excel

Power up your Microsoft Excel skills with this powerful pocket-sized book of tips that will save you time and help you learn more from your spreadsheets.

Scratch Programming in Easy Steps

Scratch Programming IES

This book, now fully updated for Scratch 3, will take you from the basics of the Scratch language into the depths of its more advanced features. A great way to start programming.

Mission Python book

Mission Python

Code a space adventure game in this Python programming book published by No Starch Press.

Cool Scratch Projects in Easy Steps book

Cool Scratch Projects in Easy Steps

Discover how to make 3D games, create mazes, build a drum machine, make a game with cartoon animals and more!

Walking astronaut from Mission Python book Top | Search | Help | Privacy | Access Keys | Contact me
Home | Newsletter | Blog | Copywriting Services | Books | Free book chapters | Articles | Music | Photos | Games | Shop | About