-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·104 lines (87 loc) · 5.31 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!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/GD304-fall2015.pdf">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 2015. <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>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/1.html#homework-1">- homework</a></span></h3>
<h3><a href="2.html">HTML Semantics</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/2.html#homework-2">- homework</a></span></h3>
<h3><a href="3.html">HTML Images, Links, </a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/3.html#homework-3">- homework</a></span></h3>
<h3><a href="4.html">CSS Basics - Styling</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/4.html#homework-4">- homework</a></span></h3>
<h3><a href="5.html">CSS Layout</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/5.html#homework-5">- homework</a></span></h3>
<h3><a href="6.html">UX</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/6.html#homework-6">- homework</a></span></h3>
<h3><a href="7.html">Responsive Design</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/7.html#homework-7">- homework</a></span></h3>
<h3><a href="8.html">Designing for Screens</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/8.html#homework-8">- homework</a></span></h3>
<h3><a href="9.html">Type on the Web</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/9.html#homework-9">- homework</a></span></h3>
<h3><a href="10.html">jQuery - Oh Crap Programming!</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/10.html#homework-10">- homework</a></span></h3>
<h3><a href="10.html">More jQuery</a>
<span class="homework"><a href="http://marthar.github.io/webspring-2015/11.html#homework-11">- homework</a></span></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>
<h3><a href="http://caniuse.com/">Can I Use?</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/i/#!/artimated/ux-peeps">My UX Peeps 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/a/massart.edu/d/forum/15sp-cdgd-304-01">google groups</a></h3>
<h3>I am are here to help</h3>
<a href="mailto:[email protected]?Subject=Help Me Martha">Email Martha</a></p>
<h3>My office hours are Mondays from 1:00-2:00pm in 609</h3>
</section>
<footer>
<p>All Materials © Martha Rettig 2015</p>
<footer>
</body>
</html>