week-06.php

<?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>March 2&#8212;6</h6>
					<h1>Week 06</h1>
				</header>

				<section id="description">
					<div class="container-fluid">
						<div class="inner">
							<div class="section-header">
								<h2>Lab</h2>
								<h3>Monday<br>3/2/15</h3>
							</div>
							<div class="section-content">
								<h5 class="txt-strong">Assignment 1&#8212;due at the end of class</h5>
								<p>Starting with CSS</p>
								<ol>
									<li><p>Copy the code for your Research assignment from Week 3 into a new project</p></li>
									<li><p>Add a CSS file and link to it in your HTML</p></li>
									<li><p>Define a style for each type of HTML element on the page</p></li>
									<li><p>Upload the project to the class website</p></li>
								</ol>
								<br>
								<p>Please do not rush through this project. Experiment with how different styles change your page.</p>

								<h5 class="txt-strong mt-sm">Assignment 2&#8212;due before class next week</h5>
								<p>Practicing CSS
								<br>
								In your Codecademy account, complete:</p>
								<ol>
									<li><a href="http://www.codecademy.com/en/tracks/web"><strong>HTML Structure: Tables, divs, and spans</strong></a></li>
									<li><a href="http://www.codecademy.com/en/tracks/web"><strong>Introduction to CSS</strong></a></li>
									<li>Send screenshots of the completed exercises to me before class next week</li>
								</ol>
								<br>
								<p>*Stop before reaching <strong>CSS Classes and IDs</strong>.</p>

								<div class="links-list">
									<h6 class="mt-md">Reading list</h6>
									<ul>
										<li>Coding: <a href="http://blog.codinghorror.com/whos-your-coding-buddy/" target="_blank">Who’s your coding buddy</a></li>
										<li>News: <a href="http://www.vox.com/cards/network-neutrality/whats-network-neutrality" target="_blank">What’s Network Neutrality</a></li>
										<li>Typography: <a href="http://multiversitycomics.com/columns/looking-at-lettering-caps-vs-mixed-case/" target="_blank">CAPS vs Mixed Case</a></li>
									</ul>
								</div>

								<div class="links-list">
									<h6 class="mt-md">Tools & resources</h6>
									<ul>
										<li><a href="http://codepen.io/pen/">Codepen</a></li>
										<li><a href="http://jsfiddle.net" />JSFiddle</li>
										<li><a href="http://www.w3schools.com/tags/">Mozilla CSS overview</a></li>
										<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference">Common CSS Properties reference</a></li>
										<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference">Mozilla CSS reference</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>3/3/15</h3>
							</div>
							<div class="section-content">
								<!--  -->
							</div>
							<div class="section-header">
							<h2>Studio</h2>
							<h3>Thursday<br>3/5/15</h3>
							</div>
							<div class="section-content">
								<!--  -->
							</div>
						</div>
					</div>
				</section>

			</div>

		</div>
	</div>

<?php include ('snippets/_footer.php'); ?>