Занятие 5. Создание сайтов с помощью конструкторов сайтов

Занятие 5. Создание сайтов с помощью конструкторов сайтов © ЮНИИ ИТ 2010

Цели урока Получить представление о создании сайтов при помощи конструкторов сайтов. Получить практический опыт создания сайта средствами сервиса Яндекс. Народ. © ЮНИИ ИТ 2010 2

Содержание 1. Конструкторы сайтов 2. Использование конструкторов сайтов 3. Обзор конструкторов сайтов 4. Задание № 1. Создание сайта с помощью сервиса Яндекс. Народ 5. Задание № 2. Редактирование сайта 6. Домашнее задание © ЮНИИ ИТ 2010 3

Конструкторы сайтов Конструктор сайтов – сервис для создания и хостинга сайтов, хранения и обмена файлами. Создание сайта, а тем более полнофункционального магазина с помощью текстовых редакторов – достаточно трудоемкий процесс. Любой человек не знакомый с такими понятиями, как HTML, CSS, My. SQL и PHP, может сам быстро сделать сайт в Конструкторе сайтов. Существуют как платные и бесплатные конструкторы, так и On-line и Off-line конструкторы. © ЮНИИ ИТ 2010 4

Использование конструкторов сайтов В каких случаях имеет смысл воспользоваться конструктором сайтов? Для того чтобы набраться опыта – если Вы начинающий интернет-предприниматель и пользоваться платными профессиональными ресурсами для Вас пока неоправданно. Если Вам нужен мини-сайт из нескольких страниц для: размещения подписки на Вашу рассылку; продажи или рекламы какого-либо одного продукта или услуги; простого сайта о себе, своей компании, любимом месте отдыха и т. д. © ЮНИИ ИТ 2010 5

Обзор бесплатных конструкторов сайтов www. ucoz. ru - конструктор сайтов u. Coz включает в себя хостинг и систему управления сайтом. Включает в себя отдельно платные услуги. www. google. com - это простой и бесплатный способ создавать веб-страницы и предоставлять к ним доступ. Включает в себя отдельно платные услуги. www. yandex. ru - бесплатный конструктор сайтов Народ. ru от Яндекса. © ЮНИИ ИТ 2010 6

Обзор платных конструкторов сайтов www. e-gloryon. com - конструктор сайтов и интернет- магазинов e-Gloryon ориентирован на виртуальную торговлю. www. jimdo. com - бесплатный хостинг и конструктор для создания персональных сайтов Jimdo. www. con-structor. ru - конструктор сайтов и интернет- магазинов. Основным отличием платных конструкторов сайтов от бесплатных – это наличие более широкого спектра функций по созданию сайта и его управлению. 7 © ЮНИИ ИТ 2010

Задание 1. Создание сайта с помощью сервиса Яндекс. Народ Шаг 1. Начало работы Откройте сайт www. yandex. ru и перейдите по ссылке “Народ” в нижнем левом углу страницы © ЮНИИ ИТ 2010 8

Шаг 2. Регистрация почтового ящика Начните процедуру с нажатия кнопки “Создайте свой сайт” В появившемся окне перейдите по ссылке “Зарегистрироваться” 9 © ЮНИИ ИТ 2010

Шаг 3. Ввод персональных данных Введите свои персональные данные: имя, фамилию, и уникальный логин. Нажмите кнопку “Дальше” и перейдите к следующему шагу регистрации. 10 © ЮНИИ ИТ 2010

Шаг 4. Окончание регистрации На втором шаге регистрации вы должны ввести пароль и данные необходимые для восстановления в случае потери. Нажмите кнопку “Зарегистрировать” 11 © ЮНИИ ИТ 2010

Шаг 5. Создание сайта с помощью конструктора Для того чтобы создать сайт нажмите на ссылку «Создать сайт с помощью конструктора» на главной странице сервиса. 12 © ЮНИИ ИТ 2010

Шаг 6. Выбор спецификации сайта Укажите тип будущего сайта. От того, какой из вариантов вы выберите, будет зависеть первоначальный набор страниц вашего сайта, набор и расположение готовых блоков. Нажмите кнопку “Дальше” и перейдите к следующему шагу. 13 © ЮНИИ ИТ 2010

Шаг 7. Настройка первоначальных параметров Укажите название сайта, загрузите логотип (картинку), отметьте флажками необходимый вам первоначальный набор страниц. Нажмите кнопку “Дальше” и перейдите к следующему шагу. 14 © ЮНИИ ИТ 2010

Шаг 8. Настройка дизайна Выберите вариант цветового оформления вашего сайта, шрифт и макет. Нажмите кнопку “Начать заполнять”. 15 © ЮНИИ ИТ 2010

Шаг 9. Просмотр созданного сайта Ваш сайт будет создан с теми параметрами дизайна, которые вы выбрали. С этого момента он доступен для посетителей по адресу <ваш логин>. narod 2. ru. 16 © ЮНИИ ИТ 2010

Задание 2. Редактирование сайта Шаг 1. Начало работы Все инструменты для создания и редактирования сайта находятся на панели инструментов в верхней части экрана. Здесь располагаются готовые блоки, и элементы управления страницами, настройки внешнего вида и параметров сайта. Редактирование сайта происходит путем размещения и настройки готовых блоков. 17 © ЮНИИ ИТ 2010

Шаг 2. Переход к редактированию страницы Чтобы перейти к редактированию страницы, нажмите “управление страницами” на панели инструментов в верхней части экрана. В появившемся окне выберите нужную вам страницу и нажмите на ее название. Например, страница “О компании”. 18 © ЮНИИ ИТ 2010

Шаг 3. Свойства страницы Для редактирования свойств страницы, нажмите “Свойства страницами” на панели инструментов. Вы можете настроить Название страницы (как страница будет называться в меню сайта), заголовок (текст, который будет отображаться в заголовке браузера), описание (описание страницы в результатах поиска). 19 © ЮНИИ ИТ 2010

Шаг 4. Добавление страниц Для добавления страницы нажмите ссылку “Добавить страницу” на панели инструментов. В диалоге создания страницы укажите название страницы, адрес страницы (URL) будет предложен автоматически. Нажмите кнопку “Готово”. 20 © ЮНИИ ИТ 2010

Шаг 5. Удаление страниц Для удаления страницы нажмите ссылку “Управление страницами” в панели инструментов. В появившемся окне нажмите на кнопку «удалить» , расположенную справа от названия страницы (кнопка изображена в виде крестика). Нажмите кнопку “Готово”. 21 © ЮНИИ ИТ 2010

Шаг 6. Добавление нового блока Выберите блок “Текст” и переместите его на страницу. В процессе размещения вы увидите на странице обозначенные цветом места возможного размещения блока. После его размещения на выбранном вами месте появится “заготовка” блока. 22 © ЮНИИ ИТ 2010

Шаг 7. Редактирование блока Для размещения текста в данном блоке нажмите ссылку “Написать” внутри блока. В появившемся окне введите необходимую информацию и нажмите кнопку “Готово”. 23 © ЮНИИ ИТ 2010

Шаг 8. Сохранение изменений и публикация Вы можете отменить или вернуть действие при помощи соответствующих кнопок на панели инструментов. Сохранение всех изменений происходит автоматически после каждого действия. Чтобы сделанные изменения отобразились на вашем сайте, нажмите на кнопку «Опубликовать» . 24 © ЮНИИ ИТ 2010

Шаг 9. Просмотр созданного сайта Вы можете просмотреть ваш сайт нажав “<ваш логин>. narod 2. ru” в правем верхнем углу страницы. 25 © ЮНИИ ИТ 2010

Шаг 10. Удаление сайта Нажмите кнопку «Конструктор сайтов» и выберите в выпадающем меню Удалить сайт. Для удаления сайта требуется ввести ваш пароль. После удаления сайта вы перейдете на главную страницу сервиса. 26 © ЮНИИ ИТ 2010