Project C : Try to have something mostly finished on Mon. April 7th
I will not collect or grade Project C files until Wed. April 9
WEDNESDAY:
We will have crits for Project C
- Assign Project D : Designing & building a marketing website for a product
Project D Examples : Neck Basket | Game Boy | Lizards | ??? | Dream Catcher
- branding, identity, & logo design
example: lowdi.com
File management:
What should you save the first page of your website as?
What's a server?
What's a directory?
What's an IP Address?
What's a DNS?
What's FTP?
In the following URL, what's the domain name, and what's the file name?
http://ryansmithart.com/photos/other/Philly.html
What's the difference between a web browser & a search engine?
HTML:
<html>
<head>
<title> my title </title>
</head>
<body>
stuff
</body>
</html>
Paragraph tags
Line Breaks
Emphasis tags
Strong tags
Inserting an image
<img src="images/flower.jpg" />
How to create a link
<a href="http://www.npr.org"> NPR News </a>
CSS:
CSS Syntax
p {color:red; font-family: Arial, Helvetica;}
How to Change the color of your links
a:link {text-decoration: underline; color: #000;}
a:visited {text-decoration: underline; color: #000;}
a:hover {text-decoration: none; color: #FFF; background-color:#0F0}
a:active {text-decoration: none; color: #000;}
CSS styles can be applied to:
general page elements, CSS Classes, and specific items (ID values).
How do you code them?
p{color:red; }
.title{font-family:Arial Black; background-color:#CCC; }
#footy{height:20px; position:fixed; bottom:0px; width:100%;}
<span class="title"> This is the title </span>
<p>Red Text</p>
<div id="footy"> Footer </div>
other web design stuff:
What's a favicon?
What's the hexadecimal code for:
red, green, blue, yellow, magenta, cyan, white, black, light & dark grey
HOME WORK
- Come up with an idea for Project D ( a marketing website for a product )
- Tell me what your idea is on Monday
- You might want to get started on it