Organisation of Files

During the process of creating the site, as more files were being added to the folder of the project organisation had to take place in order to not mix up one file from another. A styles folder was created which contains the CSS styles sheets. A folder labelled images contains all the images of the site whether it is the products offered or other things such as buttons. A videos folder was also created to store all the videos that the site will contain.


Below is an image of how all the files have been grouped and placed into one whole folder.

CSS Folder

In the styles folder all the CSS files were added apart from creating a styles sheet I also created a reset styles sheet. As you can see before the file name is the folders name of where the file was placed.

Images Folder

In this folder I placed all the still images that were going to be placed in the site therefore in the coding when referring to the sources the folder was referred to before the image name. Below is an example of how the images were coded on the HTML page and how they were displayed on the folder the images were either JPG or PNG format. 

Videos Folder

In the video folder I carried out the same process as with the images and CSS files. This time the name before the file was video with the format of mp4. I also added controls in order to allow users to be able to play, pause the video and increase or decrease the volume. There is also the option to enlarge the screen of the video to appearing as a full page, the option to decrease and refresh the video is also available to users.

Organising all the files will make it easier to find files and code them using GEDT it will also help solve any errors or alterations that need to be made as the files are easier to find.