- Рекомендация!
Если информация на сайте
оказалась Вам полезной, то возможно Вы захотите порекомендовать его своим друзьям.
Не забывайте о них!
заполните все поля формы
и проверте введенные
данные перед отправкой.
Спасибо!
(Продолжение урока)
Урок по созданию сайта на бесплатном хостинге Яндекса
Часть четвертая. Создание страниц без использования шаблонов
Из предыдущих уроков мы узнали как регистрировать аккунт на бесплатном хостинге Яндекса, создавать страницы сайта с помощью шаблонов и наполнять их различным контентом. Также научились редактировать и удалять отдельные страницы и даже весь сайт. В данном уроке мы рассмотрим возможность загружать собственный HTML-код на бесплатный хостинг Яндекса. Что такое HTML-код и для чего он нужен, вы можете узнать в разделе Web-дизайн или из скриншота №42 или №43. Для создания HTML-кода подойдет программа "Блокнот", которая входит в состав вашей операционной системы Windows или аналогичная программа в других операционных системах. Создаем текстовый файл, щелкнув правой кнопкой мышки по экрану монитора, например, на рабочем столе. Далее откроется меню, в котором выбираем пункт "Создать", как показано на скриншоте №41
Кликаем на пункт "Создать", рядом появится другое меню, в котором надо кликнуть на пункт "Текстовый документ", после чего появится файл с названием - "Текстовый документ.txt". Далее открываем его двойным щелчком левой кнопки мышки и вводим свой HTML-код, например, как показано на скриншоте №42.
В блокноте вводим HTML-код и текст, который мы хотим разместить на сайте без использования шаблонов. Введенный в блокноте текст и HTML-код можно просмотреть в вашем браузере. Сначала переименовываем файл с "Текстовый документ.txt", например, на "page.html". Для этого кликаем на текстовом документе правой кнопкой мышки и в появившемся меню выбираем пункт "Переименовать", а в выделенную синим цветом область вводим новое название документа. Обратите внимание, что расширение "txt" изменилось на "html", говорящее нам о том, что это уже HTML-документ и он будет понятен браузеру. Еще один способ сохранения в HTML формате - в верхней части блокнота кликаем по вкладке "Файл" и в выпадающем списке выбираем "Сохранить как...". Затем откроется форма, в ней вводим название нашего HTML-документа и жмем на кнопку "Сохранить". Далее кликаем по "page.html" двойным щелчком левой кнопки мышки и браузер, прочитав код языка HTML, выведет его на экран, как показано на скриншоте №43.
Видим, что заголовки текста выровнены по центру и имеют разную высоту (размер шрифта). Абзацы отделены друг от друга пустой строкой, а текст равномерно распределен по всему экрану. Браузер вывел на экран нашу информацию в том порядке, который мы ему задали с помощью языка гипертекстовой разметки (HTML). Если все устраивает, то переходим к размещению этой информации на сайт. Поскольку мы решили создать сайт используя собственный HTML-код, а не шаблоны, с помощью которых мы уже научились создавать сайт, то будет проще, если мы удалим старый сайт и создадим новый. Как это делать мы уже знаем из второй части урока по созданию и удалению сайта. Удалив старый сайт, начнем создавать новый, как показано на скриншоте №7. Далее переходим к скриншоту №9. Здесь выбираем самый правый вариант (Tabula Rasa с чистого листа, оригинальный, неповторимый) и жмем на кнопку "Дальше". Следующий шаг показан на скриншоте №10. Вводим название сайта, жмем на кнопку "Дальше" и переходим к скриншоту №11. Выбрав макет "Полотно", жмем на кнопку "Начать заполнять" и попадаем на страничку конструктора сайтов, как показано на скриншоте №12. Кликаем левой кнопкой мышки по вкладке "Внешний код" и смотрим на результат, как показано на скриншоте №44.
Здесь перетаскиваем иконку "Внешний код" в центр макета, как показано на скриншоте №45.
Перетащив иконку "Внешний код" в центр макета, жмем на ссылку "Вставить". В новом окне вставляем наш HTML-код, который мы подготовили в блокноте и жмем на кнопку "Готово", как показано на скриншоте №46.
Здесь вставляем наш HTML-код, который мы подготовили в блокноте, жмем на кнопку "Готово" и возвращаемся в "Конструктор сайтов", как показано на скриншоте №47.
Для предварительного просмотра страницы жмем на кнопку "посмотреть", если все устраивает, то жмем на кнопку "опубликовать". Теперь наша страница сайта будет доступна всем пользователям сети интернет, а также поисковым роботам для индексации. Аналогично создаем другие страницы сайта. Редактирование созданных страниц происходит точно также как и шаблонов, редактирование которых мы изучили в третьей части данного урока. На этом урок по созданию сайта на бесплатном хостинге Яндекса закончен. Потренируйтесь создавать, редактировать и удалять страницы, чтобы лучше усвоить данный урок. Как скачать данный урок (файл в формате PDF) себе на компьютер можно узнать здесь. Как закачивать файлы на файлообменный сервис Яндекса, получать ссылки и размещать их у себя на сайте, устанавливать пароль на доступ и скачивать файлы с файлообменника к себе на компьютер, вы узнаете из следующего урока.