Added week 3 files

CoderDojo · May 12, 2012 · 41eec4c · 41eec4c
1 parent 9df46ce
commit 41eec4c
Show file tree

Hide file tree

Showing 5 changed files with 77 additions and 1 deletion.
diff --git a/week2/index.html b/week2/index.html
@@ -2,7 +2,7 @@
 
 	<head>
 		<title>Welcome To CoderDojo @ DCU</title>
-		<link rel="stylesheet" type="text/stylesheet" href="style.css"></link>
+		<link rel="stylesheet" type="text/css" href="style.css"></link>
 	</head>
 
 	<body>

diff --git a/week3/README.md b/week3/README.md
@@ -0,0 +1,16 @@
+Week 3 HTML Course @ CoderDojo DCU
+===================================
+
+Aim
+---------
+This week we targeted the following areas
+
+* Download filezilla
+* Start the page again, lets see if you understand what we have done
+* Add a small border to the center div
+* Create an center div
+* Add some padding inside this div
+* Put div around image
+* Css the image and div to resize the image
+* Put border on the image and show difference between margin and padding
+* Put the new website online
diff --git a/week3/coder.png b/week3/coder.png
diff --git a/week3/index.html b/week3/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
+<html>
+
+	<head>
+		<title>Welcome To CoderDojo @ DCU</title>
+		<link rel="stylesheet" type="text/css" href="./style.css"></link>
+	</head>
+
+	<body>
+		<div class="mainDiv">
+
+		<h1>Coder Dojo @ DCU</h1>
+
+		<img src="coder.png"></img>
+		<p>
+			Welcome to the first coderdojo session in DCU.  We have very few rules, but our main one
+			is to be cool.  We will only teach areas that are cool such as web site, android, iphone and
+			game development. If there is something cool out there we have not seen let us know.
+
+			This course will start with basics of HTML and then bring you on an adventure to 
+			build what ever you imagination decides on the internet.
+
+			Some of the most popular pages on the internet have:
+			<ul>
+				<li>Games</li>
+				<li>Videos</li>
+				<li>Blogs</li>
+				<li>Social Media</li>
+				<li>Cool images </li>
+			</ul>
+		</p>
+
+		<iframe width="420" height="315" src="http://www.youtube.com/embed/ImJD-nDxnc4" frameborder="0" allowfullscreen>
+		</iframe>
+		</div>
+	</body>
+
+</html>
diff --git a/week3/style.css b/week3/style.css
@@ -0,0 +1,21 @@
+body {
+	background-color: black;
+	color: white;
+}
+
+h1 {
+	color: gray;
+}
+
+p {
+	font-size: 12px;
+	font-family: comic sans ms;
+}
+
+div.mainDiv {
+	margin-left: auto;
+	margin-right: auto;
+	width: 960px;
+	background-color: white;
+	color: black;
+}