Размещаем адаптивную Google-карту на своем сайте
Как известно, размещение карты Google на своем сайте довольно простая задача. Однако, по-умолчанию, карта не адаптируется под размер экрана.
Создание сайта транспортной компании «Эксперт Автологистика»
Используемые инструменты и технологии:
- HTML, CSS
- jQuery
- PHP
- CMS “Joomla”
Описание:
Разработана структура сайта. Из PSD-макета был создан шаблон для системы управления. Размещены и настроены необходимые модули и компоненты системы. Созданы и наполнены содержимым разделы сайта.
Несколько правил html-верстки шаблона почтовой рассылки
Недавно при разработке рассылки новостей компании, мне нужно было сверстать html-шаблон для выпусков рассылки. С этой задачей я столкнулся впервые и обнаружил для себя некоторые своеобразные моменты ее реализации. Об этом и пойдет речь в данной статье.
Создаем интерактивную карту на сайте
Практически на всех сайтах компаний, присутствует раздел «Контакты». Если у компании есть несколько филиалов в разных регионах страны, то на странице с контактами можно разместить карту, на которой обозначить города, где находятся филиалы компании. Еще будет замечательно, если название городов будут выполнены в виде ссылок, а при клике на них будет появляться всплывающий блок со схемой проезда к офису в выбранном городе. Города на карте будут обозначены небольшими квадратами, при наведении указателя мыши на название города, его обозначение на карте будет меняться.
Программирование и верстка шаблона рассылки на сайте под управлением «1С-Битрикс»
Используемые инструменты и технологии:
- PHP
- Bitrix Framework
- HTML, CSS
Описание:
С помощью данного шаблона можно организовать автоматическую рассылку новостей на сайте. Особенностью этого шаблона является выборка определенных администратором сайта новостей. Кроме того, если необходимо, можно выделить из новостей одну «топовую» новость и отображать ее содержимое в самом начале выпуска рассылки.
Размещаем блок по центру окна браузера.
В этой небольшой статье мне хотелось бы рассказать об одном простейшем способе размещения блока по центру окна браузера. В каких случаях может пригодиться данный метод?
Например, когда сайт закрыт для посетителей и нужно показать страничку с «заглушкой» или создать свою страничку, которую увидят посетители в случае ошибки 404 — объявление об отсутствии запрашиваемой страницы можно разместить в блоке в центре окна браузера.
Верстка блока с овальными уголками.
Задача: создать блок с овальными уголками.
Блоки с овальными уголками очень популярны и часто встречаются на различных сайтах. Способов закруглить уголки у блоков огромное количество, их без труда можно найти в Сети. Недавно, путешествуя по просторам Интернета, я нашел интересный способ создания блока с овальными уголками. Этот метод основан на абсолютном позиционировании уголков внутри блока, а также популярном сейчас способе использования спрайтов.
Создание верстки тянущейся по высоте на 100%.
Задача: создать блочную верстку макета чтобы при любом количестве текста подвал всегда был внизу окна браузера.
Калькулятор для расчета стоимости сайта.
Используемые инструменты и технологии:
- html (xhtml 1.0 Strict)
- CSS 2.1
- JQuery
- php
Описание:
Это небольшое веб-приложение было написано мной во время изучения фреймворка JQuery. Затем калькулятор был размещен на сайте. В приложении можно выбрать тип сайта, который Вам нужен и рассчитать его стоимость с учетом дополнительных услуг. Кроме того, в приложении есть возможность выбрать услуги с уже рассчитанной стоимостью. После предварительного расчета стоимости заказ можно отправить.
Пример верстки макета сайта мебельной фабрики «Роникон».
Используемые инструменты и технологии:
- Adobe Photoshop CS2 (нарезка макета)
- html (xhtml 1.0 Transitional)
- CSS 2.1
Описание:
Из .psd–макета был создан кроссбраузерный блочный html–макет. На момент создания тестирование макета производилось в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.