Леонид Орлов

Web-сайт без секретов

издание второе, дополненное и исправленное

УДК 004.738.5 ББК 32.973.26-018.2 О66

Рецензенты:

кандидат экономических наук Б. К. Самсонов

доктор физико-математических наук А. В. Наумов

Орлов Л. В.

Web-сайт без секретов. / Л. В. Орлов. — 2-е изд. — М.: Букпресс, 2006. — 512 с.

ISBN 5-9643-0032-4

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

Одна из «изюминок» книги — описание конкретных приемов работы по созданию web-страниц, публикации их в Интернет и проверке работоспособности всего сайта.

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

УДК 004.738.5 ББК 32.973.26-018.2

ISBN 5-9643-0032-4

© Орлов Л. В., 2006 © Бук-пресс, 2006

Содержание

Часть 1. Дизайн для Всемирной паутины 4

Глава 1. Пройдемся по «понятиям» 4

Глава 2. «Вид» дизайна 5

Глава 3. Критические ошибки 6

Глава 4. Структура оптимизированных страниц 7

Глава 5. «Непрошеные» окна 7

Глава 6. Студия web-дизайна 8

Глава 7. «Это» — плохо! 9

Глава 8. Дизайн без «дизайна» 10

Глава 9. Гипертекстовый документ 11

Глава 10. Универсальный локатор ресурса 11

Часть 2. Основы создания гипертекстового документа 12

Глава 1. Введение 12

Глава 2. Этикет в «паутине» 12

Глава 3. Структура 13

Глава 4. Внутри документа 15

Глава 5. Тестируйте свой документ 17

Глава 6. Таблица или фреймы 18

Глава 7. Перекодировщики кириллицы 19

Часть 3.Описание языка гипертекстовых документов 20

Глава 1. Гипертекстовый язык 20

Глава 2.Термины гипертекста 21

Глава 3. Использование звуков 23

Глава 4. Создание графического меню 23

Глава 5. Текстовые стили 23

Глава 6. Общий интерфейс и формы языка 24

Глава 7. Фреймы 25

Глава 8.Планирование и взаимодействие фреймов 28

Глава 9.Зарезервированные имена фреймов 29

Глава 10.Создание документа HTML 29

Глава 11. Формы в HTML документах 34

Глава 12. HTML 4.0 37

Глава 13. Тэги 47

Глава 14. Тэг <A>, использование в сценариях 49

Глава 15. Создание документов в формате HTML 4.0 50

Глава 16. SGML и HTML 50

Глава 17. Как читать HTML DTD 52

Глава 18. Представление документа в формате HTML 55

Глава 19. Глобальная структура документа 63

Глава 20. Тело документа 68

Глава 21. Списки 76

Глава 22. Таблицы стилей 80

Часть 4. Редакторы web-страниц 86

Глава 1. Основные требования 86

Глава 2. Adobe ImageReady 92

Глава 3. Corel Xara 92

Глава 4. Macromedia Fireworks 93

Глава 5. Macromedia Dreamweaver 96

Глава 6. Metacreation Headline Studio 98

Глава 7. HomeSite 99

Глава 8. Microsoft FrontPage Express 111

Часть 5. Создание Интернет-портала 120

Глава 1. Что такое портал? 120

Глава 2. Что такое современный корпоративный портал? 121

Глава 3. Для чего нужен корпоративный портал? 122

Глава 4. Использование пакета Cold Fusion 123

Глава 5. Использование пакета Web-Oracle-Web (WOW) 134

Часть 6. CGI, PHP, Perl, MySQL и CMS системы 138

Глава 1. CGI 138

Глава 2. Выбор CMS 162

Глава 3. Серверные скрипты 162

Глава 4. Вступление в PHP и MySQL 164

Глава 5. Написание Гостевой книги на РНР 169

Глава 6. Гостевая книга на PHP — еще один вариант 170

Глава 7. Графический счетчик на PHP 173

Часть 7. Life Site CMS — система создания и развития сайтов 174

Глава 1. Введение 174

Глава 2. Что такое CMS? 174

Глава 3. Функциональность системы 175

Глава 4. Часто задаваемые вопросы 176

Часть 8. «Раскрутка» сайта 177

Глава 1.Выгодность хорошей «раскрутки» 177

Глава 2. Как создать вирусный трафик с помощью бесплатных электронных книг 180

Глава 3.Правильная раскрутка проекта и привлечение нужных посетителей 181

Глава 4. Экономика проекта 183

Глава 5. Стратегия эффективной работы с партнерскими программами 183

Глава 6. Преимущества использования Интернета в сетевом маркетинге 185

Глава 7. Как получить более 20 000 посетителей в день на свой сайт? 186

Глава 8. Банерная реклама 187

Часть 9. Заработок при помощи своего сайта 188

Глава 1. Бесплатное место под ваш сайт 188

Глава 2. Как заработать на своем сайте 190

Глава 3. Банер и оплата его размещения 195

Глава 4. Влияние местоположения банера на его эффективность 196

Глава 5. Банерокрутилка на JavaScript 196

Глава 6. Бесплатное размещение web-страницы на сервере www.geocities.com 197

Часть 10. Уроки мастерства 201

Глава 1. Выбираем и настраиваем домашний Web-сервер 201

Глава 2. Выводим иллюстрации в отдельном окне 202

Глава 3. Добавляем страницу в Избранное 204

Глава 4. «Откат назад» с помощью JavaScript 205

Глава 5. Индикатор состояния ICQ 205

Глава 6. Как поменять цвет скролл-бара 205

Глава 7. Как «обмануть» фреймы 206

Глава 8. Свойства тэга mailto 206

Глава 9. Пример практического создания сайта 206

Часть 11. Тонкости и секреты 208

Глава 1. Фреймы 208

Глава 2. Ускоряем загрузку графики 210

Глава 3. Создаем систему быстрой навигации 211

Глава 4. Защитим страницу паролем 212

Глава 5. Устанавливаем счетчик 213

Глава 6. Десять советов web-дизайнеру 214

Глава 7. Каскадные таблицы стилей — CSS 215

Вопросы и ответы 218

Приложения 226

Арсенал web-строителя 226

Тэги HTML 227

META-тэги 229

Хостинг 229

Бесплатная регистрация в поисковиках 230

Лучшие русскоязычные хостинг-серверы 230

Каталог бесплатного хостинга 231

Краткий словарь Интернета 234

216 web-безопасных цветов 235

Таблица базовых цветов и супер-подбор цветовых оттенков для сайта. 235

Список использованных материалов 237

Часть 1. Дизайн для Всемирной паутины Глава 1. Пройдемся по «понятиям»

Web-дизайн — это прежде всего творчество, в котором тебя никто не ограничивает. Только в этой сфере вы можете полностью показать себя, не ограничиваясь, ни в содержании, ни в объеме. Если например брать корреспондентов и журналистов. Они написали материал, долго трудились, и подали его редактору, а редактор взял и выбросил статью, ссылаясь на то, что они написали несколько слов про знаменитого «жулика», который занимает высокий пост в местной Думе. А вам предоставляются все возможности (естественно это не значит, что вы можете материть каждого попавшегося депутата), для того чтобы писать, рисовать и т.д. Потом вывесить это все на сайте и пусть все любуются.

Но в основном web-дизайн означает умение красиво оформить web-страничку на сайте. Если вы написали несколько слов, на обычном default'ном фоне, это не дизайн. Не ограничивайтесь этим. Старайтесь, пытайтесь и у вас все получится.

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

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

Что же представляет собой тот «полигон», на котором начинающий web-мастер может испытать собственные силы и способности? Разумеется, это собственная домашняя страничка, ваш первый самостоятельный проект или первый любительский некоммерческий сайт, который вы создаете своими руками.

Коммерческие интернет-проекты организуются с расчетом на получение финансовой прибыли, причем эта прибыль может быть как прямой, так и косвенной. Под косвенной прибылью подразумеваются те неоспоримые преимущества, которые дает грамотно подготовленный web-сайт его владельцам: по сравнению со стоимостью традиционной рекламы, реклама в Интернете практически бесплатна, что с учетом огромной аудитории Всемирной Сети является огромным плюсом. Более того, компания-владелец web-ресурса получает в свое распоряжение именно целевую аудиторию, поскольку ее сайт будут посещать лишь те пользователи, которые нашли его по набору ключевых слов, введенных в форму запроса поисковых машин или в соответствующем тематическом разделе интерактивных каталогов. Web-страница является лучшим и наиболее выгодным решением при поиске как отечественных, так и партнеров и потенциальных клиентов. Никакой иной способ рекламы не даст вам такой приток заинтересованных лиц и заказчиков, как хорошо продуманный и правильно разработанный web-сайт. Получение прямой прибыли подразумевает создание проекта, изначально рассчитанного на привлечение финансовых средств непосредственно из Интернета. Существуют компании, живущие только за счет, созданных силами их сотрудников, web-ресурсов. Это могут быть поисковые машины или информационные порталы, продающие на своих страницах рекламное пространство; Интернет магазины, посетители которых могут заказать какой-либо товар прямо в режиме on-line, получив его впоследствии по почте; система интерактивных аукционов или виртуальное рекламное агентство. Возможностей зарабатывать деньги в Интернете такое множество, что их трудно было бы даже кратко описать. Как бы то ни было, разработка коммерческого проекта, безусловно требует большого времени и продолжительного, кропотливого труда.