Resources

Updated 3/26/2017 at 8:00pm

Backup Services
Converters for Audio and Video
CSS References
Dropbox Shared Folder
FTP Clients
FTP Info
General Information (including Handy Hints)
Greeking Site
Handy Information
HTML Editors
HTML References
Image Editors
Images Used in Handouts and Assignments
Instructor's Completed Assignments
MIME Types
Online Magazines and Feeds
Online Storage and Backup
Password Management
Software, Wallpaper, Sound Files, etc.
Validators
HTML and CSS Templates


Validators    Back to Top


Template for creating a new HTML5 document:    Back to Top

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Page Title</title>
  <meta name="description" content="Introduction to designing and making Web sites">
  <meta name="keywords" content="Web Design,HTML,CSS">
  <link rel="stylesheet" type="text/css" href="myStyles.css" media="screen">
</head>

<body>

<div id="content">
  <header>
     <h2>My Web Page</h2>
  </header>
  <section id="section1">
     <h3>Section 1</h3>
     <p id="firstParagraph">This is section 1.</p>
  </section>
  <section id="section2">
     <h3>Section 2</h3>
     <p id="secondParagraph">This is section 2.</p>
  </section>
  <section id="section3">
     <h3>Section 3</h3>
     <p id="thirdParagraph">This is section 3.</p>
  </section>
  <footer>
    <p>&copy; Copyright 2017</p>
  </footer>
</div>

</body>
</html>
  

Template for creating a new External Stylesheet (CSS):    Back to Top

html
{
  box-sizing: border-box;
}

*, *:before, *:after
{
  box-sizing: inherit;
}
  

FTP Information    Back to Top


Dropbox Shared Folder    Back to Top


Online File Storage    Back to Top


Password Management    Back to Top


Online Magazines and Feeds    Back to Top


Instructor's Completed Assignments    Back to Top


Greeking Site    Back to Top


Software, Wallpaper, Sound Files, etc.:     Back to Top


HTML Editors    Back to Top


If you are using a Mac or Macbook, here are some editors that you can try:


FTP Clients    Back to Top


Image-Editing Software and Image-Optimizing Services    Back to Top


HTML Information and References    Back to Top


MIME Types


Cascading Style Sheet Information and References    Back to Top


Converters for Audio and Video    Back to Top


Handy Information    Back to Top


Back to Top

Images Uses in Handouts and Assignments

(You can right-click on each image and save it to your /images folder, for instance.)

Image-Map Assignment Image

Shuttle Piggybacking a 747
Back to Top