Download - создание сайта в системе Ucoz(2012)
![Page 1: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/1.jpg)
2012г.
![Page 2: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/2.jpg)
Регистрация почтового ящикаВыбор почтовой системы
Шаг 1
Страница 1
![Page 3: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/3.jpg)
В качестве почтового сервиса выбираем Mail.ruРегистрируемся, заводим электронный ящик и приступаем к следующему шагу.
Шаг 2
Страница 2
![Page 4: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/4.jpg)
•После регистрации эл.ящика вводим в адресную строку браузера сайт системы Ucoz (www.ucoz.ru). •Мы попадаем на главную страницу системы. •Жмём кнопку «Создать сайт».
Страница 3
Шаг 3
![Page 5: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/5.jpg)
Мы попадаем на страницу регистрации пользователя. Внимательно заполняем все поля, обратите особое внимание на то, что на один почтовый ящик можно зарегистрировать только один Unet-профиль(но это никак не влияет на количество создаваемых сайтов).
Шаг 4
Страница 4
![Page 6: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/6.jpg)
•Правильные поля отмечаются зелёными галочками. •Не забудьте записать пароль указанный при регистрации, чтобы избежать в будущем проблем с доступом на сайт. •После того, как вы заполнили все поля, жмите кнопку «Регистрация».
Шаг 4
Страница 5
![Page 7: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/7.jpg)
Регистрацию можно считать успешной если после нажатия кнопки «регистрация», вы увидели такое сообщение.
Шаг 5
Страница 6
![Page 8: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/8.jpg)
•Теперь переходим на наш эл. ящик, созданный ранее и открываем письмо присланное от системы Ucoz.•Для полного завершения регистрации в системе, нам необходимо перейти по ссылке указанной в письме.
Шаг 6
Страница 7
![Page 9: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/9.jpg)
На этом у меня
ВСЁ!!!
![Page 10: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/10.jpg)
![Page 11: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/11.jpg)
Хотя нет…Самое интересное и сложное ещё впереди...
![Page 12: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/12.jpg)
Страница 9
Шаг 7
После того как мы перешли по ссылке в письме, мы попадаем на страницу веб-топа. Система попросит нас установить пароль для входа в веб-топ, который должен отличаться от пароля указанного при регистрации аккаунта.
![Page 13: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/13.jpg)
Страница 10
Шаг 7
•Теперь нажмём на ярлык «Мои сайты» и создадим наш первый сайт.•Вводим название на английском языке и выбираем название домена второго уровня, например, «ucoz.ru». •Далее ставим галочку, что мы согласны с правилами хостинга.
![Page 14: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/14.jpg)
Страница 11
Шаг 7
После того, как мы заполнили все поля и нажали кнопку «Продолжить», система попросит нас ввести пароль администратора веб-топа (это тот самый пароль, который мы ввели при первом запуске веб-топа).
![Page 15: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/15.jpg)
Страница 12
Шаг 8
Если пароль введён верно, система порадует нас сообщением о том, что наш сайт создан. Теперь мы переходим к следующему шагу – работа над сайтом.Для этого жмём на кнопку «Панель управления сайтом».
![Page 16: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/16.jpg)
Страница 13
Шаг 8
Вот мы и попали в главную панель управления сайтом. Теперь нам необходимо ввести название сайта (уже на русском языке) и выбрать дизайн . Пишем название сайта и жмём на кнопку «Выбрать дизайн».
![Page 17: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/17.jpg)
Страница 14
Шаг 8
Выбираем любой понравившийся нам шаблон дизайна сайта. Для простоты выбора в верхнем левом углу можно выбрать категорию поиска.
![Page 18: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/18.jpg)
Страница 15
Шаг 8
После того, как мы выбрали шаблон дизайна сайта жмём кнопку «Продолжить» . Перед нами появляется окно с выбором подключения модулей для нашего сайта. Выбираем модули, которые считаем нужными. В будущем можно подключить остальные, если в этом шаге создания вы были не уверенны в необходимости подключения доп. модулей.
![Page 19: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/19.jpg)
Страница 16
Шаг 8
Панель управления – отсюда происходит полное управление и редактирование сайтом. Верхнее поле содержит информацию по сайту, левое по подключённым модулям, а нижние меню управления и редактирования сайтом. Так же над всеми полями располагается панель управления сайтом администратора.
![Page 20: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/20.jpg)
Страница 17
Шаг 8
В строке «Адрес сайта» указана ссылка на наш созданный сайт, нажав на которую мы попадём на него.Давайте посмотрим как он выглядит сейчас.
![Page 21: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/21.jpg)
Страница 18
Шаг 8
Вот так сейчас выглядит главная страница нашего сайта. В первую очередь нам необходимо сменить надпись «Мой сайт» на название нашего сайта. Для этого мы возвращаемся на страницу с панелью управления сайтом.
![Page 22: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/22.jpg)
Страница 19
Шаг 8
В панели управления выбираем «Управление дизайном» и в глобальных блоках «Верхняя часть сайта».
![Page 23: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/23.jpg)
Страница 20
Шаг 8
Находим строку с кодом <!-- <logo> -->Мой сайт<!--</logo> -->
![Page 24: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/24.jpg)
Страница 21
Шаг 8
Меняем в этой строке только «Мой сайт» на название нашего сайта и жмём кнопку «Сохранить».
![Page 25: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/25.jpg)
Страница 22
Шаг 8
Переходим на страницу нашего сайта и любуемся результатом. Название сменилось на то, что мы прописали в верхнем глобальном блоке. При желании название всегда можно изменить.
![Page 26: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/26.jpg)
Страница 23
Шаг 8
Теперь добавим на наш сайт наш первый материал. Для этого жмём на кнопку «Добавить материал» на главной странице сайта.Начнём с названия материала и с добавлением картинки. Для этого в поле редактирования материала жмём на кнопку «Изображение». Перед нами появляется окно для работы с изображением.
![Page 27: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/27.jpg)
Страница 24
Шаг 8
В верхнем поле вставляется ссылка на изображение, если оно находится в сети интернет, если же изображение находится на компьютере, жмём на кнопку с изображением «раскрытой папки». В поле «Выравнивание» редактируется расположение текста по отношению к картинке. В полях «ширина» и «высота» указываются значения для размера картинки в пикселах.
![Page 28: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/28.jpg)
Страница 25
Шаг 8
Обратите ваше внимание на то, что при выборе «выравнивания» внизу окна будет показан пример того, как текст будет располагаться по отношению к картинке.Если вы уже определились с выбором картинки и указали все интересующие вас параметры, жмите на кнопку «вставить».
![Page 29: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/29.jpg)
Страница 26
Шаг 8
Посмотрим на результат после того, как мы вставили картинку и сразу же перейдём к следующему уроку. Теперь нам необходимо вставить ссылку или закрепить её за определённой фразой в тексте. Для этого выделяем нужную нам фразу и в панели редактирования жмём на кнопку «Ссылка».
![Page 30: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/30.jpg)
Страница 27
Шаг 8
В поле «Адрес» вставляем ссылку на сайт. А в поле «Фрэйм/окно» выбираем «Blank(новое окно)» это делаем для того, чтобы при нажатии на ссылку страница открылась в новом окне браузера.
![Page 31: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/31.jpg)
Страница 28
Шаг 8
После того как вы закончили редактирование материала, жмём на кнопку «Добавить» и переходим на главную страницу сайта. Смотрим на результат нашей работы.
![Page 32: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/32.jpg)
Страница 29
Шаг 8
Возвращаемся в панель управления и переходим в модуль «Редактор страниц» и далее в «Управление материалами» для того, чтобы добавить новую страницу. Жмём на кнопку (верхний левый угол) «Добавить страницу».
![Page 33: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/33.jpg)
Страница 30
Шаг 8
Пишем название страницы. Заполняем рабочую область содержимым. И жмём кнопку «Сохранить».
![Page 34: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/34.jpg)
Страница 31
Шаг 8
Теперь посмотрим на результат .На первом рисунке мы видим, что страница появилась в «Конструкторе меню», а на втором что она появилась на сайте в главном меню.
![Page 35: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/35.jpg)
Страница 32
Шаг 8
Так же новую страницу можно добавить через «Конструктор меню» в виде ссылки. Чтобы попасть в данное меню, необходимо на главной странице панели управления сайтом возле «Управление дизайном» нажать на «Конструктор меню». Чтобы добавить новую страницу, нажимаем на кнопку «Добавить пункт меню» в появившемся окне заполняем поля: название, URL адрес (ссылка на страницу) и ставим галочку для того, чтобы страница открывалась в новом окне. Далее жмём «Применить», а за тем в самом конструкторе кнопку «Сохранить»
![Page 36: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/36.jpg)
Страница 33
Шаг 8
Теперь посмотрим на результат нашей работы. На первом рисунке мы видим как страница добавилась в «Конструктор меню», а на втором как она появилась на сайте в главном меню.
![Page 37: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/37.jpg)
Страница 34
Шаг 8
Перейдём в «Конструктор меню» для того чтобы сделать меню с раскрывающимся списком. Для этого, наводим курсор мыши на зелёный крестик (появится надпись «Вложить») , зажимаем левую клавишу мыши и перетаскиваем страницу в другую (будет подсвечена чёрным). Результат должен получиться таким, как на показано на втором рисунке.
![Page 38: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/38.jpg)
Страница 35
Шаг 8
Так должен выглядеть наш результат на сайте в главном меню. Меню такого рода можно сделать для того, чтобы объединить близкие по тематике страницы или для того, чтобы не создавать много-списочное меню.
![Page 39: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/39.jpg)
Страница 36
Шаг 8
Теперь попытаемся понять что такое «Файловый менеджер» и для чего он нам нужен. Если вы хотите чтобы документы, изображение и т.п. были доступны через ваш сайт, их необходимо загрузить. Для этого их необходимо предварительно загрузить на сайт через «Файловый менеджер». Заходим в панель управления сайтом и раскрываем вкладку «Инструменты» и выбираем «Файловый менеджер».
![Page 40: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/40.jpg)
Страница 37
Шаг 8
Вот так выглядит «Файловый менеджер». Для того чтобы сгруппировать определённые файлы в одном месте для быстрого поиска можно создать отдельную папку, для этого жмём «Создать папку». Для того чтобы загрузить файл – жмём «Выберите файл», а за тем «Загрузить файл».
![Page 41: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/41.jpg)
Страница 38
Шаг 8
После загрузки файла справа от него появляются кнопки управления:•Просмотр файла•HTML-код картинки•Информация о файле•Прямая ссылка (которую можно будет использовать для добавления файла в материал)•Удаление файла
![Page 42: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/42.jpg)
Страница 39
Шаг 9
Теперь после того, как наш сайт создан, нам необходимо сделать резрвное копирование. Это необходимо для того, чтобы уберечь изменения и данные сайта от потери.Для этого заходим в «Панель Управления» далее в «Управление дизайном», а затем в верхней панели выбираем «Backup шаблонов».
![Page 43: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/43.jpg)
Страница 40
Шаг 9
В появившемся окошке выбираем «Создать резервную копию». Обратите внимание, что максимальное число копий составляет 20. Для того, чтобы восстановить сайт, необходимо выбрать нужную копию и нажать «Восстановить»
![Page 44: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/44.jpg)
На этом наш первый урок подходит к концу.
Желаю вам удачи в вашей работе по созданию сайта!
![Page 45: создание сайта в системе Ucoz(2012)](https://reader037.vdocuments.net/reader037/viewer/2022102701/5592c9741a28ab515c8b46b6/html5/thumbnails/45.jpg)