В этой статье я постараюсь поставить все точки над «и» (а так же над «i») в вопросе выбора кодировки для создаваемой HTML-страницы.
Когда я только начинал заниматься сайтостроительством у меня постоянно возникали проблемы из-за этих кодировок. Сохранишь HTML-страницу, выгрузишь на сервер, открываешь, бах, а там кракозябры. Ну вот и здравствуйте, приехали.
Или в среде отладки (например, локальная среда разработки «Денвер») все нормально, а с хостинга опять они, кракозябры проклятые, нагло на меня смотрят.
С движками сколько мучений было. Вдруг, непонятно почему, родные русские буквы превращаются в …
Сейчас мы с этим делом подробно разберемся и вы будете четко знать в какую кодировку сохранять HTML-страницу и посредством каких инструментов.
Читать полностью »
Во-первых, что такое динамическая кнопка. Динамическая кнопка — это кнопка, вид которой меняется при наведении на нее указателя мыши.
Вы можете посмотреть как выглядит динамическая кнопка.
Такая красота очень часто верстается путем программирования на JavaScript. По умолчанию загружена первая картинка, которая и представляет собой кнопку. При наведении на нее указателя мыши происходит смена предыдущей картинки на новую этим самым JavaScript-ом.
Что мы имеем в результате.
В результате у нас есть две картинки: первая — это вид кнопки по умолчанию, вторая — при наведении мыши. Когда я навожу мышь на кнопку по умолчанию у меня происходит загрузка изображения номер два. И, если используется большая и красивая кнопка или мой интернет медленный, какое-то время, после наведения мыши, кнопка тупит и не меняет своего вида. За это время происходит подгрузка изображения номер два.
Проблемы тупости кнопки, при первой загрузке сайта, можно решить путем установки скрипта-загрузчика. Этот скрипт будет заливать в кеш сразу оба изображения для моей динамической кнопки.
А можно пойти совсем другим путем и сверстать эту кнопку вообще без применения JavaScript. И все это дело будет называется динамической кнопкой на CSS.
Процесс создания изображения для кнопки в Photoshop и ее верстку я записал в формате видеоурока.
Поехали!
Читать полностью »
Сегодня речь пойдет о мощном и удобном дополнении к FireFox под названием Firebug.
Функционал Firebug-а позволяет «на живую» изменять HTML и CSS-код и сразу видеть последствия этих изменений в браузере.
Так же это мощное дополнение поможет верстальщику разобраться в запутанной HTML-структуре загруженной в браузере страницы.
Возможности Firebug-a не ограничиваются лишь работой с HTML и CSS. При помощи данного дополнения значительно упрощается процесс отладки JavaScript, есть возможность просматривать данные, отправляемые серверу… Но это все уже из другой оперы, пока рассмотрим Firebug в качестве инструмента для верстальщика сайта.
Читать полностью »
Быстро скачать весь видеокурс по div верстке
Уважаемый читатель, если вы хотите без лишних слов на высокой скорости скачать весь видеокурс по div верстке (включая psd-дизайн-макет и исходники результата верстки) в лучшем качестве, то я предлагаю вам услугу быстрого платного скачивания с выделенного сервера.
Стоимость услуги – $4,25. Оплатить можно пластиковыми картами Visa и Mastercard, мобильным платежом (Мегафон, МТС, Билайн), а также WebMoney, Яндекс.Деньгами, Qiwi и другими популярными платежными системами.
Модуль оплаты встроен в WordPress при помощи этого плагина.
После оплаты вам будет предоставлена ссылка для быстрого скачивания архива (511 Мбайт, *.zip). Скорость закачки – до 5 Мегабит в секунду.
Стоимость быстрого скачивания курса — $4,25.
Введите Ваш адрес эл. почты (после оплаты мы отправим на него ссылку для загрузки видеокурса):
Хотите узнать подробности — читайте дальше.
Читать полностью »
Верстка | Андрей Морковин 06.10.2009 | 
Отзывов (252) 
