ART 365


WEEK 2

(Tuesday) February 8
- Weather forecast Towson Sunny, 41°F - 27°F 


*CHECK HOMEWORK*


If you have not yet downloaded - BB Edit or Brackets, please do

NOTE: Next week, we might start using WeTransfer

(Review) HTML basics:



PLEASE READ THE FOLLOWING WEBPAGES (click on the buttons that say, "Try it Yourself")

* HTML INTRODUCTION
* HTML BASIC
* HTML ELEMENTS
* HTML ATTRIBUTES
* HTML HEADINGS
* HTML PARAGRAPHS
*PLEASE, DO NOT USE HTML STYLES

(Review) page1.html



Some more HTML:

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

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

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

*LINK 2 PAGES TOGETHER*

Headings:
<h1> </h1>

<em>, <i>, <strong>, & <b>



File formats:

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





div tags:
<div id="name">





Changing Education Paradigms
a talk given at the RSA 
by Sir Ken Robinson (world-renowned education & creativity expert)


CSS

-Example #1: (W3 schools)

-CSS Syntax

***External Style Sheets

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



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:




[part 1]

Using the same HTML code from last week's assignment, add an external CSS page.
* And, add 3 hyperlinks to websites of your choosing.

[part2]
Using HTML and CSS CODE:
Change the fonts and colors of the 1 webpage (about yourself),
try using the following:
- CSS link colors
- CSS text color
- CSS background color
- CSS margins
- And, try playing with font families

all due next Tuesday, Feb. 15

- Put all of your images, HTML page, and CSS in 1 folder
- You can compress it into a .zip file
help: How to ZIP files, Mac
help: How to ZIP files, Windows