Tools, Files, and a Simple Development Workflow
Getting Organized
Common tools
Beginners often use a code editor, a browser, file folders, and built-in browser developer tools to create and inspect websites.
Basic workflow
One file at a time
Keep your project organized with clear file names so it is easier to find and update code.
Typical project files
A simple site might include index.html for structure, styles.css for appearance, and script.js for interactivity.
What each file often does
| File | Purpose |
|---|---|
index.html | Main page structure |
styles.css | Visual design |
script.js | Interactive behavior |
Which file usually contains the main HTML for a simple site?
index.html is often the entry page.
Correct answer: index.html
Name one tool a beginner can use to write web code.
A code editor is the main tool for writing and editing files.
Correct answer: A code editor.
Why are browser developer tools useful?
Developer tools help you understand and fix page behavior.
Correct answer: They help inspect and debug websites