WEEK #3

website: ryanSmithArt.com/fall2026


NOTE: Talk about "Week #3 Quiz"

1) Name 2 webbrowsers. 
2) Name 3 “Required materials” for your ART466 class.
3) What is typically the first file of your website saved as?

4) There are many programming languages, and different types of code; 
      name 3 coding languages that we will cover in this class. 
5) Name 2 search engines. 


* Let's open up Adobe Photoshop & Dreamweaver

---

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

Remote links:
    - reference files based on the absolute location on complete URL:
    Example: https://users.cs.cf.ac.uk

Relative links:
   - refer to a page that exists in the current directory that the browser points to.
   • sub-directories and included files can be specified in the relative link.
   • Makes for very portable web pages.
   • Whole directory systems [websites/projects] can be moved easily.

---

** Lorem ipsum

---

div tags:
<div id="name">

- CSS Positioning & other fun stuff 

---

talk about Project #1

- Hexadecimal System

* Talk about Typography & Readability

---

CSS

-Example #1: (W3 schools)

-CSS Syntax

***External Style Sheets

<link href="proj1.css" rel="stylesheet" >

---

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

---

Center divs using CSS:

#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:#FFF;
padding:10px;
}

****changing the background with CSS 

---

....... CSS3:

Google fonts 

ID vs. Classes
* htmldog.com


* CSS styles can be applied to general page elements, CSS Classes, and specific items: 

img { border: solid #000 10px; }
this applies to every image tag in the HTML document

.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span> 

#about{background-color:#ccc;} 
This rule applies to just the specific element that has an ID value of about:

---

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.   

- Draw your site structure diagram.

- Create a wireframe for your 1st project

- Find or make a logo for your website.

...all due next class (Sep. 15th)

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

---