Resources

Updated 5/20/2017 at 5:00pm

Backup Services
Converters for Audio and Video
CSS References
Shared Dropbox Folder
FTP Clients
FTP Instructions
General Information (including Handy Hints)
Greeking Site (Lorem Ipsum)
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>
  <title>Page Title</title>
  <meta charset="UTF-8">
  <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 a paragraph in section 1.</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;
}
  

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


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


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