TOWSON WEATHER
50° - 33°, Cloudy, winds: 5 mph.
* Let's open up Adobe Photoshop & Dreamweaver
*TALK ABOUT HOMEWORK AND STUDENTS' WEBPAGES
Quiz Questions:
1) Name 3 “Required materials” for your ART466 class.
2) What is typically the first file of your website saved as?
3) There are many programming languages, and different types of code;
name 3 coding languages that we will cover in this class.
4) Name 2 search engines.
5) Name 2 webbrowsers.
- How the web works
NOTE: do not email me with a URL Address that looks like this:
file:///Users/ryan/Documents/www/spring2026/week4.html
Please email me w/ URL Addresses that look like this:
https://tigerweb.towson.edu/yseri1/yolouseri/index.html
- UPLOADING
(Review) HTML5 basics
....... CSS3:
Google fonts (fonts.google.com)
ID vs. Classes: htmldog.com
div tags:
<div id="name">
* Talk about Typography & Readability
- Hexadecimal System
*LINK 2 PAGES TOGETHER*
Headings:
<h1> </h1>
-CSS Syntax
***External Style Sheets
<link href="proj1.css" rel="stylesheet" >
styling links
a:link {color:#FF0000;}
h1{
background-color:#CC0;
padding:.5em;
text-align:center;
}
/*this is a comment in CSS code */
talk about Project #1
Center divs using CSS:
#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:white;
padding:10px;
}
****changing the background with CSS
html{
height:100%;
overflow-y: scroll;
background: url(bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
HOMEWORK:
Get started on Project #1
*Come up with an idea, and a title for the Art Exhibition
NOTE: try to think of a group of artists, no "Solo Shows"
*Please have some (approximately 10) images to work with.
You could also find a video or two (on YouTube or Vimeo).
When planning your CSS styles, start by coming up with a limited color palette.
Think about how the overall color scheme can complement the artwork that you will be displaying on the webpage.
Remember...
Required materials for this class:
(1) a flash drive or hard drive: 2GB or more
(some external device to store your work on)
(2) *Personal Web Space (Towson user accounts are fine)
(3) a sketchbook, something not too big, about 8x10 inches
(for notes and sketches)
(4) something to write & make drawings with