_design_for_the_WWW

_weeks: 1 . 2 . 3 .

ART 365 : fall2016



class webpage : ryanSmithArt.com/courses/fall2016

Note:
write down, & save the class's URL address

Week #2

- HTML

(page1.html)

*Check Homework


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

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

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


Hexadecimal System (RGB)


Review file formats:

. jpg, gif, png, pdf, txt, html



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

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




Next Week:


- More CSS
- CSS3