<<|XTRE.CLAN.SU | GAME PORTAL |>>

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

vasjuta — Wed, 25 May 2011 11:07:50 GMT

Начну с определения резинового дизайна. Резиновый дизайн - это дизайн сайта для любого разрешения экрана. Большинство сайтов сделаны под разрешение экрана 800x600 или 1024x768. Возможно они выглядят красиво именно на таких разрешения монитора, но люди все активней приобретают новые мониторы с высоким разрешением и внешний вид сайта на их мониторе уже не будет выглядеть так, как вы его задумывали. Поэтому очень важно использовать резиновый дизайн. Хотя красивый сайт вовсе не обязательно должен иметь резиновый дизайн. Кстати, если вы веб-мастер и у вас есть ребенок, то не нужно читать ему про резиновый дизайн сайта, а лучше зайти на этот сайт и узнать что читать детям. (возможно не в тему, ну ладно)

Определите самое низкое разрешение экрана

Итак начнем. Прежде чем начать делать резиновый сайт, нужно определить минимальное разрешение экрана ваших посетителей. Сейчас по статистике большинство (40%) юзеров используют разрешение экрана 1280x1024. На втором месте разрешение 1024x768, я думаю на него и надо ровняться. Вы сами можете ознакомиться со статистикой по этой ссылке.

Разработайте дизайн сайта для минимального разрешения экрана

Когда вы определитесь с минимальным разрешением экрана, нужно разработать дизайн для этой ширины. Стоит отметить, что при разрешение 1024x768 в браузер влезает только 1000 пикселей. Поэтому делайте все графические элементы именно под эту ширину, чтобы сайт хорошо смотрелся при минимальном разрешении экрана.

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

Задайте фиксированные размеры для всех ячеек, кроме ячейке содержимого сайта. Поставьте 100% ширину для этой ячейке или не задавайте ее вообще.

Проверьте сайт

После создания сайта проверьте его во всех разрешения экрана (ну или в опере Ctrl+колесико мыши).

Поисковое продвижение сайта

vasjuta — Wed, 25 May 2011 09:24:29 GMT

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

Выход из беты модуля интернет-магазин

vasjuta — Tue, 24 May 2011 13:59:17 GMT

Модуль интернет-магазин
С 1 февраля 2011 заканчивается период бета-тестирования интернет-магазина и модуль переходит в состояние стабильного релиза. Это ни в коей мере не означает, что мы снижаем темпы работы над ним - в него по прежнему регулярно будут добавляться полезные функции и красивые дополнения.

Как и объявлялось изначально, модуль интернет-магазина - это платный модуль. Доступ по инвайтам предоставлялся для бета-тестирования модуля. За длительный период тестирования мы получили огромное число замечаний и отзывов, исправили множество ошибок и недоработок, а также серьезно расширили функционал модуля.

1 февраля 2011 все магазины, активированные в период бета-тестирования и не имеющие оплаченных пакетов, включающих модуль интернет-магазина, будут переведены в приостановленное состояние (деактивированны в панели управления), а еще через месяц деактивируется пользовательская часть. Все товары, заказы и настройки в деактивированном модуле сохраняются, и после произведения оплаты магазин будет доступен для полноценной работы.

Стоимость использования модуля составит 1.99 у.е. в месяц.
Так же модуль включен во все пакеты, кроме пакета "Базовый".

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

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

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

Напоминаем, что для оплаты премиум-услуг в системе uCoz доступны самые разнообразные способы: электронные деньги, терминалы, SMS, банковские карты, безналичный расчет для юридических лиц и др.

Советы по системе uCoz

vasjuta — Tue, 24 May 2011 13:56:18 GMT

Советы по сайту в ajax окне на сайтах uCoz

Функция "Замена стандартных надписей", в панели управления, позволяет изменить большую часть надписей на сайте.

Компания uCoz всячески приветствует и поддерживает любые попытки Вашего заработка на своих сайтах.

Функция "Граффити", вкладка "Мультимедиа", позволит оживить Ваш сайт простыми рисунками.

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

В разделе "Конструктор шаблонов", панели управления, Вы сможете создавать полноценные дизайны для системы uCoz и зарабатывать на этом деньги. Для этого необходимо иметь дизайнерские навыки и хорошие знания в HTML и CSS.

У вас есть только 90 дней для смены секретного ответа. Не забывайте ответ на секретный вопрос и не говорите его никому

Для загрузки файлов можно использовать "Файловый менеджер", в верхнем меню, или FTP клиент (детали в панели управления).

uCoz - это коммерческий проект, поэтому мы делаем все возможное, чтобы сайты наших пользователей работали 24 часа в сутки, 365 дней в году.

На добавленных в фотоальбом фотографиях можно выделять и подписывать объекты и людей. Это очень удобно и современно.

В разделе "Редактор смайлов", панели управления, можно создать свой набор смайлов

Чем больше посетителей заходит на сайт, тем быстрее добавляется дисковое пространство.

Если закачать файл "favicon.ico" с помощью файлового менеджера, то эта иконка будет выводиться в браузере, возле адреса сайта.

Пароли всегда должны быть сложными (пример: "kDi3p9S7"), в противном случае злоумышленник подберет Ваш пароль с помощью программы для подбора паролей.

Никому, никогда и ни при каких условиях не сообщайте свои пароли.

Можно использовать любые JavaScript скрипты на своем сайте.

После активизации модуля обязательно изучите раздел "Настройки модуля", это поможет в решении многих задач.

Прикрепив к сайту платный домен, Вы сможете создавать любые почтовые ящики в этом домене (admin@yoursite.com).

На поддержки uCoz - forum.ucoz.ru, Вы найдете ответы на многие вопросы.

Сотрудники uCoz никогда не запрашивают Ваших паролей. Любые обращения такого рода - это мошенничество.

Сайт признается неактивным если он не посещался в течении 40 дней подряд.

Каждый контент модуль системы можно настроить под свои нужды, например из Каталога файлов сделать Каталог рецептов, а из Фотоальбома - Обои для рабочего стола.

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

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

В разделе "Управление дизайном", панели управления, можно частично или полностью изменить дизайн своего сайта.

Несанкционированное сокрытие рекламного бара или копирайта uCoz приведет к закрытию Вашего аккаунта

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

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

Использование статичных .html файлов допускается лишь в сочетании с использованием динамических контент модулей системы.

В системе uCoz запрещено использование персональных PHP, ASP, Perl скриптов. Система uCoz самодостаточна и позволяет создавать любые сайты без использования данных технологий.

Отключать репутацию определенным пользователям можно в разделе "Пользователи" -> "Настройки модуля", панели управления.

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

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

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

В разделе "Перенос домена", панели управления, можно прикрепить любой домен (.ru, .com, .net и т.д.) к своему сайту.

Избежать блокировки аккаунта просто! Внимательно прочите условия использования сервиса uCoz - http://www.ucoz.ru/main/?a=terms

С помощью функции "Резервное копирование проекта", в панели управления, Вы можете создать полную или частичную резервную копию сайта и сохранить ее у себя на компьютере.

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

Максимальный размер загружаемого файла не может превышать 15Mb. Используйте специализированные сервисы для хранения больших файлов.

Переключившись в режим "Конструктор", в верхнем меню, Вы сможете очень просто управлять дизайном сайта.

Функция "Рассылка новостей" включается в настройках модуля "Пользователи", панели управления.

В разделе "Пользователи" -> "Группы пользователей", панели управления, можно легко распределять права пользователей на сайте.

HTML словарь

Hop-Candy — Wed, 06 Apr 2011 21:10:49 GMT

[table] - ссылка
target=_blank - открывает ссылку в новом окне.

name="anchor1" - имя закладки.

- оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью
shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник)

coords="x1,y1,..." - координаты, количество зависит от типа области

alt="описание" - описание, подсказка

href="document.html" - ссылка

- жирный текст

- крупный текст

- обязательный тэг

- задает цвет текста всего документа

- задает цвет фона документа

- задает фоновую картинку

- задает цвет ссылки

- задает цвет активной (нажатой) ссылки

- задает цвет посещенной ссылки

- определяет ширину верхнего и нижнего полей документа для IE

- определяет ширину левого и правого полей документа для IE

- определяет ширину верхнего и нижнего полей документа для NN

- определяет ширину левого и правого полей документа для NN

- перенос строки (принудительный)
clear="all" (left, right) - завершение обтекания текстом объекта (картинки).

- центрирование текста

- сам по себе погоды не делает, всегда употребляется с одним из параметров, приведенных ниже

текст - задает цвет текста выбранной части документа.

текст - задает размер шрифта текста (от -2 до +4)

текст - задает определенный шрифт в документе (можно прописать какой-нибудь экзотический шрифт)

- определяет фрэйм и его свойства внутри frameset - главы 24 - 30.

marginheight="0" - определяет ширину верхнего и нижнего полей фрэйма.

marginwidth="0" - определяет ширину левого и правого полей фрэйма.

scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо).

name="window-1" - имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга target (target="имя_фрейма").

- определяет фрэймовую структуру документа. Открывает и закрывает список фрэймов - главы 24 - 30.

rows="100,200,*" - определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях.

cols="10%,20%,70%" - определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах.

border - определяет ширину рамок фрэймов в пикселах.

(ширина линии в процентах)

(толщина линии)

(отмена объемности)

(цвет линии, только в IE)

- обязательный тэг

- выделяет текст курсивом

- рисунок

Border="5" - рамка покруг картинки

width="500" - ширина картинки

height="100" - высота картинки

align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom)

vspace="10" - расстояние от картинки до текста по вертикали

hspace="30" - расстояние от картинки до текста по горизонтали

alt="описание" - описание картинки

usemap="#karta1" - ссылка на карту

- навигационные карты

name="karta1" - имя карты

- бегущая строка (текста)

height="16" - высота строки

width="250" - ширина строки

bgcolor="#99CCFF" - цвет фона

vspace="10" - расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали

hspace="20" - расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали

loop="2" - сколько раз прокрутится строка

direction="left" (right, up, down) - направление движения строки - влево (вправо, вверх, вниз)

behavior="scroll" (slide, alternate) - поведение строки - обычная прокрутка (прокрутка с остановкой, от края к краю)

scrollamount="1" - скорость движения строки, может принимать значения от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое)

- cписки

type="disk" - полный кружок (по умочанию)

type="circle" - полый кружок

type="square" - квадратик

- параграф

текст

- центрирование текста.

текст

- выравнивание текста по правому краю документа.

текст

- выравнивание текста по левому краю документа.

текст

- выравнивание текста по обоим краям документа.

- форматированый текст

- перечеркнутый текст

- малый текст

- перечеркнутый текст

- нижний индекс

- верхний индекс

- название документа

- таблицы

- строчка (ряд) таблицы.

- столбец (ячейка) таблицы.

bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки).

background="картинка.gif" - задает фоновый рисунок для таблицы (строки, ячейки).

width="50" или width="50%"- ширина таблицы (строки, ячейки) в пикселях или процентах.

height="45" или height="45%"- высота таблицы (строки, ячейки) в пикселях или процентах.

align="center" (right, left) - выравнивает содержимое ячейки относительно ее центра (правого или левого краев).

valign="middle" (top, bottom) - вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу).

colspan="2" - растянуть ячейку на несколько стобцов.

rowspan="2" - растянуть ячейку на несколько рядов.

cellspacing="5" - задает пространство между ячейками.

cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами.

border="3" - задает толщину рамки таблицы.

bordercolor="#000000" - задает цвет рамки таблицы.

- фиксированный (моноширинный) текст

- подчеркнутый текст[/table]

Создаем конструктор для шаблона (Словарик)

Hop-Candy — Wed, 06 Apr 2011 20:48:34 GMT

Смысл установки заключается в создании html страницы, так называемого каркаса, который содержит определенные теги и коды. Для начало изучим основные теги которые нам понадобятся для установки шаблона.

Code

…

- это верхняя часть сайта, чаще всего –это шапки сайтов. Но может быть и такое, что особо выделенной верхней части сайта может и не быть.

Code

…

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

Code

…

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

Code

…

Часть дизайна, которая не будет использована в модуле "Форум". Обычно, это центральная часть сайта, находящаяся между Верхним и Нижним блоками.

Code

[TITLE]

  [BODY]

- Блок в котором находится дизайн персональной страницы.

Основные коды, используемые при установке:
[TITLE] – Это заголовок страницы. Он автоматически проставляет на всех страницах нужные заголовки. используется между тегами . Ещё этот код используется в заголовках блоков без квадратных рамок TITLE, что позволяет автоматически задавать названия в стандартных блоках.
[CSS_URL]- Автоматически указывает ссылку на файл с css. Используется
[BODY] – Это «тело» документа или блока. Предназначен для вывода, таких частей сайта, как форум или других модулей. Код [BODY] выводит основной контент сайта. Используется чаще всего в середине документа, но это не обязательно. Так же этот код используется для вывода основной страницы в Пример
[COPYRIGHT] – это не обязательный код он выводит на экран такие значения Copyright MyCorp © текущий год.
CONTENT –этот код отображает содержимое блоков.
Пример использования всех этих тегов и кодов вы можете посмотреть в админ панели Управление дизайном - Конструктор шаблонов – пример каркаса.
Или ниже

Code

[TITLE]

$WDAY$, $DATE$, $TIME$	You logged in as $USERNAME$ \| Group "$USER_GROUP$"Hello $USERNAME$ \| RSS
SITE LOGO
Site home \| $MODULE_NAME$ \| Profile page \| Register now \| Log out \| Log in

» TITLE

[TITLE]