Матвей Земсков

Заметки веб-мастера

Немного о веб-технологиях

Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.

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

В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.

Надеюсь информация будет полезна для посетителей.

 
Вторник, 30 июня 2009 00:10

Изменяем внешний вид меню в Joomla

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

В этой статье я продемонстрирую как это можно сделать. Для этого нам понадобится: сайт на Joomla (я использую сайт с демо-данными и стандартным шаблоном, который вы можете скачать и установить в CMS).

Опубликовано в Joomla
Четверг, 10 мая 2012 22:41

Очистка плавающих элементов. Свойства overflow и clear.

Как известно плавающие элементы (обладающие float: right; и float:left; для имитации табличной верстки) выпадают из нормального потока документа и в случае с приведенным ниже кодом:

Опубликовано в HTML-верстка
Понедельник, 15 июня 2009 16:03

Стили и классы модулей в Joomla 1.5

В этой статье мне бы хотелось рассмотреть какие стили применяет к элементам на странице CMS «Joomla», когда формирует страницу. Рассматривать это я буду на основе демо-данных, которые можно поместить в базу данных CMS «Joomla» при установке системы.

Как известно данные (разделы, категории, статьи, меню) в системе хранятся в базе данных, а их графическое представление в шаблоне. При установке CMS по умолчанию устанавливается шаблон с названием rhuk_milkyway. В нем обозначено очень много различных позиций. В эти позиции выводятся модули. Модули в Joomla – различные меню, голосование, навигация по сайту («хлебные крошки»), авторизация и т.п. основное же содержимое выводится в компоненте (как правило, посередине страницы). С помощью шаблона и системы можно разместить все данные в нужных вам позициях.

Опубликовано в Joomla
Понедельник, 07 мая 2012 22:13

Пример верстки страниц сайта агентства недвижимости Realty

Используемые инструменты и технологии:

  • Adobe Photoshop CS4 (рисование и нарезка макета)
  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • jQuery
  • jQuery UI
 

Описание:

Была поставлена задача разработать сайт одного агентства недвижимости. В процессе работы над этим проектом мной были созданы .psd макеты основных страниц сайта, из которых были сверстаны html–шаблоны. На момент создания тестирование макета производилось в браузерах IE7+, Firefox3+, Opera9.64+, GoogleChrome2+, Safari4+.

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

Открыть html–странички макета

Опубликовано в Мои работы
Воскресенье, 06 мая 2012 10:52

Калькулятор для расчета стоимости сайта.

Используемые инструменты и технологии:

  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • JQuery
  • php
 

Описание:

Это небольшое веб-приложение было написано мной во время изучения фреймворка JQuery. Затем калькулятор был размещен на сайте. В приложении можно выбрать тип сайта, который Вам нужен и рассчитать его стоимость с учетом дополнительных услуг. Кроме того, в приложении есть возможность выбрать услуги с уже рассчитанной стоимостью. После предварительного расчета стоимости заказ можно отправить.

Посмотреть страничку с калькулятором

Опубликовано в Мои работы
Пятница, 04 мая 2012 18:42

Пример верстки макета сайта мебельной фабрики «Роникон».

Используемые инструменты и технологии:

  • Adobe Photoshop CS2 (нарезка макета)
  • html (xhtml 1.0 Transitional)
  • CSS 2.1
 

Описание:

Из .psd–макета был создан кроссбраузерный блочный html–макет. На момент создания тестирование макета производилось в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.

Открыть html–страничку макета

 

Опубликовано в Мои работы
Пятница, 04 мая 2012 18:33

Пример верстки макета сайта салона оптики «EyeKraft».

Используемые инструменты и технологии:

  • Adobe Photoshop CS2 (нарезка макета)
  • html (xhtml 1.0 Strict)
  • CSS 2.1
  • JavaScript
 

Описание:

Из .psd–макета был создан кроссбраузерный блочный html–макет. Верстка «резиновая», страница растягивается по ширине окна браузера. При разрешении экрана пользователя больше 1600px, страница располагается по центру экрана.  На момент создания макет тестировался в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.

Открыть html–страничку макета

Опубликовано в Мои работы
Страница 3 из 3
Свежие заметки
Наверх