Markdown style, so your HTML looks like markdown!

index.html

<link href="markdown.css" rel="stylesheet"></link>
<h1>A First Level Header</h1>


<h2>A Second Level Header</h2>


<h3>A Third Level Header</h3>


<h4>A Fourth Level Header</h4>


<h5>A Fifth Level Header</h5>


<h6>A Sixed Level Header</h6>


<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>


<p>The quick brown fox jumped over the lazy
dog's back.</p>


<hr />


<h3>Header 3</h3>


<blockquote>
  <p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>


<p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.</p>


<h2>This is an H2 in a blockquote</h2>


<p>This is the first level of quoting.</p>


<blockquote>
  <p>This is nested blockquote.</p>
</blockquote>


<p>Back to the first level.</p>
</blockquote>


<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>


<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>


<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
<ul>
<li><p>A list item.</p>


<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
<li><p>This is a list item with two paragraphs. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aliquam hendrerit
mi posuere lectus.</p>


<p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet
vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
sit amet velit.</p></li>
</ul>
<li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li>
<li><p>This is a list item with two paragraphs.</p>


<p>This is the second paragraph in the list item. You're
only required to indent the first line. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p></li>
<li><p>Another item in the same list.</p></li>
<li><p>A list item with a blockquote:</p>


<blockquote>
  <p>This is a blockquote
inside a list item.</p>
</blockquote></li>
<li><p>A list item with a code block:</p>


<pre><code>&lt;code goes here&gt;
</code></pre></li>
</ul>


<p>Here is an example of AppleScript:</p>


<pre><code>tell application "Foo"
    beep
end tell
</code></pre>


<p>This is an <a href="http://example.com/">example link</a>.</p>


<p>I get 10 times more traffic from <a href="http://google.com/" title="Google">Google</a> than from
<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>


<p>I start my morning with a cup of coffee and
<a href="http://www.nytimes.com/">The New York Times</a>.</p>


<p><img src="image.jpg" alt="alt text" title="Title" /></p>


<p><img src="image2.jpg" alt="alt text" title="Title" /></p>


<p>I strongly recommend against using any <code>&lt;blink&gt;</code> tags.</p>


<p>I wish SmartyPants used named entities like <code>&amp;mdash;</code>
instead of decimal-encoded entites like <code>&amp;#8212;</code>.</p>


<p>If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:</p>


<pre><code>&lt;blockquote&gt;
    &lt;p&gt;For example.&lt;/p&gt;
&lt;/blockquote&gt;
</code></pre>






<h1>August 31, 2011</h1>


<p>Homework: Problems 2.10-2.19; complete registration system</p>


<hr />


<h2>Chapter 2</h2>


<h3>Phases of Software Development</h3>


<ol>
<li>Analysis</li>
<li>Design</li>
<li>Implementation</li>
</ol>


<h4>Analysis phase</h4>


<p><em>Requirements</em> -- what the customer wants or needs.  Understanding on needs expressed by:</p>


<ul>
<li>Use cases can (can use UML)</li>
<li>User manual style of analysis document</li>
</ul>


<h4>Design phase</h4>


<p>Goals of OO design:</p>


<ol>
<li>Identify classes -- things in the system</li>
<li>Identify responsibilities of the classes</li>
<li>Identify relationships between classes</li>
</ol>


<p>Classes consist of:</p>


<ol>
<li>Behavior: Methods represent the class behavior</li>
<li>State: Fields represent the state of the class instance (object)</li>
<li>Identity:  each unique object should have its own address in memory
which contains its state</li>
</ol>


<p>Types of classes that are common:</p>


<ol>
<li>Tangible things</li>
<li>Agents</li>
<li>Events and transactions</li>
<li>Users and roles</li>
<li>Systems</li>
<li>System interfaces and devices</li>
<li>Foundational classes</li>
</ol>


<p>Types of class relationships:</p>


<ol>
<li>Dependency (<em>uses a</em>)</li>
<li>Aggregation (<em>has a</em>)
<ul><li>Aggregation -- 1:many</li>
<li>Association -- 1:1</li>
<li>Composition -- "<em>if I'm composed of other things, then I am considered
responsible for the lifetime for those things</em>"</li></ul></li>
<li>Inheritance (<em>is a</em>)</li>
</ol>


<p>Classes and relationships are the basis for a UML class diagram.</p>

markdown.css

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


body{
color:#444;
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
font-size:12px;
line-height:1.5em;
padding:1em;
margin:auto;
max-width:42em;
background:#fefefe;
}


a{ color: #0645ad; text-decoration:none;}
a:visited{ color: #0b0080; }
a:hover{ color: #06e; }
a:active{ color:#faa700; }
a:focus{ outline: thin dotted; }
a:hover, a:active{ outline: 0; }


::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
::selection{background:rgba(255,255,0,0.3);color:#000}


a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}


p{
margin:1em 0;
}


img{
max-width:100%;
}


h1,h2,h3,h4,h5,h6{
font-weight:normal;
color:#111;
line-height:1em;
}
h4,h5,h6{ font-weight: bold; }
h1{ font-size:2.5em; }
h2{ font-size:2em; }
h3{ font-size:1.5em; }
h4{ font-size:1.2em; }
h5{ font-size:1em; }
h6{ font-size:0.9em; }


blockquote{
color:#666666;
margin:0;
padding-left: 3em;
border-left: 0.5em #EEE solid;
}
hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; background-color: #e8e8e8; border-radius: 0.4em; padding: 0.2em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }


b, strong { font-weight: bold; }


dfn { font-style: italic; }


ins { background: #ff9; color: #000; text-decoration: none; }


mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }


sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
li p:last-child { margin:0 }
dd { margin: 0 0 0 2em; }


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }


table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


dt { font-weight: bold; }


@media only screen and (min-width: 480px) {
body{font-size:14px;}
}


@media only screen and (min-width: 768px) {
body{font-size:16px;}
}


@media print {
  * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
  body{font-size:12pt; max-width:100%;}
  a, a:visited { text-decoration: underline; }
  hr { height: 1px; border:0; border-bottom:1px solid black; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page :left { margin: 15mm 20mm 15mm 10mm; }
  @page :right { margin: 15mm 10mm 15mm 20mm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}