Блок Вашей рекламы

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

Заказать

Условия
Условия на публикацию реклам и разработку макетов
-------------
Расценки на размещение за период
Сутки: 2.21 руб (0.65$)
Месяц: 23.8 руб (7$)
Пол года: 51 руб (15$)
Год: 85 руб (25$)
-------------
Разработка
Оригинального макета: от 61.2 руб (18$)
Мелкие изменения: от 13.6 руб (4$)

Заказать

CloseСоздание сайтов Разработка сайтов

Этапы создания сайта

  • Заявка от заказчика
  • Разработка технического задания (ТЗ)
  • Адаптация и утверждение ТЗ
  • Калькуляция стоимости проекта и подписание договора
  • Сбор информации для контрольного примера
  • Составление дизайн-макета сайта
  • Оплата аванса, предусмотренного договором
  • Верстка, программирование и тестирование сайта
  • Оплата 2-й части аванса, предусмотренного договором
  • Устранение замечаний заказчика, демонстрация рабочего проекта сайта заказчику
  • Подписание акта выполненных работ. Окончательный расчет за готовый проект
  • Выбор и покупка домена
  • Выбор и аренда хостинга
  • Сопровождение сайта

О создании сайта дополнительно

    Заявка на сайт

  • Заявку на создание сайта лучше написать нам в виде e-mail. Мы свяжемся с Вами и обсудим все детали
  • Что нужно знать о гарантиях?

  • Мы даем гарантию на нашу продукцию от 2-х до 6-ти месяцев в зависимости от сложности проекта. При передаче продукции третим лицам право на гарантию аннулируется
  • Хостинговые услуги от разработчика

  • Разработчик предоставляет бесплатный хостинг на техническом домене на весь гарантийный срок
  • Работы после сдачи сайта

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

Обучающие и познавательные статьи

Разметка карты-изображения (горячих областей) для создания ссылок

Определение координат тега <area>

Тег area определяет интерактивную область в карте-изображения (изображении-карте) (элемент map), т.е. при клике на определённую область изображения происходит определённое действие, например, открывается страница. Как получить координаты для тега area? Сейчас много информации в интернете на данную тему. Стандартные материалы по теме дают поверхностную информацию. Источники в основном говорят о ручном создании координат. А если речь идет об автосоздании координат много говоря о лишнем, хором молчат о главном: "как именно?". Для тех, кто работает с визуальным редактором DreamWeaver нет никаких проблем при создании так называемых горячих областей. Вспомним, что тег area позволяет произвести разметку изображений (деление изображения на активные области, их также называют "горячие области"), таким образом, что каждая область является ссылкой. Области могут быть в форме многоугольника, прямоугольника или круга. Тег area используется обязательно внутри тега map, который называется "картой-изображения". Создание прямоугольных или круглых областей не очень сложно. Но довольно сложно создавать многоугольные области карты и поэтому мало описаны нюансы создания таких областей. Потому и решил осветить эту проблему подробнее. Для примера будем использовать изображение из рис.1.

Рис. 1
Для разметки областей в какой-то мере можно исползовать и фотошоп, но лучше в графическом редакторе. Я расскажу как это делать в DreamWeaver-е, который идеально подходит для этой цели. Сначала мы создадим тег div, содержащий изображение с нашего примера:
<div>
<img src="images/stories/si-1.gif" alt="Picture" usemap="#rabmap" />
</div;>
Для размещения на нашем изображении "горячих областей" используем штатные элементы управления редактора. Панель управления "горячими областями" находится в левом нижнем углу редактора, в области свойств (Properties) и выглядит как нв рисунке ниже:
 Но, панель управления не появится, пока мы не добавим в наше изображение свойство usemap. На панели управления имеются четыре кнопки, расположенные в одной строчке вдоль нижней границы окна редактора свойств. Они визуально составляют две группы. Правая группа состоит из трех кнопок, на которых изображены прямоугольник, круг и многоугольник, соответствующие одноименным "горячим областям". Слева расположена единственная кнопка, из чего состоит вторая группа (стрелка). Эта кнопка активна по умолчанию и позволяет манипулировать уже созданными "горячими областями" (активировать, перемещать, менять размеры, контур). С помощью этих кнопок создавать "горячую область" очень просто. Для начала создадим прямоугольную. Щелкаем разово на кнопке с изображением прямоугольника, переносим курсор на то место изображения, где будет расположена левая верхняя точка будущей прямоугольной области и нажимаем левую кнопку мыши (ЛКМ), не отпуская ее протащим мышку вниз и вправо, и отпускаем, когда прямоугольная область будет сформирована (Вы увидите как за мышью "потянется" контур, обрамляющий светло-синюю прямоугольную область). В поле Map Dreamweaver подставит строку "Map", что является уникальным именем нашей карты-изображения. При желании это имя можно менять на любое другое, это особенно важно, если вы на своей странице будете создавать несколько изображений-карт. В имени допускаются только латинские буквы, цифры и знак подчеркивания, при условии, что имя начинается с буквы. В завершение создания "горячей области" Dreamweaver создает тег map (откывает, закрывает, связывает имя тега с именем карты-изображения) и в нем создает тег area, соответствующий нашей прямоугольной области.

Рис. 2
В результате в в области Design редактора мы получаем такую картину (рис. 2). В редакторе удобнее поставить режим просмотра Разделенный (Split). Но в отдельные моменты для лучшей видимости можно переходить на Design. Аналогично создаем круглую "горячую область". Создание многоугольной "горячей области" несколько сложнее. Кликнув разово по кнопке многоугольника, переносим курсор на изображение и кликом ЛКМ ставим первую точку многоугольной "горячей области", затем вторую, третью и т.д., двигаясь по контуру в любом направлении часовой стрелки. Не страшно, если Вы несколько запутаетесь в последовательности. В этом случае появится область с пересекающимся контуром. Его можно исправить после завершения создания "горячей области". Завершается создание "горячей области" нажатием клавиши ESC или кликом мыши в другом месте. Кликом по любой "горячей области" делаем ее активной и можем перетащить в любое другое место. Нажимая ЛКМ на узловые точки "горячей области" (выделенные цветом точки) и протаскивая, мы увеличиваем (уменьшаем) ее до нужных размеров. Каждый раз DreamWeaver, при необходимости, создает новые теги area и корректирует координаты уже имеющихся "горячих областей".

Рис. 3
Указанным методом мы создали "горячие области" для дома, авто, ноутбука и солнца. Наше изображение-карта готовово. Результат показан на рис.3. Узловые точки авто пронумерованы для наглядности.
↓Читать дальше На главнуюНа Главную