Appendix A: How to use your web 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.
This appendix explains how to get the best from your browser, so that you can easily use the social networking websites in this book. 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 will already have the skills required for social networking. But this appendix will also introduce you to some advanced features of your browser, which you might not know about yet.
What is a web browser?
Your web browser is the program that enables you to undertake all the activities of the World Wide 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.
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.
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 A1:
Reproduced from Google™
Figure A1
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 is 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 A1. If you click Language Tools, for example, you’ll be taken to a page of tools for translation and searching in foreign languages.
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 A2.
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.
Reproduced by permission of Amazon.com, Inc
Figure A2
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 in Figure A2. 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.
On the right side, you’ll 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.
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 A3 is an overview of some of the most common controls you’ll come across, together with an example of how they might be used:
Visit www.sean.co.uk to try these form controls out for yourself
Figure A3
The forms 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.
Making the Web easier to use
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 the keyboard, and even if you don’t, it’s sometimes quicker. Table A1 is a quick guide to some of the keyboard shortcuts that are available, many of which are shared by other browsers too. If you’d like to stick a copy on your noticeboard, visit www.sean.co.uk to print one.
Table A1 Keyboard shortcuts for Internet Explorer
Action |
Keyboard 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 |
|
CTRL and P |