1. Click the new document icon,
2. Name your document
3. Add a file type to it (IMPORTANT) .html for a webpage, .css for a style sheet and .js for a JavaScript file.

These will save automatically inside their folders (see where project.html, project.css and project.js are in your IDE.

1. Right-click on the file/directory you wish to remove and
2. Delete the file or folders

OR

1. Click on the file/directory you wish to remove and
2. Click the DELETE button

Be careful, it is not reversible.

1. Click on the camera icon in the IDE action buttons.
2. '''search through your computer and select and image to upload
3. '''the images folder will appear to store your images in. You can delete the file path and the image will appear in your named folder next to project.html.
4. You can rename your image
5. The most common image file paths to use are .png, .jpg and .gif. They have to be under 500kb to be uploaded. tinypng.com is an awesome free site for making Jpeg and PNG files smaller.
6. Click OK
7. See your image appear in the file explorer.

If you click on your image when on a web page it will show you the three different ways to add your image to your page
Absolute path:
<img src="https://www.codeavengers.com/c/ilanasignal/images/red-bug.png">
Root Relative path:
<img src="/c/ilanasignal/images/red-bug.png">
Document Relative path:
<img src="images/red-bug.png">

These file path notes can tell you more.]]

• Teachers looking to share assessments with moderators please message support@codeavengers.com
  

1. When you have selected the html file you wish to share, you can either
2. click the URL on the phone or hit the deploy button.
3. Both will open up a live webpage.
4. Copy and send the URL to people you want to show it too.

To create folders inside your file explorer you simply:

1. Create a new file,
2. Name a folder, add a forward slash and then the file name and file type (.html for a webpage, .css for a stylepage)

1. Click OK
2. See file appear inside your new folder.

To add more files to existing folders you simply:

1. Right-click on folder
2. Left-click create new file
3. Type in name of file (you should see the folder file path) Add the file ending .html for a webpage and .css for a stylesheet.
4. Click OK
5. See file appear in the file explorer

You can watch this YouTube video showing the process:

• Currently the CSS will always be added to the css folder, not the website root folder.

Here is how to add an image sub folder to your website.

1. Left-click the UPLOAD IMAGE button
2. Find an image file to upload
3. Insert the folder name in the front (Spelling is important)
4. Click OK
5. See new sub folder and file appear

You can watch this YouTube video to see how to add a image subfolder.

1. Right-click on folder
2. Left-click upload image
3. Find an image file to upload
4. Click OK
5. See file appear in the file explorer

You can watch this YouTube video to see how to add an image to a folder.

To add css to a folder instead of the css folder add a / forward slash BEFORE the folder name. (See image)
/website-name/codeavenger.css

This video is useful for assessments. ALWAYS DOWNLOAD AT THE END OF EACH SESSION.

Linking webpages is easy. You just add an anchor tag and the file name of the page you want to link up. If you were editing "index" and wanted to link to "page 2" you would add this code into index.
<a href="page2.html">Click here to go to page 2</a>

Want to know more?

Here are the three different file-path types to add this image onto the index.html webpage.

If you look at the above picture you can see the files and some folders are inside other folders? We are working on index.html, inside the website-name folder.