Chapter 4 Using a Web Browser


Published on

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Chapter 4 Using a Web Browser

  1. 1. Chapter 4 Using a Web Browser
  2. 2. Learning Objectives <ul><li>Define the role and function of Web browsers. </li></ul><ul><li>Identify the different Internet Explorer elements. </li></ul><ul><li>Differentiate between buttons on the Standard Buttons toolbar. </li></ul><ul><li>Explain how to use the Favorites Center and History to store and retrieve Web pages. </li></ul>
  3. 3. Learning Objectives <ul><li>Contrast the different ways to save Web pages and print Web pages and Web page content. </li></ul><ul><li>Examine how to configure Internet Explorer. </li></ul><ul><li>Utilize the Internet Explorer Help feature. </li></ul><ul><li>Open and use multiple browser tabs. </li></ul>
  4. 4. Chapter Focus <ul><li>Browser Basics </li></ul><ul><li>Internet Explorer Elements </li></ul><ul><li>Storing and Retrieving Web Pages </li></ul><ul><li>Saving Web Pages </li></ul><ul><li>Printing Web Pages </li></ul><ul><li>Configuring Internet Explorer </li></ul><ul><li>Other Internet Explorer Features </li></ul>
  5. 5. Browser Basics <ul><li>Browser software program </li></ul><ul><ul><li>Enables user to access and view the World Wide Web </li></ul></ul><ul><li>Hyperlink or URL in address bar </li></ul><ul><ul><li>User is navigated to another site </li></ul></ul><ul><li>Various browsers </li></ul><ul><ul><li>Internet Explorer, Netscape Navigator, Opera, Mozilla </li></ul></ul>
  6. 6. Browser Basics <ul><li>Various security vulnerabilities in Internet Explorer have led some users to abandon it for other more secure browsers </li></ul><ul><li>Too early to tell if security improvements in Internet Explorer 7 will persuade former users to use it again </li></ul><ul><li>All main browsers offer similar interfaces </li></ul>
  7. 7. Browser Basics Internet Explorer Netscape Navigator Mozilla Firefox
  8. 8. Browser Basics Review <ul><li>What is a Web browser? </li></ul><ul><li>Why has Internet Explorer lost market share recently? </li></ul><ul><li>How difficult is it to switch between different browsers? </li></ul>
  9. 9. Internet Explorer Elements <ul><li>Title Bar </li></ul><ul><ul><li>Displays the name of the Web page that is open in the browser window along with the name of the browser </li></ul></ul><ul><ul><li>Right side of title bar </li></ul></ul><ul><ul><ul><li>Minimize, Restore Down, and Close buttons </li></ul></ul></ul><ul><ul><ul><li>Restore Down changes to Maximize upon click </li></ul></ul></ul>
  10. 10. Internet Explorer Elements <ul><li>Menu Bar </li></ul><ul><ul><li>Lets users execute various commands using the Windows menu format </li></ul></ul><ul><ul><ul><li>Clicking a command on Menu bar displays a list of commands </li></ul></ul></ul><ul><ul><ul><li>Clicking a command on the list with a right-pointing arrow will display a submenu with more commands </li></ul></ul></ul>
  11. 11. Internet Explorer Elements <ul><li>Back and Forward Buttons </li></ul><ul><ul><li>Used to navigate backwards and forwards between previously visited Web pages </li></ul></ul><ul><ul><li>Recent Pages menu arrow to immediate right displays list of up to nine previously visited pages; clicking a listing displays that page </li></ul></ul>Active Inactive
  12. 12. Internet Explorer Elements <ul><li>Address Bar </li></ul><ul><ul><li>When a hyperlink is clicked the URL appears automatically once the requested document is retrieved and displayed </li></ul></ul><ul><ul><li>Entering an address in the Address bar and then pressing Enter will cause the browser to navigate to the address </li></ul></ul><ul><ul><ul><li>URLs can be copied and pasted into the Address bar also </li></ul></ul></ul><ul><ul><ul><li>Click the down-pointing arrow located to the right of the Address bar to display a list of previously entered URLs </li></ul></ul></ul>
  13. 13. Internet Explorer Elements <ul><li>Address Bar </li></ul><ul><ul><ul><li>Click a URL from the list to place that URL in the Address bar </li></ul></ul></ul><ul><ul><li>A closed padlock icon appears on the right side of the Address bar when the browser makes a connection to a secure server </li></ul></ul><ul><ul><ul><li>Clicking the padlock icon displays information about the certificate for the server hosting the Web page </li></ul></ul></ul>
  14. 14. Internet Explorer Elements <ul><li>Address Bar </li></ul><ul><ul><li>Refresh button </li></ul></ul><ul><ul><ul><li>Refreshes the browser window display by submitting a new Web page download request </li></ul></ul></ul><ul><ul><ul><li>Can ensure that the Web page displays the most current information </li></ul></ul></ul><ul><ul><ul><li>Pressing the [F5] key activates the Refresh button </li></ul></ul></ul><ul><ul><li>Stop button </li></ul></ul><ul><ul><ul><li>Stops a Web page from downloading </li></ul></ul></ul><ul><ul><ul><li>Pressing the [ESC] key activates the Stop button </li></ul></ul></ul>
  15. 15. Internet Explorer Elements <ul><li>Instant Search Box </li></ul><ul><ul><li>Typing a word or phrase in the Instant Search Box and clicking the magnifying glass icon or tapping [ENTER] displays search results from MSN Search </li></ul></ul><ul><ul><li>MSN is the default search provider </li></ul></ul><ul><ul><li>Saves time navigating to preferred search engine before performing a search </li></ul></ul><ul><ul><li>Clicking the associated arrow menu allows a search for text on the current page or change preferences to use another search provider </li></ul></ul>
  16. 16. Internet Explorer Elements <ul><li>Favorites Center Button and Add to Favorites Buttons </li></ul><ul><ul><li>Clicking opens the Favorites Center to access favorite pages, RSS feeds, and browsing history from the Favorites Center </li></ul></ul><ul><ul><ul><li>Clicking a Web page included in the Favorites list opens the page in the browser window </li></ul></ul></ul><ul><ul><ul><li>Clicking the Feeds button displays a list of subscribed RSS feeds that alert user to new content on certain Web pages </li></ul></ul></ul><ul><ul><ul><li>Clicking a feed displays the new content and saves a trip to the actual Web site </li></ul></ul></ul>
  17. 17. Internet Explorer Elements Internet Explorer Favorites Center History List RSS Feeds List
  18. 18. Internet Explorer Elements <ul><li>Favorites Center Button and Add to Favorites Buttons </li></ul><ul><ul><li>History Button </li></ul></ul><ul><ul><ul><li>Clicking the History button displays a list of previously visited Web sites in the History bar </li></ul></ul></ul><ul><ul><ul><li>Clicking the down-pointing arrow at the right of the History button displays a drop-down list that enables user to change the list sort order </li></ul></ul></ul>
  19. 19. Internet Explorer Elements <ul><li>Favorites Center Button and Add to Favorites Buttons </li></ul><ul><ul><li>Tabs Bar </li></ul></ul><ul><ul><ul><li>Allows user to switch between tabs holding open Web pages </li></ul></ul></ul><ul><ul><ul><li>User can type a Web address in the Address bar or select a site from favorites to load a page </li></ul></ul></ul><ul><ul><ul><li>If more than one Web page is open the Quick Tabs and Tab List tabs appear </li></ul></ul></ul>
  20. 20. Internet Explorer Elements <ul><li>Favorites Center Button and Add to Favorites Buttons </li></ul><ul><ul><li>Tabs Bar </li></ul></ul><ul><ul><ul><li>Clicking Quick Tabs displays thumbnails of every open page while clicking Tab List displays a text list of current tabs </li></ul></ul></ul><ul><ul><ul><li>Clicking a thumbnail or item in the list will cause Internet Explorer to switch to that tab and display selected page </li></ul></ul></ul><ul><ul><ul><li>Force a link to open in a new tab by pressing the [CTRL] key as you click the hyperlink </li></ul></ul></ul>
  21. 21. Internet Explorer Elements Tabs Thumbnails Of open tabs Quick Tabs Tab List Tabs Close Tab New Tab
  22. 22. Internet Explorer Elements <ul><li>Standard Buttons Toolbar </li></ul><ul><ul><li>Home Button </li></ul></ul><ul><ul><ul><li>Opens the home page specified in Internet Explorer </li></ul></ul></ul><ul><ul><li>Feeds Button </li></ul></ul><ul><ul><ul><li>Clicking the Feeds button displays RSS feeds on the current page and allows user to subscribe to feeds </li></ul></ul></ul><ul><ul><li>Print Button </li></ul></ul><ul><ul><ul><li>Prints a copy of the page displayed in the browser window </li></ul></ul></ul>
  23. 23. Internet Explorer Elements <ul><li>Standard Buttons Toolbar </li></ul><ul><ul><li>Page Button </li></ul></ul><ul><ul><ul><li>Grants access to many commands </li></ul></ul></ul><ul><ul><ul><li>Launch a new window complete with tabs </li></ul></ul></ul><ul><ul><ul><li>Elect to e-mail the current Web page, or the current URL, to someone if your computer is configured for e-mail </li></ul></ul></ul><ul><ul><ul><li>Zoom command allows user to zoom in and out of the page </li></ul></ul></ul><ul><ul><ul><li>Text Size which allows user to enlarge or reduce the size of text on the current page </li></ul></ul></ul>
  24. 24. Internet Explorer Elements <ul><li>Standard Buttons Toolbar </li></ul><ul><ul><li>Tools Button </li></ul></ul><ul><ul><ul><li>Offers commands to configure simple security and privacy settings such as deleting your browsing history and configuring the built-in popup blocker and phishing filter </li></ul></ul></ul><ul><ul><ul><li>Allows user to turn on and off certain toolbars, customize the standard toolbar, and access advanced Internet options </li></ul></ul></ul>
  25. 25. Internet Explorer Elements <ul><li>Standard Buttons Toolbar </li></ul><ul><ul><li>Help Button </li></ul></ul><ul><ul><ul><li>Portal to the Internet Explorer 7 user manual and tour browser </li></ul></ul></ul><ul><ul><ul><li>Provides links to the Microsoft support and feedback Web pages </li></ul></ul></ul>
  26. 26. Internet Explorer Elements <ul><li>Standard Buttons Toolbar </li></ul><ul><ul><li>Research Button </li></ul></ul><ul><ul><ul><li>Displays Research task pane in the Explorer bar area </li></ul></ul></ul>
  27. 27. Internet Explorer Elements <ul><li>Browser Window and Scroll Bars </li></ul><ul><ul><li>Horizontal or vertical scroll bars will appear when page is wider or longer than browser window </li></ul></ul><ul><ul><li>Scroll buttons can be clicked or scroll box can be dragged to move throughout page </li></ul></ul><ul><ul><li>Position of scroll box indicates current position in document </li></ul></ul>
  28. 28. Internet Explorer Elements <ul><li>Status Bar </li></ul><ul><ul><li>Appears at bottom of browser window </li></ul></ul><ul><ul><li>Shows URL for the Web page </li></ul></ul><ul><ul><li>Provides graphic process when page is downloading </li></ul></ul><ul><ul><li>Double-click the small globe at the right end of the status bar to open the Internet Security Properties dialog box </li></ul></ul>
  29. 29. Internet Explorer Elements Back/Forward buttons Favorites Center Browser window Status bar Horizontal and Vertical scroll bars Title bar Toolbar Tabs Address bar and refresh/cancel buttons Integrated search
  30. 30. Internet Explorer Elements Review <ul><li>What are four aspects of the Tabs bar in Internet Explorer? </li></ul><ul><li>What is the Favorites Center used for? </li></ul><ul><li>How can you find Web pages that you have previously visited? </li></ul>
  31. 31. Storing and Retrieving Web Pages <ul><li>Favorites Center </li></ul><ul><ul><li>Used to manage lists favorites, RSS feeds, and browser history </li></ul></ul><ul><ul><li>Shortcut keys can be assigned to favorites for easy launch </li></ul></ul>
  32. 32. Storing and Retrieving Web Pages Add a Favorite Dialog Box Web Page Properties Dialog Box Organize Favorites Dialog Box RSS Feed with New Content
  33. 33. Storing and Retrieving Web Pages <ul><li>RSS Feeds </li></ul><ul><ul><li>Really Simple Syndication (RSS) Feeds offer an easy way to stay current with the content of favorite Web sites if the site offers an RSS feed </li></ul></ul><ul><ul><li>Navigate to your favorite Web site and if the RSS Feed button in the Internet Explorer turns orange, an RSS feed is available </li></ul></ul><ul><ul><li>Clicking the orange Feeds button displays the first available feed </li></ul></ul><ul><ul><li>Once you click the Feeds button or make a selection from the menu arrow, you will have the opportunity to subscribe to the feed </li></ul></ul>
  34. 34. Storing and Retrieving Web Pages <ul><li>History List </li></ul><ul><ul><li>Automatically maintains a record of previously visited Web pages for a user-designated time period </li></ul></ul><ul><ul><li>Clicking the History button displays Web pages that have been viewed within the time period </li></ul></ul><ul><ul><li>Clicking the Tools button on the toolbar, selecting Internet Options, then clicking the Delete button in the Browsing History section empties the History folder </li></ul></ul><ul><ul><li>A quicker way to delete history is to simply click the Tools button, then click the first menu option to Delete Browsing History </li></ul></ul>
  35. 35. Storing and Retrieving Web Pages History section
  36. 36. Storing and Retrieving Web Pages Review <ul><li>What are the similarities and differences between the Favorites and History features? </li></ul><ul><li>How can a Web page be saved to the Favorites list? </li></ul><ul><li>How can the History cache be cleared? </li></ul>
  37. 37. Saving Web Pages <ul><li>Save Web Page Dialog Box </li></ul><ul><ul><li>As a complete HTML file </li></ul></ul><ul><ul><ul><li>Saves the Web page and all its component files in their original formats </li></ul></ul></ul><ul><ul><li>As a Web archive, single file </li></ul></ul><ul><ul><ul><li>Saves Web page and components in a single file as a MIME HTML document </li></ul></ul></ul>Save format options
  38. 38. Saving Web Pages <ul><li>Save Web Page Dialog Box </li></ul><ul><ul><li>As a Web archive, complete </li></ul></ul><ul><ul><ul><li>Each Web archive file is a single file that is easy to work with and can be sent via e-mail </li></ul></ul></ul><ul><ul><li>As an HTML only file </li></ul></ul><ul><ul><ul><li>Saves the HTML code in a Web page but without the component parts such as images </li></ul></ul></ul>
  39. 39. Saving Web Pages <ul><li>Save Web Page Dialog Box </li></ul><ul><ul><li>As a text file </li></ul></ul><ul><ul><ul><li>Saves only the text displayed in the Web page </li></ul></ul></ul>
  40. 40. Saving Web Pages <ul><li>Other Methods for Saving Web Pages </li></ul><ul><ul><li>Copy and Paste from Web page into another document </li></ul></ul><ul><ul><li>View Source and then save file to obtain HTML code for the Web page </li></ul></ul>
  41. 41. Saving Web Pages HTML Code Displayed in Notepad
  42. 42. Saving Web Pages Review <ul><li>What is the difference between using the Web Page, complete and Web Archive, single file file formats to save a Web page? </li></ul><ul><li>How can you save the HTML code for a Web page? </li></ul><ul><li>What is the benefit of saving a page in the .mht File Format? </li></ul>
  43. 43. Printing Web Pages <ul><li>Print button on the Standard Buttons toolbar </li></ul><ul><ul><li>Will print a Web page using the current printer settings </li></ul></ul><ul><ul><li>Will not print if print function has been disabled by the Web page publisher </li></ul></ul><ul><ul><li>Click arrow menu associated with the Print button on the toolbar and then click Print </li></ul></ul><ul><ul><li>Will allow changes to the printer settings </li></ul></ul>
  44. 44. Printing Web Pages <ul><li>To print only a portion of a Web page </li></ul><ul><ul><li>Select the desired material </li></ul></ul><ul><ul><li>Open the Print dialog box </li></ul></ul><ul><ul><li>Click the Selection option in the Page Range section of the Print </li></ul></ul><ul><ul><li>Click Print to print only the selected material </li></ul></ul><ul><li>Internet Explorer 7 offers the ability to scale the document being printed to fit on a single sheet of paper </li></ul>
  45. 45. Printing Web Pages Select a printer for use Select which pages to print Click the Preferences button to choose layout and paper quality Specify the number of copies to be printed
  46. 46. Printing Web Pages <ul><li>Many Web pages feature a Print button or link to allow printing without the advertising included on the original page </li></ul>
  47. 47. Printing Web Pages Review <ul><li>What are the different methods that can be used to print a Web page? </li></ul><ul><li>How can a user change the default printer settings? </li></ul><ul><li>How can a user print a portion of a Web page? </li></ul>
  48. 48. Configuring Internet Explorer <ul><li>To allow users to customize the browser and tailor it to their needs </li></ul><ul><li>Toolbars </li></ul><ul><ul><li>Clicking the Tools button and pointing to Toolbars opens a submenu of toolbar commands </li></ul></ul><ul><ul><li>Clicking on the toolbar in the submenu toggles the toolbar on and off </li></ul></ul><ul><ul><li>Can download and install add-on toolbars to add capabilities to Web browser </li></ul></ul>
  49. 49. Configuring Internet Explorer <ul><li>Text Size </li></ul><ul><ul><li>The ability to display a default text size is dependent on how text fonts are specified in a Web page </li></ul></ul><ul><ul><ul><li>Some Web page text may not be affected by a change to the Text Size setting </li></ul></ul></ul>
  50. 50. Configuring Internet Explorer <ul><li>Default Internet Explorer Home Pages </li></ul><ul><ul><li>Change the default Internet Explorer home page by opening desired new home Web page in the browser window, click arrow menu associated with Home button on toolbar, and choose Add or Change Home Page </li></ul></ul><ul><ul><li>Can make the current page only home page or add it to the list of Home Tabs </li></ul></ul>
  51. 51. Configuring Internet Explorer <ul><li>Default Internet Explorer Home Pages </li></ul><ul><ul><li>When Web pages are added to the list of Home Tabs, clicking the Home button on the toolbar opens all your home pages—each in their own tab </li></ul></ul><ul><ul><li>Convenient way to specify multiple home pages that open in individual tabs when Internet Explorer is launched </li></ul></ul>
  52. 52. Configuring Internet Explorer <ul><li>AutoComplete </li></ul><ul><ul><li>Stores previously entered Web addresses, form field information, user names, and passwords </li></ul></ul><ul><ul><li>Can speed up repetitious tasks such as filling out forms and typing long URLs in the Address bar </li></ul></ul><ul><ul><li>Also stores user names and passwords unless you specify that AutoComplete not provide such suggestions or turn AutoComplete off </li></ul></ul>
  53. 53. Configuring Internet Explorer <ul><ul><li>Form data, password histories and Web address history can be cleared by clicking the Tools button on the toolbar and selecting Delete Browsing History </li></ul></ul>
  54. 54. Configuring Internet Explorer <ul><li>Screen Resolution </li></ul><ul><ul><li>Used to change the size of the content appearing in the browser </li></ul></ul><ul><ul><li>In Windows Vista, the screen resolution can be changed using the Display Settings dialog box </li></ul></ul>
  55. 55. Configuring Internet Explorer Review <ul><li>What is the difference between a Home Page and a Home Tab set? </li></ul><ul><li>How can a user change the default Web page text size? </li></ul><ul><li>What is the AutoComplete feature’s purpose, and how can a user change its defaults? </li></ul>
  56. 56. Other Internet Explorer Features <ul><li>Keyboard Shortcuts </li></ul><ul><ul><li>For common menu commands </li></ul></ul><ul><li>Using Help </li></ul><ul><ul><li>Contents tab for a list of instructional categories </li></ul></ul><ul><ul><li>Index tab for all Help topics </li></ul></ul><ul><ul><li>Search tab to search the entire Help contents using key terms </li></ul></ul>
  57. 57. Other Internet Explorer Features <ul><li>Full Screen View </li></ul><ul><ul><li>Provides an alternative to closing toolbars to free up browser window space </li></ul></ul><ul><ul><li>Enlarges the browser display to fill the screen while removing the toolbars and menu from view </li></ul></ul><ul><ul><li>Restore button or F11 to restore the previous browser view </li></ul></ul>
  58. 58. Other Internet Explorer Features <ul><li>Links Bar </li></ul><ul><ul><li>Provides a quick method for accessing frequently viewed Web pages </li></ul></ul><ul><ul><li>User can add or delete links from the Links bar </li></ul></ul>Links bar Drag Explorer icon to the Links bar
  59. 59. Other Internet Explorer Features <ul><li>Search Engine </li></ul><ul><ul><li>Search engine used by Instant Search Box can be changed by clicking the arrow menu, clicking Change Search Defaults hyperlink and then clicking the Find More Providers link </li></ul></ul>
  60. 60. Other Internet Explorer Features <ul><li>Multiple Browser Windows </li></ul><ul><ul><li>User can save time by reading a page in one window while waiting for a different page to load in another browser window </li></ul></ul><ul><ul><li>User can move back and forth between multiple open browser windows to compare information </li></ul></ul>
  61. 61. Other Internet Explorer Features <ul><li>Internet Explorer File Manager </li></ul><ul><ul><li>Internet Explorer can be used as a file manager by typing a drive name followed by a colon in the Address bar and then pressing Enter or clicking Go button </li></ul></ul>
  62. 62. Other Internet Explorer Features Review <ul><li>How can a user enable the Full Screen view? </li></ul><ul><li>List three keyboard shortcuts you can use with Internet Explorer. Be sure to state the keys you need to press and the task they perform. </li></ul><ul><li>How does the Links bar work? </li></ul>