ryansmithart.com/courses/2014/382

Week #1

Week #2:

*Check Homework
Let's watch this:
RSA Animate - Changing Education Paradigms
w/ Sir Ken Robinson


Review some HTML

<a href="http://www.website.com"> Link to a webpage </a>

<a href="..." target="_blank">

Headings:
<h1> </h1>

<!-- this is a comment in HTML -->

div tags:
<div id="name">

CSS
<link href="382.css" rel="stylesheet" type="text/css" />

using an external style sheet

an example of a CSS page

body{background-color:black;}

styling links
a:link {color:#FF0000;}

h1{
background-color:#CC0;
padding:.5em;
text-align:center;
}

/*this is a comment in CSS code */

Hexadecimal System (RGB)

Center divs using CSS:
#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:white;
padding:10px;
}

CSS3:

html{
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
height:100%;
overflow-y: scroll;

background: url(images/bg.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

ID vs. Classes

---

How the Web Works

---

Uploading to a Server

FUGU (FTP) Free Download
Step by step FUGU instructions (UMBC)

1) Save your homework as index.html, then save it in a 382 folder in a umbc directory
2) Upload the 382 folder (with your images, and index.html page) to UMBC's server
3) Check to make sure it worked: http://userpages.umbc.edu/~username/382/index.html
*4) Email me a link to the URL address (now), and if you can't get it uploaded email me your photo, and your HTML code
ryansmithstudent@aol.com

---

HOME WORK (due at the beginning of class, Monday)

- make an html page (1 page) about yourself
- insert a photo of yourself (you should have started this last week)
- Add CSS to the webpage using an external style sheet

***Experiment with CSS styles that we didn't talk about in class***

( include 1 .jpg image, the html page, and the CSS file.
Bring in the files next week )