_design_for_the_WWW
_week: 1 . 2 . 3 . 4 . 5 .





TOWSON: FALL 2017


Instructor:
Ryan T. Smith

ryanSmithArt.com/courses/fall2017

Note:
write down and save the class's URL address

 


Week #2


Talk a little more about:
"Changing Education Paradigms"

a talk given at the RSA 
by Sir Ken Robinson



DOWNLOAD

- [ Brackets ]
or
- BBEDIT(TextWrangler)

- HTML

(page1.html)

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

*Check Homework

- 2 business cards (supplies?)
Let's talk about grades (Homework & "Project #1").

- W3

w3schools.com (HTML5)

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

<a href="..." target="_blank">Link to a webpage </a>

Headings:
<h1> </h1>



div tags:
<div id="name">


- CSS

-Example #1: (W3 schools)

-CSS Syntax

***External Style Sheets

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

- More info

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 */


Homework :

1) Create an HTML page, using basic HTML5 code (this should be 1 page about you)
2) Save it in a folder with a .jpg image of yourself (72 ppi).
3) Add CSS, using an external style sheet.
4) Don't forget "Required Materials", sketchbook, etc.

Requirements:
- The HTML, CSS, and .jpg files need to be saved in the same folder
- Bring the folder(directory) on an external storage device next class

- Your page should have the following:
*a title
*1 Heading
*1 photo of your face
*2 photos of your personal work
*3 hyperlinks to websites and/or blogs that are of interest to you
*At least 1 paragraph about yourself, and your artwork
(you can use the "Get to know each other " questions from last week, if you don't know what to say about yourself)

Note:
- no need to upload your homework this week : )




Next Week:


- More CSS
- CSS3