Skill Builder Activity Library | Website How-To

<!DOCTYPE html> <html lang="en"> <head> <title>Skill Builder Activity Library | Website How-To | Help & How-To's</title> <script type="text/javascript"> var cmNrRandValue = Math.floor(Math.random() * 100) + 1; if (cmNrRandValue > 90) { window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o||e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e,n){function r(t){try{c.console&&console.log(t)}catch(e){}}var o,i=t("ee"),a=t(20),c={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(c.console=!0,o.indexOf("dev")!==-1&&(c.dev=!0),o.indexOf("nr_dev")!==-1&&(c.nrDev=!0))}catch(s){}c.nrDev&&i.on("internal-error",function(t){r(t.stack)}),c.dev&&i.on("fn-err",function(t,e,n){r(n.stack)}),c.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(c,function(t,e){return t}).join(", ")))},{}],2:[function(t,e,n){function r(t,e,n,r,c){try{h?h-=1:o(c||new UncaughtException(t,e,n),!0)}catch(f){try{i("ierr",[f,s.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function o(t,e){var n=e?null:s.now();i("err",[t,n])}var i=t("handle"),a=t(21),c=t("ee"),s=t("loader"),f=t("gos"),u=window.onerror,d=!1,p="nr@seenError",h=0;s.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(l){"stack"in l&&(t(13),t(12),"addEventListener"in window&&t(6),s.xhrWrappable&&t(14),d=!0)}c.on("fn-start",function(t,e,n){d&&(h+=1)}),c.on("fn-err",function(t,e,n){d&&!n[p]&&(f(n,p,function(){return!0}),this.thrown=!0,o(n))}),c.on("fn-end",function(){d&&!this.thrown&&h>0&&(h-=1)}),c.on("internal-error",function(t){i("ierr",[t,s.now(),!0])})},{}],3:[function(t,e,n){t("loader").features.ins=!0},{}],4:[function(t,e,n){function r(){M++,S=y.hash,this[u]=b.now()}function o(){M--,y.hash!==S&&i(0,!0);var t=b.now();this[l]=~~this[l]+t-this[u],this[d]=t}function i(t,e){E.emit("newURL",[""+y,e])}function a(t,e){t.on(e,function(){this[e]=b.now()})}var c="-start",s="-end",f="-body",u="fn"+c,d="fn"+s,p="cb"+c,h="cb"+s,l="jsTime",m="fetch",v="addEventListener",w=window,y=w.location,b=t("loader");if(w[v]&&b.xhrWrappable){var g=t(10),x=t(11),E=t(8),P=t(6),O=t(13),R=t(7),T=t(14),L=t(9),j=t("ee"),N=j.get("tracer");t(15),b.features.spa=!0;var S,M=0;j.on(u,r),j.on(p,r),j.on(d,o),j.on(h,o),j.buffer([u,d,"xhr-done","xhr-resolved"]),P.buffer([u]),O.buffer(["setTimeout"+s,"clearTimeout"+c,u]),T.buffer([u,"new-xhr","send-xhr"+c]),R.buffer([m+c,m+"-done",m+f+c,m+f+s]),E.buffer(["newURL"]),g.buffer([u]),x.buffer(["propagate",p,h,"executor-err","resolve"+c]),N.buffer([u,"no-"+u]),L.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"]),a(T,"send-xhr"+c),a(j,"xhr-resolved"),a(j,"xhr-done"),a(R,m+c),a(R,m+"-done"),a(L,"new-jsonp"),a(L,"jsonp-end"),a(L,"cb-start"),E.on("pushState-end",i),E.on("replaceState-end",i),w[v]("hashchange",i,!0),w[v]("load",i,!0),w[v]("popstate",function(){i(0,M>1)},!0)}},{}],5:[function(t,e,n){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(13),c=t(12),s="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",p="resource",h="-start",l="-end",m="fn"+h,v="fn"+l,w="bstTimer",y="pushState",b=t("loader");b.features.stn=!0,t(8);var g=NREUM.o.EV;o.on(m,function(t,e){var n=t[0];n instanceof g&&(this.bstStart=b.now())}),o.on(v,function(t,e){var n=t[0];n instanceof g&&i("bst",[n,e,this.bstStart,b.now()])}),a.on(m,function(t,e,n){this.bstStart=b.now(),this.bstType=n}),a.on(v,function(t,e){i(w,[e,this.bstStart,b.now(),this.bstType])}),c.on(m,function(){this.bstStart=b.now()}),c.on(v,function(t,e){i(w,[e,this.bstStart,b.now(),"requestAnimationFrame"])}),o.on(y+h,function(t){this.time=b.now(),this.startPath=location.pathname+location.hash}),o.on(y+l,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+s]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(p)]),window.performance["c"+s]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(p)]),window.performance["webkitC"+s]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],6:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&o(e)}function o(t){c.inPlace(t,[u,d],"-",i)}function i(t,e){return t[1]}var a=t("ee").get("events"),c=t(23)(a,!0),s=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";e.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,e){var n=t[1],r=s(n,"nr@wrapped",function(){function t(){if("function"==typeof n.handleEvent)return n.handleEvent.apply(n,arguments)}var e={object:t,"function":n}[typeof n];return e?c(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],7:[function(t,e,n){function r(t,e,n){var r=t[e];"function"==typeof r&&(t[e]=function(){var t=r.apply(this,arguments);return o.emit(n+"start",arguments,t),t.then(function(e){return o.emit(n+"end",[null,e],t),e},function(e){throw o.emit(n+"end",[e],t),e})})}var o=t("ee").get("fetch"),i=t(20);e.exports=o;var a=window,c="fetch-",s=c+"body-",f=["arrayBuffer","blob","json","text","formData"],u=a.Request,d=a.Response,p=a.fetch,h="prototype";u&&d&&p&&(i(f,function(t,e){r(u[h],e,s),r(d[h],e,s)}),r(a,"fetch",c),o.on(c+"end",function(t,e){var n=this;e?e.clone().arrayBuffer().then(function(t){n.rxSize=t.byteLength,o.emit(c+"done",[null,e],n)}):o.emit(c+"done",[t],n)}))},{}],8:[function(t,e,n){var r=t("ee").get("history"),o=t(23)(r);e.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],9:[function(t,e,n){function r(t){function e(){s.emit("jsonp-end",[],p),t.removeEventListener("load",e,!1),t.removeEventListener("error",n,!1)}function n(){s.emit("jsonp-error",[],p),s.emit("jsonp-end",[],p),t.removeEventListener("load",e,!1),t.removeEventListener("error",n,!1)}var r=t&&"string"==typeof t.nodeName&&"script"===t.nodeName.toLowerCase();if(r){var o="function"==typeof t.addEventListener;if(o){var a=i(t.src);if(a){var u=c(a),d="function"==typeof u.parent[u.key];if(d){var p={};f.inPlace(u.parent,[u.key],"cb-",p),t.addEventListener("load",e,!1),t.addEventListener("error",n,!1),s.emit("new-jsonp",[t.src],p)}}}}}function o(){return"addEventListener"in window}function i(t){var e=t.match(u);return e?e[1]:null}function a(t,e){var n=t.match(p),r=n[1],o=n[3];return o?a(o,e[r]):e[r]}function c(t){var e=t.match(d);return e&&e.length>=3?{key:e[2],parent:a(e[1],window)}:{key:t,parent:window}}var s=t("ee").get("jsonp"),f=t(23)(s);if(e.exports=s,o()){var u=/[?&](?:callback|cb)=([^&#]+)/,d=/(.*)\.([^.]+)/,p=/^(\w+)(\.|$)(.*)$/,h=["appendChild","insertBefore","replaceChild"];f.inPlace(HTMLElement.prototype,h,"dom-"),f.inPlace(HTMLHeadElement.prototype,h,"dom-"),f.inPlace(HTMLBodyElement.prototype,h,"dom-"),s.on("dom-start",function(t){r(t[0])})}},{}],10:[function(t,e,n){var r=t("ee").get("mutation"),o=t(23)(r),i=NREUM.o.MO;e.exports=r,i&&(window.MutationObserver=function(t){return this instanceof i?new i(o(t,"fn-")):i.apply(this,arguments)},MutationObserver.prototype=i.prototype)},{}],11:[function(t,e,n){function r(t){var e=a.context(),n=c(t,"executor-",e),r=new f(n);return a.context(r).getCtx=function(){return e},a.emit("new-promise",[r,e],e),r}function o(t,e){return e}var i=t(23),a=t("ee").get("promise"),c=i(a),s=t(20),f=NREUM.o.PR;e.exports=a,f&&(window.Promise=r,["all","race"].forEach(function(t){var e=f[t];f[t]=function(n){function r(t){return function(){a.emit("propagate",[null,!o],i),o=o||!t}}var o=!1;s(n,function(e,n){Promise.resolve(n).then(r("all"===t),r(!1))});var i=e.apply(f,arguments),c=f.resolve(i);return c}}),["resolve","reject"].forEach(function(t){var e=f[t];f[t]=function(t){var n=e.apply(f,arguments);return t!==n&&a.emit("propagate",[t,!0],n),n}}),f.prototype["catch"]=function(t){return this.then(null,t)},f.prototype=Object.create(f.prototype,{constructor:{value:r}}),s(Object.getOwnPropertyNames(f),function(t,e){try{r[e]=f[e]}catch(n){}}),a.on("executor-start",function(t){t[0]=c(t[0],"resolve-",this),t[1]=c(t[1],"resolve-",this)}),a.on("executor-err",function(t,e,n){t[1](n)}),c.inPlace(f.prototype,["then"],"then-",o),a.on("then-start",function(t,e){this.promise=e,t[0]=c(t[0],"cb-",this),t[1]=c(t[1],"cb-",this)}),a.on("then-end",function(t,e,n){this.nextPromise=n;var r=this.promise;a.emit("propagate",[r,!0],n)}),a.on("cb-end",function(t,e,n){a.emit("propagate",[n,!0],this.nextPromise)}),a.on("propagate",function(t,e,n){this.getCtx&&!e||(this.getCtx=function(){if(t instanceof Promise)var e=a.context(t);return e&&e.getCtx?e.getCtx():this})}),r.toString=function(){return""+f})},{}],12:[function(t,e,n){var r=t("ee").get("raf"),o=t(23)(r),i="equestAnimationFrame";e.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],13:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],"fn-",null,n)}function o(t,e,n){this.method=n,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,n)}var i=t("ee").get("timer"),a=t(23)(i),c="setTimeout",s="setInterval",f="clearTimeout",u="-start",d="-";e.exports=i,a.inPlace(window,[c,"setImmediate"],c+d),a.inPlace(window,[s],s+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(s+u,r),i.on(c+u,o)},{}],14:[function(t,e,n){function r(t,e){d.inPlace(e,["onreadystatechange"],"fn-",c)}function o(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,y,"fn-",c)}function i(t){b.push(t),l&&(x?x.then(a):v?v(a):(E=-E,P.data=E))}function a(){for(var t=0;t<b.length;t++)r([],b[t]);b.length&&(b=[])}function c(t,e){return e}function s(t,e){for(var n in t)e[n]=t[n];return e}t(6);var f=t("ee"),u=f.get("xhr"),d=t(23)(u),p=NREUM.o,h=p.XHR,l=p.MO,m=p.PR,v=p.SI,w="readystatechange",y=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],b=[];e.exports=u;var g=window.XMLHttpRequest=function(t){var e=new h(t);try{u.emit("new-xhr",[e],e),e.addEventListener(w,o,!1)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}return e};if(s(h,g),g.prototype=h.prototype,d.inPlace(g.prototype,["open","send"],"-xhr-",c),u.on("send-xhr-start",function(t,e){r(t,e),i(e)}),u.on("open-xhr-start",r),l){var x=m&&m.resolve();if(!v&&!m){var E=1,P=document.createTextNode(E);new l(a).observe(P,{characterData:!0})}}else f.on("fn-end",function(t){t[0]&&t[0].type===w||a()})},{}],15:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!e.aborted){if(n.duration=a.now()-this.startTime,4===t.readyState){e.status=t.status;var i=o(t,this.lastSize);if(i&&(n.rxSize=i),this.sameOrigin){var s=t.getResponseHeader("X-NewRelic-App-Data");s&&(e.cat=s.split(", ").pop())}}else e.status=0;n.cbTime=this.cbTime,f.emit("xhr-done",[t],t),c("xhr",[e,n,this.startTime])}}}function o(t,e){var n=t.responseType;if("json"===n&&null!==e)return e;var r="arraybuffer"===n||"blob"===n||"json"===n?t.response:t.responseText;return l(r)}function i(t,e){var n=s(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}var a=t("loader");if(a.xhrWrappable){var c=t("handle"),s=t(16),f=t("ee"),u=["load","error","abort","timeout"],d=u.length,p=t("id"),h=t(19),l=t(18),m=window.XMLHttpRequest;a.features.xhr=!0,t(14),f.on("new-xhr",function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,h&&(h>34||h<10)||window.opera||t.addEventListener("progress",function(t){e.lastSize=t.loaded},!1)}),f.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),f.on("send-xhr-start",function(t,e){var n=this.metrics,r=t[0],o=this;if(n&&r){var i=l(r);i&&(n.txSize=i)}this.startTime=a.now(),this.listener=function(t){try{"abort"===t.type&&(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof e.onload))&&o.end(e)}catch(n){try{f.emit("internal-error",[n])}catch(r){}}};for(var c=0;c<d;c++)e.addEventListener(u[c],this.listener,!1)}),f.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),f.on("xhr-load-added",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),f.on("xhr-load-removed",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),f.on("addEventListener-end",function(t,e){e instanceof m&&"load"===t[0]&&f.emit("xhr-load-added",[t[1],t[2]],e)}),f.on("removeEventListener-end",function(t,e){e instanceof m&&"load"===t[0]&&f.emit("xhr-load-removed",[t[1],t[2]],e)}),f.on("fn-start",function(t,e,n){e instanceof m&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),f.on("fn-end",function(t,e){this.xhrCbStart&&f.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,e],e)})}},{}],16:[function(t,e,n){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!e.protocol||":"===e.protocol||e.protocol===n.protocol,a=e.hostname===document.domain&&e.port===n.port;return r.sameOrigin=i&&(!e.hostname||a),r}},{}],17:[function(t,e,n){function r(){}function o(t,e,n){return function(){return i(t,[f.now()].concat(c(arguments)),e?null:this,n),e?void 0:this}}var i=t("handle"),a=t(20),c=t(21),s=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],p="api-",h=p+"ixn-";a(d,function(t,e){u[e]=o(p+e,!0,"api")}),u.addPageAction=o(p+"addPageAction",!0),u.setCurrentRouteName=o(p+"routeName",!0),e.exports=newrelic,u.interaction=function(){return(new r).get()};var l=r.prototype={createTracer:function(t,e){var n={},r=this,o="function"==typeof e;return i(h+"tracer",[f.now(),t,n],r),function(){if(s.emit((o?"":"no-")+"fn-start",[f.now(),r,o],n),o)try{return e.apply(this,arguments)}catch(t){throw s.emit("fn-err",[arguments,this,t],n),t}finally{s.emit("fn-end",[f.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){l[e]=o(h+e)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,f.now()])}},{}],18:[function(t,e,n){e.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],19:[function(t,e,n){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),e.exports=r},{}],20:[function(t,e,n){function r(t,e){var n=[],r="",i=0;for(r in t)o.call(t,r)&&(n[i]=e(r,t[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],21:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(o<0?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=r},{}],22:[function(t,e,n){e.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],23:[function(t,e,n){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var o=t("ee"),i=t(21),a="nr@original",c=Object.prototype.hasOwnProperty,s=!1;e.exports=function(t,e){function n(t,e,n,o){function nrWrapper(){var r,a,c,s;try{a=this,r=i(arguments),c="function"==typeof n?n(r,a):n||{}}catch(f){p([f,"",[r,a,o],c])}u(e+"start",[r,a,o],c);try{return s=t.apply(a,r)}catch(d){throw u(e+"err",[r,a,d],c),d}finally{u(e+"end",[r,a,s],c)}}return r(t)?t:(e||(e=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,e,o,i){o||(o="");var a,c,s,f="-"===o.charAt(0);for(s=0;s<e.length;s++)c=e[s],a=t[c],r(a)||(t[c]=n(a,f?c+o:o,i,c))}function u(n,r,o){if(!s||e){var i=s;s=!0;try{t.emit(n,r,o,e)}catch(a){p([a,n,r,o])}s=i}}function d(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){p([r])}for(var o in t)c.call(t,o)&&(e[o]=t[o]);return e}function p(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=o),n.inPlace=f,n.flag=a,n}},{}],ee:[function(t,e,n){function r(){}function o(t){function e(t){return t&&t instanceof r?t:t?s(t,c,i):i()}function n(n,r,o,i){if(!p.aborted||i){t&&t(n,r,o);for(var a=e(o),c=l(n),s=c.length,f=0;f<s;f++)c[f].apply(a,r);var d=u[y[n]];return d&&d.push([b,n,r,a]),a}}function h(t,e){w[t]=l(t).concat(e)}function l(t){return w[t]||[]}function m(t){return d[t]=d[t]||o(n)}function v(t,e){f(t,function(t,n){e=e||"feature",y[n]=e,e in u||(u[e]=[])})}var w={},y={},b={on:h,emit:n,get:m,listeners:l,context:e,buffer:v,abort:a,aborted:!1};return b}function i(){return new r}function a(){(u.api||u.feature)&&(p.aborted=!0,u=p.backlog={})}var c="nr@context",s=t("gos"),f=t(20),u={},d={},p=e.exports=o();p.backlog=u},{}],gos:[function(t,e,n){function r(t,e,n){if(o.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[e]=r,r}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){o.buffer([t],r),o.emit(t,e,n)}var o=t("ee").get("handle");e.exports=r,r.ee=o},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!x++){var t=g.info=NREUM.info,e=p.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return u.abort();f(y,function(e,n){t[e]||(t[e]=n)}),s("mark",["onload",a()+g.offset],null,"api");var n=p.createElement("script");n.src="https://"+t.agent,e.parentNode.insertBefore(n,e)}}function o(){"complete"===p.readyState&&i()}function i(){s("mark",["domContent",a()+g.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(c=Math.max((new Date).getTime(),c))-g.offset}var c=(new Date).getTime(),s=t("handle"),f=t(20),u=t("ee"),d=window,p=d.document,h="addEventListener",l="attachEvent",m=d.XMLHttpRequest,v=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var w=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-spa-1071.min.js"},b=m&&v&&v[h]&&!/CriOS/.test(navigator.userAgent),g=e.exports={offset:c,now:a,origin:w,features:{},xhrWrappable:b};t(17),p[h]?(p[h]("DOMContentLoaded",i,!1),d[h]("load",r,!1)):(p[l]("onreadystatechange",o),d[l]("onload",r)),s("mark",["firstbyte",c],null,"api");var x=0,E=t(22)},{}]},{},["loader",2,15,5,3,4]); ;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"fc8f365170",applicationID:"127809246",sa:1} } </script> <script type="text/javascript"> const safeWords = [ 'Edit Icon', 'SAVE', 'Save', 'Copy', 'Edit', 'EDIT', 'COPY', 'Close', 'CLOSE', 'Remove', 'Restore', 'RESTORE', 'REMOVE', 'MANAGE', 'CANCEL', 'HOME', 'Toggle Dropdown', 'Archive class', 'ARCHIVE', 'Enter first name', 'Enter last name', 'Enter ID', 'Open Menu', 'Trash Icon', 'Toggle Menu', 'Co-teacher (optional) Search email', 'Click or hit enter to hide this message', 'Add new Program', ]; (function (h, o, u, n, d) { h = h[d] = h[d] || { q: [], onReady: function (c) { h.q.push(c) } } d = o.createElement(u); d.async = 1; d.src = n n = o.getElementsByTagName(u)[0]; n.parentNode.insertBefore(d, n) })(window, document, 'script', 'https://www.datadoghq-browser-agent.com/datadog-rum-v4.js', 'DD_RUM') DD_RUM.onReady(function () { DD_RUM.init({ clientToken: 'pub084c609703435ca5d5b3b5b191213497', applicationId: 'ff9a6ffe-8a96-42ad-a63a-c683a604d098', site: 'datadoghq.com', service: 'classmags-prod', env: 'prod', // Specify a version number to identify the deployed version of your application in Datadog // version: '1.0.0', sessionSampleRate: 100, sessionReplaySampleRate: 0, trackUserInteractions: true, trackResources: false, trackLongTasks: false, defaultPrivacyLevel: 'mask', // Redact any PII (Personally Identifiable Information) or sensitive data that we are sending beforeSend: (event) => { try { if (event.type === 'action' && event.action.type === 'click' && !safeWords.includes(event.action.target.name)) { event.action.target.name = 'REDACTED'; } } catch (e) { console.error('Something went wrong in DD', e); } } }); }) </script> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" href="/etc/designs/scholastic/classroom-magazines-migration/upfront/clientlibs/common/css.min.d4cc232dc84fd8da3d903c55e090fef5.css" type="text/css">  <script> const isProd = "true"; if (isProd === 'true') { (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MKDL3Z'); } </script>  <script type="text/javascript" name="dtm_page_load"> var dumbleData = {"domain":{"server":"upfront.scholastic.com","name":"cm:upfront","channel":"cm:upfront","experienceType":"Content","experience":"Content","audience":"Teachers"},"page":{"access":"everyone","type":"","template":""},"about":{"implementation":"classroommagazines","version":"1.0"}}; </script> <script> function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } var sdmCookie = getCookie("sdm_nav_ctx"); var sdmSiteAuthCookie = null; if (getCookie("lah_sdm_site_auth") !== "") { sdmSiteAuthCookie = getCookie("lah_sdm_site_auth"); } else if (getCookie("wal_sdm_site_auth") !== "") { sdmSiteAuthCookie = getCookie("wal_sdm_site_auth"); } if (sdmCookie) { sdmCookie = JSON.parse(sdmCookie); dumbleData.user = {"loginStatus":true,"id":sdmCookie.user_id,"orgId":sdmCookie.orgId,"subscription":sdmCookie.appCodes}; if (sdmCookie.role) { var userRole = sdmCookie.role.toLowerCase(); if (userRole == "educator") { dumbleData.user.type="teacher"; } else if (userRole == "classroom") { dumbleData.user.type = "classroom"; } else if (userRole == "guest") { dumbleData.user.type = "guest"; } else { dumbleData.user.type = "anonymous"; } } if (sdmCookie.iamUserId) { dumbleData.user.spsid = sdmCookie.iamUserId; } if (sdmCookie.orgId) { dumbleData.user.orgId = sdmCookie.orgId; } if (sdmCookie.appCodes.indexOf(sdmCookie.appCode) > -1) { dumbleData.user.subscriptionStatus = true; } else { dumbleData.user.subscriptionStatus = false; } } else if (sdmSiteAuthCookie !== null) { sdmSiteAuthCookie = JSON.parse(sdmSiteAuthCookie); dumbleData.user = {"loginStatus":true,"id":"guest","type":"guest","orgId":sdmSiteAuthCookie.orgId,"subscriptionStatus":true,"subscription":"[]"}; } else { dumbleData.user={"loginStatus":false,"id":"anonymous","type":"anonymous","orgId":"","subscriptionStatus":false,"subscription":"[]"}; } function updateDumbleDataCart() { if (dumbleData.cart === undefined) { dumbleData.cart = {}; } if (localStorage.getItem("shoppingCart") !== null) { let shoppingCart = JSON.parse(atob(localStorage.getItem("shoppingCart"))); dumbleData.cart.item = []; if (shoppingCart.magazinesList.length > 0) { for (let i = 0; i < shoppingCart.magazinesList.length; i++) { dumbleData.cart.item[i] = {}; dumbleData.cart.item[i].applicationCode = shoppingCart.magazinesList[i].id; } } } if (dumbleData.cart.id === undefined) { let cartIdCookieValue = getCookie("cm_cart_id"); if (cartIdCookieValue !== undefined) { dumbleData.cart.id = cartIdCookieValue; } } } updateDumbleDataCart(); </script>  <script type="text/javascript" src="/etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-core/scripts/common/satelliteTrackMock.js"></script> <script> (function() { var channel = "classroommagazines"; document.write("<scr" + "ipt id='schheadtag' src='//ltm.scholastic.com/ltm/headtag/" + document.location.hostname + "/" + channel + "'></scr" + "ipt>"); } ()); </script> <meta name="description" content="Explore our library of interactive skill-building activities! They work with any Upfront article."/> <link rel="canonical" href="https://upfront.scholastic.com/pages/help-and-how-tos/website-how-to/graphic-organizer-library.html"/> <link rel="shortcut icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/Favicon.ico" type="image/x-icon"/> <meta property="og:title" content="Skill Builder Activity Library | Website How-To | Help & How-To's"/> <meta property="og:description" content="Explore our library of interactive skill-building activities! They work with any Upfront article."/> <meta property="og:url" content="https://upfront.scholastic.com/pages/help-and-how-tos/website-how-to/graphic-organizer-library.html"/> <meta property="og:image"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="Skill Builder Activity Library | Website How-To | Help & How-To's"/> <meta name="twitter:description" content="Explore our library of interactive skill-building activities! They work with any Upfront article."/> <meta name="twitter:image"/> <meta property="pin:description" content="Explore our library of interactive skill-building activities! They work with any Upfront article."/> <meta property="pin:image"/> <link rel="stylesheet" href="https://use.typekit.net/srn8ufx.css"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link href="https://fonts.googleapis.com/css2?family=Signika:wght@300;400;600;700&display=swap" rel="stylesheet"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-512.png" sizes="512x512"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-192.png" sizes="192x192"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-180.png" sizes="180x180"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-152.png" sizes="152x152"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-120.png" sizes="120x120"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-80.png" sizes="80x80"/> <link rel="apple-touch-icon" href="/etc/designs/scholastic/classroom-magazines-migration/images/touch-icons/upfront/icon-57.png"/> <meta name="apple-mobile-web-app-title" content="The New York Times Upfront"/> <meta name="application-name" content="The New York Times Upfront"/> </head> <body class="user-guide-page "> <div id="liveAnnouncer" class="sr-only" role="status" aria-live="polite" aria-atomic="true"></div> <div id="cmModals"></div>   <div ng-cloak data-sdm-app-code="upfront" data-app-name="upfront" class=" page-graphic-organizer-library" id="core-main-container" data-core="true" data-env="prod" data-view-as-published="false" data-bookmarkdb="sql" data-votedb="sql" data-marketingdb="sql" data-authorize="everyone" data-stats-endpoint="https://analytics.scholastic.com/prod/stats" data-author-mode="false" data-cloudfront-hostname="https://classmags-cf-prod.scholastic.com" data-cloudfront-keypairid="APKAIPCKVHDTNDEY6YRA" data-is-marketing-redesign-enabled="true" data-is-limelight-enabled="true" data-is-page-ungated="false" data-live-chat-api-endpoint="https://webchat-customer.scholastic.com/v2/magazines"> <div ng-controller="scienceWorldController"> <div class="scholastic-background" sw-authorize="everyone" sw-page="true" style="background-color: #faf9f6;"> <div> <div> <div ng-controller="studentViewController" class="student-view-header-container" role="complementary"> <div ng-if="isStudentView" class="student-view-header-wrapper"> <div class="svh-back-to-tv-link" ng-click="closeStudentViewClick()" ng-keypress="closeStudentViewKeypress($event)" tabindex="1"> <div class="svh-back-to-tv-icon"></div> <div class="svh-back-to-tv-text">Back to Teacher View</div> </div> <div class="svh-title-wrapper"> <div class="svh-title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g fill="none" fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M0 0H32V32H0z" transform="translate(-17 -249) translate(17 249)"/> <path fill="#000" d="M2.681 14.06l5.167 2.463v6.392c0 .219.062.437.156.624.155.218.311.437.498.624.404.467.871.841 1.4 1.184C11.46 26.377 13.482 27 16.003 27s4.544-.624 6.1-1.653c.499-.343.966-.717 1.37-1.184.187-.187.343-.406.498-.624.125-.187.187-.405.156-.624v-6.392l2.334-1.122v4.459c-.716.654-.778 1.746-.124 2.463.653.717 1.743.78 2.459.125s.778-1.746.124-2.464c-.031-.062-.093-.093-.124-.124v-5.55l.529-.25c.591-.28.84-.966.56-1.559-.124-.25-.311-.436-.56-.561L17.528 6.327c-.996-.436-2.116-.436-3.112 0L2.65 11.94c-.591.28-.809.998-.529 1.559.125.25.342.436.56.561zm19.174 8.481l-.063.063c-.28.311-.622.592-.964.81-1.183.78-2.77 1.279-4.825 1.279-2.054 0-3.642-.468-4.824-1.279-.343-.218-.685-.499-.965-.81l-.063-.063v-4.895l4.296 2.058c.996.436 2.116.436 3.112 0l4.265-2.058v4.895h.03zM15.443 8.448c.342-.125.747-.125 1.09 0L26.118 13l-9.556 4.584c-.342.124-.747.124-1.09 0L5.919 13l9.525-4.552z" transform="translate(-17 -249) translate(17 249)"/> </g> </g> </g> </svg> </div> <div class="svh-title-text">Student View</div> </div> </div> </div> <nav class="scholastic-container-wrapper user-guide-header-wrapper"> <button tabindex="1" class="skip-to-main-content" onclick="skipToMainContent()">Skip to main content</button> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="guide_header guide-header parbase"> <div class="guide-header-container" style="background-color: #ffffff;" ng-controller="guideHeaderController" ng-init="searchPagePath='/content/classroom_magazines/upfront/pages/help-and-how-tos/website-how-to/graphic-organizer-library';"> <div class="gh-mobile-nav-container" style="background-color: #ffffff;"> <button class="guide-nav-menu-close-button"> <img class="guide-nav-menu-close-icon" alt="Close Menu" src="/etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-core/styles/core/icons/ug-nav-close.svg"/> </button> <ul class="gh-mobile-nav-wrapper"> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Search Enabled</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Getting Started</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Technical Support</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Website How-to</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Registration, Log in and Rostering</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Subscription and Billing</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Privacy</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Funding</a> </li> <li class="gh-mobile-nav-item"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Contact Us</a> </li> </ul> </div> <div class="guide-header-wrapper"> <div class="gh-nav-menu-icon-wrapper"> <button class="guide-navbar-toggle collapsed guide-nav-menu-icon guide-nav-visible-xs" type="button" data-toggle="collapse" data-target=".guide-navbar-collapse"> <span class="guide-icon-bar" style="background-color: #000000;"></span> <span class="guide-icon-bar" style="background-color: #000000;"></span> <span class="guide-icon-bar" style="background-color: #000000;"></span> </button> </div> <div class="gh-logo-wrapper"> <a href="https://upfront.scholastic.com/home-page-logged-in.html"> <img src="/content/dam/classroom-magazines/magazines/nav-logos/TU_Logo.png" alt="Magazine Homepage"/> </a> </div> <div class="gh-divider-wrapper"> <div class="gh-divider" style="border-color: #000000;"></div> </div> <div class="gh-help-center-wrapper"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos.html" style="color:#000000;"> Help & How-To's </a> </div> <div class="gh-search-wrapper"> <form role="search" action="#" onsubmit="return false;" class="gh-search-form" autocomplete="off"> <label for="guide_header-search-input" class="sr-only">Search this site</label> <input type="search" role="combobox" id="guide_header-search-input" class="gh-search-form-input form-control" ng-model="searchText" placeholder="Search Help & How-To's" uib-typeahead="suggestion for suggestion in getSuggestions($viewValue) | limitTo: 5" typeahead-min-length="3" typeahead-focus-first="false" typeahead-on-select="search('https://upfront.scholastic.com/pages/help-and-how-tos/search-results.html')"/> <input type="hidden" class="current-page" name="currentPagePath" data-current-page-path='/content/classroom_magazines/upfront/pages/help-and-how-tos/website-how-to/graphic-organizer-library'/> <button class="user-guide-search-button" ng-click="search('https://upfront.scholastic.com/pages/help-and-how-tos/search-results.html')" aria-label="search"> <img class="gh-desktop-search-icon" alt="Search" src="/etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-core/styles/core/icons/ug-search.svg"/> </button> </form> </div> <button class="gh-search-nav-button"> <img class="gh-mobile-search-icon" alt="Search" src="/etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-core/styles/core/icons/ug-search-mobile-nav.svg"/> <img class="gh-mobile-search-icon-hover" alt="Search" src="/etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-core/styles/core/icons/ug-search-mobile-nav-hover.svg"/> </button> <div class="visible-xs gh-search-wrapper-mobile" style="background-color: #ffffff;"> <div class="gh-search-divider-wrapper"> <div class="gh-search-divider" style="border-color: #000000;"></div> </div> <form role="search" action="#" onsubmit="return false;" class="gh-search-form-mobile" autocomplete="off"> <label for="guide_header-search-input-mobile" class="sr-only">Search this site</label> <input type="search" role="combobox" id="guide_header-search-input-mobile" class="gh-search-form-input form-control" ng-model="searchText" placeholder="Search Help & How-To's" uib-typeahead="suggestion for suggestion in getSuggestions($viewValue) | limitTo: 5" typeahead-min-length="3" typeahead-focus-first="false" typeahead-on-select="search('https://upfront.scholastic.com/pages/help-and-how-tos/search-results.html')" style="color: #000000"/> <input type="hidden" class="current-page" name="currentPagePath" data-current-page-path='/content/classroom_magazines/upfront/pages/help-and-how-tos/website-how-to/graphic-organizer-library'/> <button class="input-group-addon hidden" ng-click="search('https://upfront.scholastic.com/pages/help-and-how-tos/search-results.html')" aria-label="search"></button> <button class="user-guide-clear-search-button" ng-show="searchText" ng-click="clearSearchText()"> <img class="gh-mobile-clear-search-icon" alt="Clear Search" src="/etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-core/styles/core/icons/ug-search-cross-small.svg"/> </button> </form> <div class="gh-mobile-search-cancel-wrapper"> <a href="" class="gh-mobile-search-cancel" style="color:#000000;">Cancel</a> </div> </div> </div> </div></div> </div> </div> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="guide_heading_copy guide-heading parbase"> <div class="ug-guide-heading-wrapper" style="background-image: url(/content/dam/classroom-magazines/magazines/support/help-and-how-tos/homepage/Header-Website-How-To.png);"> <div class="ug-guide-heading-text-container"> <div class="ug-guide-heading-text-wrapper" style="outline-color: #216499;"> <h1 class="ug-guide-heading-text"> Virtual Teaching </h1> </div> </div> </div></div> </div> </div> <div class="heading-wrapper"> </div> </nav> <main class="scholastic-main-wrapper user-guide-main-wrapper" ng-style="setBackground('','#faf9f6')"> <div> <div class="padding-component parbase"> <div style="padding-top:15px"> </div> </div> <div class="breadcrumb parbase"> <div class="breadcrumb-layout" ng-if="!isLockedMode"> <a class="breadcrumb-active js-breadcrumb-home-nav-link" href="https://upfront.scholastic.com/pages/help-and-how-tos.html">Help & How-To's</a> <span class="greaterthan">></span> <a class="breadcrumb-active" href="https://upfront.scholastic.com/pages/help-and-how-tos/website-how-to.html">Virtual Teaching</a> <span class="greaterthan">></span> <span class="breadcrumb-inactive">Skill Builder Activity Library</span> </div> <div class="breadcrumb-layout" ng-if="isLockedMode"></div> </div> <div class="acs-commons-resp-colctrl-row"> <div ng-style="{'background-color':'' }" class="new-container clearfix "> <div class="new-row "> <div class="acs-commons-resp-colctrl-col acs-commons-resp-colctrl-col-2"> <div class="parsys-container"> </div> </div> <div class="acs-commons-resp-colctrl-col acs-commons-resp-colctrl-col-66"> <div class="parsys-container"> <div class="guide-title parbase"> <h2 class="guide-title-wrapper hidden-xs" style="font-size: 40px;"> <a href="https://upfront.scholastic.com/pages/graphic-organizer-library.html">Skill Builder Activity Library</a> </h2> <h2 class="guide-title-wrapper visible-xs"> <a href="https://upfront.scholastic.com/pages/graphic-organizer-library.html">Skill Builder Activity Library</a> </h2> </div> <div class="guide-text parbase"> <div class="ug-guide-text"><p>Need a chart to help students analyze photos and graphics? Or how about some extra support for evaluating the credibility of online sources? Check out our <b><a href="https://upfront.scholastic.com/pages/graphic-organizer-library.html" target="_blank">Skill Builder Activity Library</a></b>! We have 12 evergreen graphic organizers that will work with any <i>Upfront</i> article.聽</p> </div> </div> <div class="padding-component parbase"> <div style="padding-top:20px"> </div> </div> <div class="image parbase"> <div class="aem-image-main-container"> <div class="image-content"> <span> <a href="https://upfront.scholastic.com/pages/graphic-organizer-library.html"> <img src="/content/dam/classroom-magazines/upfront/pages/help-and-how-tos/UPF-GOL-1.jpg" alt class="img-responsive "/> </a> </span> </div> </div></div> <div class="padding-component parbase"> <div style="padding-top:20px"> </div> </div> <div class="guide-text parbase"> <div class="ug-guide-text"><p>And the best part? They're all available as interactive activities that can be assigned through Google Classroom!</p> </div> </div> <div class="padding-component parbase"> <div style="padding-top:50px"> </div> </div> <div class="guide-title parbase"> <h2 class="guide-title-wrapper hidden-xs" style="font-size: 20px;"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/website-how-to/using-upfront-with-educational-apps.html">Next: Using Upfront with Educational Apps</a> </h2> <h2 class="guide-title-wrapper visible-xs"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/website-how-to/using-upfront-with-educational-apps.html">Next: Using Upfront with Educational Apps</a> </h2> </div> <div class="padding-component parbase"> <div style="padding-top:25px"> </div> </div> </div> </div> <div class="acs-commons-resp-colctrl-col acs-commons-resp-colctrl-col-5"> <div class="parsys-container"> </div> </div> <div class="acs-commons-resp-colctrl-col acs-commons-resp-colctrl-col-25"> <div class="parsys-container"> <div class="reference parbase"><div class="cq-dd-paragraph"><div class="guide_list_copy guide-list parbase"> <div class="guide-list-container" role="navigation" aria-label="More Support"> <p class="guide-list-title">More Support</p> <ul> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/getting-started.html" class="guide-list-item"> <p>Getting Started</p> </a> </li> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/teaching-support.html" class="guide-list-item"> <p>Teaching Support</p> </a> </li> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/website-how-to.html" class="guide-list-item"> <p>Virtual Teaching</p> </a> </li> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/registration.html" class="guide-list-item"> <p>Registration, Log in and Rostering</p> </a> </li> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/subscriptions-and-billing.html" class="guide-list-item"> <p>Subscriptions and Billing</p> </a> </li> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/privacy.html" class="guide-list-item"> <p>Privacy</p> </a> </li> <li role="listitem"> <a href="https://upfront.scholastic.com/pages/help-and-how-tos/funding.html" class="guide-list-item"> <p>Funding</p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="acs-commons-resp-colctrl-col acs-commons-resp-colctrl-col-2"> <div class="parsys-container"> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="padding-component parbase"> <div style="padding-top:75px"> </div> </div> </div> </main> </div> <footer lang="en" class="scholastic-container-wrapper user-guide-footer-wrapper"> <div> <div> <div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="guide-hpfooter parbase"> <div class="ug-hpfooter-wrapper"> <div class="ug-hpfooter-heading-text">Need More Help?</div> <div class="cmp-live-chat cmp-live-chat_hidden" data-cmp-is="live-chat" role="listitem"> <button class="cmp-live-chat__button" data-cmp-hook-live-chat="live-chat-button"> <span class="cmp-live-chat__button-icon"></span> <span class="cmp-live-chat__button-label">Live Chat</span> </button> </div> <div class="ug-hpfooter-contact-link-container"> <a href="https://upfront.scholastic.com/pages/contact-us.html">Contact Customer Service</a> </div> <div class="ug-hpfooter-phone-text">or Call 1-800-631-1586</div> </div></div> <div class="guide-footer parbase"> <div class="ug-guide-footer-container"> <div class="ug-guide-footer-wrapper"> <span class="keep-left"> <a class="ug-guide-footer-logo-link" href="https://www.scholastic.com/home"> <img src="/etc/designs/scholastic/classroom-magazines-migration/images/ug-scholastic-logo.png" alt="Scholastic Home"/> </a> <a class="ug-guide-footer-back-link" href="https://upfront.scholastic.com/"> Scholastic Magazines+ </a> <span class="ug-backto-magazine-arrow" role="img" aria-label="Scholastic Magazines+"></span> </span> <span class="keep-right"> <span class="ug-guide-footer-link-wrapper"> <a href="https://www.scholastic.com/edtechprivacy.htm" lang="en">PRIVACY POLICY</a> </span> <span class="ug-guide-footer-link-wrapper"> <a href="https://www.scholastic.com/terms.htm" lang="en">Terms of Use</a> </span> <span class="ug-guide-footer-desc" lang="en">TM ® & © 2024 Scholastic Inc. All Rights Reserved.</span> </span> </div> </div></div> </div> </div> <div> <cm-modal class="s_video_player" aria-label="Video Modal" trap-focus> <div class="container" id="s_bg_video_player"> <button class="video-close-icon" id="video-close-icon" type="button" title="Close" aria-disabled="false" onclick="s_close_video()"> <i class="fa fa-times glyphicon glyphicon-remove"></i> </button> <video controls crossorigin="anonymous" class="video-js" data-account="1543299976" data-player="rkQ0GMt8" data-embed="default" data-video-id="" id="modal_video_player" data-limelight-player="064e1e5412424e3598aa699b5a5aa4b1" data-limelight-dummy-video-id="c769336db2824f7aba2867d79f2878b3"> </video> </div> </cm-modal> </div> <div> <div class="s_youTubeVideo_player" aria-hidden="true"> <div class="container"> <div class="youTubeVideo_wrapper" role="dialog"> <iframe id="player1" frameborder="0" class="youtube-video" width="100%" height="100%" src=""></iframe> </div> <button class="video-close-icon" type="button" title="Close" aria-disabled="false"> <i class="fa fa-times glyphicon glyphicon-remove"></i> </button> </div> </div> </div> <cm-modal id="game-container-modal" class="modal fade video-content-card-modal" tabindex="-1" labelledby="..."> <div class="modal-dialog game-container-modal" role="document"> <div class="modal-content"> <span class="close colse-popup-icon" data-dismiss="modal"></span> <div class="modal-body" id="game-container-modal-body"></div> </div> </div> </cm-modal> </div> <div> <script src="/etc/designs/scholastic/classroom-magazines-migration/upfront/clientlibs/common/js.min.9850fc5c3567a7d62581b5d2da0c3285.js"></script> <script type='text/javascript' src="//video.limelight.com/player/limelightjs-player.js"></script> <script> console.log("in the non-marketing non prod OR all PROD conditional"); </script> <script src="https://apis.google.com/js/api.js" type="text/javascript" async></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <script src="//ltm.scholastic.com/ltm/resources/tag/footer.js"></script> </div> </div> </footer> </div> </div> </div> </div> </body> </html>

CINXE.COM

Skill Builder Activity Library | Website How-To | Help & How-To's