Directory Structure

 

In order to prevent broken links and missing images you need to practice a proper directory structure technique. All you need to do is to create the following folders in the beginning of each project.

 

1. Create a project folder in your computer and name it accordingly. Here you’ll save all your web pages and sub folders. (All names are in lower case).

 

2. Create the following sub folders inside project folder:

  • images
  • working_files
  • documents

 

Folders

 

 

Sub Folders

 

Images folder: to save all your images
documents folder: to save any other files like PDF, Word documents, etc.
working_files folder: to save large size original images, storyboard, mockups, etc. Please note that, you won't be uploading this folder. These are just working files.

 

 

 

Uploading Files to the Server

 

At the end of your project you need to upload everything inside project folder except for working_files up to the server under a folder called: public_html

 

Folder Structure on the Server

 

 

 

Buy "Digest Web Design" PDF Book

 

All the information on this website is also provided in a PDF book for only $30.
Click here to buy.

 

 

<<    Previous Page                                                                    Next Page    >>