Введение. Практическое пособие

Практическое пособие

Искусство оформления сайта

Сергей Николаевич Бердышев

Сайта. Практическое пособие

Искусство оформления

Сергей Николаевич Бердышев

Конец

СОДЕРЖАНИЕ

ПРЕДИСЛОВИЕ.................................................……………. 1

ВВЕДЕНИЕ………………………………………………….. 2

ПОСЫЛКА.........................................................…………….. 4

ХАРАКТЕР.........................................................…………….14

1. Костяк..................................................…………….14

2. Среда...................................................…………….18

3. Диалектический подход......................……………20

4. Рост характера.....................................…………….24

5. Сила воли в персонаже........................……………29

6. Сюжет или характер.............................. ………….32

7. Герои сами придумывают пьесу..........…………..37

8. Осевой характер..................................…………….39

9. Антагонист..........................................…………….41

10. Оркестровка......................................…………….42

11, Единство противоположностей........…………...43

КОНФЛИКТ.....................................................………………46

1. Истоки действия................................……………..46

2. Причина и следствие.........................…………….46

3. Статичный.........................................……………..49

4. Скачущий конфликт.........................……………..54

5. Развивающийся конфликт.................................….57

6. Движение..........................................………………60

7. Предваряющий конфликт.................……………..62

8. Поворотный пункт............................……………..64

9. Переход.............................................………………68

10. Кризис, кульминация, развязка......……………..78

РАЗНЫЕ ВОПРОСЫ......................................………………82

1. Обязательная сцена..........................………………82

2. Экспозиция......................................……………….84

3. Диалог..............................................……………….85

4. Экспериментирование....................………………88

5. Злободневность пьесы.....................………………89

6. Выходы и уходы.............................………………..90

7. Почему некоторые плохие пьесы

имеют успех............................………………..91

8. Мелодрама.....................................…………………92

9. О гении...........................................…………………92

10. Что такое искусство?...................…………………92

11. Когда ты пишешь пьесу..............…………………93

12. Где взять идеи?...........................………………….94

ЗАКЛЮЧЕНИЕ............................................………………….96

Аннотация

Читатель держит в своих руках уникальный самоучитель по искусству веб-дизайна,

позволяющий любому человеку, даже плохо знающему компьютер и Интернет, за несколько

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

ресурсы: персональные, коммерческие, развлекательные, консультационные и т. д. В

книге объясняется технология создания красочных надписей, геометрических фигур,

собственных оригинальных курсоров, бегущих строк, прочих динамических эффектов и

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

пособие – одно из первых в России пособий, дополняемых учебным сайтом (http://

obrazcats.narod.ru).

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Содержание

Введение 4

Глава 1. Веб-дизайн: искусство или ремесло 7

1.1. Веб-дизайн как ремесло 7

1.2. Веб-дизайн как искусство 13

1.3. Исторические традиции в веб-искусстве 24

1.4. Заглядываем в будущее 30

Глава 2. Веб-дизайн как технология 32

2.1. Собираем инструментарий 32

2.2. Основное программное обеспечение 36

2.3. Дизайнерские программы 37

2.4. Программы для работы с изображениями 39

2.5. Программы для работы с текстом 40

2.6. Броузеры 41

Глава 3. Сайт – инструмент для работы 42

3.1. Ответы на вопросы: «зачем» и «как» 42

3.2. Язык HTML 48

3.3. Сила слова 57

Глава 4. Зрелищность сайта 67

4.1. Темы (фоновые рисунки) 67

4.2. Иллюстрации и видео 70

4.3. Эго-составляющая сайта 82

Глава 5. Приложения 87

5.1. Готовые решения 87

5.2. «Ургентная хирургия» 96

5.3. Юридические аспекты 98

Литература 100

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Вы пока неопытный пользователь ПК, но время от времени заходите в Интернет. Смо-

трите на чужие сайты и думаете: вот бы и мне так научиться, чтобы потом зарабатывать на

этом неплохие деньги или же просто продвигать свой бизнес, не обращаясь в агентство, а

выполняя все работы по «сайтостроению» самостоятельно. И тогда вы просите знакомых

подсказать, какие учебники по веб-дизайну нужно прочитать. Сейчас перед вами книга как

раз для абсолютных новичков. Хотя кое-что в ней будет познавательно и для профессиона-

лов, а именно – технологии ваби-саби и аналогичные им, пришедшие в западное веб-искус-

ство сравнительно недавно с Востока.

Еще до того, как мы приступим к чтению первой главы, вы научитесь верстать веб-

странички. А когда книга закончится, то вы сможете создавать такие сайты, глядя на которые

только профи поймет, что вы пока еще новичок и что вам еще предстоит освоить некоторые

хитрости, которые в объем этого пособия просто не поместились.

Готовы к работе? Тогда отложите в сторону книгу, идите в магазин по продаже про-

граммного обеспечения («софта») и отыщите там диск со стандартным набором программ

для веб-дизайна, но чтобы при этом в комплект обязательно входила великолепная програм-

мка для новичков (и не только!) под названием Web Page Maker, что означает «Конструктор

веб-страниц». Установим эту программу на ваш компьютер, что совсем нетрудно сделать,

так как все указания есть в прилагаемом файле Readme.txt. Вы спросите, пригоден ли ваш

«комп» для профессионального, коммерческого веб-дизайна. Уместный вопрос, и ответ на

него можно найти в дальнейшем. А пока не станем бежать впереди паровоза, потому что уче-

ническую страничку сделать можно на всяком ПК, где установлена Windows XP, Windows

Vista или Windows 2000. Скорее всего, у вас какая-то из этих операционных систем.

Откройте программку Web Page Maker («Веб Пейдж Мейкер»), кликнув пару раз на

ярлычок, затерявшийся на рабочем столе. Перед вами выпрыгнет диалоговое окошечко

Welcome (добро пожаловать), которое предложит – Create a web page through templates, то

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

есть небольшой, но оригинальный набор шаблонов. Выберем предлагаемую нам опцию:

ставьте флажок и жмите ОК. Теперь компьютер предлагает выбрать шаблоны деловые или

личные. Остановимся на личных, поскольку для деловых сайтов мы еще не доросли; подбе-

рем наиболее милый шаблончик: выделим его щелчком мыши и нажмем ОК.

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Рис. 1. Создание веб-странички по шаблону

Допустим вам приглянулся красивый пейзаж или большая фотография с изображением

котят. Сохраним ученическую веб-страничку на своем ПК через меню File › Save, придумав

для нее название index. Почему именно такое? Потому что именно так обычно называется

главная страничка сайта.

Страничка перед вашими глазами имеет какой-то английский текст. Это перечисление

достоинств программы Web Page Maker. Этот текст нам совершенно не нужен, поэтому мы

заменяем его собственным. Во-первых, разместим на главной страничке (она называется

еще домашней, Home [page]) заголовок сайта, его русскоязычное название. Поскольку это

ученический ресурс, то и назовем его «Образованные котята». Для этого кликнем дважды

левой кнопкой мышки, наведя курсор на буквы заголовка. Откроется окошечко Text Editor

– текстовый редактор. В этом окошечке удалите исходную надпись как обычно клавишами

Delete или «забой» (Back Space) и сделайте свою: «Образованные котята».

Выделите ее курсором прямо в текстовом редакторе, а потом измените буквам цвет,

начертание или даже шрифт по вкусу (см. рис. 2). На вашем компьютере должны быть уста-

новлены популярные текстовые редакторы Word и Блокнот или, по крайней мере, один из

них. Откройте любой из них и наберите в чистом окошке следующее: «Дорогие друзья! Обра-

зованные котята приветствуют вас!» и еще какой-нибудь текст, возможно, даже абракада-

бру. Теперь дважды кликните мышкой на средний текстовый блок и через редактор осуще-

ствите вставку Ctrl + V вашего текста вместо рекламы. Для красоты слова «Дорогие друзья!»

отбили Enter’ом и сделали полужирными, выделив их с этой целью курсором и нажав на

букву В (bold – полужирное начертание) на панели инструментов Text Editor.

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Рис. 2. Работа в текстовом редакторе программы Web Page Maker

Аналогично меняем надписи сбоку на слова: «О сайте», «Фото», «Видео», «Контакты».

Это будут рубрики нашего сайта. В завершение из озорства можете вставить где-нибудь

сбоку милую картинку. Для этого кликните один раз на значок Image или воспользуйтесь

панелью управления, проделав путь Insert › Image (Вставка › Изображение). Найдите на

своем ПК оригинальную картинку и нажмите ОК. Вот только картинка эта разместилась как-

то неудачно. Но это не проблема: наводим на нее курсор, захватим рисунок левой кнопкой

мыши и перетащим в более подходящее на наш взгляд место.

Что получилось у меня, вы можете увидеть, когда подключитесь к Интернету и забьете

в строку поиска URL-адрес http://obrazcats.narod.ru. Советую, во что бы то ни стало посе-

тить этот ресурс, поскольку он является электронным приложением к настоящему пособию.

Сайт «Образованные котята» содержит массу полезных советов, интересных статей, учени-

ческих страничек, галерею скриншотов и видео с изображением основных этапов работы

по созданию сайта, а также большую коллекцию расходных материалов, которые вы можете

совершенно бесплатно скачать и использовать при создании собственного веб-узла.

Пока же скажу, что у вас все выходит отлично. Первая в вашей жизни страничка

успешно сверстана. Она немного отличается от моей, но теперь-то, ощутив собственную

силу, вы знаете, что легко освоите и прочие премудрости веб-дизайна. И если такая уверен-

ность в вас поселилась, то немедля продолжим чтение.

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Глава 1. Веб-дизайн: искусство или ремесло

Дата добавления: 2015-06-28