Главная Аккаунт Файлы Ссылки Форум Графика
Разделы

Главное меню

Фоны текстуры



Раздел:
 Microsoft Silverlight
Это новая технология Microsoft для создания веб сайтов. Некое подобие Flash -технологии.
 Начинающему веб-мастеру
 Коды CSS и HTML
Готовые коды для вставки на страницу
 Работа с графикой
Создание, изменение и оптимизация веб графики
 Технология Flash
Создание графики и анимации
 Раскрутка, продвижение сайта или СЕО
Продвижение, увеличение посещаемости и раскрутка сайтов
 Скрипты для Flash (ActionScrit 2)
Никаких уроков, только коды (скрипты)
 Blender (3d графика)
Информация по программе Blender
 Программы для графики и анимации
 Статьи по веб дизайну
 Статьи по CSS и HTML
Различная информация по CSS и HTML
 Как заработать на сайте
Разные способы монетизации сайта или форума
 Скрипты JavaScript
Коды скриптов JavaScript для вставки в страницу сайта

  

14.2.10 15:54 | Графическая карта ссылок
Раздел: Начинающему веб-мастеру | Автор: upet | Рейтинг: 0.00 (0) Оценить | Хитов 7587
Графическая карта ссылок – это механизм расширения функций графической гиперссылки.
Графическая карта позволяет выделить отдельные фрагменты изображения как области, чувствительные к щелчкам кнопки мыши, причем каждый из фрагментов такого изображения отвечает за исполнение какого-нибудь действия (например, загрузки нового документа). Таким образом, одно изображение может заключать в себе много ссылок.

Различают два типа графических карт – интерпретируемые браузером пользователя (клиентские) и интерпретируемые Web-сервером при помощи скриптов CGI.

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

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

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

Для выделения в гипертекстовом документе активной области нужно на графической карте (в содержимом документа) поместить инструкции языка HTML, которые определяют карту и внедряют картинку вместе с указанием связей между этими объектами. Изображение связывается с картой посредством этикетки (одинакового имени).

Построение карты ссылок

<MAP NAME=”этикетка”>
<AREA SHAPE=”тип поля” COORDS=”список координат задания поля”
HREF=”URL – адрес документа, загружаемого после щелчка мышью на поле” (или NOREF если щелчок не вызывает загрузки нового документа)
ALT=”текст словесного описания поля”
TARGET=”название окна, в которое будет загружаться новый документ”>
<AREA ...> (следующий участок)
</MAP>

<IMG SRC=”адрес или название файла с картинкой” USEMAP=”#этикетка”>

Прямоугольник:

<AREA SHAPE=”RECT” COORDS=”x1, y1, x2, y2>, где x1, y1, x2, y2 – координаты противоположных вершин прямоугольника (левой верхней и правой нижней).

Окружность:
<AREA SHAPE=”CYRCLE” COORDS=”x, y, r”>, где x, y – координаты центра, r – радиус.

Многоугольник:
<AREA SHAPE=”POLY” COORDS=”x1, y1, x2, y2, x3, y3, ...”>, где последовательные пары x, y, (x1, y1) – координаты каждой последующей вершины многоугольника.

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

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

<AREA SHAPE=”RECT” COORDS=”0, 0, xmax, ymax”>

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

11.2.10 09:59 | Меню вертикальное (код)
Раздел: Коды CSS и HTML | Автор: upet | Рейтинг: 0.00 (0) Оценить | Хитов 7651
Меню вертикальное с перекатом (ролловером)
HTML код вставляете в шаблон сайта


<table width="170" cellspacing="0" cellpadding="0">
<tr>
    <td style="font-weight: bold; font-size: 20px; background-color:#DFEBF4">
    Главное меню
    </td>
    </tr>
   
  <tr>
    <td>
    <a href="http://webgraphica.ru" target="_blank" class="menu_hor">Вебграфика</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 2</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 3</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 4</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 5</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 6</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 7</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 8</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 9</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 10</a>
    </td>
  </tr>
</table>

CSS код вставляете в основной файл, обычно он называется style.css

/* CSS Document */
.menu_hor {
font-size: 16px;
display: block;
color: #006699;
border-left: #0099CC solid 8px;
text-align: left;
margin-bottom: 4px;
margin-left: 2px;
margin-top: 4px;
margin-right: 2px;
text-decoration: none;
}
a.menu_hor:hover {
font-size: 16px;
display: block;
color: #006699;
border-left: #CC3300 solid 8px;
text-align: left;
margin-bottom: 4px;
margin-left: 2px;
margin-top: 4px;
margin-right: 2px;
text-decoration: none;
background-color: #FFFFCC;
}

Это и другие меню в файлах можно скачать здесь
  Читать далее »

7.2.10 21:36 | Раскрутка и оптимизация сайта
Раздел: Раскрутка, продвижение сайта или СЕО | Автор: upet | Рейтинг: 0.00 (0) Оценить | Хитов 2647
В настоящее время практически невозможно найти требуемую информацию на просторах Рунета без поисковых систем. Основная масса пользователей на территории России отдаёт предпочтение таким поисковым системам как Яндекс, Rambler, Google.ru, Aport, Mail.ru и KM.ru. При введении наименования искомого интернет продукта в поисковой строке, система выдаёт сотни, а то и тысячи результатов. Как правило, не все сайты, выводимые системой, удосуживаются внимания интернет обывателей.
Предпочтение отдаётся первым в списке.

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

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



MyArticles 0.6 beta for RUNCMS: by RunCms.ru


Можно и сюда


Cчётчики
Rambler's Top100 Рейтинг@Mail.ru