Text Editors

1. Text Editors in M2-R5 Syllabus

The syllabus specifically mentions these three editors as the foundation for students:

• Notepad: The simplest built-in editor on Windows. It is "plain text," meaning it provides no colors or hints. It is often used in basic practicals to ensure students understand code structure without help.
• Notepad++: A free, open-source upgrade to Notepad. It is lightweight and supports syntax highlighting (colors the code tags), making it much easier to find errors.
• Sublime Text: A more modern, "power user" editor. It is famous for its speed, "Minimap" (a bird's-eye view of your code), and the ability to edit multiple lines at once.

2. Key Features of Modern Editors

For your M2-R5 theory exam, you should know these essential features that make an editor "good" for web design:

• Syntax Highlighting: Different colors for tags, attributes, and text to make code readable.
• Auto-completion: Suggests HTML tags or CSS properties as you type (saves time and prevents typos).
• Code Folding: Allows you to "collapse" long sections of code (like a large <div> or a CSS block) to focus on what you're working on.
• Multiple Tabs: Opening many files (index.html, style.css, script.js) at the same time and switching between them easily.
• Find and Replace: Powerful search tools to change a word across your entire project.

3. Photo Editors (Syllabus Unit 6)

M2-R5 also requires knowledge of a Photo Editor to prepare graphics for the web. While professional tools like Photoshop exist, the syllabus focuses on:

• GIMP: A free and open-source alternative to Photoshop.
• Core Skills: You must know how to use Selection tools, Layers, Brightness/Contrast, and Filters to optimize images for faster loading on your websites.