ryanSmithART.com/courses/365/2014


- week 3 -

review div tags:
<div id="name">
CSS

<link href="365.css" rel="stylesheet" type="text/css" />
using an external style sheet



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;
}

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;
}

ID vs. Classes


How the Web Works


Uploading to a Server

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

1) Save your homework as index.html, then save it in a 365 folder in a Towson directory
2) Upload the 365 folder (with your images, and index.html page) to Towson's server
3) Check to make sure it worked: http://tiger.towson.edu/~username/365/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


- assign "Project A"



Project A Examples:

- Beatriz Martin Vidal
- Jenny Saville
- William Belt




Photoshop: Actions window
File > Automate > Batch...



* Let's build a website

More with CSS:

CSS Syntax
<link href="mycss.css" rel="stylesheet" type="text/css" />
using an external style sheet

Google fonts


<!-- comments --> and /* comments */


* CSS styles can be applied to general page elements, CSS Classes, and specific items:

img { border: 0px; }
this applies to every image tag in the HTML document

.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span>

#about { background-color: #ccc; }
This rule applies to just the specific element that has an ID value of about:

<div id="about"> About stuff goes here </div>


changing the background with CSS



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

- 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 )