1. Свойства шрифта - font.

font-family - определяет тип используемого шрифта. Если данное значение не указано, то шрифт выбирается браузером клиента. У клиента может не оказаться нужного Вам шрифта, поэтому можно указывать несколько видов шрифтов в порядке их предпочтения, разделяя названия запятыми. Если ни одного из выбранных шрифтов в распоряжении браузера не окажется, то браузер проигнорирует инструкции и использует свой шрифт для отображения текста. Свойство поддерживает механизм наследования.

font-size - размер букв. Допустимые значения: (xx-small, x-small, small, medium, large, x-large, x-large, xx-large) (larger, smaller) (относительные размеры - em, en, ex, px / абсолютные размеры - in, cm, mm, pt, pc) (значения даны в процентах от родительского размера шрифта) Если значение не указано, то по умолчанию используется значение medium. Свойство поддерживает механизм наследования.

font-style - стиль написания букв Допустимые значения: normal, italic, oblique Если значение не указано, то по умолчанию используется значение normal. Свойство поддерживает механизм наследования.

font-variant - вид текста (обычный, либо написание заглавными буквами размером в строчные) Допустимые значения: normal, small-caps Если значение не указано, то по умолчанию используется значение normal. Свойство поддерживает механизм наследования.

font-weight - жирность текста Допустимые значения: normal, bold, bolder, lighter или числа от 100 до 900. Значение по умолчанию - normal. Свойство поддерживает механизм наследования.

---

1. Свойства цвета - color.

Допустимые значения - название цвета или номер. Номерное значение может задаваться несколькими способами. Это может быть номер в шестнадцатеричной системе (#FFFFFF), в десятичной системе (255, 0, 0) или в процентной записи (80%, 20%, 0%) Если цвета не указаны, то цвет выбирается согласно настроек браузера клиента. Свойство поддерживает механизм наследования.

---

1. Свойство фона - background.

background - фон. Данное свойство имеет несколько атрибутов: transparent - данный атрибут указывает на то, что фон является прозрачным, что синонимично отсутствию фона как такового. color - данный атрибут указывает на цвет фона. URL - данный атрибут указывает адрес файла, в случае использования в картинки качестве фона. Адрес может быть как абсолютным, так и относительным, но должен обязательно заключаться в скобки: BODY { background: url(http://www.somewhere.com/image/fon.gif) } В случае когда указываются и цвет фона и фоновая картинка, картинка всегда помещается поверх цвета. repeat - данный атрибут определяет степень повторяемости фоновой картинки и может иметь следующие значения: repeat - картинка бесконечно повторяется по горизонтали и вертикали, заполняя собой все фоновое пространство браузера; repeat-x - картинка повторяется по горизонтали; repeat-y - картинка повторяется по вертикали; no-repeat картинка не повторяется. Если значения не указаны, то по умолчанию используется значение - repeat. scroll - данный атрибут определяет подвижность фоновой картинки. Атрибут может иметь значение scroll, означающее, что фон прокручивается вместе с содержанием web-документа, или значение fixed, означающие, что при прокручивании документа фон остается неподвижным. По умолчанию принимается значение scroll. position - атрибут определяет положение картинки в окне браузера. Значения могут быть: top, middle, bottom, left, center, right, или же положение может быть задано в виде абсолютного растояния от левой и верхней кромки окна браузера (горизонтальное, вертикальное) или же в виде процентных отношений (горизонтальное, вертикальное). По умолчанию фоновая картинка прикрепляется к верхнему левому углу окна браузера.

Существуют и возможности вынесения некоторых характеристик фона в отдельные свойства:

background-attachment - фиксация фона Допустимые значения: scroll, fixed Значение по умолчанию: scroll

background-color - цвет фона. Допустимые значения: transparent или указание цвета. Если указывается цвет фона, то он может быть чистым в виде названия цвета или его номера (см. выше раздел "Свойства цвета") или смешанным, когда цвет фона не указывается явно, а является смешением разных цветов. Синтаксис указания смешанного цвета фона следующий: BODY { background-color: red/blue } Значение по умолчанию: transparent

background-image - рисунок фона. Допустимые значения: none или указание адреса расположения фоновой картинки. Значение по умолчанию: none

background-position - расположение фона Допустимые значения: top, center, bottom, left, right, цифровые значения. Значение по умолчанию: left, top.

background-repeat - повторяемость фона. Допустимые значения: repeat, repeat-x, repeat-y, no-repeat. Значение по умолчанию: repeat.

Ни одно из свойств, относящихся к фону, не поддерживает механизм наследования.

---

1. Свойства текста.

letter-spacing - расстояние между буквами. Допустимые значения: normal или значение в единицах измерения. Значение по умолчанию: normal Свойство поддерживает механизм наследования.

line-height - высота текущей строки. Допустимые значения: normal, число, единицы измерения, процент. Числовые значения интерпретируются как текущий размер шрифта, умноженный на соответствующее число. Значение по умолчанию определяется браузером клиента. Свойство поддерживает механизм наследования.

list-style - отображение элементов списка. Данное свойство имеет несколько атрибутов: набор ключевых слов, position описывающий расположение списка, url - адрес файла при использовании индивидуального графического маркера. Свойство поддерживает механизм наследования и позволяет выносить атрибутику в самостаятельные детализированные свойства:

list-style-image - адрес картинки, используемой в качестве маркера. Допустимые значения: none или url картинки. Значение по умолчанию: none. Свойство поддерживает механизм наследования.

list-style-type - вид маркера. Допустимые значения: none, circle, disk, square, demical, lower-alpha, upper-alpha, lower-roman, upper-roman Значение по умолчанию: disk. Свойство поддерживает механизм наследования.

list-style-position - свойство определяет внутри или вне тела списка расположен маркер. Допустимые значения: inside, outside. Значение по умолчанию: outside. Свойство поддерживает механизм наследования.

text-align - выравнивание текста. Допустимые значения: left, right, center, justify. Значение по умолчанию: определяется браузером клиентом. Свойство поддерживает механизм наследования.

text-decoration - специальные эффекты текста Допустимые значения: none, overline, underline, line-through Значение по умолчанию: none Свойство не поддерживает механизм наследования.

text-indent - величина отступа Допустимые значения: единица измерения или процент относительно родительского элемента. Значение по умолчанию: zero Свойство поддерживает механизм наследования.

text-transform - трансформация текста. Допустимые значения: capitalize - делает заглавной первую букву каждого слова. uppercase - делает все буквы заглавными lowercase - делает все буквы в словах элемента строчными none - снимает все установки, приобретенные в результате наследования. Значение по умолчанию: none Свойство поддерживает механизм наследования.

vertical-align - расположение элемента по вертикали. Допустимые значения: baseline - выравнивание по образцу родительского элемента. sub - переводит элемент в нижний регистр super - переводит элемент в верхний регистр top - выравнивание элемента по верху самого высокого элемента строки bottom - выравнивание элемента по низу самого низкого элемента строки text-top - выравнивание элемента по верху текста, набранного шрифтом родительского элемента text-bottom - выравнивание элемента по низу текста, набранного шрифтом родительского элемента middle - выравнивание элемента по средней линии на основе родительского элемента плюс половина строки последнего. процент Значение по умолчанию: baselign Свойство не поддерживает механизм наследования.

---

5.Свойства, связанные с рамками и размерами. Их значения характеризуют области вокруг различных элементов (картинка, символ и др.)

border - определение свойств рамки. Свойство может быть детализировано: border-top, border-right, border-left, border-bottom Свойство имеет несколько атрибутов со своими значениями: border-width - ширина рамки со значениями thin, medium, thick или единицы измерения. Значение по умолчанию - medium. border-style - стиль рамки со значениями none или solid. Значение по умолчанию - none. color - определение цвета фона элемента до того как элемент загрузится, а также цвета фона под прозрачными частями элемента. В качестве значения указывается цвет или URL картинки (в этом случае картинка будет повторятся до заполнения всего фонового пространства элемента. Значение по умолчанию - нет цвета. Свойство не поддерживает механизм наследования.

border-color - определяет цвет рамки. Данное свойство можно детализировать: border-top-color, border-right-color, border-left-color, border-bottom-color Допустимые значения: указание цвета или URL картинки (в этом случае картинка будет повторяться, образуя рамку). Значение по умолчанию: без цвета. Свойство не поддерживает механизм наследования.

border-style - определяет стиль отображения рамки. Свойство можно детализировать: border-top-style, border-right-style, border-left-style, border-bottom-style Допустимые значения: none, solid, double, groove, ridge, inset, outset Значение по умолчанию: none Свойство не поддерживает механизм наследования.

border-width - определение ширины рамки. Свойство может быть детализировано: border-top-width, border-right-width, border-left-width, border-bottom-width. Допустимые значения: thin, medium, thick или единицы измерения. Значение по умолчанию: medium Свойство не поддерживает механизм наследования.

clear - указывает, что следующие элементы должны быть расположены ниже элемента выравненного по левому или правому краю, а не "обтекать" его по умолчанию. Допустимые значения: none , both, right, left. Значение по умолчанию: none. Свойство не поддерживает механизм наследования.

clip - определяет какая часть элемента видна. Допустимые значения: rect () или auto Значение по умолчанию: auto Свойство не поддерживает механизм наследования.

display - свойство, определяющее следует ли отображать элемент. Допустимые значения: " ", none Значение по умолчанию: " " Свойство не поддерживает механизм наследования.

float - указывает на обтекание элемента другими. Допустимые значения: none, left, right. Значение по умолчанию: none. Свойство не поддерживает механизм наследования и применяется к элементам категории DIV, SPAN.

height - устанавливает высоту элемента и измеряет ее при необходимости. В таком случае значение возвращается как строка, включающая тип единиц измерения (px, % и т.д.). Для получения значения в виде числа используется запись posHeight. Допустимые значения: auto или значение в единицах измерения. Значение по умолчанию: auto Свойство не поддерживает механизм наследования и применяется к элементам категории DIV, SPAN.

left - устанавливает горизонтальную координату элемента. Значение возвращается как строка, включающая тип едининцы измерения (px, % и т.д.) Для получения значения в виде числа используется запись posLeft. Допустимые значения: auto, процент относительно родительского элемента, единицы измерения. Значение по умолчанию: zero Свойство не поддерживает механизм наследования.

margin, margin-top, margin-bottom, margin-left, margin-right - устанавливает размеры отступов вокруг элемента. Допустимые значения: auto, единицы измерения, процент относительно родительского элемента. Значение по умолчанию: zero Свойство не поддерживает механизм наследования.

overflow - определяет поведение элемента при выходе его за свои границы. Допустимые значения: none (элемент будет отображаться и за рамками своих границ), clip (выступающие части будут обрезаны), scroll (выступающие части не отображаются за пределами границ, но их можно увидеть с помощью прокрутки). Значение по умолчанию: none Свойство не поддерживает механизм наследования.

padding, padding-top, padding-bottom, padding-left, padding-right - определяет расстояние между элементом и его рамкой. Допустимые значения: auto, единицы измерения, процент относительно родительского элемента. Значение по умолчанию: zero. Свойство не поддерживает механизм наследования.

position - определяет способ позиционирования элемента на экране. Допустимые значения: absolute ( расположение элемента относительно фона и перемещение вместе с ним), static (элемент располагается относительно фона, но неподвижен при прокручивании), relative (элемент позиционируется относительно других элементов согласно своему положению в коде). Значение по умолчанию: relative Свойство не поддерживает механизм наследования.

top - устанавливает или возвращает вертикальную координату элемента. Значение возвращается как строка с указанием типа единиц измерения (px, % и т.д.) Для получения значения в виде числа используется запись posTop. Допустимые значения: auto, единицы измерения или процент относительно родительского элемента. Значение по умолчанию: auto Свойство не поддерживает механизм наследования.

visibility - определяет видимость элемента. Допустимые значения: visible (элементвидим), hidden (элемент невидим), inherit (элемент виден, если виден его родительский элемент). Значение по умолчанию: inherit Свойство не поддерживает механизм наследования.

width - устанавливает и измеряет ширину элемента. Значение возвращается как строка, включающая тип единиц измерения (px, % и т.д.) Для получения значения в виде числа следует использовать запись posWidth. Допустимые значения: auto, единицы измерения или процент относительно родительского элемента. Значение по умолчанию: auto (за исключением элементов с внутренними установками размера) Свойство не поддерживает механизм наследования.

z-index - определяет порядок перекрывания одних элементов другими. Элементы с более высоким z-index будут находиться поверх элементов с более низким z-index. Допустимые значения: число. Значение по умолчанию: в зависимости от контекста. Свойство не поддерживает механизм наследования.

На написание этой заметки меня толкнули многочисленные посты на форумах, в которых очень часто неверно употребляется слово потра>. Хотелось бы поделиться с вами своей точкой зрения на этот вопрос, может, что-то измениться к лучшему.

Иногда даже смешно видеть <народовский сайт> гордо именующий себя порталом. Конечно <портал>, а как же, иначе ведь не солидно получается, а тот факт, что на <портале> всего 3 статьи (да и то содранных с других сайтов), счетчик и гостевая книга (а в ней записи, типа <Ну ты Васек, крут! Такой порталище забабахал!>), это в расчет никто не берет.

Я не рискну давать тут какие-либо определения и расшифровки, пусть этим занимаются другие люди (кто там у нас за это в ответе?), просто расскажу, как я это все понимаю. Может даже я неправ, тогда поправьте меня.

Говоря просто, портал - это большой, крутой и дорогой сайт разноплановой тематики (хотя здесь бывают исключения).

<Горизонтальный портал>

Такой сайт охватывает несколько областей, дает общие представления о предмете. Часто такие конструкции позиционируются, как <стартовые площадки> для серфера. К примеру, на таком сайте могут быть разделы и о компьютерах, и о книгах, и о кино, о спорте, короче тут сполна работает принцип <обо всем по немногу>.

Первоначально, названия <портал> удостоились крупные сайты, которые в результате конкурентной борьбы получились из каталогов ссылок, поисковых систем, сайтов крупнейших провайдеров (как пример - Yahoo, Lycos, AOL).

Горизонтальные порталы стараются на только привлечь побольше посетителей (именно для этого существует множество разделов), но и подольше задержать их на своих страницах, заинтересовать, и лишь потом отправлять на другой сайт, да и то на целевой, открытый в новом окне...

Вот такие вот сайты <все под рукой>. В принципе, достаточно удобно, но исчерпывающей информации ждать не приходиться - все сразу не охватить. К тому же, по мере <разбухания> теряется удобство доступа к информации. В связи с этим, не так давно возникла концепция другого рода...

<Вертикальные потралы>

Это сайт, охватывающий какую-то одну область, но глубоко и обширно. Например, сайт ixbt.com. Загляните туда и вы найдете все про компьютерное железо: тесты, обзоры, отзывы, сравнения. Тут вам и про мониторы, и про винчестеры, и про мониторы, и про ноутбуки... Таким образом, здесь тема развивается <вглубь>, но в пределах какой-либо отрасли (в моем примере, отрасли ИТ).

Хотелось бы добавить, что сайт <Все о мониторах> не будет порталом в полной мере, т.к. разнообразие тем отсутствует.

Существуют также еще некие <гибриды>, в которых присутствуют признаки как <горизонтальных> (разноплановость) так и <вертикальных> порталов (одна из тем раскрыта особенно глубоко). Я к таким порталам отношусь скептически, часто на этих сайтах кроме <глубокой> темы, прочее не интересно, так что эти архаизмы только мешают. Зачастую <мутанты> возникают в результате стремления web-мастера, раскрутить свой проект еще чуть-чуть, привлекая разноплановую аудиторию. Частенько, ничего хорошего из этого не получается, но бывают и исключения.

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

Если вы задумали создать свой портал то подумайте, а стоит ли? Хватит ли у вас сил и времени? Одному, и даже вдвоем создать и поддерживать портал не под силу. Над крупными проектами работает целая команда профессионалов. Сможете ли вы своими проектом составить им конкуренцию? А перед тем, как называть свое уже готовое творение <портал>, подумайте, а не будет ли это выглядеть смешно?

Может не стоит <растекаться мыслей по древу> и выкладывать в Сеть творение, за которое будет стыдно? Мой совет - умерьте пыл, отсеките все лишнее, оставьте лишь то, что интересно вам самим, о чем вы можете что-то сказать людям. Пишите свои, уникальные, интересные статьи. Разработайте приятный дизайн и удобную навигацию.

Адрес источника: http://gsub.kiev.ua/Arts/?action=view&aid=123

Быстро, дешево, хорошо… Три зубца одной грабли! Сколько раз Вы натыкались на эти грабли, пытаясь сэкономить бюджет, выделенный на рекламу? И каждый раз эти грабли сердито били вас по голове каким-то одним зубцом… Конечно, бывает быстро и дешево. Или, например - хорошо и быстро. Но чтобы три флакона в одном… В дизайне, по крайней мере, такое бывает крайне редко. И, если подумать, даже понятно почему. Дешево и сердито может сделать кто угодно. А быстро и хорошо – только специалист. Ну а услуги мастера профессионала по определению не могут стоить меньше, чем услуги дилетанта новичка.

Арифметика у этой нашей и вашей проблемы простая:

Быстро + дешево = не хорошо Хорошо + дешево = не быстро Быстро + хорошо = не дешево

Проверьте сами и убедитесь, что формула работает «железно»!

В последнее время мы чувствуем себя этакой дизайнерской «неотложкой», когда к нам приходят со словами: «Ребята помогите, нам испортили дизайн, а сроки горят…». Мы спрашиваем: «Почему же вы сразу к нам не пришли?» Нам отвечают: «А там было уж больно заманчиво дешево и быстро...» И уже привыкаешь сдерживаться. А порой так и хочется произнести обидное: «А что мы вам говорили? Быстро, дешево и хорошо не бывает!»

Зарубите себе на носу! Если Вам предлагают дешево, это значит, что работает не профессионал, и вы не получите качественного товара. Ну «не работает» дешевый сайт!

А как часто мы сталкиваемся с ситуацией, что клиенту приходится платить за ту же работу второй раз. И непонятно, то ли дизайнеров много слабых в городе, то ли клиенты денег жалеют на оплату работы и дизайнеры просто откровенную халтуру гонят? Обманутые в ожиданиях заказчики начинают нас уговаривать - ребята, мол, вы же понимаете, что весь бюджет съеден, помогите как-нибудь, в следующий раз придем только к вам. И мы чувствуем себя докторами, которые не вправе отказать больному и помогаем…

Задайте себе вопросы: Как часто вы меняете дизайнеров в погоне за быстрым и дешевым исполнением? Как часто вам приходится переделывать буклеты и сайты, потому что очередной дизайнер нарисовал «как-то не так»? Вы даже не можете понять, в чем это «не так» состоит – с виду вроде бы все нормально - но какое-то смутное эстетическое чувство внутри вас настойчиво «сосет под ложечкой»…

А может пора прислушаться к голосу разума? Может пора перестать экономить на красоте и удобстве восприятия? Может вся проблема в том, что вы – бизнесмены, привыкшие ценить собственные заслуги и усилия – просто не готовы точно также оценить творческую, авторскую работу дизайнера? А ведь она вам нужна для вашего успеха! Потому что речь идет о вашем имидже, с которого начинается все! Парадокс…

Иногда Вы предпочитаете торговаться попусту, потом - когда все сроки сгорели, и весь бюджет уже съеден - в суматохе срочно переделывать, вместо того, чтобы единожды потратиться на достойную разработку своего сайта или фирменного стиля и эффектно выйти на рынок в «прилично сшитом костюме»? Скупой, как известно, платит дважды.

Помогает привлечь большую аудиторию потенциальных покупателей

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

Позволяет расширить географию клиентов Пользователь сможет в любое время, 7 дней в неделю, 24 часа в сутки, независимо от времени работы офиса и менеджеров в любом регионеУкраины и любой стране мира (при условии, конечно, что вы предусмотрели для этого англоязычную версию сайта), получить информацию о вашей фирме, товаре или услуге.

Предоставляет возможность оперативно изменять информацию на сайте

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

Легко и просто реализовывается обратная связь с посетителем

Почему не сработала реклама, что подумал о Вашей фирме, товаре или услуге клиент, прочитавший объявление в газете, увидевший ролик по телевизору или услышав рекламу по радио, так и останется загадкой. В сети Интернет все по-другому: современный сайт - это средство интерактивного общения с клиентом, возможность моментально отреагировать на его запросы, провести анализ целевой аудитории, географии посетителей, определить сферы его интересов. Существующие сегодня системы сбора и обработки статистики, опросов и голосований позволяют получить, обобщить и проанализировать такого рода информацию.

Реальная возможность стать первым среди равных и не только

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

Опередить и подвинуть своих конкурентов

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

Дизайн сайта – это довольно сложная задача даже для опытного мастера. Ведь для выполнения этой задачи необходимо обладание специальными навыками, и умение творчески мыслить и выражать эти мысли в визуальных образах. Кроме того, мастер по веб-дизайну должен отчетливо понимать: это не просто творчество. Должен понимать, что он создает продукт, направленный на повышение продаж и подтверждение имиджа компании, для которой делается сайт.

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

Создание эффективного веб-сайта для Вашей компании требует поиска веб-дизайнеров, имеющих хороший опыт в создании проектов веб-дизайна. Такие дизайнеры понимают, что маркетинг, креатив и дизайн должны работать интегрировано, и только тогда будет получен оптимальный результат. Необходимо убедиться, что компания выполняет веб-дизайн сайта с учетов всех требований, предъявляемых к дизайну упаковки, модифицированных под сетевые стандарты, что учитывается психологическое восприятие цветовой гаммы также необходимо учесть, что с помощью специального расположения элементов на страницах выделяются ключевые моменты контента. Веб-дизайн непременно согласовывается с фирменным стилем и логотипом компании. А по желанию клиента, перед разработкой концепции дизайна, должен быть проведен стилистический анализ основных конкурентных ресурсов.

Веб-дизайнеры обязательно должны сочетать свой творческий потенциал со знаниями в области экономики и маркетинга и создавать действительно продающие решения.