Добро пожаловать на уроки по управлению сайтом в системе Ucoz!
Урок 1. Итак, я предусмотрел 2 полигона, на которых можно тренироваться в веб-дизайне. Так как я, как уже писал один раз, ничего не понимаю в джаваскрипте, то ничего на этот счет не предусмотрено. Я отвечаю за первый полигон (www.poligon-train.ucoz.ru), работаю там с теми, кто хочет чему-нибудь научиться. У Юкоза интуитивно понятный интерфейс (ну, ладно, не совсем интуитивно, но, по крайней мере, понятный). Администрирование сайта происходит через админку (ну, логично не правда ли). Зайти в нее можно по ссылке www.(название сайта).(домен)/admin (например, www.poligon-train.ucoz.ru/admin), или через панель администратора (наверху страницы) ->Общее -> вход в панель управления. Первым делом, я предлагаю оглядеться там, посмотреть что где находится, что за что отвечает. Единственное правило (оно меня не раз спасало): удалять бэкапы запрещено, иначе может случиться непоправимое (бэкапы находятся: панель администратора -> Дизайн -> Управление дизайном (шаблоны) -> backup шаблонов. Редактирование страниц сайта находится как раз в подменю «Управление дизайном (шаблоны)» - там довольно большой список присутствует. Если щелкнуть на одну из ссылок, например, «меню сайта» (кстати, самый простой из шаблонов) то можно увидеть исходный код страницы. Если честно, даже я понимаю далеко не все на сложных страницах (смотри «страницы сайта» в списке шаблонов). К счастью, существует довольно простой, хоть и иногда глючный, способ редактирования кода - визуальный редактор (прямо под окном редактирования). Одна из интересных частей администрирования – редактирование пользователей. В админке, справа есть меню – в нем надо зайти в раздел «Пользователи». В окне наверху, вводите ник пользователя, которого вы хотите найти, жмете (угадайте, что?) найти. В общем, разобраться очень просто. Сейчас, я предлагаю зайти на сайт www.poligon-train.ucoz.ru, зарегестрироваться на нем, через админку сделать себе доступ администратора, осмотреться там. В качестве опции: попробовать поменять какой-нибудь шаблон. Совсем забыл: пароль на админку первого полигона: a98huigs7286 Все, первый урок закончен. На втором уроке будут: файловый менеджер, редактирование шаблонов, бэкапы. А я пока пошел разминать онемевшие пальцы
Урок 2 На этом уроке мы будем изучать файловый менеджер, шаблоны и бэкапы. Вернее, немного в другом порядке: изучать шаблоны, не изучив бэкапы - опасно. Итак, пройдем на Полигон #1. Вижу там уже кто-то постарался. Кстати, если вы хотите поставить свой баннер, не стоит этого делать на полигоне, можете просто отдать мне, я его на этом сайте поставлю. Файловый менеджер - это простой способ загружения материалов на сайт для использования непосредственно на сайте. Например, если вы хотите загрузить свои собственные смайлы, вам следует сначала загрузить их через файловый менеджер, а только потом продолжать долгую и занудную процедуру добавления, о которой я расскажу попозже. Попасть в файловый менеджер можно с главной страницы админки или через панель администратора -> Управление -> Файловый менеджер. В самом менеджере, все очень просто. Там есть стандартная форма добавления файлов, создание папки, и соответственно много разных файлов и папок. На первом полигоне файлов почти нет, сайт пустой, но на любом большом сайте файлов должно быть очень много. Теперь немного о папках. Хранение файлов в них, конечно, удобно, но когда надо, например, загрузить смайлы, а их обычно много, папки становятся помехой. Так что вам придется искать компромис. Теперь взглянем на бэкапы. Они существуют для предотвращения всяческих ошибок, которые неизбежны у всех. Их можно найти через главную страницу админки -> управление дизайном -> backup шаблонов или аналогичным способом через панель администратора. Вы можете испытать великую магическую силу бэкапов, нажав "восстановить" справа от бэкапа #5 и обновления главной страницы. ВНИМАНИЕ! НЕ ЗАБУДЬТЕ ПОТОМ ВОССТАНОВИТЬ БЭКАП #1, чтобы другие тоже могли попробовать. Про редактирование шаблонов я уже упоминал в предыдущем уроке. Мой вам совет: прочтите учебник по HTML, который лежит на этом сайте, чтобы получить представление о том, что написано в окне с кодом страницы. Визуальный редактор, конечно, прост и удобен, но не всегда правильно передает ситуацию. К тому же, он часто глючит, что приводит к всяческим проблемам. Вот для чего нужны бэкапы. =) Для начала, зайдите в шаблон "меню" и добавьте в него еще один пункт, например, ссылку на свой любимый сайт. Самый простой способ сделать это - скопировать любую строчку с другим пунктом меню, вставить его с новой строки, и отредактировать. Пункт меню состоит из следующих частей: "<li" - обозначает пункт списка, которым меню, в общем-то, и является; "class="m"><a class="m"" - без понятия, что это означает, но без него ничего не работает; "href="http://poligon-train.ucoz.ru/publ/">" - ссылка на страницу, на место "http://poligon-train.ucoz.ru/publ/" можно подставить все, что угодно; "Каталог статей</a>" - то, как ссылка будет выглядеть, понятно, что на место "Каталог статей" можно подставить все, что угодно; "</li>" - заключение пункта списка; "<ul class="uz">" в начале и "</ul>" в конце обозначают начало и конец списка. Все, урок окончен. Какие-нибудь вопросы?
Урок 3: Полный обзор дизайна. Управление дизайном сайта осуществляется через изменение html-шаблонов. Условно, их можно поделить на два вида: «полностраничные» и «частичные». К полностраничным шаблонам относятся шаблоны, в которых находится html-код всей страницы. Присутствуют теги <html>, <head>, <body>. Изменяя такие шаблоны, можно полностью изменить дизайн страницы.
К частичным шаблонам относятся шаблоны, в которых находится html-код какой-то определенной функциональной части системы, например, формы регистрации пользователей на сайте. При изменении частичных шаблонов НЕ затрагивается основной каркас сайта, и общий дизайн не меняется. Изменяется внешний вид только указанной части.
Все шаблоны разделены на несколько групп:
1. Редактор страниц
В эту группу входит шаблон страниц сайта (общий для всех нединамических страниц) и шаблоны тех страниц, для которых выбран индивидуальный дизайн. 2. Общие шаблоны
В эту группу входит шаблон меню сайта и таблица стилей (CSS). 3. Пользователи
В эту группу входят шаблоны, связанные с регистрацией и входом пользователей на сайт, отображением персональной информации и т.д. Если на сайте отключен модуль ПОЛЬЗОВАТЕЛИ, то в использовании шаблонов этой группы нет необходимости. 4. Комментарии
Шаблоны этой группы отвечают за внешний вид комментариев, которые могут оставлять посетители сайта. Этот шаблон един для всех модулей сайта. 5. Шаблоны контент-модулей
В эту группу входят шаблоны, которые отвечают за отображение материалов каждого модуля: НОВОСТИ, ДНЕВНИК, ФОТОАЛЬБОМЫ, КАТАЛОГ СТАТЕЙ, КАТАЛОГ ФАЙЛОВ, КАТАЛОГ САЙТОВ, ДОСКА ОБЯЪВЛЕНИЙ, FAQ, ГОСТЕВАЯ КНИГА. 6. Опросы
Эти шаблоны можно выделить в отдельную группу, они отвечают за внешний вид формы опроса (голосования) и внешний вид выводимых результатов опроса. 7. Мини-чат
Группа шаблонов, отвечающая за внешний вид мини-чата. 8. Тесты
По сути, в эту группу входит только один шаблон, отвечающий за общий вид страниц с тестами.
Для редактирования html-шаблонов можно использовать простой текстовый или визуальный редактор.
Простой текстовый – это непосредственное написание html-тегов. В данном случае, удобнее использовать какой-то свой html-редактор, которым Вы привыкли пользоваться, на своем компьютере создавать нужный код, а потом вставлять его в текстовое поле редактирования шаблона.
Визуальный редактор – WYSIWYG (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») – позволяет изменять html-код шаблона, не внося изменения в этот код непосредственно. При использовании этого редактора, виден сайт так, как он есть, можно передвигать блоки, вставлять картинки, форматировать текст и т.д., используя простые кнопки управления (аналогично MS Office), при этом html-код будет изменен редактором автоматически, и, как следствие, качество кода будет оставлять желать лучшего, могут появиться дополнительные ненужные теги, в результате чего, страница может выглядеть «криво». Поэтому данный редактор подходит в том случае, если совсем нет никакого представления о HTML и CSS, а сайт изменить уж очень хочется.
Очень часто бывает, что в процессе переделки дизайна сайта, из HTML-шаблонов удаляются куски кода, все переделывается, перестраивается... Однако потом, выясняется, что удаленные коды было бы неплохо вернуть, и тогда на помощь приходит функция «Восстановления стандартного шаблона».
На странице редактирования каждого html-шаблона есть кнопка «Восстановить стандартный шаблон». Нажатие этой кнопки восстановит стандартный вид данного html-шаблона по образцу того дизайна, который выбран в общих настройках сайта.
Нужно помнить, что если для сайта создан свой персональный дизайн, но он не сохранен в системе и НЕ ВНЕСЕН в список стандартных дизайнов, то при восстановлении стандартного шаблона, восстановится первоначальный стандартный дизайн, а не вновь созданный.
Чтобы сохранить персональный дизайн, нужно установить его на сайт используя КОНСТРУКТОР ШАБЛОНОВ, и потом, в дополнительных опциях конструктора выбрать «Добавить в набор дизайнов», после чего, новый дизайн появится в списке стандартных дизайнов под номером №000 (он будет доступен только для данного сайта и другие пользователи системы не смогут его установить на свои сайты).
Затем необходимо в общих настройках сайта выбрать дизайн №000 для всего сайта. После этого, новый дизайн станет «стандартным» для сайта, и именно он будет восстанавливаться при использовании функции «Восстановление стандартного шаблона».
Чтобы ошибок и проблем при редактировании html-шаблонов системы возникало как можно меньше, а уже если возникли, то быстро исправлялись, лучше использовать функцию «Резервного копирования шаблонов». При использовании этой функции создаются копии всех html-шаблонов системы, которые можно скачать и хранить у себя на компьютере и, при необходимости, быстро все восстановить.
Возможно, для кого-то все вышенаписанное окажется давно известным и саморазумеющимся фактом, но, надеюсь, кто-то почерпнет из этой статьи что-то полезное для себя и своего сайта.
