When you look at a web page you see a dynamic document with formatting, color links, menus, pictures, and videos. However, whatever may be visible on the web page, what your browser receives is simple text called HTML. While you will not need to know HTML to edit your CFAES website, there are a couple concepts it will help to show.

The text of your document is structured into blocks of paragraphs, these are enclosed with what's called a "tag" each paragraph opens and closes with a "p" tag. These tags create links, they lay out pages, and they format text.

When it comes to content like images, the tag "img" is used to tell the browser where the image file is on the internet, describes the file for screen readers, and then tells the browser what size to display the file on your page. This is important because unlike a word document, when you see an image on your page it is not part of the document. The browser just knows where that image is and how to display it. This means you need to upload that image file somewhere so it can be online and if you move or delete that image the page will be broken.

To upload files on your website we use an interface called IMCE. In most places you will see this on the website it will be referred to either as "File Browser" or simply, the server. We can find and access the file browser in a number of ways. For now we will access it on the profile page of our website.

If you have navigated away from your profile page you can access it by hitting the green link to your username in the top right corner of the website. One of the available tabs on your profile page should be "file browser". Clicking it will load the file browser below.

On the left side of the file browser window you will see a tree of folders similar to what you would find on the hard drive of your computer. The selected folder will have a bold font with a gray background. Sometimes the file browser will have a subfolder selected and show only that folder. This is the software attempting to help you continue previous work. You can expose the whole tree when this happens by clicking the first yellow folder. In most cases this will be labeled IMCE or files.

On the right side of the file browser are the files contained within the currently selected directory, clicking on an image file will bring up a preview of that image below. Double clicking on a pdf document or other document file will either open that document in a new window or download it to your computer depending on the configuration of your browser.

It is highly recommended that you keep files organized as you add them to the file browser. Add folders as needed and rename newly added files so that others on your team or those who come after you can find a logical file system. However, be very cautious about reorganizing existing files keeping in mind what was discussed about HTML. If files or images you move or rename are currently used on pages within your website those pages will now be broken.

To make a directory, click the parent directory you want to create it in, at the highest level, this is likely your IMCE or files directory. Then click the directory button in the menu. This will bring up an interface where you can add a name for your directory and then click "Add". It will appear in the window, this name should not have spaces or punctuation. Once added the directory will show up in the listing on the left hand side.

To delete a directory click on its parent then click directory and type in the name of the directory which you want to delete. Then click remove, the system will ask if you if you're sure you want to delete the subdirectory with all the directories and files within it make sure that you have selected the right directory because there is no undoing this once you click it the directory will disappear from your listing and has been deleted.

To upload a file click the destination directory for the file, then click upload in the resulting dialog, click choose file and then navigate on your hard drive, click open or ok and then click upload. Once uploaded the file will appear in the file listing on the right hand side of the IMCE.

To rename a file click the file you'd like to rename, and then click on rename, this will bring up a form dialog with the current name for you to replace or alter. It is not important to include the extension when renaming the system will re-add it for you. While most browsers can work with spaces in file names it is good practice to not include spaces for web hosted documents.

To delete a file select it within the interface and click the delete button. This will bring up a confirmation and clicking ok will permanently delete the file. This action cannot be undone so be careful deleting files.

The system will not allow you to move files by dragging and dropping, to move files you will need to download them, delete the original from the server, and then re-upload them in a new location.