Подготовка к созданию сайтов

Текстовый редактор

Для написания кода программ нужен текстовый редактор. Теоретически, можно использовать редакторы, встроенные в Виндоус. Но так давно никто не делает. Существуют специальные текстовые редакторы для программирования. Они имеют ряд преимуществ, которые значительно упрощают написание кода и дальнейшую работу с ним. Вот основные преимущества:

Нумерация строк
Открытие нескольких документов в разных вкладках
Сохранение файлов в большом количестве разных форматов, прежде всего, форматов языков программирования
Цветовая индикация элементов кода. Различные тэги, свойства, стандартные функции, операторы обозначаются разными цветами. По началу, это может показаться непривычным, но в дальнейшем Вы поймёте, что это очень удобно.
Возможность отмены предыдущих действий
Вожможность скрытия части кода. Когда Вы работаете с кодом большого размера, но при этом, Вам нужна только небольшая его часть, то для удобства другие части можно скрыть. Скрытые части чётко обозначаются в тексте и Вы никогда не пропустите скрытый код.

Кроме указанных возможностей есть ещё много разных функций, которые упрощают написание программ. Существует довольно много специальных редакторов для программирования. Среди них есть как платные, так и бесплатные программы. Если у Вас ещё нет редактора, то Вам нужно найти его и использовать для написания кода.

Работа с Notepad++

Самым распространённым текстовым редактором для программирования является Notepad++. Он бесплатный и обладает всеми перечисленными возможностями. На его примере мы рассмотрим работу в текстовом редакторе. Его можно скачать на официальном сайте или в любом каталоге программ.

При создании нового файла нужно установить кодировку, иначе русский текст на странице будет отображаться неправильно. Вопрос кодировок будет рассмотрен в этом учебнике. Там же будет предложено использовать кодировку UTF-8. Чтобы установить кодировку, нужно открыть выпадающее меню "Кодировки" и выбрать нужный вариант.

Также нужно выбрать синтаксис, чтобы была цветовая индикация кода. Для этого в меню "Синтаксисы" нужно найти букву, с которой начинается название языка, в котором Вы собираетесь работать. При наведении курсора на эту букву появится меню и из него нужно выбрать интересующий язык.

В окне сохранения файла есть меню "Тип файла". Оно позволяет выбрать формат, в котором будет сохранён файл. Формат файла и синтаксис взаимосвязаны. При сохранении файла в формате определённого языка, устанавливается синтаксис этого языка. А при установке синтаксиса предлагается сохранение файла в соответствующем формате. При этом, и формат файла и синтаксис можно изменить в любой момент.

Другие функции редактора Вы сможете изучить самостоятельно, они, в основном, несложные.

Папка для учебных файлов

При изучении HTML Вы будете создавать разные страницы. Для них имеет смысл создать папку с названием тапа "Изучение HTML". Файлы нужно сохранять с понятными названиями. Когда Вам понадобится вспомнить какую-то тему, то Вы легко найдёте примеры, которые Вы делали.