art365 : design_for_the_WWW


webpage:
ryanSmithArt.com/courses/fall2020


SYLLABUS:
 syllabusFall2020.pdf


DESIGN FOR THE WWW
ART 365
FALL 2020
TOWSON UNIVERSITY
Tuesdays
mostly at home or CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu



DATES:
August 30 (Sunday)
Change of Schedule period ends.
Last day to drop a course with no grade posted to academic record.


Week#2

Tuesday, September 1

Weather forecast Towson : Mostly Cloudy, 81°F - 71°F

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

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





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:


[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, September 8

- 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
Please email me .ZIP files: rtsmith@towson.edu









updated 2020
© ryanSmith