Tuesday, May 19, 2015

May 19, 2015 - Week 8

How many of you have used a program called Hour of Code? This initiative is to educate more people in the coding of programs. Today, I helped Ana and Elsa make snowflakes by building blocks of code. Your students can use this new found skill to build an app with a program I mentioned last week. AppInventor.com allows the students to learn about coding as well, and uses the same format as Hour of Code.

To carry on with the coding theme of the week, take a look at Dream Weaver. Dream Weaver is an Adobe program that allows you to build a website from scratch, and it shows you how it is coding the website. It uses the HTML format of coding, which is different from Java or the building block format. The code below is for my test website Minced Monkey Meat.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Minced Monkey Meat</title>
<style type="text/css">
.CS {
font-family: "Lucida Console", Monaco, monospace;
font-size: 16px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #F00;
background-color: #000;
}
</style>
</head>

<body>
<table width="1000" border="1">
  <caption class="CS">
  <span class="CS">    Minced Meats
  </span>
  </caption>
  <tr>
    <td width="109" height="92" class="CS">&nbsp;</td>
    <td width="709" class="CS">Monkey Meat</td>
    <td width="160" class="CS">&nbsp;</td>
  </tr>
  <tr>
    <td height="128" class="CS">&nbsp;</td>
    <td class="CS">Birdy Feet</td>
    <td class="CS">&nbsp;</td>
  </tr>
  <tr>
    <td height="118" class="CS">&nbsp;</td>
    <td class="CS">Gopher Guts</td>
    <td class="CS">&nbsp;</td>
  </tr>
  <tr>
    <td height="196" class="CS">&nbsp;</td>
    <td class="CS">Eyeballs in Puss</td>
    <td class="CS">&nbsp;</td>
  </tr>
</table>
<p class="CS">&nbsp;</p>
<p class="CS">&nbsp;</p>
</body>
</html>

No comments:

Post a Comment