art365 : design_for_the_WWW

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

Week#6

Tuesday, Oct. 1

DESIGN FOR THE WWW
ART 365
FALL 2019

webpage:
ryanSmithArt.com/courses/fall2019




- "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, to present next class...






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 :

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) You can add a link to your "XD Project"
https://xd.adobe.com/view/c78c3b75-4320-..../

5) Don't forget "Required Materials", sketchbook, "thumb drive", 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 questions below, if you don't know what to say about yourself)

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


Possible question you can answer for homework:

1) What's your name? and/or what would you like me to call you?
2) What are you studying here?
3) Why are you studying Digital Art, GD, etc.?
4) Why are you taking this class?
5) Anything you want to learn this semester?
6) What will you be doing for fun outside of class?
7) What kind of other responsibilities/jobs do you have?
8) Are you from Maryland?









updated 2019
© ryanSmith