Saturday, October 30, 2010
Wednesday, October 27, 2010
Class 5 - Homework Assignment
I know there are more elegant ways of doing this, but I just needed to get this out of the way so I can focus on other things: link
Saturday, October 23, 2010
Friday, October 22, 2010
Class 4 - Homework Assignment
Well, it took me longer than I'd like to admit, but here you go:
Homework Assignment #1: Blackbook
Homework Assignment #2: MTV videos
Homework Assignment #1: Blackbook
Homework Assignment #2: MTV videos
Friday, October 15, 2010
Saturday, October 9, 2010
Class 3 - In-class Assignment
Hi! Please see the links below for the in-class assignments:
In-class assignment 1
In-class assignment 2
In-class assignment 3
In-class assignment 1
In-class assignment 2
In-class assignment 3
Saturday, October 2, 2010
Class 2 - XHTML From Wireframe
Hello all!
Please see my in-class assignment here:
Please see my in-class assignment here:
Code is here:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Class 2 - In-class Assignment</title>
</head>
<body>
<!-- the contents of the page go here -->
<h1>Heading 1</h1>
<img src="images/blankpic.png" alt="blank" align="left" width="79" height="107" />
<div style="padding-left:90px;"
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut euismod ipsum ac leo dictum faucibus. Quisque pharetra viverra urna, et semper felis accumsan vitae. Ut sed bibendum massa. Suspendisse potenti. Praesent nibh felis, accumsan quis pharetra sed, euismod eget erat. Aenean et rutrum lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus aliquam tempor dapibus. Mauris egestas metus justo.
Maecenas dolor ipsum, ornare ut dictum sed, bibendum vitae tellus. Integer quis sapien est. Aliquam venenatis, eros interdum aliquam volutpat, magna sem placerat justo, vestibulum rhoncus turpis odio nec erat. Cras sed urna vel metus tincidunt molestie. Fusce tortor risus, auctor in malesuada ut, tincidunt quis lorem. Quisque orci odio, tempor vitae pellentesque auctor, elementum sed mauris. Nulla adipiscing felis ut felis eleifend eget rutrum urna varius. Vestibulum congue magna non purus tempor consequat. Phasellus est dolor, semper sed vulputate eu, hendrerit sed neque. Phasellus eu est elit, non rutrum dui.
</p>
</div>
<h2>Heading 2</h2>
<form>
<label for="label_1">label 1</label>
<input id="label_1" type="text" value="Some Text" /><br />
<label for="label_2">label 2</label>
<input id="label_2" type="text" value="Some Text"/>
</form>
<ol>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ol>
<form>
<input type="radio" name="radio button" id="radio_button_1" />
<label for="radio_button_1">Radio button</label>
<br />
<input type="radio" name="radio button" id="radio_button_2" checked/>
<label for="radio_button_2">Selected radio button</label>
<br />
<input type="radio" name="radio button" id="radio_button_3" />
<label for="radio_button_3">Radio button</label>
<br />
</form>
<p></p>
<select>
<option>Dropdown</option>
<option>Other Dropdown 1</option>
<option>Other Dropdown 2</option>
<option>Other Dropdown 3</option>
</select>
<p></p>
<form action="">
<input type="checkbox" id="male" />
<label for="male">male</label>
<input type="checkbox" id="female" />
<label for="female">female</label>
<br />
<div style="padding-left:58px;"><input type="submit" value="Submit"/></div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Class 2 - In-class Assignment</title>
</head>
<body>
<!-- the contents of the page go here -->
<h1>Heading 1</h1>
<img src="images/blankpic.png" alt="blank" align="left" width="79" height="107" />
<div style="padding-left:90px;"
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut euismod ipsum ac leo dictum faucibus. Quisque pharetra viverra urna, et semper felis accumsan vitae. Ut sed bibendum massa. Suspendisse potenti. Praesent nibh felis, accumsan quis pharetra sed, euismod eget erat. Aenean et rutrum lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus aliquam tempor dapibus. Mauris egestas metus justo.
Maecenas dolor ipsum, ornare ut dictum sed, bibendum vitae tellus. Integer quis sapien est. Aliquam venenatis, eros interdum aliquam volutpat, magna sem placerat justo, vestibulum rhoncus turpis odio nec erat. Cras sed urna vel metus tincidunt molestie. Fusce tortor risus, auctor in malesuada ut, tincidunt quis lorem. Quisque orci odio, tempor vitae pellentesque auctor, elementum sed mauris. Nulla adipiscing felis ut felis eleifend eget rutrum urna varius. Vestibulum congue magna non purus tempor consequat. Phasellus est dolor, semper sed vulputate eu, hendrerit sed neque. Phasellus eu est elit, non rutrum dui.
</p>
</div>
<h2>Heading 2</h2>
<form>
<label for="label_1">label 1</label>
<input id="label_1" type="text" value="Some Text" /><br />
<label for="label_2">label 2</label>
<input id="label_2" type="text" value="Some Text"/>
</form>
<ol>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ol>
<form>
<input type="radio" name="radio button" id="radio_button_1" />
<label for="radio_button_1">Radio button</label>
<br />
<input type="radio" name="radio button" id="radio_button_2" checked/>
<label for="radio_button_2">Selected radio button</label>
<br />
<input type="radio" name="radio button" id="radio_button_3" />
<label for="radio_button_3">Radio button</label>
<br />
</form>
<p></p>
<select>
<option>Dropdown</option>
<option>Other Dropdown 1</option>
<option>Other Dropdown 2</option>
<option>Other Dropdown 3</option>
</select>
<p></p>
<form action="">
<input type="checkbox" id="male" />
<label for="male">male</label>
<input type="checkbox" id="female" />
<label for="female">female</label>
<br />
<div style="padding-left:58px;"><input type="submit" value="Submit"/></div>
</form>
</body>
</html>
Subscribe to:
Posts (Atom)