ucoz.ru Конструктор сайтов Часть 3 Редактор страниц
Продолжаем наше знакомство с конструктором сайтов Ucoz.ru. Тема этого урока Редактор страниц. Выполняем обычный вход в Панель управления:
Редактор страниц
переходим в Админ Панель сайта:
Редактор страниц
И перед нами открывается первый раздел -»Управление Модулем». Нажимаю на «Редактор страниц»:
Редактор страниц
И здесь могу просто сразу «Добавить страницу» нажимая ссылку справа на верху. Но мы продолжим с раздела «Управление страницами сайта».
Редактор страниц
Здесь мы видим какие у нас уже имеются страницы. Добавлять страницу не сложно (нажимая на кнопку добавления страниц), но мы пока познакомимся со способами изменения содержания страниц. Перед каждой страницей есть 3 значка: глаз, ключик и креситк -
Редактор страниц
Они означают:
1. Визуальный режим (с ним и поработаем) 2. HTML режим 3. Удаление страницы
Нам больше понадобится первое. Нажимаю на значок глаза перед Главной страницей:
Редактор страниц
Название страниц можно менять на нужную нам ключевую фразу. Ниже, простой текстовый редактор, но там уже есть один код (форма). Его я не трогаю, потому что он будет показывать на Главной станице все новости сайта.
$LAST_NEWS$ - код оставляю на месте и ниже начинаю вводить текст.
Редактор страниц
Добавляю текст, который у меня уже был с прошлого урока (то есть начинаю вводить Контент). Но пока что у нас простой текст, которую нужно оформлять (форматировать). Для этого я выбираю например заголовок статьи (у него фон стал синим) и перевожу в центр страницы нажав кнопку, которая жёлтая на картинке. Далее я делаю его размер покрупнее, выбирая кегль (размер) №6 ,
Редактор страниц
и ещё придаю ему синий цвет
Редактор страниц
Таким же образом я могу выбрать и вариант шрифта для текста:
Редактор страниц
Текст можно сделать Жирным (чтобы подчёркивать его таким образом для посетителей) или обратить внимание поисковых роботов на ключевые фразы:
Редактор страниц
Часть текста (например Примечания) я превращаю в курсивный текст):
Редактор страниц
Текст так же можно сделать подчёркнутым:
Редактор страниц
Вот как стал выглядеть мой текст после всех изменений.
Редактор страниц
Эти изменения нужно сохранять:
Редактор страниц
И после смотрю на свой сайт уже в роли посетителя. Вроде текст уже нормальный , но не хватает картинок, роликов и т.д.
Редактор страниц
Для добавления я продолжаю обработку страницы:
Редактор страниц
Нажав на кнопку добавить изображение, открывается форма добавления :
Редактор страниц
Начинаем с выбора Пути к изображению. Нажав на папку напротив поля «Путь», откроется вот такая форма для загрузки изображения с моего конструктора на сайт. Нажав на «Обзор» откроется содержание моего компьютера, откуда я найду и выберу нужную картинку, и нажму на «Загрузить файл». Могу добавить ещё, нажав на плюсик, или вставлять ссылку, поставив галочку в квадратике.
Редактор страниц
Файл появился после загрузки в форме (skype-14.jpg) , и напротив него кнопки для его обработки (можно менять размеры, добавить описание, удалять и т.д. Закончив обработку я просто кликаю двойным кликом на название изображения и он вставится на моём сайте, на том месте , где стаял курсор.
Редактор страниц
При обработке изображения лучше поставить ему рамки, особенно если Вы собираетесь прикрепить к нему ссылку (выбирайте вид, толщину и цвет рамки).
Редактор страниц
Продолжаем с первой формой. Добавляем Название изображения. Ниже выбираем «Выравнивание». Я выбрал слева и картинка переместится с середины на лево, а кругом будет расположен текст. Стиль рамки мы выбирали выше, размеры менять не хотим и переходим к Отступу. «Отступ» — это расстояние картинки от текста. Осталось только нажать на «Вставить».
Редактор страниц
Вот и всё. Изображение нашло своё место на странице.
Редактор страниц
А теперь ещё раз повторим процесс прикрепления ссылки к картинкам, на сей раз на примере конструктора Ucoz.ru. Выбираем изображение и нажимаем на значок «Ссылка».
Редактор страниц
Открылась форма. Из первого списка нас пока что интересует только http/ . Далее вводим адрес страницы
Редактор страниц
Ниже выбираем варианты фрейма (как откроется сайт): Self — ссылка откроется в том же окне, Blank — ссылка откроется в новом окне, Parent — ссылка откроется внутри той же страницы. И нажимаем на «Вставить».
Редактор страниц
До того как эти изменения сохранять, я хочу добавить ещё кое-что. Например виджет соц. закладок. Добавляется так же, как в калонках, но с одной разницей: добавлять будем не форму, а через копирование кода HTML . Выбираю опции: 5 колонок, размер 16 пикселей, все социалки, режим обычный и нажимаю «Получить код»
Редактор страниц
Копируйте код :
Редактор страниц
Что это такое, понять не нужно. Нам достаточно знать то, что это код той формы, которую мы видели в форме). Вставлять нужно не визуальном режиме, а в HTML (нажмите ссылку перехода справа на верху). Откроется код страницы, и в самом низу добавляем наш код. Сохраняем и возвращаемся в визуальный режим нажимая на новую ссылку, которая появилась справа на верху.
Редактор страниц
После сохранения смотрим на свой сайт. Виджет с социалками у нас под текстом внизу страницы.
Редактор страниц
Посмотрим ещё одну страницу, которая по умолчанию было у нас на сайте. Страницу «Обратная связь».
Редактор страниц
Здесь есть только одна форма, по которой могут с Вами связаться посетители сайта. Вот как она выглядит:
Редактор страниц
Если Вам с этой формы напишут письмо, то оно придёт к Вам на тот почтовый ящик, который Вы указали при регистрации в Ucoz.ru .
Теперь давайте сами добавим одну страницу. Нажали на добавление новой страницы, вели Название, написали текст, преположим добавили все материалы и сохранили.
Редактор страниц
Новая страницы будет выглядеть так, а его ссылка сама добавиться в Меню сайта в самом конце списка страниц:
Редактор страниц
Добавление подстраниц. Подстраница, это страницы, которые не видны, пока не наведёте мышку на его родительскую страницу или не кликните по родительской странице. Такие страницы в меня показываются под основной (родительской страницей) и являются их разделами.
Редактор страниц
Я хоть и создал тут подстраницу, но реально его превращать из простой страницы в подстраницу я буду с конструктора сайта.
Редактор страниц
Для этого я перехожу в режим конструктора, чтобы обработать Меню сайта. В блоке Меню нажимаю на ключик:
Редактор страниц
Вижу все страницы. Последняя страница «ПППП» нам совершенно не нужна. Удаляю нажав на крестик. Теперь меня место страницы Apas-Vital. Вставлю мышку на его названии, появится большой крестик и я его перетащу под Главную страницу.
Редактор страниц
Страница встала под Главной страницей. Если хочу вложить её в Главную страницу (превратить её в подстраницу), ставлю курсор на зелёный крестик и таскаю его на название Главной страницы.
Редактор страниц
Знак плюса превращается в квадратик (значит мы уже на месте) и отпускаю.
Редактор страниц
И что поменялось? Закройте конструктор и посмотрите как посетитель. Страницы Апас не видно сразу. Навожу курсор на Главную страницу, выпадает список страниц второго уровня. Теперь могу открыть и эти страницы.
Редактор страниц
Ещё что можно делать в меню? Обрабатывать пункты на месте: менять названия и адреса страниц, нажимая на карандашик рядом с названием пунктов меню.
Редактор страниц
Добавлять пункты меню:
Редактор страниц
Теперь посмотрите на то же Меню внутри Админ Панели. Та же картина.
Редактор страниц
Теперь вернёмся к Редактору страниц и посмотрим что ещё там нам необходим. Например в разделе «Каталог файлов» можно добавлять те файлы, которыми Вы хотите делится с Вашими партнёрами.
Редактор страниц
Назовите материал:
Редактор страниц
добавьте описание текстом. Ниже в форме с помощью обзора выбираю нужный файл, могу добавить альтернативный вариант скачивания файла (например с другого файлоообменика), свои днные, теги (ключевые слова, которые характеризуют наш файл) и опции для данной страницы.
Редактор страниц
В результате у меня на странице Каталог файлов появился материал, который могут скачать посетители сайта и даже оставлять комментарии.
Редактор страниц
Возвращаюсь в Админ панель и захожу в следующий раздел: «Управление материалами». Будем добавлять материал в Новостях .
Редактор страниц
Ввожу как обычно Название материла, описание,
Редактор страниц
ниже в форме добавляю изображение, теги, выбираю опции и добавляю.
Редактор страниц
В Новостях у меня появился новый материал про Акции компании.
Редактор страниц
Далее можете посмотреть раздел Модулей. Так как мы пока что не знаем языка HTML , менять чего то тут мы не будем и перейдём
Редактор страниц
в раздел Фотоальбом из этого же ряда.
Редактор страниц
Обычное добавление архивов, с выбором или добавлением категорий.
Редактор страниц
Собственно всё о Редакторе. На следующем уроке мы поговорим о последних разделах Админ панели Ucoz.ru и Вы уже будете полностью готовы делать себе сайты с помощью этого конструктора.
