{"id":32812,"date":"2016-08-05T01:56:51","date_gmt":"2016-08-05T01:56:51","guid":{"rendered":"http:\/\/rkenny.org\/?p=32812"},"modified":"2016-08-23T12:13:51","modified_gmt":"2016-08-23T12:13:51","slug":"eme6207-how-web-browsers-work","status":"publish","type":"post","link":"https:\/\/emeclasses.org\/?p=32812","title":{"rendered":"EME 6207 &#8211; How Web Browsers Work"},"content":{"rendered":"<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#004d4d;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#008080;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Textbook Reference(s):<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\"><\/p>\n<p><span style=\"color: #800000;\"><strong>Chap 1: 18-19; 23; Chpt 2: 34-45 <\/strong><\/span><\/div><\/div>\n<p><div class=\"su-heading su-heading-style-default su-heading-align-center\" id=\"\" style=\"font-size:17px;margin-bottom:20px\"><div class=\"su-heading-inner\">Web Browsers<\/div><\/div><br \/>\nIn this lesson, first We will look at Web browsers and browser plug-ins. Then we will investigate some ways that you can create Web pages of your own.By far the most important piece of software for utilizing the World Wide Web is a Web browser. This is the program that &#8220;runs the show&#8221; for you. It navigate the Web pages that you select, and it converts the HTML programming code (recall we have already looked at this) for those pages into screens of text, pictures, and sounds. Without a good Web browser, the WWW would be useless. It is like a &#8220;window&#8221; to the Internet.<\/p>\n<p>The video below comes from a PBS series on the history of the Internet hosted by Robert Cringely. The whole series was quite entertaining but long to watch. So I have extracted for you the segment that describes how the browser came to be and how Netscape got into the business.<\/p>\n<p>\n\t\t\t\t<script type='text\/javascript'>\n\t\t\t\tif (typeof jQuery == 'undefined') { document.write('<script type=\"text\/javascript\" src=\"https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/jquery.js\"><\\\/script>'); }\t\n\t\t\t\t<\/script>\n<style>.mejs-inner img { max-width:100%; max-height:100%; margin:0 ; padding:0 } \n\t\t\t\t.mejs-overlay-button, .mejs-overlay-loading  {display:none;}<\/style>\n\n\t\t\t\t<script type='text\/javascript' src='https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/mediaelement-and-player.min.js'><\/script>\n\t\t\t\t<link rel='stylesheet' href='https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/mediaelementplayer.mod.css' \/>\n\t\t\t\t<!-- due to the bug - IE8 does not show video -->\n\t\t\t\t<!--[if IE 8]>\n\n<style> .me-plugin { position: static; } <\/style>\n\n<![endif]-->\n\t\t\t\t\n<div style='padding:0;margin:0; border:0;'><video  id='hana_flv_media_1'  src='http:\/\/rkenny.org\/6207\/mosaic_480x360.flv' width='480' height='320'  \n\tpreload='true'     controls='controls' >\t<object width=\"480\" height=\"320\" type=\"application\/x-shockwave-flash\" data=\"https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/flashmediaelement.swf\"><param name=\"movie\" value=\"https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/flashmediaelement.swf\" \/><param name=\"flashvars\" value=\"controls=true&amp;file=http:\/\/rkenny.org\/6207\/mosaic_480x360.flv&amp;poster=\" \/><\/object><\/video><\/div>\n\n<script type='text\/javascript'>\n\n\t\t\t\tjQuery('#hana_flv_media_1').mediaelementplayer({ pauseOtherPlayers: false , pluginType:'youtube'   });\n\t\t\t\t<\/script><\/p>\n<h3>Anatomy of a URL<\/h3>\n<h4>What does Uniform Resource Locator Really (URL) Mean?<\/h4>\n<p>Fortunately, just that.. it is a uniform way to locate your resource (in this case web site). Take a look at the picture below. Each part of the URL is spelled out for you:<\/p>\n<p><a href=\"http:\/\/www.immersive-learning.org\/?attachment_id=20871\" rel=\"attachment wp-att-20871\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-20871\" title=\"anatomy_url\" src=\"http:\/\/rkenny.org\/wp-content\/uploads\/2010\/10\/anatomy_url-720x437.jpg\" alt=\"\" width=\"8500\" height=\"500\" \/><\/a><\/p>\n<p>In order to understand why we are being very specific as to the name of the files and the location\/folders that you post your assignments, you need to know the make-up of URLs and how browsers are able to find things.<\/p>\n<p>In short, there are three things that can go wrong:<\/p>\n<ol>\n<li><strong>wrong folder name<\/strong>... browsing tends to be unforgiving. files using capital letters need to be specified in the URL address box (meaning you probably should avoid them when possible), spaces can sometimes be misinterpreted (therefore use underscores, dashes or some other kind of separator). So, when you are asked to name your file, be sure you follow it exactly. When your instructor specifies a variable (like your last name), the following is standard generally used: <strong><span style=\"color: #800000;\">[yourlastname]-<strong><span style=\"color: #800000;\">newsletter<\/span><\/strong> <\/span><\/strong> where [yourlastname] is your actual last name (no spaces and the brackets are omitted). They are there only to let you know that we are asking for a variable. for example: \u00a0<code>lenz-newsletter.html<\/code><\/li>\n<li><strong>wrong extension<\/strong>... .<strong><span style=\"color: #800000;\">htm<\/span><\/strong> and .<strong><span style=\"color: #800000;\">html<\/span><\/strong> CAN MEAN the same thing but some servers do not recognize them as being equal. <strong>The name of your main page file names must be called<\/strong> <strong><span style=\"color: #800000;\">index.html<\/span><\/strong>. Please be EXACT.... do not call it ANYTHING ELSE!!!!! not index.htm, not INDEX.HTM, not index1.htm but <strong><span style=\"color: #800000;\">index.html<\/span><\/strong>. Please do not get cute here.. you do not have to name your site, your project, your team etc., in the file name. This is explained in more detail below.<\/li>\n<li>speaking of folders, the other thing that will cause your project not to be found is that you place your project inside the <strong>wrong folder set up on the site to receive it.<\/strong> As noted in the anatomy of a URL shown above, the URL is only 'uniform' if the folder designations are followed exactly. To repeat, we are asking for a <strong>very specific folder name. Your files MUST be loaded into a folder with the EXACT folder name!!!<\/strong><\/li>\n<\/ol>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<h4>What the index.html page does<\/h4>\n<p>There is one other 'special' page type in this. Under normal situations the hosting server company will specify to you how your main page needs to be named. This could be <strong>index.html<\/strong>, <strong>index.htm<\/strong>, <strong>main.html<\/strong>, etc.... If you are using one of those, follow their instructions. \u00a0The default is almost always <strong>index.html<\/strong>. \u00a0What this gets you is removing the need to actually name your main page in the URL (saving your user few key-strokes). We are not using this but it still works the same. If you name your main page is called index.html, then you would not need to specify anything in the URL.. the browser will automatically see it and open it.<\/p>\n<p>To recap, notice four things here:<\/p>\n<ol>\n<li>You need the http:\/\/ designation... this is what specifies that it is Web page to be located by the browser.<\/li>\n<li>The file type html may be saved as htm by some editors. Go ahead and save it in the program and then rename the file to .html before you send it to me. In the old days MACS used to use the four letters and Windows three.. We ask you to a standardize and <strong>only use index.html for your main pages<\/strong>.<\/li>\n<li>Notice no spaces are used between words in the folder name. This is not required but recommended in order to maintain integrity of the designation (typos etc).<\/li>\n<li>Lastly, spell out the file names exactly, capital letters included. Some servers ARE CASE SENSITIVE and will not locate your page if you use capitals but do not specify in the Browser. It is your choice to use capitals letters or not but be aware of the consequences.<\/li>\n<\/ol>\n<p>Sorry it has to be so long, but we set up a system for us to use where all the projects are kept separate. If you lease a Web site server provider, yours would not be as long and could be called whatever you wanted it to be. For a site called <strong>edtecher.org<\/strong> the edtecher part is referred to as the domain name. These are managed by <a href=\"http:\/\/www.icann.org\/\">ICANN<\/a>, an international non-profit organization. To get one of your choosing, you have to pay a renewable license fee.. usually $9-10 per year.<\/p>\n<p>The \".org\" part is called the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Top-level_domain\" target=\"_blank\">Top Level Domain or TLD<\/a>. This is something you should study a bit so you know its history and future evolution. \u00a0There are now at least a hundred top level domain types that define location or content type.<\/p>\n<p>What the web pages do, then, is create a GUI to manage access to the folders and files located on the server. So, in the case of our sample project , if there was no main page when you specify the location (without index.html front age), this is what you would see (example is based on the file naming conventions used for another course):<\/p>\n<p><a href=\"http:\/\/www.immersive-learning.org\/?attachment_id=20653\" rel=\"attachment wp-att-20653\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-20653\" title=\"site_example\" src=\"http:\/\/rkenny.org\/wp-content\/uploads\/2010\/10\/site_example-720x501.jpg\" alt=\"\" width=\"720\" height=\"501\" \/><\/a><\/p>\n<p>In our example there are no sub-folders or files. But if there were, these would simply be listed. You could actually click on them to see them, but this is kind of messy. So, the first thing that a Web page does is to create a clean user interface to the file structure (GUI). \u00a0If there was a file named index.html the browser would render the html on that page<\/p>\n<div class=\"su-heading su-heading-style-default su-heading-align-center\" id=\"\" style=\"font-size:17px;margin-bottom:20px\"><div class=\"su-heading-inner\">Browser Wars<\/div><\/div>\n<h4>The Big Six<\/h4>\n<p>There are dozens and dozens of browsers out there (as you will see below). But based on usage, there appear to be Six that have garnered the most attention:<\/p>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Internet Explorer\/Edge<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><br \/>\nMicrosoft&#8217;s Internet Explorer, now called Microsoft Edge, has been the industry standard for a couple decades but seems to have run its course. \u00a0It allows users to save a set of tabs to be opened when surfing is resumed. You can also customize your browser. IE offers the ability to synchronize information from the web between browsers, mobile devices, or documents. Parental controls allow parents to control their children\u2019s Internet activities. IE also offers telephone and email support. \u00a0In most circles, IE is the bane of web developers because it tends to follow html standards in it&#8217;s own quirky way. \u00a0Edge is available for Microsoft operating systems only\u00a0<\/div><\/div>\n<p><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Firefox<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><br \/>\nFirefox offers saved tabs, customization, parental controls, and spell-check. Firefox is different from the others in that it offers Open Source Development, which means it was built and maintained by a network of users. Volunteers are encouraged to make the software better. This browser offers a Seamless Download Manager, which means there are no pop-ups when downloading. Firefox offers email support and is compatible with MAC, Windows 2000, Windows XP, and Windows Vista. <\/div><\/div><br \/>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Chrome<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><br \/>\nBased on the <a href=\"http:\/\/www.chromium.org\/Home\" target=\"_blank\">Chromium Open Source Project<\/a>, Google Chrome was introduced fall of 2009. It offers thumbnail preview, synchronization, Open Source Development, and Seamless Download Manager. \u00a0This browser offers no built in parental controls. \u00a0It is processor heavy, because each tab represents a sandboxed instance of the application. \u00a0It is compatible with most operating systems including mobile platforms. \u00a0It is currently the most popular web browser<\/div><\/div><\/p>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Opera<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><br \/>\nOpera offers thumbnail preview, saved tabs, customization, synchronization, and spell check. Out of the five browsers, Opera offers extras the other does not. First, they offer Mouse Gestures, which is where the mouse movements represent commands. This is very similar to shortcut keys. Second, they offer Voice Interaction where a user can use a microphone and headphones and speak to the browser or the browser will read to the user. Opera also offers Seamless Download Manager. Opera has email support and is compatible with MAC, Windows 2000, Windows XP, and Windows Vista. This browser offers no parental controls. <\/div><\/div>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Safari<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><br \/>\nSafari offers save tabs, customization, and spell check, and is compatible with MAC, Windows 2000, Windows XP, and Windows Vista. This browser offers no parental controls.<\/div><\/div>\n<p><strong>IT IS LIKELY THAT YOU HAVE YOUR FAVORITE AMONG THE ABOVE. THIS COURSE PROVIDES YOU AN OPPORTUNITY TO EXPLORE ONE OR TWO OF THEM TO SEE IF YOU LIKE ANY OF THEM BETTER. EACH HAS ITS ADVANTAGES AND DISADVANTAGES. AND SOME COMPANIES ONLY BUILD TO ONE OF THEM.. MEANING THAT THEIR WEB SITE MAY NOT WORK AT ALL OR WITH LIMITED CAPABILITIES. FOR THAT REASON IT IS LIKELY THAT YOU WILL HAVE MORE THAN ONE ON YOUR TASK BAR AND REFER TO EACH ONE FOR SPECIFIC PURPOSES.<\/strong><br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><\/div><\/p>\n<h4>Net-Net (Sorry for the Pun)<\/h4>\n<p>Internet browsers are your gateway to the Internet. In looking for a browser be certain to look for good security. You want a browser which will guard against pop-up windows, viruses, and phishing frauds. Most all browsers offer the same features, but it\u2019s the little differences which will help you decide.<\/p>\n<p>The order of popularity has evolved over time. Their differences are a study in technology innovation.<\/p>\n<h3>Browser Plug-Ins<\/h3>\n<p>Adding to the utility of these different browsers is the add-ons\/plug-ins offered by each. Ever notice how some files you can open up to watch, listen to, or look at right off your browser (like an audio, movie or image)? While others you have to download to your computer first (like a pdf file or Word document)? Most Web browsers incorporate multimedia features so you can read them right off the the Internet. Most likely, your Web browser will figure out whether it cannot read the file the problem and tell you that you will have to download it. In some cases, you will have to determine what's missing on your own. These additional programs have been given a very sensible name - <strong>plug-ins<\/strong>. They 'plug into' your Web browser to give it additional multimedia powers. As technology advances, so does the ability to do things right on the Internet.<\/p>\n<p>The latest revision to the Web, HTML 5.0 will contain more and more of these built-in capabilities. That means you will not have to download them to run them, and this includes Word docs spreadsheets, video, audio and even Flash and Shockwave files.<\/p>\n<p>Here are a few plug-ins that you might already have. When you look at these sites you will notice that there are free \"basic\" plug-ins. For now, some of them carry a price tag but chances are in the next three years or so these cost based items will become freebies also.<\/p>\n<ul>\n<li>Adobe Acrobat Reader: As mentioned, this program allows your Web browser to display documents in their original form. It is very widely used.<\/li>\n<li>RealPlayer: Allows your computer to play all kinds of audio and video programs. It can turn your computer into an online radio or television.<\/li>\n<li>Shockwave and Flash: These are popular plug-ins from Adobe that animate e-cards, banners and screens on Web pages. They are very common, and most versions of Web Browsers include them. However, if your Web browser is older, you may need to update these plug-ins.<\/li>\n<li>Quicktime: This video player from Apple is one of the most common video player for Web pages. It works on both Mac and PC computers, and it allows you to play video clips that you download.<\/li>\n<li>Firefox Add-ons - <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/\" target=\"_blank\">Firefox has released a complete Website <\/a>showing you all the available plug-ins<\/li>\n<li>Windows Explorer Plug-Ins - Not to be outdone, there are also hundreds of plug ins for <a href=\"http:\/\/download.cnet.com\/windows\/internet-explorer-add-ons-and-plugins\/\" target=\"_blank\">Windows Explorer<\/a>.<\/li>\n<li>Check your favorite browser (such as Safari, Chrome etc) to see what plug ins are available for these.<\/li>\n<\/ul>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#0033cc;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#3366ff;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Do This!<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\"><a href=\"http:\/\/emeclasses.org\/wp-content\/uploads\/2013\/06\/dothis.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-37098\" src=\"http:\/\/emeclasses.org\/wp-content\/uploads\/2013\/06\/dothis.gif\" alt=\"dothis\" width=\"60\" height=\"48\" \/><\/a><br \/>\nAs you may be aware there are several options with regards to picking a browser to use. one thing we know is that:<\/p>\n<h4>Not all Browsers are Created Equal<\/h4>\n<p>Most of you may have only heard of a couple of different browsers. Truth is that there are several dozens out there. Too many, in fact to describe each one here. Wikipedia of all places has done a fairly good job creating several comparison tables that , if nothing more, will help you understand the vastness of the browser universe. Note that there MAY be some inaccuracies in each of the tables due mostly to the ever-changing landscape. This information is being offered only to point out how much there is to learn about this environment.<\/p>\n<p>\n<!-- iframe plugin v.6.0 wordpress.org\/plugins\/iframe\/ -->\n<iframe 0=\"http:\/\/en.wikipedia.org\/wiki\/Comparison_of_web_browsers\" 1=\"850\" 2=\"750\" width=\"100%\" height=\"500\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p>To add to this discussion here are a few places to read other&#8217;s opinions and findings about the differences among that various browsers:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.networkworld.com\/news\/2012\/120312-argument-browsers-264414.html?page=2\" target=\"_blank\">Browser Wars Part 1<\/a><\/li>\n<li><a href=\"http:\/\/www.pcmag.com\/article2\/0,2817,2365692,00.asp\" target=\"_blank\">Browser Wars part 2<\/a><\/li>\n<\/ul>\n<p>I can imagine you can find many others on your own.<\/p>\n<h3>Mini-Case Study<\/h3>\n<p>Just for fun, take a look at an issue we are currently experiencing during a revamping of a Website I use in my research. The original site, digitalbooktalk.com was written using a custom theme and integration with a database. We did this because the content management system we were using was in its infancy and did not support lots of the functionality we needed. So now, after about eight years, we have refreshed it and updated its look. The new url we are using is digitalbooktalk.net. We rerouted users to this new one whenever they enter digitalbooktalk.com as the URL.<\/p>\n<p>To get an idea about differences in browser support, first, open the following page using Firefox:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"FVzoYFd5lD\"><p><a href=\"https:\/\/www.digitalbooktalk.net\/city-of-ember\/\">City of Ember<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;City of Ember&#8221; &#8212; \" src=\"https:\/\/www.digitalbooktalk.net\/city-of-ember\/embed\/#?secret=fYaEfhB78A#?secret=FVzoYFd5lD\" data-secret=\"FVzoYFd5lD\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>note the formatting problems&#8230; now do the same inside of Chrome.. note that the problems are gone&#8230;. same exact code, different browser support&#8230; just one of the many anomalies you will encounter as a Web developer&#8230;<\/p>\n<p><div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><\/div><\/p>\n<h4>Browser Assignment #1<\/h4>\n<p>The first deliverable for this activity is to post on to the Drop Box (found under Assignments Tab) your response to the following question(s):<\/p>\n<ol>\n<li>Which Browser do you use most often?<\/li>\n<li>Why?<\/li>\n<li>Based on this assignment, have you changed your idea\/preference?<\/li>\n<li>Why\/why not?<\/li>\n<li>Perhaps you have another idea about setting up your &#8216;browser tool bag?&#8230; explain (note we are not talking search engine here only browsers.. that discussion comes later)<\/li>\n<\/ol>\n<p><div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><\/div><\/p>\n<h4>Browser Assignment #2:<\/h4>\n<p>In the second Drop Box for this cycle, describe your plan, as a web developer, how you would ensure the page\/site you develop works on all five browsers (or, do you even bother with this? why? why not?).<br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><\/div><\/p>\n<h4>Browser Assignment #3<\/h4>\n<p>As you may be seeing many of the browsers, even though they started out as open source, have evolved into using more and more proprietary functions. For this discussion, answer the following question and post it in the Drop Box in Canvas:<\/p>\n<ul>\n<li>What are the relative advantages and disadvantages of using proprietary functionality in browsers versus leaving it completely open source?<\/li>\n<\/ul>\n<p><span class=\"su-highlight\" style=\"background:#fc0;color:#000\">&nbsp;NOTE: NEXT CYCLE WE WILL BE REVISITING YOUR REFLECTION IN THE FORM OF A PEER REVIEW IN CANVAS. MORE TO FOLLOW&#8212;&nbsp;<\/span><br \/>\n<\/div><\/div>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>In this lesson, first We will look at Web browsers and browser plug-ins. Then we will investigate some ways that you can create Web pages of your own.By far the most important piece of software for utilizing the World Wide Web is a Web browser. This is the program that &#8220;runs the show&#8221; for you. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[60],"tags":[],"class_list":["post-32812","post","type-post","status-publish","format-standard","hentry","category-lessons-6207"],"_links":{"self":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts\/32812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32812"}],"version-history":[{"count":8,"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts\/32812\/revisions"}],"predecessor-version":[{"id":43241,"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts\/32812\/revisions\/43241"}],"wp:attachment":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=32812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=32812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}