21 Things - Basics

Q4 Web Browsers

1. Basics

Introduction

What is a web browser? You are using one right now to view this web page. A web browser is a software application (app) that helps you view information on the Internet. There are many different web browsers. Which one are you using? Odds are that you are using either Google's Chrome browser, Firefox, Microsoft Edge, or Safari. These are not the only web browsers that you can use, but they are the most popular. Tablets, iPads, and mobile devices sometimes have other web browsers. This Quest is focused on helping you learn some more about using web browsers, the tech terms used, and some Browser Gymnastics.


Key Vocabulary:

Web browser: A web browser is a software application (app) that helps you view information on the Internet.

Maximize: To make the web browser fill the entire screen.

Minimize: To make the web browser not show on the screen, but is still running and not closed.

Restore: To make a web browser window that has been resized to a smaller than normal size on the screen expand to fill the screen.


Steps:
 

1. Watch the Common Craft video, "What is a browser?"

2. Look closely at the screenshot below. This is the Google Chrome browser. Does it look like the browser you are using? Can you identify the different parts: home page, tabs, bookmarks, refresh the page, the URL, history? If you are using a different browser look for similarities and differences to the Chrome browser..

















3. Expand and watch both of the Browser Gymnastics Part 1 and 2.

*** Try the tips out as you watch the videos, and pause them as desired.

4. Expand any other content blocks if applicable for your device.

5. Then expand the Basic Browser Shortcuts Chart section. You may want to download or print it out for future reference.

Basic Browser Gymnastics Part 1

Browser Gymnastics Part 1

This short tutorial shows how to do the following actions with your most common Internet Browsers.

  • Maximize, minimize, restore or change the window size
  • Resize the window
  • Shortcuts for a new tab or new window
  • How to drag out a tab to create a new window

Direct link to the Browser Gymnastics Part 1 video file, that will let you view it full screen.

Browser Gymnastics Part 2

Browser Gymnastics Part 2

This short tutorial shows how to do the following actions with your Internet Browser:

  • Zoom In and Out
  • Shortcuts for a New tab or window
  • Find text on a page
  • View the history of your web browsing

Direct link to the Browser Gymnastics Part 2 video file, that will let you view it full screen. 

Chromebook Browser Gymnastics

Chromebook Browser Gymnastics

This video is recorded on a Chromebook using a Chrome extension called Screencastify. This shows how to resize, the Chrome browser, add tabs, work with multiple windows, and copy and paste between browser windows.

Direct link to the video for the Chromebook Browser Shortcuts 

Closecaption transcript.pdf 

Microsoft Edge Browser Shortcuts

Microsoft EDGE Browser Shortcuts

This video shows some basic features of the new Microsoft Edge Browser: resizing, tabs, multiple windows, and some shortcuts.

Direct link to Basics of Microsoft Edge 

 

Browser Shortcuts Chart for most browsers

5. Basic Browser Shortcuts Chart 

 BrowserShortcuts16

 
 

Click the hyperlink to access and download the Basics Browser shortcut pdf document. Try these out and then show them off to a friend that is not in your class, or an adult.

 

 


Assignment:

Write a short paragraph about browsers, or your teacher may have you discuss this in class. Include:

1. The browser you prefer to use

2. Some of the features you like about it and why you prefer it over others

3. Something new you learned about browsers, discovered, or know that others might not know about


Completing this Quest

When you have finished completing these steps, watching the videos, looking for the similarities and differences in browsers, and completed the assignment, remember to show some tips and shortcuts to someone else. You are ready for the next Quest.

Sample rubric for the Writing Assignment (.doc file) or Google Drive file


Check off this Quest on the 21t4s Roadmap

Go to TechSkills for Quests 5-9