(Продолжение урока)

Урок по созданию сайта на бесплатном хостинге Яндекса

Часть третья. Редактирование страниц, создание папок, загрузка файлов

Для редактирования сайта необходимо войти в свой аккаунт. После ввода Логина и Пароля откроется страница "Управление сайтом", как показано на скриншоте №22.

Внимание! В этом разделе можно удалить свой сайт, кликнув на ссылку "Удалить". Также можно добавить свой домен. Как это делается можно узнать, кликнув по ссылке "Что для этого нужно?". Для редактирования страниц вашего сайта, жмем на кнопку "Радактировать" и попадаем в "Конструктор сайтов", как показано на скриншоте №23.

Обратите внимание, что в верхней части вашего сайта будет размещена реклама от Яндекса - это ваша плата за бесплатный хостинг. Для того, чтобы переименовать, например, название какого-либо пункта меню сайта, необходимо кликнуть на ссылку "Управление страницами". Например, мы хотим, чтобы в нашем меню вместо пункта "Опыт работы", был пункт "Фотогалерея". Кликаем на ссылку " Управление страницами". В открывшемся окне делаем изменения, как показано на скриншоте №24.

Итак, мы хотим, чтобы в нашем меню вместо пункта "Опыт работы", был пункт "Фотогалерея". Кликаем на иконку "карандаш" и в открывшемся окне делаем изменения, как показано на скриншоте №25.

Здесь заполняем соответствующие поля. В поле "Название страницы" вводим новое название - Фотогалерея. В поле "Заголовок страницы" вводим название, которое будет отображаться в самом верху браузера. Далее в поле "Ключевые слова" вводим слова, которые больше всего подходят для описания страницы. Это нужно поисковым роботам (специальным программам), которые собирают информацию о всех сайтах в интернете и передают ее в электронное хранилище. Когда кто-то в поисковой системе Яндекса или какой-либо другой, набирает слово, например, фотогалерея или фотоальбом, то возможно и наша страница с фотогалереей будет присутствовать в результатах поиска. Закончив заполнение всех полей, жмем на кнопку "Готово" и возвращаемся в окно "Перейти на страницу" (см. скриншот №24). Видим, что вместо пункта "Опыт работы", появился пункт "Фотогалерея". Если все устраивает, то жмем на кнопку "Закрыть" и возвращаемся в "Конструктор сайтов", как показано на скриншоте №26.

Чтобы заполнить страницу с фотогалереей, нужно кликнуть на ссылку "Управление страницами". Откроется окно, как показано на скриншоте №24, вместо пункта "Опыт работы" будет пункт "Фотогалерея". Кликаем на пункт "Фотогалерея". Откроется новая страница, в которой будут только форма поиска и меню. Далее жмем на вкладку "Медиа" и перетаскиваем иконку "фотогалерея" в центральную колонку (столбец) нашей страницы. Мы это уже делали, когда перетаскивали иконки с меню, текстом, новостями и поисковой формой (см. скриншот №13). Далее жмем на ссылку "Настроить", как показано на скриншоте №27.

Здесь жмем на ссылку "Настроить". Откроется окно, как показано на скриншоте №28.

Жмем на кнопку "Загрузить". Откроется окно, как показано на скриншоте №29.

Читаем пользовательское соглашение и жмем на кнопку "Я согласен". Откроется окно, как показано на скриншоте №30.

Здесь кликаем по ссылке "Добавьте фоторгафии". Откроется окно, как показано на скриншоте №31.

На своем компьютере находим и открываем папку с фотографиями, кликаем по фото, которое хотим вставить на сайт и жмем на кнопку "Открыть". Выбранное фото появится на странице сайта. Если хотим загрузить несколько фото одновременно, то удерживая на клавиатуре компьютера клавишу "CTRL", кликаем на всех фото, которые хотим добавить. Далее отпускаем клавишу "CTRL" и жмем на кнопку "Открыть". Выбранные фотографии появяться на сайте, как показано на скриншоте №32.

Фотографии можно увеличить, нажав на лупу, а также удалить, нажав на крестик. Еще можно произвести настройки, например, в Шаге 3, кликаем на ссылку "Настройки" и в выпадающем списке ставим галочки напротив тех пунктов, которые нам нужны. Сделав все настрайки кликаем по ссылке "Загрузить фото". Далее появится небольшое окно, где предложат сделать выбор: нажать на кнопку "Уменьшать фото" или на кнопку "Хранить оригиналы". Я выбираю "Уменьшить фото", чтобы фотографии загружались быстрее. После загрузки, фото которое было выделено, оказалось на сайте. Одновременно оно исчезло в разделе "Загрузка фотографий". После загрузки всех фото появится окно, как показано на скриншоте №33.

Здесь кликаем по ссылке "Перейти к просмотру своих альбомов". Откроется окно, как показано на скриншоте №34.

Все! Здесь кликаем по фото и смотрим, что у нас получилось. Для изменения дизайна страниц возвращаемся в конструктор сайтов и в выпадающем списке жмем на ссылку "изменить дизайн", как показано на скриншоте №35.

Откроется окно в котором делаем необходимые изменения, как показано на скриншоте №36.

После внесения изменений, например, мы изменили "Оформление" со строгого на синее, жмем на кнопку "Сохранить", откроется "Конструктор сайтов" и вы увидите изменения в дизайне страницы, как показано на скриншоте №37.

Фон страницы изменился на синий, а текст стал белого цвета. Теперь можно изменить настройки. Для этого кликаем на кнопку "конструктор сайтов" и в выпадающем списке жмем на ссылку "настройки", см.скриншот №35. Откроется окно, в котором делаем необходимые изменения, как показано на скриншоте №38.

Здесь можно убрать галочку, чтобы навигационная панель не занимала место в верхней части страницы. Также можно определить место под рекламный блок Яндекса, который в обязательном порядке будет присутствовать на странице. Его можно разместить в верхней части, справа или слева. Далее узнаем как можно загружать файлы на сайт. Для этого, в верхней части страницы, кликаем на кнопку "настройки" и в выпадающем списке жмем на ссылку "управление файлами". Откроется страница, как показано на скриншоте №39.

На этой странице, если кликнуть по ссылке "Загрузить файл", то появится форма с кнопкой "Обзор". Жмем на кнопку "Обзор" и в окне выбора выбираем нужные файлы. Мы это уже делали, когда загружали фотографии с компьютера в фотогалерею сайта, см.скриншот №31. Если кликнуть по ссылке "Новая папка", то откроется форма в нижней части меню вашего сайта. Здесь можно ввести имя новой папки. С ней можно проделывать тоже, что и с папками на вашем компьютере. Например, открывать, перемещать, переименовывать, удалять и т.д. В созданной папке, например, Glavnaya_papka, также можно создавать другие папки (подпапки), как показано на скриншоте №40.

В созданной папке, например, Glavnaya_papka, также можно создавать другие папки (подпапки). Чтобы создать другие папки, нужно нажать на зеленую иконку с плюсиком. Появится новая форма, куда вводим название, например, papka1, также создаем - papka2. В каждой такой папке можно создать другую папку, например, papka2-1 и papka2-2. В этих папках можно создать другие и т.д. Короче, все как на вашем компьютере. Удалить их можно, нажав на красную иконку с крестиком. На этом третья часть урока, посвященная редактированию страниц, созданию папок, загрузке файлов, закончена. Как создавать страницы без использования шаблонов, вы узнаете в следующей части данного урока.