Отправляет email-рассылки с помощью сервиса Sendsay

"Пособие для Веб-дизайнера"

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Май 2008   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Александр Левитас

Статистика

765 подписчиков
0 за неделю
←   Все выпуски   →

"Пособие для Веб-дизайнера" Изучение CSS | Эффективная подача информации | Выпуск 8


 

 

 

Пособие для веб-дизайнера

 

Рассылка сайта www.Gury-Soft.narod.ru
Выпуск 8
Сегодня для вас:

- Глава 2

Изучение CSS

Свойства шрифта; Свойства текста; Отступы; Цвет элементов и фон; Границы; Курсоры; Полоса прокрутки; Псевдоэлементы

-  Эффективная подача информации на сайте.

Вступление

Здравствуйте, уважаемые читатели !

Рассылка "Пособие для веб-мастера" в первую очередь предназначена для людей, которые собираются создать свой сайт, но не имеют об этом не малейшего представления. В этом, большую помощь оказывает сайт в Интернете, который и ведет эту рассылку. Помимо этого, на сайте существует "Курс" для веб-мастера, в котором вы можете принять участие. В курсе все подробно изложено, как можно сделать сайт самому, курс проходит для каждого человека индивидуально и сопровождается мной. Стоимость курса 350 рублей. Если вы хотите, действительно хотите, создать свой сайт. Подпишитесь на курс, зайдя по ссылке или на сайте в разделе"Услуги".

Так же, хочу уделить внимание на "Письма читателей". Сегодня, вместе с вами читают 858 человек, конечно это не много, но я не думаю, что среди вас не найдется людей, у которых просто возникли какие-либо сложности с сайтостроением. Убедительная просьба, пишите письма с вашими вопросами по теме рассылки. А для так сказать "Энштейнов", (опытных в сайтостроительстве), вы можете присылать свои статьи мне на e-mail, я также с удовольствием их опубликую, буду очень благодарен. Жду ваших писем.

Рекламодателям

Если вы хотите разместить свою рекламу на сайте: баннер или сообщение (200 символов максимум). Напишите мне на e-mail. Стоимость в мес. 40руб. Объявление будет размещено в конце рассылки.

Баннерообмен на сайте

Если вы желаете обмениваться со мной ссылками, просьба ознакомиться с "Условием обмена". Внимание: если вы предлагаете баннерообмен, я на один мес. публикую вашу текстовую версию и описание в рассылке, совершенно бесплатно.

 

Глава 2 "Изучение CSS"

Здравствуйте уважаемые читатели, сегодня я продолжу наш курс с изучением CSS. Рассмотрим свойства границ.

Границы

Границы

 

  
Атрибут Значение
 
border-color- цвет границ

border-top-color- цвет верхней границы

border-right-color- цвет правой границы

border-bottom-color- цвет нижней границы

border-left-color- цвет левой границы

 

 

 Цвет можно задать по имени. border-color: black.

Или в RGB-палитре. border-color:#000000
border-wight- ширина границ

border-top-wight- ширина верхней границы

border-right-wight- ширина правой границы

border-bottom-wight- ширина нижней границы

border-left-wight- ширина левой границы

 Тонкая. border-wight: thin

Средняя. border-wight: medium

Толстая. border-wight: think

 Пикселы. border-wight: 2pt
 border-style- стиль рис. границ

border-top-style-  стиль рис. верхней границы

border-right-style-  стиль рис. правой границы

border-bottom-style-  стиль рис. нижней границы

border-left-style-  стиль рис. левой границы

 Сплошной. border-style: solid

Точки. border-style: dotted

Пунктир. border-style: dashed

Двойная линия. border-style: double

Желобок. border-style: groove

Выступ. border-style: ridge

Внутренняя тень. border-style: inset

Внешняя тень. border-style: outset

 
 border- позволяет сразу установить ширину, цвет и стиль границ

border-top- позволяет сразу установить ширину, цвет и стиль верхней границы

 border-right- позволяет сразу установить ширину, цвет и стиль правой границы

border-bottom- позволяет сразу установить ширину, цвет и стиль нижней границы

border-left- позволяет сразу установить ширину, цвет и стиль левой границы5

 border: #000000 2px dotted

Напоминаю, что стиль для какого-то конкретного элемента прописывается следующим образом:

элемент { атрибут: значение; }

Элемент может быть практически любым: b (выделение жирным),H2 (Заголовок H2), p (абзац)... Затем идет атрибут и его значение в фигурных скобках "{}". Пример атрибута и значения: font-size: 12% (знак ":" в CSS заменяет "=" в HTML). Получим следующее: B {font-size: 12%; }, размещается это все под тегом body, то есть в самих таблицах это будет так:

 

{text-decoration: none; } и т.д. Теперь  весь шрифт на странице будет именно такого размера  (<b> слово </b>). Атрибутов может быть и несколько. Тогда они пишутся через  ";". Например вам нужно, чтобы слова, выделенные жирным, имели шрифт Arial

B {text-decoration: none;  text-align: center; и т.д. }  Удачи!

Эффективная подача информации на сайте.

Пишите системно!


Ум ≈ не что иное, как хорошо организованная система знаний.
(Константин Ушинский)


Рекомендую перед началом написания текста составить его примерный план, а не писать "с чистого листа". Впрочем, такой способ тоже хорош и часто необходим, но в конце концов вы все равно придете к составлению плана, только делать это придется уже в процессе. Расписывать все детали перед началом не имеет большого смысла, план должен быть именно "примерный". В момент написания все детали и так уточняются.
За примером далеко ходить не нужно ≈ переведите взгляд выше и вы увидите план написания статьи "Эффективная подача информации на сайте", который уже практически воплощен в жизнь.
Обычно план выглядит как список заголовков и подзаголовков, каждый из которых представляет собой некую смысловую часть. В свою очередь эта часть содержит текст, который предполагает еще большее уточнение. Достигается эффект разделения текста на небольшие смысловые блоки за счет абзацев.
Абзац ≈ всего лишь отрезок текста, но в тоже время он рассматривается как отдельный объект. Попробуйте понаблюдать за собой во время чтения текста, разбитого на абзацы. Если вы будете внимательны, то заметите, что после каждого абзаца автоматически выдерживается некоторая пауза. Поэтому следует запомнить, что для каждого абзаца лучше использовать только одну мысль. Для каждой идеи свой абзац. Не стоит помещать в один абзац сразу все содержание, но и размусоливать одну мысль в нескольких тоже не разумно.
Чем лучше вы осознаете предназначение и структуру абзаца, тем лучше у вас получится оформить его. Строить абзац следует с определения главной мысли, которую он и будет описывать. Основная идея абзаца обычно выражается в одном-двух предложениях, все остальные играют роль второстепенных ≈ они служат для подтверждения, описания и уточнения основной мысли.
Главную мысль желательно разместить в самом начале, чтобы сразу было понятно, о чем речь. Не следует держать читателя в подвешенном состоянии, ведь при размещении информации в Интернете, в отличии от печатных изданий, это неактуально. При беглом просмотре выхватываются именно главные мысли, поэтому чем раньше они будут изложены, тем лучше. Возможность уловить основную идею в первом предложении позволит пропустить остальную часть абзаца. Если же читатель решит продолжить изучение абзаца, то понимание главной мысли поможет упростить восприятие вспомогательных.
Возможно, что мысль окажется настолько объемной, что ее разъяснение и уточнение растянет абзац на половину страницы, а то и больше. В таком случае я рекомендую либо немного упростить идею, разбив на несколько, либо вынести в заголовок, обозначив как тему.
Но не всегда получается выделить главную мысль и тем более излагать ее в самом начале. Тогда можно абзац (или даже весь текст) сначала написать, а только потом отредактировать его, выделив главное и переместив в начало.
А бывает, что это главное и не находится. Наиболее вероятно, что такой абзац "пустой" и не несет ничего нового. Его лучше вообще исключить или частично перенести в более подходящий по смыслу.
Стоит также учитывать, что часто идеи, изложенные в разных абзацах, связаны или одна следует из другой. В тексте нужно обязательно обозначать эту связь. Наиболее простой способ указать на нее ≈ начинать предложение со слов-связок, таких как "следовательно" и других. Они делятся на несколько категорий:
Сложение одного с другим (плюс, также, в дополнение, более того)
Утверждение (не случайно, известно, как правило)
Перемещение в будущее время (затем, далее, последний)
Перечисление (во-первых, во-вторых),
Сравнение и противопоставление (аналогично, наоборот),
Отслеживание причин (таким образом, в последствии, из этого следует),
Доказательство, объяснение (иначе говоря, поэтому, следовательно),
Резюме, вывод (вкратце, значит, в результате, итак)
Помимо слов-связок, можно также связывать свои идеи с помощью уже изученного материала. Например, сделать небольшое отступление, чтобы коротко напомнить об упомянутых прежде идеях для определения контекста следующей.
Часто это бывает даже необходимо, так как без упоминания уже знакомой или старой информации, последующий текст может быть просто не понят.
При таком подходе (постепенного перехода) читатели гораздо быстрее смогут осмысливать предложения, чем если бы вы вдруг ввели новую идею, никак при этом их не подготовив. Новые идеи в этом случае лучше запомнятся и будут удерживаться более продолжительное время.
Но существует опасность, что пользователь не читал, о чем писалось ранее. Информация на сайте зачастую разбита на отдельные странички и человек может зайти на любую из них (например, с поисковых систем), не зная, что начал с середины . Поэтому и не нужно, чтобы эта "середина" сильно чувствовалась, избегайте обобщений вроде "вы уже знаете", "как мы уже говорили". Если информация, требуемая для понимания контекста, расположена на другой страничке, просто дайте на нее ссылку.
Умение писать системно приходит не сразу и также, как и любой другой навык, требует тренировки. Помимо написания собственных текстов с предварительным продумыванием структуры, тренироваться можно на уже готовых текстах других авторов.
После прочтения небольшого отрывка (4-5 абзацев) попробуйте сначала выделить в каждом абзаце основную мысль, а затем составить краткий план. Таким образом вы не только потренируетесь составлению структуры, но сможете лучше усвоить и запомнить полученную информацию ≈ а это очень полезный навык.

Информация

У Вас есть сайт или блог, тогда зарегистрируйте его в новом каталоге.

Каталог только что открылся и будет постоянно пополняться, соответственно

будет увеличиваться его ТИЦ и PR,

то есть будет увеличиваться и ТИЦ и

PR Вашего ресурса.

***Регистрировать***

***Дополнительно***

Вы также можете прочитать интересующие вас статьи на сайте или по указанной ссылке: http://gury-soft.narod.ru/states.html
А на сегодня все. Желаю вам успехов и удачи!
Напоминаю, если у вас имеется вопрос, который вы не можете разрешить. Пишите мне на e-mail. В разделе "Письма читателей", будет опубликовано ваше письмо с моим ответом.

Если вы обладаете какими либо знаниями связанные с вебстроительством, присылайте свои материалы. Я с удовольствием их опубликую в рассылке.

***Написать письмо***

2008 Люнгрен Илья

E-mail: ljungren@rambler.ru

 
В избранное