1619301-06-2013
16193
01-06-2013
Сегодня я опять предлагаю вашему вниманию универсальные и незаменимые гранжевые текстуры. Они весьма удобны для использования в веб-дизайне по причине своей относительной нейтральности и ненавязчивости. В них нет явно акцентированных узоров, а есть лишь умеренная шероховатость и легкая текстурность поверхности. При этом большие размеры представленных текстур позволяют их использовать как в качестве больших самостоятельных объектов, например заднего фона, так и в виде небольших стильных элементов. Итак, встречайте — красная абстракция, сетка из трещин, потертости от краски, каменная стена, желтая поверхность, царапины на синем, облупившаяся краска и серый гранж.
Работы русского художника Константина Маковского всегда отличала эффектность композиции и освещения, а также сильный, блестящий и весьма насыщенный цветистый колорит. Теплые краски, используемые для создания нежных оттенков кожи в сочетании с яркими акцентами аксессуаров, таких как одежда и украшения, создают неповторимую атмосферу всех его женских портретов, дышащих одухотворенностью и лиричностью. Картины как бы окутаны легкой, почти невесомой сияющей дымкой и небольшим, практически незаметным эффектом расплывчатости. Смотрим палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.
Итак, для начала вдохновимся черно-белыми иконками Icons8 в стиле Metro Style. Затем идет большой набор моноцветных иконок современного начертания с различными полезными изображениями. Мне очень понравился стиль иконок из набора Art Nouveau. Отличительной особенностью Soda Red Icons является использование активного красного цвета. В наборе Office Women Icons можно найти картинки с офисными девушками, сидящими за столом. Fantasy Mediaeval Icons — это что-то от фэнтези с колбами, песочными часами и свитками. Фруктовые иконки Fruits Icons тоже не будут лишними в дизайнерском хозяйстве. Достаточно оригинальны иконки в стиле стимпанк — Steampunk Icons. Как всегда много наборов для веб-разработчиков.
В этом уроке речь идет о том, как в HTML выполняется построение таблиц и как таблицы можно использовать для управления компоновкой и внешним видом веб-страниц. Начнем мы с самых простых таблиц и узнаем, какие теги задействованы при их создании. После этого перейдем к форматированию. В этой части мы разберемся с основными стилевыми атрибутами, предназначенными для украшения таблиц. Следующий раздел посвящен более сложным таблицам. Мы узнаем как можно объединить ячейки или столбцы и какие атрибуты при этом используются. Рассмотрим подробно на примере — сначала как выглядит сам код, а потом, как выглядит таблица в окне браузера.
В HTML предусмотрена возможность добавления на веб-страницы списков трех типов: маркированных, нумерованных и состоящих из определений. Давайте подробно разберемся с каждым из них. Благодаря использованию стилей, стандартные маркеры маркированных списков (имеющие вид одноцветных круглых точек) могут быть заменены квадратами, окружностями или произвольными рисунками. Нумерованные списки предполагают использование различных вариаций маркеров из заглавных или прописных букв и цифр, а также возможность разрыва списка с продолжением счета. Ну и под конец познакомимся со списком, состоящим из определений.
Парад открывают иконки про китайский новый год. Следом идут зеленые изображения различных грузовиков, кранов и экскаваторов. Иконки для Хэллоуина может кому пригодятся на следующий год. Морские обитатели в вольной графической трактовке представляют следующих участников. Как обычно востребованы коммерческие иконки. Изображение девушек подойдет для женских сайтов, а младенцев — для сайтов мам. Также я бы отметила очень интересный большой набор иконок разной направленности в рисованном стиле. Встречаются симпатичные изображения.
Для сегодняшней подборки готовых палитр я использовала лирические картины русского художника Исаака Левитана. Просматривая его работы, возникает ощущение спокойной сдержанности, внешнего простора, безусловной природной гармонии и уравновешенности. Художнику удалось передать движение воздуха и проникающего сквозь него солнечного света, отчего картины кажутся живыми и осязаемыми. Также для Левитана характерна особая прозрачность чистых цветов и тонкое умение видеть и передавать поэтическое содержание обыденного. Смотрим палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.
Сегодня мы будем знакомиться со стилевыми таблицами. HTML код задает базовую структуру документа, а с помощью стилей можно задавать различные варианты оформления веб-страницы. Разберемся в чем разница между внутренними, внешними и глобальными стилями. Подробно рассмотрим как они применяются и узнаем об иерархии каскадных приоритетов. Также рассмотрим правила написания стилей и познакомимся с определением классов. В следующем шаге мы научимся форматировать текст с помощью стилей и узнаем основные стилевые свойства. А также уделим внимание способам оформления ссылок, меняющим их внешний вид.
Итак, знакомимся с иконками. Pencil Icons — симпатичные разноцветные карандаши, Windows Business — предметы из бизнеса, Projector — интересная конструкция, похожая на фляжку, но судя по названию — фонарик. В наборе Harry Potter собраны вещички из одноименного фильма. Набор Vintage Social с винтажными социальными иконками мне показался очень симпатичным. Далее следуют какие-то объемные кнопочки Yoyo Icons, изображения на тему морских путешествий Jules Verne Icons, кубические штучки Cubes Icons и и конки про любовь Free Large Love. А еще есть смешные Cute Chicken Icons, скетчевые Sketchy Icons, круглые Mac Apps Icons и векторные Plex Icons.
Очередной урок про HTML расскажет нам о таких понятиях, как URL адрес и гиперссылка. Разберемся с тем, какие варианты тегов надо использовать в случае, когда ссылка ведет на какой-либо ресурс, фрагмент страницы или элемент страницы. Также ссылки могут быть на другие файлы и адреса электронной почты, об этом тоже пойдет речь. Далее мы познакомимся с таким понятием, как якоря и основными атрибутами тега для их создания. После этого мы поговорим об определении ссылок в пределах одной страницы и о ссылках на закладки других страниц. Настоятельно рекомендую для лучшего усвоения пробовать весь изученный материал на практике.
Для сегодняшеней подборки цветовых палитр я выбрала работы художника Мориса Прендергаста. Живопись этого мастера отличает приверженность к насыщенным, ярким краскам и характерная отрывистость мазка кисти. Гармония большинства получившихся палитр содержит контрастные сочетания цветов из далеких цветовых секторов. Это связано с тем, что в своих работах Прендергаст, как никто другой, использовал большое количество сильных цветов, не придерживаясь определенной цветовой гаммы. Именно это и сформировало своеобразие его художественного стиля. Смотрим палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.