New Hampshire Dept. of Corrections
Corrections Special School District
Career & Technical Education Center

Website Development I

Course Resources

Please Note:  Some of the links in this list will not work on this public server for copyright and other reasons, including the need to protect the identities of incarcerated individuals.
 

Code Samples

If a code listing is not provided for a program, run the program and then type CtrlU to see its source code.

• Anchor Demonstration (Heines)
• Without CSS
• With CSS
• CSS:  ::Marker Pseudo-Element Demonstration (Heines)

View Code Listing  –  Run Program

• CSS:  Advanced Text Formatting Demonstration (Heines)

View Code Listing  –  Run Program

• CSS:  List Number Formatting Demonstration (Heines)

Run Program

• CSS:  Text Transformation Demonstration (Heines)

Run Program

• CSS:  Variables Demonstration (W3 Schools)

View Code Listing  –  Run Program

• Forms:  Basic Form and Basic Form Handler (Heines)

View Code Listing  –   Run Program
Note:  The Basic Form Handler program is not intended to be run on its own.

• HTML vs. CSS Demonstration (Heines)

View Code Listing (PDF)  –  Run Program

• HTML5:  Include Demonstration (Heines)

View Code Listing  –  Run Program

• HTML5:  Code Template, Version 1 (Heines)

View Code Listing  –  Run Program  –  Text Version for Copying

• HTML5:  Code Template, Version 2 (Heines)

Run Program

• HTML5:  Table Examples (Heines)

View Code Listing  –  Run Program  –  Handout (PDF)

• HTML5 Attributes:  Demonstration of the Need to Enclose Attribute Values in Quotes

View Code Listing  –  Run Program

• HTML5 Attributes:  Demonstration that Attribute Values are Strings

View Code Listing  –  Run Program

• JavaScript:  Array Example 2:  The Array Data Structure & the Date Object (Heines)

View Code Listing  –   Run Program using option 1  –   Run Program using option 2

• JavaScript:  Array Example 4:  The 2D Array Data Structure & Sorting 2D Arrays (Heines)

View Code Listing  –  Run Program

• JavaScript:  Array Example 4b:  The 2D Array Data Structure & Sorting 2D Arrays - Using External JavaScript Data Files (Heines)

Run Program and View Code  –  View CSS  –  View 2022-04 Data  –  View 2023-04 Data  –  View 2023-07 Data

• JavaScript:  Array Example 4c:  The 2D Array Data Structure & Sorting 2D Arrays - Using Dynamically Loaded External JavaScript Data Files (Heines)

Run Program and View Code
Note:  This program uses the same CSS and external JavaScript data files as Array Example 4b.

• JavaScript:  Array Example 4d:  The 2D Array Data Structure & Sorting 2D Arrays - Using Dynamically Loaded External JavaScript Data Files and a Wrapper Function for the Sort Comparator (Heines)

Run Program and View Code
Note:  This program uses the same CSS and external JavaScript data files as Array Example 4b.

• JavaScript:  Array Example 5:  Sorting a Simple Array of Random Numbers (Heines)

View Code Listing  –  Run Program

• JavaScript:  User-Defined Function Demonstrations - Version 1 (Heines)

View Code Listing  –  Run Program

• JavaScript:  User-Defined Function Demonstrations - Version 2 (Heines)

View Code Listing  –  Run Program

• JavaScript:  Multiplication Table (Heines)

View Code Listing  –  Run Program

• JavaScript:  Manipulating Page Elements Demonstration (Heines)

View Code Listing  –  Run Program

• JavaScript:  Manipulating Page Elements Enhanced Demonstration (Heines)

View Code Listing  –  Run Program

• JavaScript:  Missing Function Parameters Test (Heines)

View Code Listing  –  Run Program

• JavaScript:  OnSubmit Example (Heines)

View Code Listing  –   Run Program
Note:  The OnSubmit Handler program is not intended to be run on its own.

• JavaScript:  Screen Size Reporter (Heines)

View Code Listing  –  Run Program

• JavaScript:  String Function Demonstrations (Heines)

View Code Listing  –  Run Program

Prison Resident Orientation (PRO) Manual

• Full English manual with graphics (2022 version, PDF)
• Full English manual with graphics (2021 version, PDF)
• Booklet covers in various languages (directory)
• Various document forms (directory)
• Various graphic images (directory)
• Mr. Heines’s Versions of Various Pages — type CtrlU after you display these pages to see their source code
• page 47, demonstrating basic CSS
• page 7, demonstrating advanced CSS with an internal style sheet
• page 7, demonstrating advanced CSS with an external style sheet

HTML

• HTML5 Cheat Sheet #1 (PDF) – simplified
• HTML5 Cheat Sheet #2 (PDF) – extensive
• HTML and XHTML Pocket Reference, 4th ed. (O’Reilly, PDF)
• HTML Entities Reference Chart (HTML page, source: https://dev.w3.org/html5/html-author/charref)
• HTML5 Entities Cheat Sheet (PDF) – abbreviated
• Books
• Learning HTML (Stack Overflow, PDF)
• Creating a Web Site: The Missing Manual, 2nd ed. (O’Reilly, large PDF)
• HTML, XHTML, and CSS, 6th ed. (Cengage, large PDF)
• HTML, XHTML, and CSS, 6th ed. (Peachpit, large PDF)
• HTML & XHTML: The Definitive Guide, 6th ed. (O’Reilly, medium PDF)
• Introducing HTML5 (New Riders, PDF)
• Web Programming with HTML5, CSS, and JavaScript (Jones & Bartlett, large PDF)

CSS

• CSS CheatSheet (PDF) – simplified
• CSS3 CheatSheet (PDF) – extensive
• CSS3 Named Colors (PDF)
• Understanding position: absolute vs. position: relative – Article #1 (PDF)
• Understanding position: absolute vs. position: relative – Article #2 (PDF)
• W3Schools CSS var Test
• Books
• CSS: The Definitive Guide, 4th ed. (O’Reilly, large PDF)
• CSS: The Missing Manual (O’Reilly, large PDF)
• CSS3: The Missing Manual (O’Reilly, large PDF)
• HTML, XHTML, and CSS, 6th ed. (Cengage, large PDF)
• HTML, XHTML, and CSS, 6th ed. (Peachpit, large PDF)
• Learning CSS (Stack Overflow, PDF)
• Web Programming with HTML5, CSS, and JavaScript (Jones & Bartlett, large PDF)
• Articles
• :visited – CSS Tricks (PDF)
• :visited – Hacking (PDF)
• :visited – W3Schools Page (PDF)

JavaScript

• JavaScript Pocket Reference (O’Reilly, PDF)
• Beginner’s Essential JavaScript Cheat Sheet (WebsiteSetup, PDF)
• Books
• Learning JavaScript (Stack Overflow, PDF)
• JavaScript: The Missing Manual (O’Reilly, large PDF)
• JavaScript: The Good Parts (O’Reilly, PDF)
• Web Programming with HTML5, CSS, and JavaScript (Jones & Bartlett, large PDF)
• Articles
• Differences Between var and let in JavaScript (PDF)
• Boolean Operators: Quick Guide, Examples, & Tips (PDF)
• “Double Quotes” vs. ‘Single Quotes’ vs. `Backticks` in JavaScript (PDF)
• How to format numbers with commas in JavaScript (PDF)
• How to create multiline strings in JavaScript (PDF)
• How to get CSS styles from an element with JavaScript (PDF)
• How to add a CSS property to an element with JavaScript (PDF)
• How to pass arguments to event listeners in JavaScript (PDF)
• How to clone an array in JavaScript (PDF)
• The ES6 way to clone an array in JavaScript (PDF)
• JavaScript Pointers (PDF, this article says: “They do exist!”)
• JavaScript References (PDF, this article says: “There are NO pointers in JavaScript.”)

Bootstrap

• Official Bootstrap 5 Cheat Sheet
• Official Bootstrap 5 Documentation (index page)
• Official Bootstrap 5 Examples (folder listing)
• Bootstrap 4 Cheat Sheet (PDF, Hacker Themes)
• Bootstrap 5 Cheat Sheet (PDF, Bootstrap Creative)
• Bootstrap 5 Cheat Sheet (Heines)
• Books
• Mastering Bootstrap 4 (Packt, large PDF)
• Chapter 1 Examples
• Chapter 2 Examples
• Chapter 3 Examples
• Chapter 4 Examples
• Book Errata
• Bootstrap (O’Reilly, 2013, PDF)
• Bootstrap Tutorial (TutorialsPoint, 2020, PDF)
• Bootstrap Templates
• Administrative:  NiceAdmin
• Blog:  ZenBlog
• Business:  Append
• Business:  Arsha
• General:  Green
• General:  Multi
• General:  Squadfree
• General:  Valera
• Gentlemen Songsters Chorus Website built from the Valera template
• Personal:  Gp
• Personal:  Impact
• Personal:  Lonely
• Résumé:  DevFolio
• Résumé:  Folio
• Résumé:  iPortfolio
• Résumé:  Kelly
• Résumé:  Laura
• Résumé:  MyPortfolio
• Résumé:  MyResume
• Résumé:  Personal
• Résumé:  PhotoFolio
• Font Awesome Icons
• Documentation on Referencing Icons
• Bootstrap Distribution (version 5.3.0, ZIP format, downloaded July 21, 2023)
• Personally Requested Website Resources (folder list)

jQuery

• jQuery JavaScript Library
1. create a subfolder of your website named jQuery
2. right-click the above link and choose “Save link as”
3. store file jquery-3.6.0.min.js in your new jQuery subfolder
• jQuery Pocket Reference (O’Reilly, PDF)
• Books
• Learning jQuery (Stack Overflow, PDF)
• Learning jQuery UI Library.pdf (Stack Overflow, PDF)

PHP

• PHP Pocket Reference (O’Reilly, PDF)
• PHP Pocket Reference with 2 pages per sheet (PDF, for printing)
• PHP Cheat Sheet (WebsiteSetup, PDF)
• PHP Cheat Sheet (hackr.io, PDF)
• PHP Cheat Sheet with 2 pages per sheet (PDF, for printing)
• Books
• Learning PHP (Stack Overflow, PDF)

UltraEdit

• Notes on UltraEdit Techniques (Heines, TXT)
• UltraEdit Editor Customization Tips (Heines, PDF)
• UltraEdit Registry Locks (Schwenk, PDF)

Apache

• How to Restrict Access to Student Folders (Heines, PDF)
• How to Use Web Fonts (Mozilla Developer Network, PDF)
• How to Add Fonts to Your Website (Including Custom Fonts) (Westfall, PDF)

Tools

• Just Color Picker (executable program, download and run)
• Documentation, Version 5.7
• source:  https://annystudio.com/software/colorpicker
• Color Picker (executable program, download and run)
• source:  http://www.alexnolan.net/software/colorseizer.htm
• FastStone Freeware (documentation and installation programs)
• Image Viewer:  Explanation  –  Program
• MaxView:  Explanation  –  Program
• Photo Resizer:  Explanation  –  Program
• Screen Capture:  Explanation  –  Program
• Microsoft Edge Offline Installer (MSI format, downloaded May 25, 2023)
• Mozilla Firefox Offline Installer (EXE format, downloaded May 25, 2023)

View the Source Code for This Page   Jump to the Top of This Page

This is document .  It was last modified on .  Copyright © 2010-2024 by Jesse M. Heines.  All rights reserved, but may be freely copied or excerpted for educational purposes with credit to the author.