Fall 08 uCoz: создание сайта




Сторінка4/16
Дата конвертації18.04.2016
Розмір5.77 Mb.
1   2   3   4   5   6   7   8   9   ...   16
тематика вашего сайта

Выберите из

раскрывающегося списка

максимально подходящий

вариант

Краткое описание

сайта (150

символов)

Опишите в нескольких предложениях ваш сайт Заполните текстовое поле

Использовать

«Конструктор» для

управления

дизайном сайта

В админ-баре на сайте появится вкладка Конструктор. С

ее помощью вы сможете в визуальном режиме настроить

блоки сайта по своему усмотрению. Для людей с

недостаточными знаниями HTML и CSS данная функция

будет незаменима. Подробно о Конструкторе см. в главе

«Дизайн»

Отметьте эту опцию, если

хотите активировать ее

Активировать

функцию «Кто

Онлайн»

Активируйте данную опцию, если хотите, чтобы работали

коды $ONLINE_COUNTER$ и $ONLINE_USERS_LIST$.

Подробнее о функции см. в главе «Статистика»

Отметьте эту опцию, если

хотите активировать ее. В

поле рядом нужно ввести

число, отвечающее за

максимальное число

пользователей,

отображающихся в списке

Активировать

шаблоны для PDA-

версии сайта

Активация этой опции добавит особые шаблоны,

предназначенные для просмотра сайта с КПК и

мобильных телефонов. Подробно о PDA-версии см. в

главе «Дизайн»

Отметьте эту опцию, если

хотите активировать ее

Использовать

древовидный

режим вывода

комментариев

Такой режим позволит пользователям вести удобный

диалог во время комментирования материалов.

Подробнее об этом см. в главе «Блог»

Отметьте эту опцию, если

хотите активировать ее

Отключить Ajax для

переключателей

страниц

Если Ajax включен, то при переключении страниц будет

обновляться только область со списком материалов, а не

вся страница

Отметьте эту опцию, если

хотите активировать ее

Использовать ЧПУ

(человекопонятный

урл)

В url ваших материалов буду их названия, а не

порядковый номер

Отметьте эту опцию, если

хотите активировать ее

Накладывать текст

на загружаемые

картинки

При включении watermark на картинки формата JPEG,

размеры которых больше 100×100 пикселей, будет

накладываться указанный вами текст

Отметьте эту опцию, если

хотите активировать ее

uCoz: создание сайта Глава 5. Администрирование аккаунта

53

Параметр Возможности Что следует сделать для

получения результата

Текст watermark Если вы захотите использовать watermark, появится поле

для его текста

Введите, например,

название вашего сайта или

надпись «All right

reserved». Можно

использовать только

латинские буквы и

символы ASCII

Контактные данные Используется для формирования сообщений при какой-

либо активности на вашем сайте (если включены нужные

настройки). Все отправленные с сайта письма попадут на

указанный адрес электронной почты

При необходимости

измените свое имя и

контактный адрес

электронной почты

Набор смайлов Выбранный набор будет использоваться для всех

модулей и функций, которые используют смайлы

Вы можете выбрать любой

вариант из списка или

загрузить свой.

Подробности см. в главе

«Вспомогательные

инструменты работы с

системой»

Местное время Укажите часовой пояс, согласно которому на сайте будет

отображаться текущее время

Выберите из списка свой

часовой пояс

Формат даты и

времени

Способ вывода даты и времени на сайте. Так:

25.02.2005 23:23

или, быть может, так:

05/02/25 11:23 Pm

Существует масса вариантов

Выберите из списков

понравившийся вам

вариант отображения

Дату сегодняшнего

дня выводить как

«Сегодня»

Если материал добавлен на сайт в день просмотра, будет

выводиться не число, а слово «Сегодня»

Отметьте эту опцию, если

хотите активировать ее

При переходе на

главную страницу

открывать

Набрав адрес сайта, посетитель автоматически попадет

не на главную, а на выбранную вами страницу. Это может

быть главная страница блога, каталога файлов или

любого из контент-модулей

Выберите из списка любой

модуль или главную

страницу

Тип формы по

умолчанию для

редактирования

материалов

В зависимости от предпочтений выберите тип формы

редактирования текста материалов, который будет

использоваться по умолчанию

Вы можете выбрать:

Визуальный редактор;

ВВ-коды + HTML;

Чистый HTML



Значение тега

Этот тег предназначен для указания типа текущего

документа — DTD (document type definition, описание

типа документа)

Данный тег будет

добавлен в самое начало

документа. Используйте

эту настройку, только если

понимаете ее смысл

Админбар на сайте

Помимо панели администрирования в системе существует еще очень важное средство

для управления сайтом — админбар.

Эта панель располагается на самом верху сайта, там же, где и рекламный бар, и видна

только пользователям, входящим в группу «Администраторы».

uCoz: создание сайта Глава 5. Администрирование аккаунта

54

В приближении выглядит так:

Админбар очень похож на верхнее меню в панели управления. Он также состоит из

раскрывающихся вкладок.

Общее

Самая первая вкладка, содержит основные сведения об аккаунте и настройки

косметического характера.

Мой профиль на сайте — просмотр своей группы, ника, аватара и т. д. в рамках



сайта. Подробнее о профиле см. в главе «Пользователи»;

Управление uNet профилем — переход в ваш uNet-аккаунт;

Вход в панель управления — вход в панель администрирования;

Цвет админбара — перекрашивание бара в более приятный цвет;

Выход с сайта — выход с сайта с потерей авторизации;

Закрыть панель администратора — закрытие бара.



Управление

На этой вкладке собраны функции для администрирования содержимого сайта.

Неактивные материалы — показывает список скрытых от пользователей



материалов сайта, описание см. в главе «Администрирование сайта»;

Управление комментариями — управление комментариями пользователей в



различных модулях;

Файловый менеджер — управление закачкой файлов на сайт;



uCoz: создание сайта Глава 5. Администрирование аккаунта

55

Извещение об обновлениях возможность получать личные сообщения или



сообщения электронной почты при каждом новом комментарии или материале в

разделе, на который вы подпишетесь;

Блокировка IP — защита от нежелательных пользователей;

Блокировка WWW адресов — защита от спамеров.

Добавление

На этой вкладке выводится список активированных на сайте контент-модулей. При

щелчке по названию модуля откроется форма добавления нового материала. Для Блога

это будет новая запись, для Редактора страниц — новая страниц, для Фотоальбома новое

фото и т. д.

Пользователи

Пользователи сайта — список всех пользователей сайта;

Удаление записей пользователя — инструмент борьбы со спамерами. Описан в

главе «Администрирование сайта»;

Массовая рассылка ЛС — предназначена для отправки сообщений группам



пользователей. Описана в главе «Администрирование сайта»;

Смотреть сайт как… — просмотр сайта от лица других групп. Функция описана в



главе «Дизайн».

Мультимедиа

Вкладка предназначена для работы с видео, аудио и графикой:

Граффити — инструмент, позволяющий пользователям сайта рисовать. Его



полное описание дано в главе «Основные инструменты работы с сайтом»;

все остальные пункты описаны в главе «Мультимедиа».



Дизайн

Эта вкладка видна только при отключенном конструкторе в общих настройках сайта.

В противном случае вместо нее отображается вкладка Конструктор:

Управление дизайном сайта — переадресует вас к списку шаблонов страниц.



Подробнее об этом процессе см. в главе «Дизайн»;

Управление дизайном страницы — переадресует в шаблон текущей страницы;

Список переменных страницы — список текущих значений ряда системных

переменных. Подробнее о переменных см. в главе «Системные коды».

uCoz: создание сайта Глава 5. Администрирование аккаунта

56

Конструктор

Эта вкладка появляется вместо вкладки Дизайн при активации соответствующей

настройки в общих настройках аккаунта.

Включить конструктор — переводит сайт в режим конструктора. Подробнее об



этом режиме см. в главе «Дизайн»;

Список переменных страницы — список текущих значений ряда системных



переменных. Подробнее о переменных см. в главе «Системные коды».

Помощь

Вкладка, обозначенная знаком вопроса «?», содержит вспомогательную информацию:

Сообщество uCoz — ссылка на форум техподдержки;

Частые вопросы и ответы — ссылка на FAQ по системе;

Включить советы — активирует на сайте всплывающие подсказки, если они



выключены.

Лупа

Этот значок появляется в админбаре при просмотре материала, если с момента вашего

последнего захода на него появились новые комментарии. Щелкая по значку, можно

перемещаться по новым комментариям. Подробнее см. в главе «Блог».

uCoz: создание сайта Глава 5. Администрирование аккаунта

57

Юзербар

Юзербар представляет собой сильно урезанную версию админбара. По умолчанию

выводится для всех групп, кроме группы Гости и Заблокированные.

Этот бар предназначен для того, чтобы пользователь мог управлять своим аккаунтом,

добавлять на сайт материалы (если членам его группы это позволено) и т. д. Юзербар

может состоять из следующих вкладок:

Общее

Аналогична такой же вкладке в админбаре.

Управление

Мои материалы — выводит во всплывающем окне перечень материалов



пользователя, которые он добавил на сайт (если ему это разрешено);

Мои комментарии выводит во всплывающем окне перечень комментариев



пользователя, которые он добавил на сайт (если ему это разрешено);

Комментарии к материалам выводит на отдельной странице все



комментарии к материалам на сайте;

Извещение об обновлениях — дает возможность получать личные сообщения при



каждом новом комментарии в разделе, на который вы подпишитесь;

Поиск по сайту — выводит всплывающее окно для ввода поискового запроса.



Добавление

Список модулей, активированных на сайте, в которые пользователь может добавлять

материалы.

Пользователи

Пользователи сайта — выводит страницу со списком все пользователей;

Отправить личное сообщение — функция для связи с другими пользователями

сайта.

Мультимедиа

Эта вкладка представляет собой усеченный вариант такой же вкладки из админбара.

Новые комментарии — точно такие же, как и в админбаре.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

58

Глава 6. ОСНОВНЫЕ ИНСТРУМЕНТЫ РАБОТЫ С САЙТОМ

В этой главе я предлагаю вашему вниманию встроенные инструменты системы, а также

сторонние программы, без которых никак не обойтись при создании сайта.

Работа с файлами

В процессе создания и наполнения сайта вам обязательно понадобится добавлять на него

какие-то файлы: будь то свои картинки для дизайна или музыкальные треки, которыми вы

хотите поделиться со всем интернет-сообществом. Пока эти файлы лежат у вас на

компьютере, для подобных дел они не годятся.

Каждому пользователю системы выделяется определенное место на сервере, которое он

может занять под свои нужды. Только что созданный сайт получает 400 Мб места и с

каждой секундой квота увеличивается. Давайте изучим техническую сторону вопроса: как

получить доступ к этому месту, загружать, удалять файлы и т. д.

FTP

Эта аббревиатура расшифровывается как File Transfer Protocol (протокол передачи

данных). Иногда пишут и по-русски — ФТП (не путать с «форумом технической

поддержки!»).

Часто, говоря FTP, подразумевают вовсе не какой-то непонятный протокол, а программы,

позволяющие подключаться к серверам FTP, просматривать содержимое каталогов и

загружать файлы с сервера или на сервер. И как это может нам поможет? Очень просто.

На своем компьютере вы обзаводитесь такой программкой, вводите в нее данные для

подключения — и вот он, доступ к вашим 400 Мб, делайте с ними все что хотите!

К популярным программам, которые на самом деле называют FTP-клиентами, относятся:

FAR Manager;

FileZilla;

CuteFTP;

FTP Commander;

FTP Navigator.



Можно воспользоваться и простыми файловыми менеджерами, например Total

Commander, Midnight Commander и т. д.

Чтобы работать с FTP-клиентами, сначала нужно установить FTP-пароль на сайте. Первый

способ — щелкните по ссылке FTP-детали в шапке панели администрирования:

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

59

После этого вы увидите ряд данных для соединения и ссылку Пароль не установлен:

Щелкните по ней и задайте любой FTP-пароль, соответствующий правилам:

Для сохранения пароля вам также потребуется ввести ответ на секретный вопрос.

В будущем эти данные можно будет снова посмотреть через ссылку FTP-детали.

Второй способ — зайдите в Редактор страниц

Справа в описании файлового менеджера вы увидите нужные параметры:

Пароль в этом случае не показывается, но его все-таки нужно помнить. Если вы забыли

пароль, поменяйте его во вкладке Безопасность.

Как пользоваться этими данными на практике? Покажу на примере программы Total

Commander.

Откройте программу, выберите Сеть Новое FTP-соединение и введите свои настройки:

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

60

Если вы все ввели верно, то после соединения получите доступ к файлам:

Для установления соединения по FTP необходимо соблюсти следующие условия:

1. Программы защиты (антивирус, файервол) не должны запрещать протокол

соединений по FTP.

2. Должен стоять пассивный режим.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

61

Файловый менеджер

FTP-клиенты удобны при работе с сайтом, но не всегда доступны. Если вы работаете с

сайтом, например, только в школе или институте, заводить подобное соединение на

общем компьютере крайне небезопасно!

Для быстрой заливки файлов из любой точки, где есть Интернет, существует (причем в

двух вариантах) встроенный файловый менеджер.

Его можно использовать тремя способами:

1. Через Основные настройки сайта.

2. Через админбар во вкладке Инструменты. В этом случае менеджер откроется в

новом окне. Кроме того, доступ к нему можно получить из админбара сайта через

вкладку Управление.

3. Через вкладку Редактор страниц Файловый менеджер

Информация о занятом месте, количестве папок и файлов отображается в шапке

менеджера. Под ней располагается список файлов и папок.

Напротив каждого файла указывается его размер.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

62

Действия с файлами

Справа от файла или папки выводится панель, позволяющая манипулировать с ними:

- просмотр файла. Файл открывается в отдельном окне браузера. Доступно



для картинок и текстовых файлов;

- HTML-код картинки. Открывается окошко, из которого можно скопировать



код для вставки изображения в шаблон:



alt="" />;

- ссылка к файлу или папке. Появляется окошко, из которого можно



скопировать прямую ссылку к интересующему вас объекту;

- переименование файла. Открывается окошко, куда вы сможете ввести новое



имя файла. Будьте осторожны с расширениями — если вы их поменяете, файл

может перестать открываться;

- редактирование файла. Доступно для текстовых и HTML-файлов. Открывается



специальный редактор;

удаление файла или папки. После подтверждения объект удалится с сервера



без возможности восстановления.

Кстати!

В ссылках вида

alt="" /> полем alt лучше не пренебрегать и вносить туда описание картинки.

Загрузка файлов происходит через кнопку Обзор внизу страницы:

Здесь указывается путь на вашем компьютере, где лежит файл для передачи на сайт, и

выполняется щелчок по кнопке Загрузить файл. Для упорядоченности можно создать

папку с помощью Файлового менеджера (в правом верхнем углу):

Наличие папок позволит структурировать все файлы. Если они будут лежать в корневой

директории, вам самому в какой-то момент станет неудобно рыться в этой свалке.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

63

Ограничения

Объем загруженных фалов не может превышать выделенного вам места. С



течением времени это место увеличивается, но если вам срочно нужно его

увеличить, можете купить недостающий объем (см. главу «Премиум-услуги»). На

платной основе можно разжиться аж 10 Гб.

Максимальная длина имени файла с расширением — 45 символов.

Максимальный размер загружаемого файла — 15 Мб. С течением времени размер

также увеличивается. Строго говоря, размер заливаемого файла пропорционален

занимаемому месту и считается по формуле:

f(x) = (15 + (85 × (x — 100) / 1948)) × 1024

Кстати!

Для ориентировки приведу следующие данные. Максимальный размер файла для FTP:

без оплаты — 15 Мб;

пакет «+400» — 25 Мб;

пакет «+800» — 40 Мб;

пакет «+1500» — 70 Мб;

пакет «+2500» — 110 Мб;

пакет «+5000» — 220 Мб;

пакет «+10000» — 440 Мб.

На одном уровне вложения может находиться не более 200 файлов и папок.

Имя файла может состоять только из латинских букв, цифр, знака подчеркивания и



минуса.

Файлы с одинаковыми названиями будут перезаписаны.



При удалении каталога удаляется и все его содержимое.

Внимание!

Из аккаунта запрещено делать файлохранилище, то есть не развивать сайт, а просто

использовать место для складирования файлов. Подобные сайты удаляются как

нарушающие правила системы.

Редакторы содержимого страниц сайта

Существует три способа наполнения содержимым страниц сайта:

1. Визуальный редактор.

2. Верстка в формате BB-кодов.

3. Верстка в HTML.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

64

Визуальный редактор

Он сильно напоминает панель редактирования текста в обычном Word.

В белом поле вы набираете текст, задаете ему выравнивание и форматирование.

Форматирование определяется верхней панелью:

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

1. Сохранить материал.

2. Сохранить в формате XHTML.

3. Предварительный просмотр.

4. Поиск в материале.

5. Вставить из Word.

6. Отменить/повторить действие.

7. Выбор цвета текста.

8. Выбор цвета фона.

9. Создание якоря.

10. Создание гиперссылки.

11. Вставить картинку.

12. Вставить flash-ролик.

13. Вставить видео.

14. Вставить таблицу.

15. Редактирование ячеек в таблице.

16. Задает таблице абсолютную высоту и ширину.

17. Вставка спец-символа.

18. Вставка горизонтальной линии.

19. Вставка на сайт формы, выпадающего списка, чекбокса, скрытого поля и т. д.

20. Добавление условий в материал.

21. Работа с полным форматированием текста.

22. Выбор стилей.

23. Выбор типа заголовка.

24. Выбор шрифта текста.

25. Выбор размера текста.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

65

26. Выбор типа начертания текста.

27. Выбор верхнего/нижнего индекса.

28. Выбор выравнивания текста.

29. Создание маркированного списка.

30. Правая и левая табуляция.

31. Обнуление форматирования текста.

32. Вид в режиме HTML кода.

Введя весь желаемый текст, нужно щелкнуть по иконке Save в виде дискетки в левом

верхнем углу. После добавления материала на сайте он будет выглядеть так:

В примере я добавляла запись в модуль Блог.

Картинки, видео- и аудиозаписи, а также flash-ролики не видны при редактировании в

визуальном редакторе, но отображаются на страницах сайта.

О наполнении сайта при помощи BB-кодов и HTML см. в главе «Модули» («Добавление

материалов в модули»).

Редактирование графики для дизайна сайта

Если вы планируете добавлять на сайт картинки или flash-ролики, помните, что нужно

придерживаться ряда правил (уточню, что речь пойдет об отображаемых на сайте

картинках, а не об изображениях, которые вы будете выкладывать для скачивания

другими пользователями).

Собственный дизайн начинается с шапки сайта. Хочется сделать свою, да побольше, да

покрасивее! Используются друзья или собственные знания Photoshop, мастерится нечто

феерически-блестящее и грандиозное, с трудом впихивается в 15 Мб, разрешенных для

заливки на сайт и… Ничего хорошего! Бедный сайт кряхтит и еле грузится. Почему?

Вы допустили самую распространенную ошибку начинающих веб-строителей. Ваша

графика не адаптирована для сети — она слишком тяжелая. Картинкой с разрешением

300 dpi, легко открывающейся в Photoshop, несчастный браузер вполне может

подавиться, а те, кто пользуется модемом? Подумайте о них! Ваш сайт будет грузиться по

одной страничке в полчаса! Зачем же так разбрасываться аудиторией?

Чтобы подобных казусов не приключалось, перед выкладыванием на сайт картинки ее

нужно предварительно обработать.

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

66

Форматы изображений

В качестве элементов дизайна допустимы следующие форматы изображений: GIF, JPEG,

JPG, PNG. Если картинка с четкими контурами, без плавных переходов цветов (например,

логотип), лучше использовать формат GIF или PNG, а при наличии переходов и отсутствии

резких контуров — JPEG, JPG или PNG, что обеспечит наилучшее соотношение

размер/качество. На эту тему есть много информации в Интернете.

Не пытайтесь сохранять картинки в форматах TIFF, BMP и т. д. Они не будут отображаться

на сайте. Вам подходят только четыре вышеперечисленных формата.

Изменение размера картинки — «ресайз»

Чем лучше соблюдается баланс качество/размер, тем лучше будет выглядеть и быстрее

загружаться сайт. Поэтому для веб-строителя самая частая операция с графикой — это

уменьшение размера картинки, так называемый ресайз.

В идеале страничка не должна весить больше 50–60 Кб. Поэтому картинки весом в

мегабайты недопустимы.

Уменьшить картинку можно при помощи специальных графических редакторов,

например Photoshop (дорогой и мощный графический пакет), или небольших бесплатных

программ.

Рассмотрим пример уменьшения изображения в редакторе Photoshop (я использовала

версию CS2, но можно воспользоваться и любой другой).

Откройте файл:

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

67

Перейдите на вкладку Изображение Размер изображения и изучите появившиеся

настройки:

Вверху вы видите размер изображения в килобайтах, под ним — ширину и высоту

картинки. Следует задать именно такие параметры изображения, которые должны

использоваться непосредственно на сайте. Если браузеру придется самому

масштабировать картинку, он может это сделать неудачно.

В верхнем отсеке можно изменить значения как непосредственно в пикселях, так и в

процентах от существующего размера. А в нижнем — в сантиметрах, дюймах и т. д.

Разрешение у графики для сети должно быть 72 dpi! Поэтому если там стоит какое-то

другое число, поправьте его.

Исправив размер и разрешение картинки, ее нужно правильно сохранить. Если вы хотите

сохранить в GIF (приведенный пример лучше всего сохранять в GIF, так как в нем нет

переходов цвета и есть четкие контуры), следует нажать комбинацию клавиш

Alt+Ctrl+Shift+S или перейти на вкладку Файл Сохранить для Web.

Программа самостоятельно оптимизирует файл. У меня, например, он стал занимать 2 Кб

(вместо 61 Кб), нисколько не потеряв во внешнем виде. Если же вас не устроит результат,

можно поиграть ползунками в правой части, добиваясь нужного качества.

Если вы хотите сохранить изображение в формате JPEG, выберите соответствующий

формат в установках. После этого программа оптимизирует изображение, но можно

перейти на вкладку 4 варианта вверху и посмотреть, нельзя ли дополнительно ужать

картинку

uCoz: создание сайта Глава 6. Основные инструменты работы с сайтом

68

Далее выберите приемлемый вариант и сохраните результат.

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

заинтересуются данной темой, то без труда найдут массу информации как в Интернете,

так и в других источниках.

uCoz: создание сайта Глава 7. Модули

69

1   2   3   4   5   6   7   8   9   ...   16


База даних захищена авторським правом ©mediku.com.ua 2016
звернутися до адміністрації

    Головна сторінка