JCPS Tech Contact Blog: websites

Wednesday Web Tool: Create and Publish Webpages with Telegraph!

Anonymous blogging, websites, Wednesday web tool 9:00 AM

<div style="text-align: center;">
<img alt="Image result for student clipart computer" height="161" src="https://msp7l1170302145284.blob.core.windows.net/ms-p7-l1-170302-1453-24-assets/learn-to-code-students-en-US.png" width="400" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">Telegraph is a very simple web tool that allows anyone to create and publish online work without an account. It supports text, links, and images and is mobile device friendly. You could use it for students to create simple webpages, blog posts, or even for online reflection.</span></div>
<div style="text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">To get started, go to: <a href="http://telegra.ph/">http://telegra.ph/</a></span></div>
<div style="text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQjokQrgnpgKJ5QwxdK5immy_ldw2zkV__RzV0fEmPemhmmr8vH42_q8i38ilTerqKPy1FnDY4uO4iS0v8FcEbjn-SAJKZ15gsfgGdR6fy4FnJHKjPHEjpX0KKmJYCQ2eVJVj8AgzWGc/s1600/screenshot-telegra.ph+2017-05-09+15-33-15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQjokQrgnpgKJ5QwxdK5immy_ldw2zkV__RzV0fEmPemhmmr8vH42_q8i38ilTerqKPy1FnDY4uO4iS0v8FcEbjn-SAJKZ15gsfgGdR6fy4FnJHKjPHEjpX0KKmJYCQ2eVJVj8AgzWGc/s400/screenshot-telegra.ph+2017-05-09+15-33-15.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">Enter your title, author, and start writing your story!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIrOa-51qdEoS9W4ex7V5AeUTVxo_dxP-OQskEgt0aheo1KNlAR1b6AuqH8HErej9_wxvKXdyVU1MasSaz_AYQS8ZSR4Y6psMKx2NQ6GDJt0DHhQmSMHDksc3LQoZD2PNrpfQIKFIuHoI/s1600/screenshot-telegra.ph+2017-05-09+15-37-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIrOa-51qdEoS9W4ex7V5AeUTVxo_dxP-OQskEgt0aheo1KNlAR1b6AuqH8HErej9_wxvKXdyVU1MasSaz_AYQS8ZSR4Y6psMKx2NQ6GDJt0DHhQmSMHDksc3LQoZD2PNrpfQIKFIuHoI/s400/screenshot-telegra.ph+2017-05-09+15-37-23.png" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">Click on the link or camera icons to insert links or images. You do have to have the images downloaded on your device for <a href="http://telegra.ph/">Telegraph</a> to upload them.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">Once you are finished with your work, click on the publish button. You work is now publicly viewable at the URL on the top of the screen. You can share this link for others to view.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">One word of caution- http://telegra.ph/ is a unique URL- if your students incorrectly type it, they may find a dating or news site with a similar name- for this reason, I would link to Telegraph in Google Classroom or some other content sharing method. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">I do love the simple style of Telegraph and the fact there is no account creation makes it very kid friendly- especially for younger students.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;">I hope you explore <a href="http://telegra.ph/">Telegraph</a> with your students!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div style="text-align: center;">
<br /></div>

Wednesday Web Tool: Create and Publish Webpages with Telegraph!

Telegraph is a very simple web tool that allows anyone to create and publish online work without an account. It supports text, links, a...

Friday Google Tidbit: New and Improved Google Sites

amystanley Friday Google Tidbit, google sites, improved, new, sites, websites 9:00 AM

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg07vvA0fFYAvxI9kQWP4KjVjPQzfDqjZ5LTFfpUVMSb_VviVdmzHaMVn6kC9ieVMocsSrW5x_YJuy7V4LAv3C06tY4qc0Vvp86yKMhtUNU7Lgi_xBYdpSYvejn0aPntE6KZhvvVwaklbY/s1600/sites+logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg07vvA0fFYAvxI9kQWP4KjVjPQzfDqjZ5LTFfpUVMSb_VviVdmzHaMVn6kC9ieVMocsSrW5x_YJuy7V4LAv3C06tY4qc0Vvp86yKMhtUNU7Lgi_xBYdpSYvejn0aPntE6KZhvvVwaklbY/s320/sites+logo.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Google has been gradually releasing the new and improved sites editor, it is now available in our domain!  This tutorial will show you just the basics to help you get started we will share more information about the features in future posts.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>So how do you get started?</b></div>
<div class="separator" style="clear: both; text-align: center;">
Open your drive and launch Google sites from the "New" Menu</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLaH7z4oX2h0an8cCDzsnV5JpGhaMzECDaRJpeHD7UX38tmuvM85_vmOqQ0vYFnjPC21epXXX-mLaqHrvrRgRNnx6coTTM5FQbueuNQzKyBl7Psvx3jHyjfbyF6wp5EJVhkapXdSUmMLs/s1600/sitelauncher.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLaH7z4oX2h0an8cCDzsnV5JpGhaMzECDaRJpeHD7UX38tmuvM85_vmOqQ0vYFnjPC21epXXX-mLaqHrvrRgRNnx6coTTM5FQbueuNQzKyBl7Psvx3jHyjfbyF6wp5EJVhkapXdSUmMLs/s320/sitelauncher.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Name your page and new Site - the Site name will become part of your URL so it shouldn't have spaces or special characters</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3LiMmW7JGrXsQ7sh88pD6Bi2d4bRgizkdNeN2-PolQToRjlY-Qk9aqgJRerAkU0CtpSpkH8AhPEYgM9L5bb0La1aTykW_IfDbIrmOs8rXZiiYz_IpQ3Jg5xCQtlV0UNsetUm84G-PIc/s1600/sitename.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3LiMmW7JGrXsQ7sh88pD6Bi2d4bRgizkdNeN2-PolQToRjlY-Qk9aqgJRerAkU0CtpSpkH8AhPEYgM9L5bb0La1aTykW_IfDbIrmOs8rXZiiYz_IpQ3Jg5xCQtlV0UNsetUm84G-PIc/s400/sitename.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Begin to add content using the drag and drop menu on the left</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMU0BEtra9BOx98UiNa2vonoQbrRXgeVvNXxH1EpCst3UrEXv97Ltri7RjQgc2jOpxP8qCG-wf6mbts01346DqFp1tdl067siwGpAQYJ50Q-dhGVzbpzG4JVqkcCMBmlM_Tw7SA-AINhI/s1600/siteinsert.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMU0BEtra9BOx98UiNa2vonoQbrRXgeVvNXxH1EpCst3UrEXv97Ltri7RjQgc2jOpxP8qCG-wf6mbts01346DqFp1tdl067siwGpAQYJ50Q-dhGVzbpzG4JVqkcCMBmlM_Tw7SA-AINhI/s320/siteinsert.png" width="143" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaM5Rd2wQrXfj8ZvBOknxnPWOm_2FCZVVI9zyOr9RK14lcb-aIs_emB6J8bjxsQKkxyQgAcryKPVRAWtOQBfvIMw5EZbe_v8lsr4NfFQctNXdqmGAjjeu5KJX-fpGXKRmrEi29YF5v0M/s1600/siteinsert2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaM5Rd2wQrXfj8ZvBOknxnPWOm_2FCZVVI9zyOr9RK14lcb-aIs_emB6J8bjxsQKkxyQgAcryKPVRAWtOQBfvIMw5EZbe_v8lsr4NfFQctNXdqmGAjjeu5KJX-fpGXKRmrEi29YF5v0M/s200/siteinsert2.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
It is fully integrated with your google drive and you can insert any of your files on your page</div>
<div class="separator" style="clear: both; text-align: center;">
Once you have items on the page you can arrange them by dragging and dropping - this will allow you to make 2 columns</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiXENhMpr8p1Rf4jMWNxElrKUQfAAyxe8v-R0PqZd0SyAVrRUnC479sGBfra0-f4wpBOw5qgf8tlqsTzIZn1L9axZuUK0AB7DcYZBwRHoaww_2Sgt3XIKxSyAwAfhCmeGLq7O-gfguro/s1600/site2column.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiXENhMpr8p1Rf4jMWNxElrKUQfAAyxe8v-R0PqZd0SyAVrRUnC479sGBfra0-f4wpBOw5qgf8tlqsTzIZn1L9axZuUK0AB7DcYZBwRHoaww_2Sgt3XIKxSyAwAfhCmeGLq7O-gfguro/s400/site2column.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Your can continue to build your content by adding elements to the page or pages. Use the built in section style options available on on the left side of each portion of your page</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpjFsDw04cGJM2Z2P3SxO0ZApCDeUut2in4_DEWhu4qAd6MpsZADOUncOgzCWyHMr7b70DhELKQ2OQpcb3WZ3psTjVVgFtIzUgN5OyaTwMYXCReBACXZ5wv4m1wQhpQ1WNAgDqVBrf7qY/s1600/sitesection.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpjFsDw04cGJM2Z2P3SxO0ZApCDeUut2in4_DEWhu4qAd6MpsZADOUncOgzCWyHMr7b70DhELKQ2OQpcb3WZ3psTjVVgFtIzUgN5OyaTwMYXCReBACXZ5wv4m1wQhpQ1WNAgDqVBrf7qY/s200/sitesection.png" width="176" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
You will also want to define your theme/colors and adding additional pages</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9c-sjR4Ok1giwwOupf9d6Ho6W2YKJLGOvRyzsykeLH5HSo895RofLQdsncEUt5HW3ir6pt4rMzmRJW4bvqyYU0PaD0uL-oo9H9sZpocMzkWlBWDZSN2GSD3ap61CD0Aw1B4nfBxR3bPg/s1600/sitetheme.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9c-sjR4Ok1giwwOupf9d6Ho6W2YKJLGOvRyzsykeLH5HSo895RofLQdsncEUt5HW3ir6pt4rMzmRJW4bvqyYU0PaD0uL-oo9H9sZpocMzkWlBWDZSN2GSD3ap61CD0Aw1B4nfBxR3bPg/s400/sitetheme.png" width="217" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
When you page is ready you need to "Publish".  If you want it available for just your students you can select the @jcsnc.org option but if you want others to be able to view it, select anyone.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYRNzyNcFHqCII96MHpNtdtx4g34s9mjxm2A5NytxeufoaDL3C_18O17BJEcJzKX_921eIJNnUjiYDjIqQnoLDkssPD_dyNfK2A3bjC3ODi2yTM-QwUmc49I6x2n0-hikVp1WBIFvVys/s1600/sitepublish.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYRNzyNcFHqCII96MHpNtdtx4g34s9mjxm2A5NytxeufoaDL3C_18O17BJEcJzKX_921eIJNnUjiYDjIqQnoLDkssPD_dyNfK2A3bjC3ODi2yTM-QwUmc49I6x2n0-hikVp1WBIFvVys/s320/sitepublish.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
You can edit your saved page anytime - it is stored in your drive like all your other google files</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF017U_XSJsbEkYh472aAc2xiHxvx8iENpNa31AxRbK9zx8WJ0fpkm0rYPodLXxp-MgfLN6cEaBxNpNoPpcqGWjZTCPkP3mJgBPGqYF6APGlzZsaAqodY9lMCr_zQ04zXEgLZK_22_cCE/s1600/sitesave.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF017U_XSJsbEkYh472aAc2xiHxvx8iENpNa31AxRbK9zx8WJ0fpkm0rYPodLXxp-MgfLN6cEaBxNpNoPpcqGWjZTCPkP3mJgBPGqYF6APGlzZsaAqodY9lMCr_zQ04zXEgLZK_22_cCE/s400/sitesave.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Need more information?  Check out these additional resources.</div>
<div class="separator" style="clear: both; text-align: center;">
<b>Video Tutorial:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.youtube.com/watch?v=Dm8nEq4jVJg">https://www.youtube.com/watch?v=Dm8nEq4jVJg</a></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Step by Step Guides on all the features</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://gsuite.google.com/learning-center/products/sites/get-started/">https://gsuite.google.com/learning-center/products/sites/get-started/</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Have a Fabulous Weekend!</div>
<div>
<br /></div>

Friday Google Tidbit: New and Improved Google Sites

Google has been gradually releasing the new and improved sites editor, it is now available in our domain! This tutorial will show you ju...

Wednesday Web Tool: Graphite

Brandy Whitley apps, web tools, websites, Wednesday web tool 6:00 PM

<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Graphite</span></div>
<h6 dir="ltr" style="line-height: 1; margin: 8pt -11pt; text-align: center;">
<span style="background-color: white; color: #3b3b41; font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="94px;" src="https://lh4.googleusercontent.com/Rxu24tZkM28vtXTSKfoWXfz7h2BTgmUg8Lje5yhAv3qr6DZOVIRJiBcQzm0d6wbztDsSn_awS7zRs6ndMehKqWw0ok8as7hnmsSGTDjp3hS-4GomZFRXhDCrrNG5kmuoHw" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="259px;" /></span></h6>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Need a place to find a great app or website to go along with what you are teaching in class? Graphite is a great resource for locating these tools. Organized by Common Core Standards, Graphite makes it easy to find resources that have been reviewed expert educators and your fellow teachers. Graphite even provides tips on how to use a new tool or even one you have already been using. </span></div>
<span id="docs-internal-guid-34d76023-856a-dcdb-0cbb-8e7bd41d2762"><br /></span>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Start by going to </span><a href="http://www.graphite.org/" style="text-decoration: none;"><span style="color: #1155cc; font-family: Arial; font-size: 19px; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">www.graphite.org</span></a><a href="http://www.graphite.ortg/" style="text-decoration: none;"><span style="color: black; font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"> to c</span></a><span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">reate your free account. Once logged in, there are several ways for finding apps/websites of your choice. </span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; line-height: 1.15; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; line-height: 1.15; white-space: pre-wrap;">Reviews and Ratings:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Here you can select by type (app, console/PC, website), subjects, grade, price, etc. You will also see featured apps/websites along with their ratings/type/price.</span></div>
<br />
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="355px;" src="https://lh6.googleusercontent.com/-6GeaanVUM52l_p0WsorQF8_ZwGuRafZjhdgDH9H7i8RgDEpxbKjBkdmsCHc09z_HPkUR9zV0gJA955D6aDzYfIZlaUkLKW-SATAcoLOWWMmDWrCVNXh4IB3LTgEhqC6sQ" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="438px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Top Picks:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Find featured top picks along with top picks by subject/skill here. </span></div>
<br />
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="359px;" src="https://lh3.googleusercontent.com/U9y7PnesIUnp8eQ3VRYbB67bIyVREqFm95qC7Wu4vD-3H8lplNz--gLvuGZMHI9sZ3GWBwQXvIRcUzsJ_Mhy3sSA-F41YA5Bkk0cbcdtRh_86HS4oCprgpS9U2R_gnebTA" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="441px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Common Core Explorer:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Use the Common Core Explorer to browse apps/websites by subjects: Math and Language arts. (Science coming soon!) Once you choose a subject area, select the grade level, strand, then specific standards. Select the green arrow to view the related resources.  </span></div>
<br />
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="268px;" src="https://lh5.googleusercontent.com/UznvLLzYBfDAR35PFAEixClq2SxbRsdY_kgEtHGd8wHN1ayfNR8w7ARL7boKqOv17UN6Wrs84flmOfXoWJgXeEAig1NhSR2mtJ7aNLw0hqSDdcG6FqS5F7kYThjtSJafoQ" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="435px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">App Flows:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Click on App Flow to see how to implement the app/website with in specific lessons. Search by subject and choose a desired lesson. Here you will see 6 parts of a lesson: the hook, the transition, direct instruction, guided practice, independent practice, and the wrap up. </span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="336px;" src="https://lh3.googleusercontent.com/cQWT78ssysirdMAS3LCGJGEiOYfFwgUniTx3_RrdH7I_zKccWedz5j8rIvKURWeHoQ5MAdjFk3qfOvnkBi70gjWsAMFHq7xpe29u1ISNmA9zrICd7byHjBxX7OYaC8Qp_A" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="414px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="294px;" src="https://lh4.googleusercontent.com/NsFkjjDbG012kMSq9bi6T31JYRSF4TtNK4ZqDcHklFaiyQULK6rNLXBG8C1zXMpK2i-F19CC5t3d_sZYnDN7xF5jv7WYaydV-cA0O-DYedKEIixwbLF66mAjZ2uLIoNrKQ" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="464px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Teacher Center:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">The Teacher Center is your place for how-to resources, teacher discussions, and a connection to App Flows lesson plans. </span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="200px;" src="https://lh4.googleusercontent.com/hs7JXCUz7hdav1JW7ItBGEocWTI8n8Qbo9I_OIsx7Ff5wf5FFl2P920rb20eMp42DTDmhfIJ2_5Ti-AfaeGJAAuRjg4TS9Rndzbw5aECYQk0_5Z8iK2sfVx24X0AOLsxHg" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="579px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Boards:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Boards are like Pinterest boards for Graphite. As you find apps/websites you like, pin them to a board and add your comments to them for your reference later. </span></div>
<br />
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="377px;" src="https://lh3.googleusercontent.com/dGoOmcwDeOuNvesrw9xiqaBQdHDI2QlkJCyBzkyDlTj2B9nVyYgFaiUNSanUhLyCundIEPft86iQ6jxk7fVU9LmxXdozqAPNsn-Yrdkxt0YvK0cVtAm_Gco2qZNGGEV80g" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="460px;" /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">Blog:</span></div>
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;">You know what a blog is, but check out this one for tips and ideas directly related to apps/websites from Graphite. </span></div>
<br />
<div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Arial; font-size: 19px; vertical-align: baseline; white-space: pre-wrap;"><img height="379px;" src="https://lh4.googleusercontent.com/l1eRhxePo7-F_zfHp1-XyQxFak5aDmygDvZ_bL_OqoNJT-Tp1NIRYzNeXRV_D-MHHprVM9vzk1O85CpSUanyypFhuUHNa3DW7yCle2-aQW9VK5FsY0Zv0DYipSzzucnazw" style="-webkit-transform: rotate(0rad); border: none; transform: rotate(0rad);" width="466px;" /></span></div>
<br /><br />
<div dir="ltr" style="line-height: 1.46999996358698; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #222222; font-family: Arial; font-size: 20px; vertical-align: baseline; white-space: pre-wrap;">Questions or comments?</span></div>
<div dir="ltr" style="line-height: 1.46999996358698; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="background-color: white; color: #222222; font-family: Arial; font-size: 20px; vertical-align: baseline; white-space: pre-wrap;">Email me at brandywhitley@johnston.k12.nc.us</span></div>
<br /><br />

Wednesday Web Tool: Graphite

Graphite Need a place to find a great app or website to go along with what you are teaching in class? Graphite is a great resource for ...

Showing posts with label websites. Show all posts

Wednesday, May 10, 2017

Wednesday Web Tool: Create and Publish Webpages with Telegraph!

Image result for student clipart computer

Telegraph is a very simple web tool that allows anyone to create and publish online work without an account. It supports text, links, and images and is mobile device friendly. You could use it for students to create simple webpages, blog posts, or even for online reflection.

To get started, go to: http://telegra.ph/

Enter your title, author, and start writing your story!

Click on the link or camera icons to insert links or images. You do have to have the images downloaded on your device for Telegraph to upload them.

Once you are finished with your work, click on the publish button. You work is now publicly viewable at the URL on the top of the screen. You can share this link for others to view.

One word of caution- http://telegra.ph/ is a unique URL- if your students incorrectly type it, they may find a dating or news site with a similar name- for this reason, I would link to Telegraph in Google Classroom or some other content sharing method.

I do love the simple style of Telegraph and the fact there is no account creation makes it very kid friendly- especially for younger students.

I hope you explore Telegraph with your students!

Friday, December 2, 2016

Friday Google Tidbit: New and Improved Google Sites

Google has been gradually releasing the new and improved sites editor, it is now available in our domain! This tutorial will show you just the basics to help you get started we will share more information about the features in future posts.

So how do you get started?

Open your drive and launch Google sites from the "New" Menu

Name your page and new Site - the Site name will become part of your URL so it shouldn't have spaces or special characters

Begin to add content using the drag and drop menu on the left

It is fully integrated with your google drive and you can insert any of your files on your page

Once you have items on the page you can arrange them by dragging and dropping - this will allow you to make 2 columns

Your can continue to build your content by adding elements to the page or pages. Use the built in section style options available on on the left side of each portion of your page

You will also want to define your theme/colors and adding additional pages

When you page is ready you need to "Publish". If you want it available for just your students you can select the @jcsnc.org option but if you want others to be able to view it, select anyone.

You can edit your saved page anytime - it is stored in your drive like all your other google files

Need more information? Check out these additional resources.

Video Tutorial:

https://www.youtube.com/watch?v=Dm8nEq4jVJg

Step by Step Guides on all the features

https://gsuite.google.com/learning-center/products/sites/get-started/

Have a Fabulous Weekend!

Wednesday, September 17, 2014

Wednesday Web Tool: Graphite

Graphite

Need a place to find a great app or website to go along with what you are teaching in class? Graphite is a great resource for locating these tools. Organized by Common Core Standards, Graphite makes it easy to find resources that have been reviewed expert educators and your fellow teachers. Graphite even provides tips on how to use a new tool or even one you have already been using.

Start by going to www.graphite.org to create your free account. Once logged in, there are several ways for finding apps/websites of your choice.

Reviews and Ratings:

Here you can select by type (app, console/PC, website), subjects, grade, price, etc. You will also see featured apps/websites along with their ratings/type/price.

Top Picks:

Find featured top picks along with top picks by subject/skill here.

Common Core Explorer:

Use the Common Core Explorer to browse apps/websites by subjects: Math and Language arts. (Science coming soon!) Once you choose a subject area, select the grade level, strand, then specific standards. Select the green arrow to view the related resources.

App Flows:

Click on App Flow to see how to implement the app/website with in specific lessons. Search by subject and choose a desired lesson. Here you will see 6 parts of a lesson: the hook, the transition, direct instruction, guided practice, independent practice, and the wrap up.

Teacher Center:

The Teacher Center is your place for how-to resources, teacher discussions, and a connection to App Flows lesson plans.

Boards:

Boards are like Pinterest boards for Graphite. As you find apps/websites you like, pin them to a board and add your comments to them for your reference later.

Blog:

You know what a blog is, but check out this one for tips and ideas directly related to apps/websites from Graphite.

Questions or comments?

Email me at brandywhitley@johnston.k12.nc.us

Subscribe to: Posts ( Atom )