<img height="1" width="1" src="https://www.facebook.com/tr?id=414634002484912&amp;ev=PageView &amp;noscript=1">
Skip to content
  • There are no suggestions because the search field is empty.

2 The HTML Document Creation Workflow

Overview of the workflow required to create an HTML document.

The HTML document creation workflow comprises the following main categories, each containing one or more components:

One-time System Setup

The following procedures prepare the environment for HTML editing and need be performed only once on a system.

  1. If you do not already have a GitHub account, then create one (Section 3).
  2. Install the Git Source Control System and ensure that you have login credentials to GitHub (Section 4).
  3. Install the Visual Studio Code (VS Code) text editor and local server and a live preview app that enables you to preview the HTML document as you edit (Section 5).
    NOTE: It is not required to use VS Code to edit text. You may use the command line interface of your choice; however, VS Code is recommended. If using an application other than VS Code, then install as appropriate.

Repository Creation - One-time Setup per Project

The following procedures, performed once for each new project, cover the creation of a repository and the preparation on your system to work with the repository.

  1. Request creation of a GitHub repository for your document (Section 6).
  2. Clone the repository to your own system (Section 7).
  3. Advanced: Install the pre-commit hook (Section 8). This is a recommended element and can be installed after you start to edit.

Editing Preparation/Edit You Document

The following provides a few setup hints to keep in mind prior to editing the HTML template.

Prepare to edit your document (Section 9).