2 оглавление
Скачать 5.77 Mb.
|
| Глава 7. МОДУЛИ uCoz как конструктор Какие только определения не дают uCoz! Называют и хостингом, и CMS, и SaaS. Но мы-то знаем, что за всеми простыми или мудреными словами скрывается КОНСТРУКТОР. Он наверняка был у каждого в детстве. Красивая коробочка, в которой скрывалось множество деталей. Одни разбирались на составные части, другие — нет. Из этих деталей можно было делать все что угодно, комбинируя их по собственному желанию (у меня, например, был LEGO «Пожарная станция», однако, это совсем не мешало мне собирать из кубиков дракончиков и пещеры для них). Так и из деталей uCoz — модулей — можно собрать все, что душе угодно, получив на выходе сайт, который будет самым-самым именно для вас. Кстати! Модули можно называть и веб-приложениями. Текущие модули регулярно усовершенствуются, а новые — добавляются Модули Оставим общие слова и перейдем к конкретике. Из чего же нам предлагается строить сайт? На момент написания книги в uCoz было 20 модулей; 12 из них можно объединить под общим названием контент-модули. Добавляя контент-модуль на сайт, вы получаете полноценный раздел, уникальный по назначению: 1. Форум — позволяет пользователям сайта общаться на самые разнообразные темы. 2. Каталог статей — дает возможность создать набор структурированной информации по любой теме. 3. Каталог сайтов — здесь мы собираем любые сайты в упорядоченном виде. 4. Новости сайта — максимально удобная система для ведения новостной ленты на вашем сайте. 5. FAQ (вопрос/ответ) — любые вопросы-ответы в удобной для вас форме. 6. Каталог файлов — хранение и раздача любых файлов. 7. Доска объявлений — формирование специального набора страниц, на которых можно размещать объявления. 8. Блог — ваш сетевой дневник. 9. Фотоальбомы — место для хранения фотографий с комментариями. 10. Гостевая книга — место для отзывов о сайте, предложений и здоровой критики. 11. Онлайн-игры — обширная коллекция готовых flash-игрушек. 12. Интернет-магазин — мощный модуль для организации продаж в сети. uCoz: создание сайта Глава 7. Модули 70 13. Редактор страниц — управление страничками сайта. 14. Дополнительные модули, с помощью которых можно сделать свой сайт более интересным и интерактивным: • Тесты — позволяет включать на сайт тесты как из стандартной коллекции, так и придуманные вами; • Почтовые формы — отвечает за отправку различных писем в рамках сайта; • Опросы — здесь можно создать любой опрос; • Мини-чат — добавляет на сайт форму для обмена мгновенными сообщениями. 15. Служебные модули. • Пользователи — определяет, что можно и нельзя делать на сайте; заведует рассылками, регистрациями и аватарами; • Статистика сайта — позволяет видеть, сколько посетителей было на сайте, что они на нем делали и т. д. Кстати! Один и тот же модуль на сайте может существовать только в одном экземпляре. Нельзя сделать две гостевые книги, два мини-чата и т. д. Каждому модулю посвящена отдельная глава книги. Активация модулей Модули могут быть активными и неактивными. В левой колонке панели управления всегда видны и доступны для настройки только активные модули. Это как раз те самые модули, которые вы пожелали видеть у себя на сайте и выделили при создании сайта. Если вы, скажем, заинтересованы только в ведении блога, зачем загромождать панель управления настройками фотоальбома или мини-чата? А в будущем их легко можно будет добавить. uCoz: создание сайта Глава 7. Модули 71 Для этого достаточно перейти на вкладку Неактивные, выбрать понравившиеся модули и активировать их. После этого выбранные модули появятся на панели управления в общем списке, а их настройки станут доступны. На следующем рисунке показан только что активированный модуль Фотоальбом: После активации он сразу же появился в меню самого сайта: Это произойдет, если у вас стандартный шаблон меню, в который вы не вносили кардинальных изменений. В противном случае ссылку придется прописывать вручную. uCoz: создание сайта Глава 7. Модули 72 Управление модулем У всех модулей есть общие и индивидуальные настройки Можно управлять дизайном каждого контент-модуля и его настройками отдельно. В разделе Утилиты модуля находится ряд вспомогательных функций. Модуль можно Осмотреть, то есть открыть в браузере и увидеть, что он из себя представляет. Некоторые модули недоступны для просмотра, вместо этого они снабжены значком Получить код. uCoz: создание сайта Глава 7. Модули 73 Щелкнув по нему, вы получите инструкции для дальнейших действий. Выбрав удаление модуля, вы уничтожите все его индивидуальные настройки, а сам модуль станет неактивным. Для поддтверждения удаления вас попросят ввести ответ на секретный вопрос. Эта мера предосторожности защитит вас от случайного удаления или, не дай бог, действий злоумышленников. После удаления модуль можно будет заново активировать в любой момент. Дизайн модулей Дизайн в первую очередь определяется выбранным вами шаблоном. Но система позволяет переделать его по своему усмотрению. Изменение дизайна основано на редактировании HTML-шаблонов и CSS. При переходе из любого модуля в раздел Управление дизайном модуля вы попадете в общее меню настройки дизайна для всех страниц сайта. Страницы в нем сгруппированы по принадлежности к различным модулям. uCoz: создание сайта Глава 7. Модули 74 На самом деле настройка дизайна сайта заслуживает отдельной главы, так что если вы хотите сейчас заняться ею, сразу переходите к главе «Дизайн». Если же вы еще не готовы к таким свершениям, продолжим. Тут тоже много интересного. Добавление материалов в модули Как мы уже выяснили, есть два вида администрирования: панель администрирования сайта, куда должен быть доступ только у владельца аккаунта, и администрирование непосредственно на самом сайте, без захода на данную панель. При этом пароль владельца отличается от пароля администратора сайта! Я так подробно описываю этот момент, потому что очень часто пользователи совершают ошибку, пытаясь ввести логин и пароль от вебтопа в форме входа на сайт: и очень удивляются, когда их не пускают на сайт: Вход на сайт в качестве пользователя-администратора как раз и позволяет добавлять, удалять и редактировать материалы в модулях. Заходить нужно, используя, свой uID (адрес электронной почты и uNet-пароль)! Введите пароль, заданный при регистрации uNet-аккаунта. uCoz: создание сайта Глава 7. Модули 75 Если все данные верны, ваш статус изменится со статуса «Гость» на «Администратор»: Внешний вид сайта также немного изменится. Вверху появится админбар, описанный выше: А сейчас вернемся к тому, ради чего входили на сайт с правами администратора: добавлению материалов в модули. В зависимости от модуля ссылка для добавления материала может выглядеть по-разному. Обычно она находится справа в верхней части сайта и заключена в квадратные скобки: Так ссылка выглядит в модуле Блог: А так — в модуле FAQ: После щелчка по ссылке открывается интерфейс добавления материала на сайт. Пусть вас не пугает обилие кнопок и галочек. Все достаточно просто. Любой добавляемый материал нужно как-то озаглавить, заполнив поле Название материала и выбрать для него категорию. uCoz: создание сайта Глава 7. Модули 76 Добавлять непосредственно сам текст можно тремя способами. Для этого существует панель с тремя переключателями. Выделенная панель активна в текущий момент. Визуальный редактор Даже если у вас нет никаких познаний в премудростях верстки страниц для сети, вы легко сможете добавлять на сайт красиво оформленные материалы с помощью визуального редактора. Своими иконками он чем-то напоминает Word: uCoz: создание сайта Глава 7. Модули 77 Вы просто набиваете текст в поле, делаете его полужирным, наклонным, выбираете любой цвет и размер шрифта. Так же быстро рисуете таблички и вставляете картинки. И после сохранения материала видите его на сайте точно в таком же виде. Слишком коротко и непонятно? Тогда ищите подробную инструкцию по работе с визуальным редактором в главе «Основные инструменты работы с сайтом». Панель HTML-кодов Освоив визуальный редактор, вы можете захотеть сделать что-то более сложное, например, добавить на сайт музыку или видео. В этом случае нужно хотя бы в общих чертах понимать, что такое HTML. Начнем с определения. HTML (англ. HyperText Markup Language) — это язык разметки гипертекста, специальная форма записи текстов, таблиц и картинок, которая понятна браузерам. Загружая страницу, браузер расшифровывает ее код и соответствующим образом отображает на экране компьютера. Практически в любом браузере можно щелкнуть по странице правой кнопкой мыши и в контекстном меню выбрать пункт Показать исходный код. Обычно он выглядит весьма устрашающе: uCoz: создание сайта Глава 7. Модули 78 А это всего лишь HTML-код хорошо вам знакомой главной страницы ucoz.ru. Основной единицей HTML является тег. Тег — это набор символов в угловых скобках, например: , , | и т. д. Располагаясь справа и слева от слова, теги могут задавать ему написание: • • Как видите, эти теги парные. Открывающий тег ставится перед текстом, а закрывающий — — означает конец выделения. Тег  , гдеhttp://s0.ucoz.net/img/ma/box_ru.jpg — адрес изображения в Интернете. Тег означает пустую строку. В общем, тегов, как иероглифов, безумно много, и у каждого есть собственное значение. И если японцу, чтобы не прослыть невеждой, нужно знать 2000 иероглифов, то для чтения кода хватит знания 20–30 тегов. Согласитесь, не так уж и много. Четыре из них, считайте, мы уже выучили! Напишите их на страничке добавления материала на панели HTML-кодов (для перехода на панель просто щелкните по строке Панель HTML кодов): uCoz: создание сайта Глава 7. Модули 79 Сохраните изменения — все получилось, как было задумано! Полужирный текст стал полужирным, курсивный — курсивным, а под ними появилась картинка. Языку HTML посвящены весьма толстые учебники, и я не буду отбирать хлеб у их авторов. Вы можете купить эти книги в любом магазине или воспользоваться интернет-ресурсами для дальнейшего изучения, например, посетить htmlbook.ru. Панель BB-кодов Wiki BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключенные в квадратные скобки. BBCode был придуман с целью предоставления более простого, безопасного и ограниченного по сравнению с HTML способа форматирования сообщений. uCoz: создание сайта Глава 7. Модули 80 ВВ-коды чаще всего используются при написании сообщений на форуме, а не при полноценной верстке текста. Поэтому не советую особенно ими увлекаться, но, для общего развития примеры самых распространенных кодов можно посмотреть в Приложении. Пример текста, сверстанного BB-кодами: А это результат на веб-странице: Другие настройки материала при добавлении Для тех, кто немного знаком с HTML, объясню некоторые настройки. uCoz: создание сайта Глава 7. Модули 81 Если отмечен пункт Заменять переводы строк тегом режиме BB-кодов или HTML, и при переносе строки после сохранения система автоматически добавит тег (равносильно нажатию клавиши Enter). Пункт Включить HTML теги активирует HTML-разметку. Если он не отмечен, теги будут восприняты как часть текста. Рассмотрим это на примере. Пункт Включить HTML теги отмечен: Если же галочки нет, вместо симпатично раскрашенного текста отобразится такая картина: Поэтому, если вы не планируете писать статьи с кодами, ставьте эту галочку. Перейдем к настройкам под основным тестом. Изображение — вы можете подгрузить к статье изображения со своего компьютера и вставить их с помощью специальных кодов. Максимальный размер изображения — 2000 Кб. Допускаются только форматы GIF, JPEG, PNG (подробнее о графике для сети см. в главе «Основные инструменты работы с сайтом»). Загрузите нужное изображение через кнопку Обзор. Вы получите ее код и размер. $IMAGE1$ — это код изображения. 400×500 — размер в пикселях, до которого уменьшится картинка, если она была больше. Если картинка была меньше, ее размер не изменится. Как пользоваться этим кодом? В визуальном редакторе вставьте его в тексте статьи туда, где должно стоять изображение. uCoz: создание сайта Глава 7. Модули 82 Это удобный способ вставки изображений в статью, но наравне с ним можно вставлять изображения и с помощью тега Следующие поля в некоторых модулях есть, а в некоторых — нет. Это зависит от того, что вы добавляете: статью в каталог статей, запись в блог, фотографию в фотоальбом и т. д. Для каталога статей, например, отобразится следующий набор полей: • Ссылка на источник материала — если вы добавляете материал, написанный другим автором, обязательно укажите, откуда вы его взяли; • Материал добавил — данные о человеке, от чьего имени будет добавлена публикация. По умолчанию — от вашего. Но вы можете выбрать любого другого пользователя, найдя его по нику. uCoz: создание сайта Глава 7. Модули 83 При включенной опции Материал недоступен для просмотра имеющийся материал не виден никому, кроме администратора и модераторов. Это делает данный материал черновиком — вы можете работать с ним, смотреть, как он выглядит на сайте, что-то менять. При этом пользователи не будут видеть процесс изменений до момента снятия галочки. Выбрав соответствующую галочку, вы можете разрешить или запретить оставлять комментарии к статье. Редактирование материалов После добавления любой материал можно отредактировать. В правом верхнем углу материала находится небольшой треугольник, щелкнув по которому, можно получить доступ к маленькому меню управления. Меню состоит из четырех элементов: 1. Управление тегами материала. В данном контексте теги — это не коды, а специальные слова, описывающие содержимое материала. 2. Управление статистикой материала — можно поменять рейтинг и количество просмотров. 3. Редактирование материала — можно поменять текст и изображение, как было описано выше. 4. Удаление материала — по щелчку статья удаляется без возможности восстановления. uCoz: создание сайта Глава 8. Редактор страниц 84 |
Похожие:
 | Заявка на предоставление постоянных пропусков, пропусков на машину,обслуживающего персонала уборку стенда. 11 | | Проверка тормозного оборудования при смене бригад без отцепки локомотива от состава. 359 |
| Если платежное поручение в статусе Отказано абс. Как можно посмотреть причину отказа? 10 | | Если платежное поручение в статусе Отказано абс. Как можно посмотреть причину отказа? 10 |
 | Виды, критерии и условия участия, приостановления и прекращения участия в платежной системе 11 | | Общие выводы по проведению конференции и круглых столов, организованных в рамках мероприятия «Дни карьеры-2015» в нгу |
| Услуга «Запись в первый класс» предоставляется в электронном виде через портал государственных услуг Московской области | | Услуга «Запись в первый класс» предоставляется в электронном виде через портал государственных услуг Московской области |
| Как правило они появляются из-за неоформленных вовремя документов поступления товаров или из-за пересортицы. Необходимо выяснить,... | | Начало работы, загрузка сотрудников из пп «Федеральный регистр медицинских работников» 3 |