Exercise 1

This exercise is not graded.

The goal of this exercise is to get some experience with the web development workflow for this class as well as some experience with the HTML syntax.

Text Editor

For this class, we are going to use Notepad++ which is installed on the classroom computers. You can see their Wiki at http://docs.notepad-plus-plus.org/index.php/Main_Page. Notepad++ only works on Windows. If you would like an editor for your macOS or Linux computer, I recommend Visual Studio Code.

Flash Drive

For this class, I will write my exercises with the assumption that you have a flash drive.

Setup

  1. Download the exercise files from the Box Folder named CS0134-E1-<username> that I shared with you.
  2. Unzip and copy the ‘CS0134-E1-<username>’ folder onto your flash drive.

Template File

In order to make sure that each of our HTML files contains the right basic content, we are going to create a template.html file that we can start every other HTML file with.

  1. Open Notepad++ if it is not already open.
  2. Click ‘File’ -> ‘New File’
  3. In the blank editor, place
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>
  1. Click ‘File’ -> ‘Save As’ and save the file as template.html on your flash drive.

View Your template.html

  1. Open Windows Explorer.
  2. Navigate to where you saved template.html.
  3. Righ click on template.html and choose “Open With” and click Firefox.

How to Submit Your Work

Upload your template.html file to the ‘CS0134-E1-<username>’ Box folder.

I highly recommend that each time you work on this or any other exercise, that you upload your files to Box even if you are not done with the exercise. In this way, if something happens before the submission deadline that keeps you from uploading the finished exercise, there is still something to be graded.