Библиотека

Главная » Библиотека » Хитрости uCoz

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

Сначала немного общих положений. Интернет развивался очень быстро. И за это время сформировался правильный вывод информации на страницах сайтов. Ничего нового сегодня выдумать уже невозможно. Для примера возьмите главные страницы всех крупных поисковиков. Различие только в цветовой гамме, названиях и логотипах. В остальном - они почти похожи друг на друга. Почему так произошло? Ответ - так сформировалось. Время шло, делали анализ, развивались. А к результату пришли одному - правильному выводу информации, которую требует посетитель сайта.

Основные требования для всех сайтов :

  1. быстрая загрузка
  2. удобная навигация
  3. стильный, легкий вид
  4. простая система управления сайтом
  5. сайт должен работать

И ещё не следует забывать, что главное на сайте – это контент! Именно информация притягивает посетителя, информация которую он ищет! Поэтому вовсе не следует увлекаться дизайном в ущерб содержанию сайта. Дизайн должен стать вспомогательным средством при подаче контента, а не контент необязательным дополнением к вашему потрясающему воображение дизайну.

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

  • - информативным (интересный контент)
  • - строгим (разумный минимализм)
  • - простым (как всё гениальное)
  • - непохожим на других (креативным)
  • - эффективным (приносящим пользу или прибыль или удовлетворение и радость вам и вашим друзьям).

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

Вот, что предлагает нам Юкоз:

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

Уникальная система управления сайтом, позволяющая создать как статический, так и динамический сайт.

Форум.

Профессиональный форум, имеющий все необходимые функции современных систем форумов.

 

Дневник (блог).

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

Фотоальбомы.

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

 

Гостевая книга.

Гостевая книга нового поколения; теперь управлять сообщениями можно непосредственно со страниц своей гостевой книги.

Каталог статей.

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

 

Новости сайта.

Максимально удобная система для ведения новостной ленты на вашем сайте.

Статистика сайта.

Детальные отчеты о посещаемости, красивые счетчики, которые станут украшением вашего сайта.

 

Опросы.

Создайте свои опросы и голосования, для того, чтобы узнать, что интересует посетителей вашего сайта.

Почтовые формы.

Теперь у вас есть возможность создавать любые e-mail формы для связи с посетителями вашего сайта.

 

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

  1. Верхняя часть страницы. Здесь удобно разместить логотип и рекламный баннер и кое-какую информацию по навигации.
  2. Область размещения блоков-менюшек.
  3. Область размещения основного контента.
  4. Область размещения блоков-менюшек.
  5. Нижняя часть страницы. Здесь можно расположить копирайт Юкоза, свой собственный, разнообразную рекламную или справочную информацию.
Данная компоновка является не очень сложной и интуитивно понятной посетителю.

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

Логотип
Наименование сайта

Блок рекламы

Вертикальное меню и название страницы

Код таблицы следующий (размеры естественно другие, эти продиктованы ограниченными размерами области для текста статьи).

<table width="473" border="2" cellspacing="0" cellpadding="0">
  <tr>
    <td width="131" rowspan="2"><div align="center">
Логотип </div></td>
    <td width="231"><div align="center">
Наименование сайта </div></td>
    <td width="111"><p align="center">
Блок рекламы </p>    </td>
  </tr>
  <tr>
    <td colspan="2"><div align="center">
Вертикальное меню и название страницы </div></td>
  </tr>
</table>

Стандартные шаблоны Юкоза в средней своей части имеют всего две колонки, а не три (кроме 12 дизайна). Все блоки-менюшки располагаются в левой колонке одна над другой. Мне лично больше нравится двухколоночная структура - больше места остаётся под информацию. Но вам может больше по душе оказаться трёхколоночное расположение. Что ж - это дело вкуса. Разница небольшая, если мы разработаем стандартный блок-менюшку. Тогда оформление средней части страницы будет заключаться в размещении слева и справа нужного количества блоков-менюшек, а посередине кода $BODY$. Внешняя таблица при этом будет выглядеть элементарно:

Блоки-менюшки $BODY$

<table width="300" border="2" cellspacing="0" cellpadding="0">
  <tr>
    <td>
Блоки-менюшки</td>
    <td>
$BODY$</td>
  </tr>
</table>

Или при трёхколоночном расположении:

Блоки-менюшки $BODY$ Блоки-менюшки

<table width="300" border="2" cellspacing="0" cellpadding="0">
  <tr>
    <td>
Блоки-менюшки </td>
    <td>
$BODY$ </td>
    <td>
Блоки-менюшки </td>
  </tr>
</table>

Теперь рассмотрим блок-менюшку. Если просто скопировать из шаблона кусок кода относящегося к меню сайта, то мы получим для дизайна 19 следующую картинку:

<!-- Site Menu -->

<table cellspacing="0" cellpadding="0" width="210" align="center" border="2">
<tr><td class="menut0">
Название блока </td>
<td background="http://src.ucoz.ru/t/194/shright0.gif"><img height="22" src="http://src.ucoz.ru/t/194/1px.gif" width="1" border="0"></td>
</tr>
<tr><td class="menut" width="100%">
код блока</td>
<td background="http://src.ucoz.ru/t/194/shright.gif"><img height="1" src="http://src.ucoz.ru/t/194/1px.gif" width="8" border="0"></td>
</tr>
<tr><td background="http://src.ucoz.ru/t/194/shbottomm.gif" colspan="2"><img height="8" src="http://src.ucoz.ru/t/194/1px.gif" width="1" border="0"></td>
</tr></table>

<!-- /Site Menu -->

Варианты оформления могут выглядеть совершенно по разному. Например так:

Разделы новостей
 код блока 
 
Или так:
 
код блока
 
Категория: Хитрости uCoz | Добавил: Isida (2006-10-04) | Автор: Elena
Просмотров: 42161 | Комментарии: 32 | Рейтинг: 4.2/5
Всего комментариев: 311 2 3 4 »
2012-08-25 Спам
31. Inga Star (Inga_Star)
Здравствуйте! Подскажите пожалуйста, как поменять размер шрифта в основном меню на главной странице сайта. Спасибо.
Ответ администратора: Это делается через стили. Ищите класс .uMenuItem для ссылок.

2012-02-11 Спам
30. Santino Decembrio (Santino)
Здравствуйте. Хотел изменить вид "НОВОГО ОТВЕТА" на форуме. Пожалуйста, подскажите как?! Вот скрин http://s017.radikal.ru/i429/1202/e6/4f4acc33b0d0.jpg . Заранее спасибо!
Ответ администратора: Для того, чтобы ответь КАК, хорошо бы знать ЧТО надо изменить. )

2012-01-25 Спам
29. лана федорова (кассиопея)
Здравствуйте. При работе в консрукторе с меню сайта внесла изменения. В результате исчезло наполнение меню на сайте. В чем причина? Сайт http://ustmont29.ucoz.ru/
Ответ администратора: По предоставленной информации точного ответа дать невозможно. Предполагаю, что при редактировании вы удалили код меню. Надеюсь догадались восстановить.

2011-09-07 Спам
28. Вероника Полуянова (Udacha)
пожалуйста подскажите как изменить цвет фона сайта.
Ответ администратора: Вам сюда http://forum.ucoz.ru/forum/24-36012-1

2011-08-03 Спам
27. Саня Щербаков (Alex5108)
Уже исправил ,нужно было слеш ставить перед новым адресом

2011-08-02 Спам
26. Саня Щербаков (Alex5108)
После редактирования картинки в верхней части ,она показывается только на главной странице, помогите мне пожалуйста .
вот мой сайт) http://naruto77.ucoz.com/

2011-05-19 Спам
25. Яков (YakoFF)
При редактировании верхней части сайта в глобальных блоках:
<marquee scrollamount="5" onMouseOver="this.stop()" onMouseOut="this.start()"> <span style="color: #ff1493"> <!-- <logo> -->$TODAY_BIRTHDAYS$ $LAST_NEWS$<!-- </logo> --> </span> </marquee>
эта строка отображается только на главной странице, хотя как я понял при добавлении кода $GLOBAL_AHEADER$ на других страницах, строка должна отображаться. или я чтот неправильно понял? заранее благодарен.
Ответ администратора: Ссылка на сайт?

2010-12-19 Спам
24. Aitalyna (Aitalyna)
"в гостевой к вас после <!-- </block8> -->
ошибка в шаблоне."
Я здесь не поняла - вы указали, что <!-- </block8> --> ошибка в шаблоне. а это из в первого контейнера? Но там вроде проблем у меня нет. У меня содержимое страницы не отображается, при наполненном объеме. Хотела узнать про какое <!-- </block8> --> пишите
Ответ администратора: После этого блока у вас больше ничего не выводится на странице. Разбирайтесь, что вы там разместили. Я вам сказала, где искать, но вылавливать ваши ошибки не буду. Учите основы HTML. Иначе так будете с каждой мелочью за помощью обращаться.

2010-12-19 Спам
23. Aitalyna (Aitalyna)
На моем сайте http://sheltie-eva.ucoz.ru/ на месте страниц- регистрации, гостевой книги, тестов и некоторых других показываются пустые места. Страница при этом загружается. В настройках и когда включаю конструктор все становится видным. Как только конструктор отключаю, содержимое страницы исчезает. Где причина проблемы?
Ответ администратора: Везде не смотрела, а в гостевой к вас после <!-- </block8> -->
ошибка в шаблоне.

2010-12-15 Спам
22. Aitalyna (Aitalyna)
"Проверяйте подключение стилей. Точнее без ссылки на сайт сказать невозможно."

Сайт http://sheltie-eva.ucoz.ru/. Стили были все подключены, никто их не корректировал..

Ответ администратора: Тогда проверьте наличие картинок.

1-10 11-20 21-30 31-31
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа



Поиск



Категории раздела


Советы [3]
Делимся приёмами и наработками.
Хитрости uCoz [5]
Особенности системы uCoz.
uCoz для Чайников [7]
Информация для начинающего администратора сервиса Ucoz
Разное [2]
Статьи по WEB-дизайну, теория и практика сайтостроения
Книги [4]

Комментарии


Здравствуйте! Пару дней назад почему-то изменился вид сообщений на форуме. Если сообщение длинное, то перенос с одной строки на другую происходит не целыми словами, а разрывом слова типа "соо бщение". Что и как нужно изменить в настройках дизайна?
Заметим, что мы даже не чайники, а "пеньки" как назвал себе Сергей Зароднов (Следопыт). И вообще ничего не меняли.
Answer: Сложно что-то сказать не видя сам форум. Извините, но для решения проблемы необходим адрес проблемного ресурса. Дабы провести тестирование и после него определить причину.


Здравствуйте! Спасибо за шпаргалку! Но на ней не указано, как поменять цвет надписей описание иконок: "обычная тема", "закрытая тема"... Подскажите пожалуйста, как это сделать.
Answer: У надписей класс legendTd

Можно ли на форуме узнать, какое сообщение, из всех имеющихся на форуме, является сотым, двухсотым, трехсотым и т.д.
Answer: В принципе можно, это вычисляется по адресу сообщения, но очень морочно ибо нумерация учитывает адрес форума, подфорума. Точная логика известна только программисту, писавшему скрипт форума.

Пропала возможность удалять спам - сообщения на форуме (с паролем админа), что можно сделать?
Процедура та же как и всегда, по окончанию, ничего не происходит.
Заранее спасибо
Answer: Что-то меняли в правах групп? Или может зашли не администратором?


Друзья сайта


uBox гарант-сервис

Команда сайта


Партнёры


Сейчас на сайте



Онлайн всего: 1
Гостей: 1
Пользователей: 0