Resources

Updated 4/5/2018 at 1:20pm

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 2019</p>
  </footer>
</div>

</body>
</html>
  

Template for creating a new RWD document using w3.css:    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">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  <link rel="stylesheet" type="text/css" href="myStyles.css" media="screen">
</head>

<body>

<div id="content" class="w3-container">
  <header>
     <h2>w3.css RWD Page</h2>
  </header>
  <section id="section1" class="w3-row">
     <h3>Section 1</h3>
     <div class="w3-third">
       <p id="firstParagraph">This is the first paragraph in section 1.</p>
     </div>
     <div class="w3-third">
       <p id="secondParagraph">This is the second paragraph in section 1.</p>
     </div>
     <div class="w3-third">
       <p id="thirdParagraph">This is the third paragraph in section 1.</p>
     </div>
  </section>
  <footer>
    <p>&copy; Copyright 2019</p>
  </footer>
</div>

</body>
</html>
  

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

body
{
  font-family: Arial, sans-serif;
}

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