02_file-structure.Rmd

# Set Up

Before we do any coding, let's set up our file and folder structure.

## Download the Data
The data for the workshop is available to download from this [box drive](https://ucdavis.box.com/s/3v3k43vz3b6iss8i9kufetc4swi8utmj). You can download the file itself or click the download button in the upper right corner of the screen. (You may need to dismiss a message about logging in to see the button, but you do not need to log in to download the data.)  Save the file to a folder on your computer that you can find. If the file you downloaded is a .zip file, unzip the file.

The data for this workshop is one javascript file called `campus_food.js` and a folder called `img` with 9 images.

## Folders

Using your computer's file browsing program, navigate to a folder you want to work in. In that folder, create a new folder to hold your files for this project, such as *my_web_map*. Inside that folder, create another folder called *docs*.  The *docs* folder will hold the HTML and javascript files that will create our web map.

Your folder structure should now look like this:

```
my_web_map
|-- docs

```

## Files

Move the file you downloaded for this workshop called `campus_food.js` and the folder called 'img' into the *docs* folder.

Open your preferred text editor application. Create a new, blank file. Save it inside your *docs* folder and call it `index.html`. This will be the homepage for our web site that will hold our web map.

Your folder and file structure should now look like this:

```
my_web_map
|-- docs
|   |-- img
|   |-- campus_food.js
|   |-- index.html

```