Работа со слоями
Любому веб-мастеру даже начинающему приходится постоянно работать со слоями. Они являются структурными элементами, которые позволяют создавать разные эффекты. Эти элементы накладывает один на другой, высокой точностью до одного пикселя. При помощи скриптов можно изменять динамику слоя и реализовать игры, плавающие окна, баннеры, выпадающие менюшки.
Совсем недавно основными инструментами верстальщика были фреймы и таблицы. От фреймов отказались из-за того, что они не отвечали требованиям дизайна и навигации. Применение фреймов считалось проявлением некомпетентности. Такого веб-мастера относили к разряду тех, кто не разбирается в тонкостях сайта. И основная масса перешла на верстатку при помощи таблиц. Это стало своего рода стандартом. И тут профессионалам верстатки пришлось потрудиться, из таблиц делали и модульные сетки, и рамки, и фон, и элементы выравнивали.
И вот более новые версии браузеров стали содержать средства по работе со слоями. Тогда вошли в силу и новые стандарты, а таблицы снова стали использовать по назначению. Опять стали разделять содержание и оформление, а таблицы используют по их основному назначению. Конечно, веб-мастера в зависимости от предпочтений пользуются всеми тремя названными методами.
Положение слоя можно задать всего только двумя координатами, задающими положение верхнего левого и правого угла. Свойства слоя настраивают, пользуясь стилями, они имеют более широкие оформительские возможности, чем обычные html. Компактный код получают за счет стилистических таблиц. Большой плюс – это возможность переместить, спрятать или показать слой без необходимости перезагружать страницу. Увеличение объема кода не приводит к торможению страницы . И, если глянуть со стороны то привлекательность сайта повышается за счет использования слоев.
Читайте на сайте наших партнеров: Сергей Семак.
Поделитесь с друзьями, если это было интересно:
Осваиваем профессии веб-дизайнера с удовольствием.
Веб-дизайнер – перспективная и интересная профессия. Так почему бы не заняться её освоением незамедлительно. Впоследствии это может стать делом Вашей жизни или любимым хобби. Начинать следует с изучения азов. Выбирать, пойти ли на курсы или учиться самостоятельно, каждый может сам. Но если Вы склоняетесь в пользу профессионального обучения, стоит оценивать только качество, а не цены, важно не бояться задавать самые разные вопросы преподавателям, только тогда будет толк.
Основная программа, без знания которой, начинающему дизайнеру не продвинуться дальше, это Adobe Photoshop. Чтобы сократить время на изучение, лучше пойти на курсы, благо выбор их в настоящее время велик. После этого главное слово для дизайнера – практика, практика и ещё раз практика, а отдых на иссык-куле может и подождать. Необходимо оттачивать вновь приобретённые навыки до совершенства. Следующим пунктом будет изучение html. С его помощью модно создавать страницы в сети интернет. Дальше совсем нелишним будет изучение Macromedia Dreamweaver и CSS. Итак, азы есть, теперь нужно только время, чтобы довести знания до автоматизма, но существуют некоторые нюансы, с которыми тоже желательно ознакомиться.
Безусловно, хочется произвести впечатление обалденной графикой, но не стоит забывать, что картинки могут вести себя по-разному, на локальном компьютере всё грузится идеально, а вот в интернете возникают проблемы. Поэтому следует избегать слишком тяжёлой графики. Вторым ляпом начинающего дизайнера может стать несоответствие разрешений. Это проблема легко решается. нужно только использовать приобретённые умения грамотно. Ещё одной ошибкой считается, если дизайнер ориентируется только на один браузер, чаще всего это Microsoft Internet Explorer. Несостыковка с другими проявляется в мелочах, но нельзя забывать, что именно маленькие детали задают тон всей композиции.
Поделитесь с друзьями, если это было интересно:
Новинка для дизайнера Web 2.0
Когда использовали Web 1.0 достаточно ограниченное число авторов могли создавать веб – страницы для большой аудитории. В результате чего, пользователи получали информацию, только когда посещали источник. Но со временим большее количество народа стали не только читать в интернете, но и сами писать туда. Эффект был потрясающим – появилось очень много информации для потребителя. Просто физически невозможно было посетить все сайты, если они и заслуживали должного внимания. Вот тогда и поняли, что Web 1.0 надо изменить.
Рады представить вам Web 2.0 – это видение интернета, где информация разделена на маленькие, микро частички, и они распределены на 10-ки доменов. Документированная сеть преобразовалась в сеть данных.Теперь нам не нужны старые источники информации – нам необходимо найти инструменты, чтоб сгруппировать микрочастички информации в удобный для нас вид. Такие – инструменты – интерфейсы Web 2.0 станут первой границей нововведений для дизайнера. Это будут своего рода поздравления с Днем Святого Валентина.
Подтверждение этому являются поисковые системы, RSS-аггрегаторов, порталы, всевозможные веб-сервисы и API. Web 2.0 можно описать как «Сеть как платформа», следовательно мы будем думать что она является платформой для взаимодействия с информацией, мы наблюдаем ее влияние на дизайн. Представим, что информация поступает от разных участников какого-то процесса, пусть это будут индивидуумы, компании, правительство, ее ведь можно объединить по одним интерфейсом и одной крышей. К примеру, Amazon разрешает доступ всем кто пожелает к своей базе данных. Ему можно придать свой интерфейс, который больше вам придется по душе. Надо помнить то, что подать информацию можно по-разному, смотря для чего она предназначена.
