создание сайта в системе ucoz(2012)

2012г.

Регистрация почтового ящикаВыбор почтовой системы

Шаг 1

Страница 1

В качестве почтового сервиса выбираем Mail.ruРегистрируемся, заводим электронный ящик и приступаем к следующему шагу.

Шаг 2

Страница 2

•После регистрации эл.ящика вводим в адресную строку браузера сайт системы Ucoz (www.ucoz.ru). •Мы попадаем на главную страницу системы. •Жмём кнопку «Создать сайт».

Страница 3

Шаг 3

Мы попадаем на страницу регистрации пользователя. Внимательно заполняем все поля, обратите особое внимание на то, что на один почтовый ящик можно зарегистрировать только один Unet-профиль(но это никак не влияет на количество создаваемых сайтов).

Шаг 4

Страница 4

•Правильные поля отмечаются зелёными галочками. •Не забудьте записать пароль указанный при регистрации, чтобы избежать в будущем проблем с доступом на сайт. •После того, как вы заполнили все поля, жмите кнопку «Регистрация».

Шаг 4

Страница 5

Регистрацию можно считать успешной если после нажатия кнопки «регистрация», вы увидели такое сообщение.

Шаг 5

Страница 6

•Теперь переходим на наш эл. ящик, созданный ранее и открываем письмо присланное от системы Ucoz.•Для полного завершения регистрации в системе, нам необходимо перейти по ссылке указанной в письме.

Шаг 6

Страница 7

На этом у меня

ВСЁ!!!

Хотя нет…Самое интересное и сложное ещё впереди...

Шаг 7

После того как мы перешли по ссылке в письме, мы попадаем на страницу веб-топа. Система попросит нас установить пароль для входа в веб-топ, который должен отличаться от пароля указанного при регистрации аккаунта.

Шаг 7

•Теперь нажмём на ярлык «Мои сайты» и создадим наш первый сайт.•Вводим название на английском языке и выбираем название домена второго уровня, например, «ucoz.ru». •Далее ставим галочку, что мы согласны с правилами хостинга.

Шаг 7

После того, как мы заполнили все поля и нажали кнопку «Продолжить», система попросит нас ввести пароль администратора веб-топа (это тот самый пароль, который мы ввели при первом запуске веб-топа).

Шаг 8

Если пароль введён верно, система порадует нас сообщением о том, что наш сайт создан. Теперь мы переходим к следующему шагу – работа над сайтом.Для этого жмём на кнопку «Панель управления сайтом».

Шаг 8

Вот мы и попали в главную панель управления сайтом. Теперь нам необходимо ввести название сайта (уже на русском языке) и выбрать дизайн . Пишем название сайта и жмём на кнопку «Выбрать дизайн».

Шаг 8

Выбираем любой понравившийся нам шаблон дизайна сайта. Для простоты выбора в верхнем левом углу можно выбрать категорию поиска.

Шаг 8

После того, как мы выбрали шаблон дизайна сайта жмём кнопку «Продолжить» . Перед нами появляется окно с выбором подключения модулей для нашего сайта. Выбираем модули, которые считаем нужными. В будущем можно подключить остальные, если в этом шаге создания вы были не уверенны в необходимости подключения доп. модулей.

Шаг 8

Панель управления – отсюда происходит полное управление и редактирование сайтом. Верхнее поле содержит информацию по сайту, левое по подключённым модулям, а нижние меню управления и редактирования сайтом. Так же над всеми полями располагается панель управления сайтом администратора.

Шаг 8

В строке «Адрес сайта» указана ссылка на наш созданный сайт, нажав на которую мы попадём на него.Давайте посмотрим как он выглядит сейчас.

Шаг 8

Вот так сейчас выглядит главная страница нашего сайта. В первую очередь нам необходимо сменить надпись «Мой сайт» на название нашего сайта. Для этого мы возвращаемся на страницу с панелью управления сайтом.

Шаг 8

В панели управления выбираем «Управление дизайном» и в глобальных блоках «Верхняя часть сайта».

Шаг 8

Находим строку с кодом Мой сайт

Шаг 8

Меняем в этой строке только «Мой сайт» на название нашего сайта и жмём кнопку «Сохранить».

Шаг 8

Переходим на страницу нашего сайта и любуемся результатом. Название сменилось на то, что мы прописали в верхнем глобальном блоке. При желании название всегда можно изменить.

Шаг 8

Теперь добавим на наш сайт наш первый материал. Для этого жмём на кнопку «Добавить материал» на главной странице сайта.Начнём с названия материала и с добавлением картинки. Для этого в поле редактирования материала жмём на кнопку «Изображение». Перед нами появляется окно для работы с изображением.

Шаг 8

В верхнем поле вставляется ссылка на изображение, если оно находится в сети интернет, если же изображение находится на компьютере, жмём на кнопку с изображением «раскрытой папки». В поле «Выравнивание» редактируется расположение текста по отношению к картинке. В полях «ширина» и «высота» указываются значения для размера картинки в пикселах.

Шаг 8

Обратите ваше внимание на то, что при выборе «выравнивания» внизу окна будет показан пример того, как текст будет располагаться по отношению к картинке.Если вы уже определились с выбором картинки и указали все интересующие вас параметры, жмите на кнопку «вставить».

Шаг 8

Посмотрим на результат после того, как мы вставили картинку и сразу же перейдём к следующему уроку. Теперь нам необходимо вставить ссылку или закрепить её за определённой фразой в тексте. Для этого выделяем нужную нам фразу и в панели редактирования жмём на кнопку «Ссылка».

Шаг 8

В поле «Адрес» вставляем ссылку на сайт. А в поле «Фрэйм/окно» выбираем «Blank(новое окно)» это делаем для того, чтобы при нажатии на ссылку страница открылась в новом окне браузера.

Шаг 8

После того как вы закончили редактирование материала, жмём на кнопку «Добавить» и переходим на главную страницу сайта. Смотрим на результат нашей работы.

Шаг 8

Возвращаемся в панель управления и переходим в модуль «Редактор страниц» и далее в «Управление материалами» для того, чтобы добавить новую страницу. Жмём на кнопку (верхний левый угол) «Добавить страницу».

Шаг 8

Пишем название страницы. Заполняем рабочую область содержимым. И жмём кнопку «Сохранить».

Шаг 8

Теперь посмотрим на результат .На первом рисунке мы видим, что страница появилась в «Конструкторе меню», а на втором что она появилась на сайте в главном меню.

Шаг 8

Так же новую страницу можно добавить через «Конструктор меню» в виде ссылки. Чтобы попасть в данное меню, необходимо на главной странице панели управления сайтом возле «Управление дизайном» нажать на «Конструктор меню». Чтобы добавить новую страницу, нажимаем на кнопку «Добавить пункт меню» в появившемся окне заполняем поля: название, URL адрес (ссылка на страницу) и ставим галочку для того, чтобы страница открывалась в новом окне. Далее жмём «Применить», а за тем в самом конструкторе кнопку «Сохранить»

Шаг 8

Теперь посмотрим на результат нашей работы. На первом рисунке мы видим как страница добавилась в «Конструктор меню», а на втором как она появилась на сайте в главном меню.

Шаг 8

Перейдём в «Конструктор меню» для того чтобы сделать меню с раскрывающимся списком. Для этого, наводим курсор мыши на зелёный крестик (появится надпись «Вложить») , зажимаем левую клавишу мыши и перетаскиваем страницу в другую (будет подсвечена чёрным). Результат должен получиться таким, как на показано на втором рисунке.

Шаг 8

Так должен выглядеть наш результат на сайте в главном меню. Меню такого рода можно сделать для того, чтобы объединить близкие по тематике страницы или для того, чтобы не создавать много-списочное меню.

Шаг 8

Теперь попытаемся понять что такое «Файловый менеджер» и для чего он нам нужен. Если вы хотите чтобы документы, изображение и т.п. были доступны через ваш сайт, их необходимо загрузить. Для этого их необходимо предварительно загрузить на сайт через «Файловый менеджер». Заходим в панель управления сайтом и раскрываем вкладку «Инструменты» и выбираем «Файловый менеджер».

Шаг 8

Вот так выглядит «Файловый менеджер». Для того чтобы сгруппировать определённые файлы в одном месте для быстрого поиска можно создать отдельную папку, для этого жмём «Создать папку». Для того чтобы загрузить файл – жмём «Выберите файл», а за тем «Загрузить файл».

Шаг 8

После загрузки файла справа от него появляются кнопки управления:•Просмотр файла•HTML-код картинки•Информация о файле•Прямая ссылка (которую можно будет использовать для добавления файла в материал)•Удаление файла

Шаг 9

Теперь после того, как наш сайт создан, нам необходимо сделать резрвное копирование. Это необходимо для того, чтобы уберечь изменения и данные сайта от потери.Для этого заходим в «Панель Управления» далее в «Управление дизайном», а затем в верхней панели выбираем «Backup шаблонов».

Шаг 9

В появившемся окошке выбираем «Создать резервную копию». Обратите внимание, что максимальное число копий составляет 20. Для того, чтобы восстановить сайт, необходимо выбрать нужную копию и нажать «Восстановить»

На этом наш первый урок подходит к концу.

Желаю вам удачи в вашей работе по созданию сайта!

создание сайта в системе ucoz(2012)

Internet