TOWSON WEATHER : 46° - 30°, mostly sunny
* Let's open up Adobe Photoshop & Dreamweaver
Quiz Questions:
1) What is typically the first file of your website saved as?
2) Name 3 “Required materials” for your ART466 class.
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 webbrowsers.
5) Name 2 search engines.
(Review) HTML basics
- Hexadecimal System
*LINK 2 PAGES TOGETHER*
Headings:
<h1> </h1>
div tags:
<div id="name">
CSS
-CSS Syntax
***External Style Sheets
<link href="466.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
.... More CSS:
- CSS Positioning & other fun stuff:
*z-index
CSS POSITIONING
Positioning: W3schools
....... CSS3:
Google fonts
ID vs. Classes
* htmldog.com
HOMEWORK:
Get started on Project #1
*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