— заметки разработчиков студии

Ура! Мы закончили работать над очередным проектом. Теперь и лесничество Рязанской области обзавелось интернет-представительтвом.

Закончена разработка сайта стоматологии на м. Сухаревской под названием «Столица-дент». Этот проект относится к категории «А» (корпоративный сайт), включающей в себя натягивание дизайна по шаблону и привязки системы управления сайтом.

Всплывающее меню — это отличное решение для построения полноценной навигации с различными уровнями вложенности, которое зарекомендовало себя еще лет 10 назад. При разработке сайтов в нашей студии мы также используем этот прием для реализации удобного перемещения по разделам веб-ресурса: medprem.ru, okphoto.ru.
Сегодня я хочу предложить вашему вниманию готовый способ реализации горизонтального и вертикального всплывающего меню с помощью javascript и css.

Привет, дорогие читатели! Сегодня хочу рассказать вам про революционное средство для веб-разработки под названием firebug. Этот плагин встраивается в Firefox и облегчает жизнь верстальщикам и дизайнерам, делая их рутинную работу проще. С помощью firebug вы сможете отлаживать CSS, HTML и JAVASCRIPT в режиме он-лайн на любой веб-странице! После установки плагина, щелкая правой кнопкой мыши по любому элементу на сайте, вы увидите вкладку «Анализировать элемент». Выбрав этот пункт вы сможете прямо в браузере посмотреть css свойства данного элемента и даже изменить их вживую.

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

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

Лично я использую Eclipse в качестве инструмента для веб-разработки. До этого работал с PHP Expert Editor, но он меня не устраивал по многим критериям: неполная поддержка работы с ftp, слабенький редактор кода, нет поддержки работы с базами данных, отсутствие визуального редактора.

За что я люблю Eclipse?

Верстка бывает 2 видов: табличная и с помощью блоков. В роли блочного элемента обычно выступает тэг div.
В настоящее время блочная верстка становится крайне популярной. С чем же это связано?

1. Это бывает необходимо для оптимизации сайта для поисковиков. Поисковый робот читает код страницы начиная с самого верха. С помощью блочной верстки мы можем позиционировать элементы таким образом, что в коде они идут в начале документа, а при просмотре в браузере они могут располагаться где угодно. Соответственно, мы всегда можем поместить в начало документа нужный нам текст, включающий ключевые слова, независимо от дизайна сайта.
2. Практически у каждого интернет-представительства есть своя CMS (Система управления сайтом). В таких системах часто можно настраивать расположение блоков, таких как: «баннеры», «популярные статьи», «лидеры продаж».
   С использование блочной верстки мы сможем легко спозиционировать эти элементы, например с помощью свойства float.

Все вроде хорошо, но существует такой гадкий браузер Internet Explorer, у которого свои взгляды на рендеринг верстки. Допустим мы хотим сделать 2 тянущихся блока и расположить их в один ряд при помощи свойства float:left. В ie правый блок начинает спрыгивать вниз при ресайзинге браузера.

Для разработки дизайна постраничной навигации нам с вами понадобиться немножечко хтмла и css.
Для выравнивания цифр на одном уровне используем тег span и прописываем у него отступ в 5 пикселей.
Все спаны будут без фона, за исключением текущей страницы. В нашем примере текущая страница — №2, и она будет выделена серым бэкграундом. Убираем ссылку со второго раздела и назначаем класс «select». Для удобства обращения к элементам поместим их в див.

Самый простой способ для фиксации footer'а — это фиксация footer'a с заданной высотой.
Для этого вам потребуется создать блок со 100% высотой, где будет находится весь материал сайта, и после него создать блок с footer'ом. В footer'е нужно прописать стиль margin-top и задать значение, равное высоте этого элемента.