Создание документа html
С чего начать?
1)Необходим текстовый редактор, подойдет самый простой – блокнот. Он есть на каждом компьютере.
Чтобы воспользоваться блокнотом, выполните следующие действия: нажмите правую кнопку мыши, затем выберите пункт СОЗДАТЬ, далее ТЕКСТОВЫЙ ДОКУМЕНТ. Теперь зайдите в созданный файл, использую двойной клик мыши.
Теперь, когда вы находитесь в режиме блокнота, можно продолжить изучать инструкцию создания сайта.
2) Обратите внимание на код, приведенный ниже. Ваша задача скопировать его в блокнот, который вы открыли ранее. Для этого выделите код мышью, нажмите правую кнопку мыши, выберите пункт КОПИРОВАТЬ.
Далее щелкните по рабочей области блокнота правой кнопкой мыши и выберите пункт ВСТАВИТЬ.
<html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body>
Содержимое моего сайта.
</body>
</html>
После того, как вы справились с этой задачей, переходите к следующему пункту инструкции создания сайта.
3)В верхнем меню блокнота выбирает пункт ФАЙЛ - > сохранить как…
В появившемся окне выбирает место на вашем компьютере, куда будет сохранен документ.
Рекомендую заранее создать новую папку на диске С и назвать ее, например, site.
Создание страницы HTML.
После того, как вы выбрали место для сохранения, напишите в строке «Имя файла» - название вашей первой страницы. Например, page.html.
Заметьте, что наличие .html – обязательно, это расширение файла, которое показывает, что документ относится к HTML.
Важное отступление. Не используйте в названии файла русские и заглавные буквы, а используйте только маленькие английские буквы, цифры, тире.
Теперь жмем кнопку «сохранить». Стоит сделать маленькую оговорку.
Ваш документ может сохраниться не как page.html, а как page.html.txt. Если это произошло, переименуйте файл в page.html.
Но для этого понадобятся программы для работы с файлами, которых нет на вашем компьютере по умолчанию. Но их с легкостью можно найти в Интрнете, вот назнание этих программ «Total Commander» или «Windows Commander». Также можно скачать html файл с готовым шаблоном и просто переделать его.
4)Теперь идем в ту директорию, куда был сохранен файл, и запускаем его, использую двойное нажатие левой кнопки мыши.
Правильное отображение символов на сайте.
2) Страница открывается нормально, но на экране отображается не текст, а непонятные символы.
Чтобы решить эту проблему, нужно поменять вставить кириллическую кодировку Windows - 1251.
<head><title>Название страницы моего первого сайта</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
Надеюсь, урок создания сайта вам понравилось. Наверняка развеялись все сомнения по поводу сложности создания сайта.
В следующем уроке, мы разберем код, с которым вы уже знакомы.
Урок 2: изучаем html теги и коды для сайтов.
Урок 3: изменяем цвет текста и цвет фона в html.
Урок 4: вставляем картинку в html код страницы.
Урок 5: форматируем текст html тегами.
Урок 6: вставляем ссылки в html код сайта.
Урок 8: таблицы в html, продолжение.