-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (70 loc) · 3.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Rocks!</title>
<link rel="stylesheet" href="src/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="src/smoothscroll.js"></script>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#home" class="smoothScroll"><h1>Web 304</h1></a></li>
<li><a href="#material" class="smoothScroll">Slides</a></li>
<li><a href="#resources" class="smoothScroll">Resources</a></li>
<li><a href="#follow" class="smoothScroll">Follow</a></li>
<li><a href="#help" class="smoothScroll">Help!</a></li>
<li id="syllabus" ><a href="images/monday-syllabus-fall2012.pdf">Download Syllabus</a></li>
</ul>
</nav>
</header>
<section id="home">
<h2><br/>Welcome to Web 304's Web Page</h2>
<h3>This is the home of MassArt's Intro to Web class for the Fall semester of 2012. <br/>Here you'll find links to all class slides and extra resources.</h3>
</section>
<section id="material">
<h2>Class Material</h2>
<h3><a href="1.html">Intro</a></h3>
<h3><a href="2.html">HTML Semantics</a></h3>
<h3><a href="3.html">HTML Images, Links, </a></h3>
<h3><a href="4.html">Wireframing</a></h3>
<h3><a href="5.html">CSS Layout</a></h3>
<h3><a href="6.html">CSS Styles & Transitions</a></h3>
</section>
<section id="resources">
<h2>Resources from the Interwebs</h2>
<h3><a href="http://www.alistapart.com/">A List Apart</a></h3>
<h3><a href="http://www.smashingmagazine.com/">Smashing Magazine</a></h3>
<h3><a href="http://css-tricks.com/">CSS Tricks</a></h3>
<h3><a href="http://docs.jquery.com/">jQuery Docs</a></h3>
<h3><a href="http://designshack.net/category/articles/css/">Design Shack</a></h3>
<h3><a href="http://www.webdesignerdepot.com/">Web Designer Depot</a></h3><br/><br/><br/>
<h2>Books</h2>
<h3><a href="http://www.amazon.com/gp/product/1118008189/ref=as_li_ss_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=1118008189&linkCode=as2&tag=tun02-20">HTML and CSS: Design and Build Websites</a><img src="http://www.assoc-amazon.com/e/ir?t=tun02-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>
<h3><a href="http://www.abookapart.com/products/">A Book Apart Books</a></h3>
<h3><a href="http://www.amazon.com/gp/product/0321616952/ref=as_li_ss_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=0321616952&linkCode=as2&tag=tun02-20">Designing with Web Standards (3rd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=tun02-20&l=as2&o=1&a=0321616952" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
</h3>
</section>
<section id="follow">
<h2>Web Folks To Follow</h2>
<h3><a href="http://twitter.com/i/#!/artimated/webdesign-peeps">My WebPeeps Twitter List</a></h3>
<h3><a href="http://twitter.com/artimated">Me @artimated</a></h3>
<h3>more stuff coming</h3>
</section>
<section id="help">
<h2>Help!</h2>
<h3>Have a question you think your classmates might have answers to? or might want to see the answers to?<br/>
Post it to <a href='https://groups.google.com/forum/?fromgroups&hl=en#!forum/web304fall-2012'>Google Groups</a></h3>
<h3>Libby and I are here to help</h3>
<p><a mailto:"[email protected]">Email Libby</a> <a mailto:"[email protected]">Email Martha</a></p>
<h3>My office hours are Mondays from 12:30-2:00pm</h3>
<p>in 609 - if I'm not there check the computer lab 306</p>
</section>
<footer>
<p>All Materials © Martha Rettig 2012</p>
<footer>
</body>
</html>