art365 : design_for_the_WWW

week:   1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |

webpage:
ryanSmithArt.com/courses/2020


SYLLABUS:
syllabus2020.pdf


DESIGN FOR THE WWW
ART 365
SPRING 2020

TOWSON UNIVERSITY
Tuesdays
CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu





Week#7

Tuesday, March 10





- "xd_project" WAS DUE LAST WEEK

- open "Adobe Photoshop"
- open "Adobe XD"


TALK ABOUT UPLOADING XD PROJECTS:
VIDEO:https://www.youtube.com/watch?v=khxMAajFJ0Y
EMAIL ME : rtsmith@towson.edu
Link should look like: https://xd.adobe.com/view/c78c3b75-4320-..../
And/Or make a video of your project






DOWNLOAD
- BBEDIT (or "Brackets") if you have not already done so.

REVIEW

- HTML

(page1.html)

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


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

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


*CHECK HOMEWORK*



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:


Get started on "website_project_2"

Due next week:

- familiarize yourself with HTML & CSS, start planning the website
- pick an artist
- do some research
- get (or make) digital images of artwork
- complete 3 webpages with at least 1 image on each page *create working links between those 3 pages
**draw site structure and wire frames
- start designing and building an informative website based on your research.

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














updated 2020
© ryanSmith