e39465ad2f
new file: Files/flashplayer_32_sa.exe
new file: favicon.ico
new file: globe.gif
new file: imgs/download.png
new file: imgs/zuck.jpg
new file: index.html
new file: other.ico
new file: script.js
new file: site.webmanifest
new file: sitemap.html
new file: styles/backround.css
new file: styles/border.css
new file: styles/fonts/Titillium_Web/OFL.txt
new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
new file: styles/style.css
new file: tools/2048/.gitignore
new file: tools/2048/.jshintrc
new file: tools/2048/CONTRIBUTING.md
new file: tools/2048/LICENSE.txt
new file: tools/2048/README.md
new file: tools/2048/Rakefile
new file: tools/2048/favicon.ico
new file: tools/2048/index.html
new file: tools/2048/js/animframe_polyfill.js
new file: tools/2048/js/application.js
new file: tools/2048/js/bind_polyfill.js
new file: tools/2048/js/classlist_polyfill.js
new file: tools/2048/js/game_manager.js
new file: tools/2048/js/grid.js
new file: tools/2048/js/html_actuator.js
new file: tools/2048/js/keyboard_input_manager.js
new file: tools/2048/js/local_storage_manager.js
new file: tools/2048/js/tile.js
new file: tools/2048/meta/apple-touch-icon.png
new file: tools/webretro/cores/neocd_libretro.js
new file: tools/webretro/cores/neocd_libretro.wasm
new file: tools/webretro/cores/nestopia_libretro.js
new file: tools/webretro/cores/nestopia_libretro.wasm
new file: tools/webretro/cores/o2em_libretro.js
new file: tools/webretro/cores/o2em_libretro.wasm
new file: tools/webretro/cores/opera_libretro.js
new file: tools/webretro/cores/opera_libretro.wasm
138 lines
5.5 KiB
HTML
138 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
<!-- Mirrored from www.mathsisfun.com/activity/shapes-sorting.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:42:40 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Activity: Sorting Shapes</title>
|
|
<script>reSpell=[["color","colour"],["colors","colours"]];</script>
|
|
<meta name="Description" content="Math explained in easy language, plus puzzles, games, quizzes, worksheets and a forum. For K-12 kids, teachers and parents." />
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta name="referrer" content="always">
|
|
<link rel="stylesheet" type="text/css" href="../style3.css">
|
|
<script src="../main3.js"></script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
<div class="bg">
|
|
<div id="stt"></div>
|
|
<header>
|
|
<div id="hdr"></div>
|
|
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
|
|
<div id="gtran">
|
|
<script>document.write(getTrans());</script>
|
|
</div>
|
|
<div id="adTopOuter" class="centerfull noprint">
|
|
<div id="adTop">
|
|
<script>document.write(getAdTop());</script>
|
|
</div>
|
|
</div>
|
|
<div id="adHide">
|
|
<div id="showAds1"><a href="javascript:showAds()">Show Ads</a></div>
|
|
<div id="hideAds1"><a href="javascript:hideAds()">Hide Ads</a><br>
|
|
<a href="../about-ads.html">About Ads</a></div>
|
|
</div>
|
|
</header>
|
|
<nav>
|
|
<div id="menuWide" class="menu">
|
|
<script>document.write(getMenu(0));</script>
|
|
</div>
|
|
<div id="linkto">
|
|
<div id="linktort">
|
|
<script>document.write(getLinks());</script>
|
|
</div>
|
|
</div>
|
|
<div id="search" role="search">
|
|
<script>document.write(getSearch());</script>
|
|
</div>
|
|
<div id="menuSlim" class="menu">
|
|
<script>document.write(getMenu(1));</script>
|
|
</div>
|
|
<div id="menuTiny" class="menu">
|
|
<script>document.write(getMenu(2));</script>
|
|
</div>
|
|
</nav>
|
|
<div id="extra"></div>
|
|
</div>
|
|
<article id="content" role="main">
|
|
<!-- #BeginEditable "Body" -->
|
|
<h1 class="center">Activity: Sorting Shapes</h1>
|
|
<table border="0">
|
|
<tr>
|
|
<td><a href="shapes-page.html"><img src="images/shapes-page-thumb.gif" width="150" height="204" border="0" alt="shapes page thumb" /></a></td>
|
|
<td> </td>
|
|
<td><p class="center larger">Let's sort flat shapes in different ways!</p>
|
|
<p>You will need some shapes. You can buy some, or make your own like this:</p>
|
|
<ul>
|
|
<li>Print out <a href="shapes-page.html">Shapes (In Color)</a> and then cut them out</li>
|
|
<li>Or print <a href="shapes-page-bw.html">Shapes (black and white)</a> on different colors of paper or card, cut them out, then mix them up. Or you might like to color them in yourself.</li>
|
|
</ul></td>
|
|
</tr>
|
|
</table>
|
|
<p>Now we have our shapes, let's sort them by <span class="larger">color</span>:</p>
|
|
<p class="center"><img src="images/shapes-sorting-color.jpg" width="300" height="79" alt="shapes sorting by color" /></p>
|
|
<p>That was easy!</p>
|
|
<p> </p>
|
|
<p>Now for a harder task, sort them by <span class="larger">size</span>!</p>
|
|
<p class="center"><img src="images/shapes-sorting-size.jpg" width="400" height="68" alt="shapes sorting by size" /><br>
|
|
This was how my shapes ended up ... <b>your result may be different!</b></p>
|
|
<p> </p>
|
|
<p>NOW, sort them by <span class="larger">how many edges</span> they have.</p>
|
|
<p>I am not going to show you how, but here are some hints:</p>
|
|
<ul>
|
|
<li>A circle has 1 edge,</li>
|
|
<li>A triangle has 3 edges.</li>
|
|
<li>And there is at least one shape with 8 edges</li>
|
|
</ul>
|
|
<p> </p>
|
|
<p>NOW, sort them by <span class="larger">how many corners</span> they have.</p>
|
|
<p>Did anything change? What about the teardrop shape?</p>
|
|
<p> </p>
|
|
|
|
<p>Next, can you sort them by <span class="larger">curves</span>:</p>
|
|
<ul>
|
|
<li>Shapes <b>with a curve</b></li>
|
|
<li>Shapes with <b>only straight edges</b></li>
|
|
</ul>
|
|
<p>The ones with only straight edges are called <a href="../geometry/polygons.html">Polygons</a>.</p>
|
|
<p> </p>
|
|
<p>And your last task:</p>
|
|
<p>Sort them by <b>two methods at the same time</b>! By <b>color</b>, but with the <b>curved shapes</b> on the top row:</p>
|
|
<p class="center"><img src="images/shapes-sorting-color-curve.jpg" width="350" height="160" alt="shapes sorting by color and curve" /><br>
|
|
Here I am sorting them by color and curved-or-not</p>
|
|
<p> </p>
|
|
<h3>Bonus task:</h3>
|
|
<p>Sort them by <b>color</b> and <b>how many edges</b></p>
|
|
<p> </p>
|
|
<p>Now just go ahead and combine the shapes into artwork:</p>
|
|
<p class="center"><img src="images/shapes-sorting-bye.jpg" width="200" height="193" alt="shapes sorting bye bye" /><br>
|
|
<span class="large">Bye-Bye! </span></p>
|
|
<p> </p>
|
|
|
|
<div class="related">
|
|
<a href="../geometry/polygons.html">Polygons</a>
|
|
<a href="index.html">Activity Index</a>
|
|
</div>
|
|
<!-- #EndEditable -->
|
|
|
|
</article>
|
|
<div id="adend" class="centerfull noprint">
|
|
<script>document.write(getAdEnd());</script>
|
|
</div>
|
|
<footer id="footer" class="centerfull noprint">
|
|
<script>document.write(getFooter());</script>
|
|
</footer>
|
|
<div id="copyrt">
|
|
Copyright © 2020 MathsIsFun.com
|
|
</div>
|
|
<script>document.write(getBodyEnd());</script>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/activity/shapes-sorting.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:42:42 GMT -->
|
|
</html>
|