Дизайн сайта электронной библиотеки
Несколько дней назад закончил разработку дизайна для электронной библиотеки. Фактически это обычный блог на котором и размещаются архивы с книгами. Одна книга — один пост.
Сайт уже работал и на нем был установлен дизайн. То есть задачей была сделать дизайн лучше.
Проверить верстку дизайна в разных браузерах
При верстке дизайна не обойтись без процедуры проверки его в популярных браузерах, таких как Opera, Firefox, Chrome, Safari и конечно же Internet Explorer.
С Opera, Firefox, Chrome и Safari проблем никаких нет, их можно без проблем скачать и установить, а вот с IE будут. Проблема заключается в том, что шестая, самая «плохая» версия IE у многих отсутствует (например, установлена Windows Vista, или Windows 7, или же просто обновились до новой версии).
Internet Explorer 6 нету а проверить просто необходимо (как минимум в 6 версии). Я искал портативную версию Internet Explorer 6, но к сожалению она у меня не запустилась. Я нашел другой путь.
Как найти иконки
Иконки могут использоваться практически где угодно. Будь это разработка дизайна для сайта, разработка приложения или оформление презентации. Также иконки могут понадобиться, например, при создании и последующей настройке блога. Для блога, можно сказать, обязательным элементом является наличие кнопки в виде иконки RSS. Иконки помогают сделать интерфейс приложения или веб-сайта более дружелюбным и удобным.
Ниже представлены наиболее удобные в использовании сайты. Сайты представляют собой, можно сказать поисковик. Пишем ключевое слово, жмем поиск, выбираем нужную иконку, смотрим подробности и если устраивает скачиваем.
Как подобрать цветовую палитру для сайта
Дизайн сайта это одна из важный его частей. Удобство навигации, легкость поиска нужной информации, как на странице так и по всему сайту, и конечно же цветовая гамма.
Существуют различные программы для подбора цвета. Есть сервисы, помогающие подобрать цвета.
Почему в IE6 размеры больше?
Как известно всем, кто верстал более или менее достойные дизайны, IE6 неправильно читает верстку. В частности, иногда, при создании отступа такого типа:
.ClassName
{
margin-left: 20px;
}
Должно позиционироваться примерно так. Т.е. создаем несколько блоков, и у них внешний отступ равен 20 px. И во всех нормальных браузерах получается что-то вроде этого.
Краткий обзор моих последних работ
Недавно я сделал два достаточно сложных дизайна. Были свои проблемы, которые я постарался преодолеть. Получил много опыта. Дизайны, на мой взгляд, получились вполне неплохие. Оба дизайна «резиновые» и от этого они выглядят еще интереснее.
PNG в IE6 — Еще одно решение
Как известно Internet Explorer 6 неправильно отображают файлы формата PNG 24bit. Фон изображения будет отображаться серым. PNG с альфа-каналами позволяет значительно улучшить внешний вид сайта. Проблема конечно же решаема. Пару решений я описывал в аналогичной статье — PNG в IE 6.
Представленные решения неплохие, но есть несколько недостатков, среди которых невозможность «замостить» маленькое изображение.
Решается проблема следующим образом:
Выпадающее меню
Очень часто нужно сделать выпадающее меню.
Нам понадобится: небольшой скрипт, и дополнительная таблица стилей (можно и в существующую добавить). Все это вы найдете в примере ниже.
Работает это довольно просто: с помощью скрипта при наведении на ссылку, изменяется стиль у соответствующего блока, что и заставляет его показаться. Ну а изначально он не виден.
Если захотеть, то можно к этому меню добавить эффектов, сделать его покрасивее. В любом случае придется подгонять под конкретный дизайн, это только пример.