Lecture 1.5: Creating the Project Folder System | Practical AI & Website Building Course

Opening idea: a clean structure saves time, prevents confusion and protects your work.

Mission Brief

What this lecture will achieve

Create one project home

Students create one main folder where all course and website work will live.

Separate file types

Students understand where website files, images, documents, screenshots and backups belong.

Name files clearly

Students learn simple naming rules that reduce mistakes and broken links.

Core Message

Organization is part of digital skill

A beginner does not lose work because they are weak. They lose work because files are scattered. A good folder system makes learning easier. Organized today. Efficient tomorrow.

Recommended main folder: Digital_Projects with subfolders for website work, notes, images, documents, downloads, backups, screenshots and social content.

Recommended Structure

Build one clear home for your work

Digital_Projects/ ├── Practice_Website/ ├── Course_Notes/ ├── Images/ ├── Documents/ ├── Downloads/ ├── Backup/ ├── Screenshots/ └── Social_Media_Content/

Important: Do not keep project files randomly on Desktop, Downloads, WhatsApp folders or USB drives only.

The Practice_Website folder is where actual website files should live.

Website Folder

Inside the website project folder

File or folder	Purpose	Beginner note
index.html	Main homepage file.	Most websites start with this file.
about.html	About page content.	Use clear page names.
style.css	Controls colors, fonts and layout.	Keep style in one main CSS file at first.
main.js	Adds interactivity.	Optional for beginners at the start.
assets/	Reusable assets such as icons and fonts.	Use later when projects grow.
images/	Images used across the website.	Keep logos and graphics here.
downloads/	PDFs and documents users can download.	Only add files you want visitors to access.

Simple file names reduce mistakes and improve speed.

File Naming Rules

Use clear names and avoid confusion

Use clear names

homepage.html
about.html
style.css
main.js
logo.png
course-outline.pdf

Avoid confusing names

finalfinalnew.html
my file copy 2.html
latest final edit v3.png
WhatsApp Image latest edited.png
random_file.ai

Rule: Use short lowercase names, avoid spaces, and use hyphens or underscores only when needed.

Store each file in the right place from the beginning.

File Placement

Where each file belongs

HTML / CSS / JS

Keep core website files in the website project folder.

Images

Store logos, graphics and media assets in the Images folder or website images folder.

Documents

Store notes, plans and references in Documents or Course_Notes.

Downloads

Keep installers, plugins and downloaded resources in Downloads.

Screenshots

Save proof, errors and references in Screenshots with dates if useful.

Backups

Keep backup copies in Backup and external storage when possible.

Organization today prevents loss tomorrow. Backups protect your progress.

Backup Routine

Protect your work

Keep one main folder

Do not scatter files across Desktop, Downloads and WhatsApp.

Backup regularly

Use an external drive, cloud storage or a separate backup folder.

Save screenshots clearly

Use screenshots for errors, settings and proof of completed work.

Separate downloads

Move important downloaded files into project folders if needed.

Delete clutter carefully

Do not delete files until you are sure they are no longer needed.

Use GitHub later

Website files will also be saved online through GitHub repositories.

Lecture 1.5 Prompt Lab

Project Folder Prompt Library

Students should use these prompts to create clean project folders and avoid file confusion.

Prompt 1 · Create folder structure

Help me create a clean folder structure for a beginner website project about [write your topic]. Include folders for website files, images, documents, downloads, backups, screenshots, and social media content. Also suggest simple file naming rules.

Prompt 2 · Website folder plan

Act as a beginner website project organizer. Create a simple folder and file structure for my first website. Include index.html, about.html, style.css, main.js, images, assets, downloads, and README.txt.

Prompt 3 · File naming rules

Create simple file naming rules for a beginner website project. Explain why I should avoid spaces, confusing names, random downloads, and repeated final versions.

Prompt 4 · Clean messy files

I have a messy folder with website files, images, screenshots, downloads, documents, and backups. Act as my file organization assistant. Ask me what types of files I have, then suggest where each file should go.

Prompt 5 · Backup routine

Act as a beginner backup coach. Create a simple backup routine for my website project. Include local backup, external drive backup, cloud backup, screenshots, and GitHub repository backup.

Prompt 6 · README file

Create a simple README.txt template for my beginner website project. Include project name, purpose, folder explanation, important files, update notes, and backup instructions.

Open Full Lecture 1.5 Prompt Library

Practice Task

Before Lecture 1.6

Task 1

Create a main folder named Digital_Projects.

Task 2

Create the recommended subfolders for website files, notes, images, documents, downloads, backups, screenshots and social media content.

Task 3

Create a small README.txt file explaining what the project is and where files should go.

Common mistake: Do not start building the website while files are still scattered across random folders.

Final Checklist

Lecture 1.5 complete

I have created one main project folder.
I have created subfolders for website files, notes, images, documents, downloads, backups, screenshots and social media content.
I understand where each file type belongs.
I know simple file naming rules.
I understand why backups are important.
I have used at least two prompts from the Prompt Lab.

Next Lecture 1.6 Back to Module 1

FutureWorld Intelligence materials

© 2026 FutureWorld Intelligence. All modules, lectures, prompts, visuals, graphics, downloadable files and instructional designs are protected intellectual property. Students may use this material for personal learning and may share official links. Copying, re-uploading, selling, modifying, packaging, distributing or presenting this material as someone else’s work is not allowed without written permission.