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.
- If you do not already have a GitHub account, then create one (Section 3).
- Install the Git Source Control System and ensure that you have login credentials to GitHub (Section 4).
- 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.
- Request creation of a GitHub repository for your document (Section 6).
- Clone the repository to your own system (Section 7).
- 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).