Для ефективної роботи не обійтися без необхідних і звичних інструментів, в тому числі і при написанні коду HTML. Тому для початкової розробки веб-сторінок або навіть невеликого сайту — так називається набір сторінок, пов'язаних між собою посиланнями і єдиним оформленням, нам знадобляться такі програми.
- Текстовий редактор.
- Браузер для перегляду результатів.
- валідатор — програма для перевірки синтаксису HTML і виявлення помилок в коді.
- Графічний редактор.
- Довідник по тегам HTML.
Далі розглянемо ці інструменти докладніше.
Текстовий редактор
HTML-документ можна створювати в будь-якому текстовому редакторі, хоч Блокноті, тим не менш, для цієї мети підійде не всяка програма. Потрібна така, щоб підтримувала такі можливості:
- підсвічування синтаксису — виділення тегів, тексту, ключових слів і параметрів різними кольорами. Це полегшує пошук потрібного елемента, прискорює роботу розробника і знижує виникнення помилок;
- робота з вкладками. Сайт являє собою набір файлів, які доводиться правити окремо, для чого потрібен редактор, що вміє одночасно працювати відразу з декількома документами. При цьому файли зручно відкривати в окремих вкладках, щоб швидко переходити до потрібного документу;
- перевірка поточного документа на помилки.
Посилання на деякі подібні редактори наведені нижче.
PSPad
http://www.pspad.com/ru/download.php
HtmlReader
http://manticora.ru/download.htm
Notepad ++
http://notepad-plus.sourceforge.net/ru/site.htm
EditPlus
Браузер
Браузер це програма, призначена для перегляду веб-сторінок. На перших порах підійде будь-який браузер, але з підвищенням досвіду і знань потрібно завести цілий « звіринець », щоб перевіряти правильність відображення сайту в різних браузерах. Справа в тому, що кожен браузер має свої унікальні особливості, тому для перевірки універсальності коду потрібно переглядати і коригувати код з їх урахуванням. На сьогоднішній день найбільшою популярністю користуються три браузера: Firefox, Internet Explorer і Opera.
Mozilla Firefox
Перспективний і розвивається браузер, який отримав визнання у всьому світі. Його особливість — простота і розширюваність, яка виходить за рахунок спеціальних розширень, як вони називаються. Спочатку Firefox має набір тільки найнеобхідніших функцій, але, встановлюючи бажані розширення, в результаті можна наростити браузер до системи, яка виконує всі необхідні для вашої роботи дії. Браузер Firefox є відкритою системою, що розробляється групою Mozilla.
Де скачати http://www.mozilla.ru/products/firefox/
Microsoft Internet Explorer (IE)
Один з найстаріших браузерів, який безкоштовно поставляється разом з операційною системою Windows. Це і визначило його популярність. Версія IE 7 по зручності наблизилася до своїх давніх конкурентам, зокрема, з'явилися вкладки. На жаль, цей браузер гірше всіх підтримує специфікацію HTML, тому для коректного відображення в IE доводиться часом окремо налагоджувати код спеціально під нього.
Де скачати http://www.microsoft.com/rus/windows/ie/default.mspx
Opera
Швидкий і зручний браузер, що підтримує безліч додаткових можливостей, що підвищують комфортність роботи з сайтами.
Де скачати http://ru.opera.com/download/
Safari
Розроблений компанією Apple цей браузер вбудований в iPhone і операційну систему MacOS на комп'ютерах Apple. Також є версія під Windows.
Де скачати http://www.apple.com/ ru/safari/
Google Chrome
Браузер, що з'явився на ринку в кінці 2008 року. Розроблено компанією Google.
Де скачати http://www.google.com/chrome?hl=ru
Валідатор
Валідація HTML-документа призначена для виявлення помилок в синтаксисі веб-сторінки і розбіжностей зі специфікацією HTML. Відповідно, програма або система для такої перевірки називається валідатором .
Як перевірити HTML-файл на валідність
Якщо є доступ в Інтернет, то варто зайти за адресою http://validator.w3.org і ввести шлях до перевіряється документу або сайту в спеціальній формі. Після перевірки будуть показані можливі помилки або з'явиться напис, що документ пройшов валідацію успішно.
Tidy
Для перевірки локального HTML-файлу або при відсутності підключення до Інтернету, призначена програма Tidy. Деякі редактори, наприклад, PSPad, вже містять вбудований Tidy і валідацію документа можна провести без додаткових коштів.
Де скачати http://tidy.sourceforge.net
Графічний редактор
Графічний редактор необхідний для обробки зображень і їх підготовки для публікації на веб-сторінці . Найпопулярнішою програмою такого роду є Photoshop, який став стандартом для обробки фотографій і створення графічних зображень для сайтів. Але в більшості випадків міць Photoshop-а надлишкова, і краще скористатися чимось простішим і моторним. Зокрема, програма Paint.Net дозволяє зробити всі необхідні маніпуляції із зображеннями, до того ж безкоштовна для використання.
Завантажити Paint.Net http://www.getpaint.net/download.html
Довідник по тегам HTML
Запам'ятовувати всі теги і їх параметри напам'ять на перших порах складно, тому потрібно періодично заглядати в керівництво, щоб уточнити те чи інше питання. Взагалі, хороший довідник потрібен всім, незалежно від рівня підготовки.
Довідники в Інтернеті
Опис тегів HTML (англійською мовою) http://www.w3.org/TR/html4/index/elements.html
На цьому сайті ви знайдете один з кращих довідників по тегам в Рунеті.