Конечно, в нынешнее время есть большое количество различных графических редакторов, используя которые можно создать страницу почти любой сложности, но данный курс поможет вам самим, используя код и внутреннюю сторону языка HTML писать свои страницы.
Но это не значит, что стоит использовать Блокнот, как многие советуют, для написания кода и его редактирования. Я посоветую вам пару редакторов, которые организуют правильную табуляцию (отступы вначале строки), подсветку синтаксиса (позволит лучше ориентироваться в коде), некоторые редакторы так же могут предлагать разные варианты дописывания кода за вас. Но в то же время это не будут графические редакторы. Самым лучшим вариантом считаю SublimeText 2, он обладает большинством преимуществ, перечисленных выше. И важно, что распространяется он бесплатно, лишь иногда при сохранении файлов будет выскакивать небольшое окошко, где вас будут просить поддержать проект, но делать это не обязательно, просто закрываете это окошко и работаете дальше. Другой вариант, который я использую сам, так как привык к нему – Dreamweaver, есть целое множество различных версий, но проблема в том, что это коммерческая программа, то есть за нее придется платить. Но самые хитрые из вас могут найти кряки к любой версии и пользоваться ей бесплатно.
Теперь, после выбора инструмента, с которым вам придется работать, я расскажу о том, как собственно создать документ HTML. Рассказ будет вестись о стандартном Блокноте, который есть на всех ОС Windows, как стандартная программа. Создание в аналогичных редакторах кода не слишком отличается, скорее даже упрощается.
Итак, откроем блокнот, вот как он выглядит
Скопируем туда стандартный вариант первого кода, который будет выводить «Здравствуй, мир!». Пока неважно понимать, что делает каждая из строчек кода, просто скопируйте ее в блокнот:
Вот как это должно выглядеть
После чего открываем в верхнем меню блокнота, вкладку «Файл», она подчеркнута красным на рисунке сверху. Тут выбираем пункт «Сохранить как…»
После нажатия на этот пункт перед вами появится новое окно
Здесь я выделил самые важные моменты красной линией и цифрами. Но сначала выберете место, куда сохранить вашу новую страничку, на ваше усмотрение. Я бы посоветовал создать специальную папку, где вы будете хранить файлы с курса. Теперь по порядку:
- В поле №1 вы должны ввести имя нового файла, давайте договоримся, что самая главная и первая страница будет иметь имя «index», важно так же написать расширение файла «.html». В итоге в этой строке у нас должно быть записано «index.html».
- В строчке №2 все просто, выбираем «Все файлы».
- Важно понимать значение строки №3, она отвечает за кодировку страницы, если вы используете русские символы или буквы, то необходимо поставить кодировку UTF-8, другие просто будут выводить кракозябры, за место нормального текста, они имеют свое назначение, но пока оно нам не важно. В итоге окно должно выглядеть примерно следующим образом, не обращая внимания на то, куда сохранять файл.
Теперь нажимаем кнопку «Сохранить», на рисунке выше она выделена красной линией. Если открыть файл через любой браузер, при правильной последовательности действий, описанных выше, вы получите следующую картину
Таким образом, вы можете создать HTML документ через Блокнот, можете попрактиковаться и попытаться поменять код, изменить надписи и посмотреть, что будет происходить при этом со страницей.