Extras

Week 9

CDGD304 - Fall 2011
http://bit.ly/massart-web304-9

Order of Business

  1. Final Project Design Critiques

  2. Images - what you can't and can't put on the web

  3. Hosting and Uploading your own site

  4. Basic Contact Form

  5. Pulling a Twitter Feed

  6. Rollover & Drop-down navbars

Final Project Review

Homework

Shuffle

Images on the Web

Know the Basics

Know your Formats

.tiff

.psd

.eps

gif

jpg

png

svg

ico

Which Format?

Hosting & FTPing your website

quick and cheap

DreamHost

Fetch FTP

Basic Navbar

Rollover Navs

pure CSS

Drop-Down

Adding :hover selector

Drop-Down Navs

add a few line of javascript

Click Drop-Down

basic HTML & CSS

jQuery Accordian

Click Drop-Down

jQuery Accordian

Twitter Feeds

pull a twitter feed

Pulling Your Twitter Feed

Twitter Feed

paste your code here

Forms

a basic contact form

HTML5 Form

What does somewhere.php do?

Well, we haven't covered PHP, but here's a example..

<?php
if($_REQUEST['contact']) {

  $content = "Contact Details:\n";
  foreach($_REQUEST['contact'] as $key => $value) {
     $content .= "$key: $value\n";
  }
  mail ("myemail@domain.com","Form Submission!",$content);
  
  header('Location: contact.html');
  exit(0);
}
?>
<!DOCTYPE HTML>
<html lang="en">
  <head></head>
  <body>
    No Contact Request Received
  </body>
</html>

Homework

Design