-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathweek-04.php
105 lines (97 loc) · 4.76 KB
/
week-04.php
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
105
<?php include ('snippets/_header.php'); ?>
<div class="container-fluid">
<div class="inner">
<?php include ('snippets/sidebar.php'); ?>
<div class="content">
<header class="site-header">
<h6>February 16—20</h6>
<h1 class="z">Week 04</h1>
</header>
<section id="description">
<div class="container-fluid">
<div class="inner">
<div class="section-header">
<h2>Lab</h2>
<h3>Monday 02/16/15<br>No class</h3>
</div>
<div class="section-content">
<h5 class="txt-strong">Assignment: Practicing HTML</h5>
<p>We won’t be meeting this week because of President’s Day but so we’ll be practicing some of the stuff we learned in the last Lab. Please complete the assignment <strong>before</strong> we meet next week.</p>
<ol>
<li>Make a free account at <a href="http://www.codecademy.com/" target="_blank" class="txt-strong">Codecademy</a>.</li>
<li>Complete the first two sections: <a href="http://www.codecademy.com/tracks/web" target="_blank"><strong>Introduction to HTML</strong> and <strong>HTML Structure: Using Lists</strong></a>. (That’s four lessons.)</li>
<li>Take a screenshot of the completed lessons and email them to me: <a href="mailto:[email protected]">[email protected]</a>. (New email – yay! Note that there’s only one <em>n</em> – boo!)</li>
</ol>
</p>
<div class="links-list">
<h6 class="mt-md">Reading list from week 3</h6>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Tim_Berners-Lee" target="_blank">Tim Berners-Lee</a> and his <a href="http://en.wikipedia.org/wiki/World_Wide_Web" target="_blank">world wide web</a></li>
<li><a href="http://tanmade.com/writing/2013/10/09/designing-for-archives/" target="_blank">Designing for Archives</a></li>
<li><a href="http://www.wired.com/2010/02/ff_google_algorithm/all/" target="_blank">How Google’s Algorithm Rules the Web
</a></li>
</ul>
</div>
<div class="links-list">
<h6 class="mt-md">Additional reading</h6>
<ul>
<li>If you're interested in a faster way to write markup, check out <a href="http://daringfireball.net/projects/markdown/basics" target="_blank">Markdown</a>.</li>
</ul>
</div>
<div class="links-list">
<h6 class="mt-md">Tools & resources</h6>
<ul>
<li><a href="http://www.w3schools.com/tags/">W3Schools HTML reference</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element#embedded_content">Mozilla HTML reference</a></li>
<li><a href="http://www.sitepoint.com/web-foundations/structural-elements/">Sitepoint Structural elements</a></li>
<li><a href="https://github.com/jheftmann/ci-sp15/tree/master/code-samples/">Code samples</a></li>
</ul>
</div>
</div>
</div>
<hr>
<div class="inner">
<div class="section-header">
<h2>Studio</h2>
<h3>Tuesday<br>02/17/15</h3>
</div>
<div class="section-content">
<p>These are what we covered in class today:
<ul>
<li>Notable This Week</li>
<li>Recap of Last Class</li>
<li>Design Inspirations</li>
<li>Concept Refinement</li>
<li>Working Session in groups</li>
<li><strong>ACTION ITEM 1: Solidify your homepage concept</strong></li>
<li><strong>ACTION ITEM 2: Decide which key screens you'll focus on</strong></li>
<li><strong>ACTION ITEM 3: Prepare a presentation that summarizes your discovery phase + concept sketches</strong></li>
</ul>
</p>
<p>And here's the class guide deck from today's class: <a href="https://dl.dropboxusercontent.com/u/9476278/ci-sp15/Interaction_ClassGuide_021715.pdf">here</a>
</P>
</div>
<div class="section-header">
<h2>Studio</h2>
<h3>Thursday<br>02/19/15</h3>
</div>
<div class="section-content">
<p>These are what we covered in class today:
<ul>
<li>Notable This Week</li>
<li>Presentations: Discovery 5</li>
<li>Wireframing</li>
<li><strong>ACTION ITEM 1: Toolbox 2 - draw a wireframe (individual assignment, due Tue 2/24)</strong></li>
<li><strong>ACTION ITEM 2: Start drawing wireframes based on your presented concepts (group assignment, due Thu 2/26)</strong></li>
</ul>
</p>
<p>And here's the class guide deck from today's class: <a href="https://dl.dropboxusercontent.com/u/9476278/ci-sp15/Interaction_ClassGuide_021915.pdf">here</a>
</P>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<?php include ('snippets/_footer.php'); ?>