overflow

Set the overflow property to scroll:

http://www.w3schools.com/cssref/pr_pos_overflow.asp

Scroll to top

http://webdesignerwall.com/tutorials/animated-scroll-to-top

DEMO
http://webdesignerwall.com/demo/scroll-to-top/scrolltotop.html

Portfolio Website: STITCH DESIGN

http://www.stitchdesignco.com/work/view/seed-house-stationers

http://www.stitchdesignco.com

favicon

A favicon /ˈfævɪkɒn/ (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more[1] small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page.[1][2] A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it.[3] 

Resource: http://en.wikipedia.org/wiki/Favicon

http://tools.dynamicdrive.com/favicon/#.U1gUqV74Jvc
http://favicon.htmlkit.com/favicon/

Not Working on SAFARI?

1. Generated 16 x 16 .PNG from Photoshop (8 bits per channel RGB - no alpha) named "favicon.png"

2. Changed file extension to .ICO and put it in the same directory of my site that the index.html file is in.

3. Entered in the following code:

<link rel="shortcut icon" href="favicon.ico" />

Worked in Firefox and Chrome, but not in Safari. Even after clearing chache.

4. Changed the name of the favicon (for example "awsomefavicon.ico") and adjusted the code.

<link rel="shortcut icon" href="awesomefavicon.ico" />

Assignments by 11.05

1. Design full pages of your website
2. Revised Flowchart
3. HTML exercise: 2 pages link, add images, add text, and add slideshow.

SLIDESHOW
http://codepen.io/leemark/pen/DLgbr

Forms: Contact

HTML 

<form action="php/mail.php" method="post" >  

 <input name="name" type="text" class="textbox" id="name" placeholder="Name" size="30"> 

<input name="email"type="text" class="textbox" id="email" placeholder="Email" size="30">

 <textarea name="message" cols="70" rows="16" class="messagebox" id="message" placeholder="Message"></textarea>

<input class="button" type="submit" value="Submit" name="submit"/>

</form>

mail.php

<?php

$Name = $_POST['name'];

$Message = $_POST['message'];

$Email = $_POST['email'];

$Body = "From: $Name\nEmail: $Email\nMessage: $Message";

$Recipient = 'admin@myweb.com';

$Subject = 'Your Name';

$Headers = "From: <$Email>";

mail($Recipient,$Subject,$Body,$Headers,"-f $Email") or die('Error!');

header('Location: http://www.myweb.com/contact.html');

?>

Codepen

MENUS

Centered Logo+Menu:
http://codepen.io/wolfcry911/pen/HyLdg

http://codepen.io/svendsen/pen/hHzCo

Simple Transition:
http://codepen.io/rafaelrinaldi/pen/DojpK

Centered Menu:
http://codepen.io/ToJa92/pen/fwdGh

SLIDESHOW
http://codepen.io/leemark/pen/DLgbr