Первая страница
Наша команда
Контакты
О нас

    Главная страница


В. Холмогоров Основы web-мастерства учебный курс




Скачать 191.25 Kb.
Дата25.06.2017
Размер191.25 Kb.
В. Холмогоров Основы web-мастерства учебный курс Санкт-Петербург Москва • Харьков • Минск 2002 6. Холмогоров Основы Web-мастерства. Учебный курс Главный редактор Е. Строганова Заведующий редакцией И. Корнеев Литературный редактор А. Альбов Художник . Биржа ков Корректор В. Листова Верстка А. Евдокимов ББК32.988я7 УДК 681.324(075) Холмогоров В. Х72 Основы Web-мастерства. Учебный курс ( CD). — СПб.: Питер, 2002. — 352 с.: ил. ISBN 5-272-00338-1 В этой книге сделана попытка объединить под одной обложкой справочное издание по основам сетевых технологий с самоучителем по web-дизайну. По мере знакомства с предлагаемым материалом читатель не только узнает об истории развития, структуре и базовых принципах функционирования Интернета, но и овладеет основными приемами создания web-узлов, а также получи! множество пра­ктических советов по web-дизайну. Уже на начальном этапе изучения этой книги, руководствуясь приведенными в тексте примерами, он сможет создать и опубликовать в Интернете собственную домаш­нюю страничку, которая по мере ознакомления с новыми разделами может превратиться в полнофункцио­нальный web-сайт. Эта книга — универсальное пособие для начинающих пользователей Всемирной сети, желающих освоить полезную, популярную и увлекательную профессию web-мастера. © В. Холмогоров, 2002 © Серия, оформление, Издательский дом «Питер», 2002 Все права защищены Никакая часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав. Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственность за возможные ошибки, связанные с использованием книги. ISBN 5-272-00338-1 ЗАО «Питер Бук». 196105, Санкт-Петербург, Благодатная ул., д. 67. Лицензия ИД № 01940 от 05.06.00. Налоговая льгота - общероссийский классификатор продукции ОК 005-93, том 2; 953000 - книги и брошюры. Подписано в печать 18.12.01. Формат 70x100,,. Усл. п. л. 28,38. Доп. тираж 5000 экз. Заказ №2389. Отпечатано с фотоформ в ФГУП «Печатный двор» им. А. М. Горького Министерства РФ по делам печати, телерадиовещания и средств массовых коммуникаций. 197110, Санкт-Петербург, Чкаловский пр., 15. Краткое содержание Урок 1. Краткий экскурс в теорию сетей. .................. 15 Урок 2. Основы web-технологий......................... 36 Урок 3. Введение в web-дизайн ......................... 57 Урок 4. Первая web-страница .......................... 81 Урок 5. Графика в web-дизайне ........................ 115 Урок 6. Специальные возможности HTML ................. 142 Урок 7. Microsoft FrontPage ........................... 173 Урок 8. Каскадные таблицы стилей ...................... 198 Урок 9. Полезные приемы web-дизайна .................. 217 Урок 10. Обслуживание web-страницы. .................. 247 Урок 11. Как стать web-звездой ....................... 263 Урок 12. Деньги и Интернет........................... 287 Приложение 1. Содержание прилагающегося компакт-диска . . 296 Приложение 2. Краткая спецификация языка HTML 3.2. ..... 301 Приложение 3. Глоссарий ........................... 334 Содержание Введение ................................................... 11 Урок 1. Краткий экскурс в теорию сетей Как появился Интернет ......................................... 16 Как работает Интернет ........................................ 19 Принципы работы Интернета.................................. 19 Система адресации в Интернете ............................... 21 DNS — доменная система имен ................................ 23 Электронная почта ......................................... 27 Сквозные протоколы и шлюзы ................................. 28 Протокол передачи данных UDP ............................... 28 Протокол передачи файлов FTP................................ 29 Доступ к Интернету............................................ 29 Непосредственный доступ .................................... 30 Доступ по протоколам SLIP и РРР. .............................. 30 Доступ UUCP.............................................. 31 Доступ по вызову (Dial-up Access). .............................. 32 Доступ по технологии «coax at a home».......................... 32 Что еще необходимо знать об Интернете. ........................... 33 Личная свобода............................................ 33 Частная собственность....................................... 34 Что нового мы узнали ......................................... 35 Урок 2. Основы web-технологий HTML ......................................... ......... 37 Броузеры ................................................... 38 Сервер, сайт, домашняя страничка ................................ 39 Анатомия сервера. ............................................ 41 Говорим по-русски. О кодировках кириллицы ......................... 42 Другие web-технологии ......................................... 45 JAVA .................................................... 45 CGI..................................................... 45 SSI. ..................................................... 46 CSS ..................................................... 46 Содержание РНР...................... ...Л .......................... 47 ASP ..................................................... 47 VBScript .................................................. 47 Macromedia Flash. .......................................... 48 DHTML. .................................................. 49 XHTML и XML.............................................. 49 Web-хостинг................................................. 50 Путь первый. Бесплатный хостинг............................... 51 Путь второй. Хостинг у провайдера.............................. 54 Путь третий. Платный хостинг. ................................. 54 Путь четвертый. Хостинг у знакомых ............................. 55 Что нового мы узнали ......................................... 56 Урок 3. Введение в web-дизайн Что такое web-дизайн ......................................... 58 Зачем это нужно ............................................. 58 Необходимый инструментарий. ................................... 60 Основные «постулаты» web-дизайна ............................... 61 Технологии web-дизайна ........................................ 65 Логическая и физическая структура сайта ........................ 65 Заглавная страница......................................... 68 Динамическая и статическая компоновка сайта .................... 69 Элементы web-страницы ........................................ 72 С чего начать ............................................... 76 Что нового мы узнали ......................................... 80 Урок 4. Первая web-страница Изучаем HTML ............................................... 84 Общая структура. .......................................... 84 Несколько предварительных замечаний ............................. 87 Теги и атрибуты ............................................ 87 Регистр записи команд. ...................................... 88 Escape-последовательности ................................... 88 Перевод строки, пробелы, табуляция ............................ 89 Комментарии .............................................. 90 Общие рекомендации ....................................... 91 Цветовые спецификации ........................................ 91 Базовые теги разметки гипертекста ................................ 92 Элемент . ............................:................ 96 Атрибуты тега ......................................... 97 Заголовки.................................................. 100 Списки .................................................... 100 Разделители ................................................ 103 Гиперссылки ................................................ 104 Ссылки на документы ....................................... 104 Ссылки на разделы ........................................ 105 8 Содержание Ссылки на адрес электронной почты ........................... 106 Ссылки на файловые объекты. ................................ 106 Практикум ................................................. 106 Размещение страницы в Интернете ............................... 109 Что нового мы узнали. .................................... ...114 Урок 5. Графика в web-дизайне Сетевые графические форматы .................................. 117 GIF .................................................... 117 JPEG ................................................... 119 PNG ................................................... 121 Оптимизация графических изображений ........................... 122 Включение графики в web-страницу ............................... 128 GIF-анимация ............................................... 131 Программа Ulead GIF Animator ............................... 133 Стандартное меню. ........................................ 134 Панель инструментов....................................... 138 Панель атрибутов ......................................... 138 Панель палитры ........................................... 138 Панель статуса ........................................... 138 Закладки ................................................ 139 Optimize — оптимизация изображения .......................... 139 Практикум ................................................. 140 Что нового мы узнали. ........................................ 141 Урок 6. Специальные возможности HTML МЕТА-определители .......................................... 143 Формы .................................................... 149 Типы элементов формы. ..................................... 150 Таблицы ................................................... 154 Простые таблицы .......................................... 155 Стандартная таблица с текстовыми ячейками ..................... 156 Таблица с параллельными текстами ............................ 158 Представление таблиц, элементы которых занимают несколько строк или столбцов ...................................... 159 Вложенные таблицы ........................................ 160 Фреймы ................................................... 161 Элемент ............................................. 165 Практикум ................................................. 168 Что нового мы узнали. ........................................ 172 Урок 7. Microsoft FrontPage Установка FrontPage Express .................................... 176 Приступая к работе. .......................................... 178 Размещение текста ........................................... 180 Списки и разделители ......................................... 181 Размещение иллюстраций ...................................... 182 Содержание Гиперссылки ................................................. 183 Таблицы ................................................... 184 Формы .................................................... 186 Прочие элементы FrontPage..................................... 189 Microsoft FrontPage 98. ........................................ 191 Microsoft FrontPage 2000 ....................................... 194 Типичные ошибки ............................................ 195 Что нового мы узнали. ........................................ 197 Урок 8. Каскадные таблицы стилей Селекторы ................................................. 200 Группировка селекторов. .................................... 200 Принцип наследования. ..................................... 201 Свойства элементов .......................................... 202 Свойства шрифта. ......................................... 202 Свойства текста. .......................................... 203 Свойства цвета и фона ..................................... 205 Свойства границ .......................................... 206 Свойства списков. ......................................... 207 Вспомогательные свойства элементов. .......................... 208 Классы .................................................... 209 Идентификаторы............................................. 210 Комментарии ............................................... 211 Безопасность ............................................... 211 Подключение к web-странице ................................... 21.2 Маленькие хитрости CSS ....................................... 213 Пример файла CSS ........................................... 215 Что нового мы узнали. ........................................ 216 Урок 9. Полезные приемы web-дизайна Перекодировщики кириллицы ................................... 218 ConvHTML ............................................... 218 SNK DEcode. ............................................. 219 Exclude Symbols ........................................... 221 Перекодировка кириллицы ................................... 222 Различия популярных броузеров ................................. 223 Ускоряем загрузку графики ..................................... 231 Выводим иллюстрации в отдельном окне. ........................... 232 Добавляем страницу в Избранное ................................ 234 Создаем систему быстрой навигации .............................. 235 Защитим страницу паролем..................................... 237 Устанавливаем счетчик ........................................ 238 Гостевая книга. .............................................. 242 Индикатор состояния ICQ ...................................... 243 Десять советов web-дизайнеру. .................................. 243 Что нового мы узнали. ........................................ 246 10 _____ __ __ Содержание Урок 10. Обслуживание web-страницы Проверка целостности гиперсвязей и работоспособности интерактивных форм. ....................................... 248 Обновление информации и создание новых разделов. ................. 250 Обслуживание сайта с помощью Telnet ............................ 251 Linux ...................................................... 255 Линус Торвальдс: биографическая справка. ...................... 255 Архитектура Linux ............................................ 257 Основные команды Linux ....................................... 261 Что нового мы узнали. ........................................ 262 Урок IT. Как стать web-звездой Регистрация в поисковых системах ................................ 264 Подготовка к регистрации ................................... 266 Регистрация сайта в поисковых системах ........................ 268 Стандарт исключения для поисковых систем...................... 268 Список поисковых систем. ................................... 270 Контроль за состоянием учетной записи. ........................ 271 Использование рейтинговых счетчиков. ............................ 272 Службы баннерного обмена .................................... 272 Что такое баннер. ........................................ 272 Эффективность баннера. .................................... 273 Системы баннерного обмена ................................. 273 Текстовые баннеры ........................................ 276 Интерактивные баннеры. .................................... 277 Использование бесплатных досок объявлений ....................... 279 Использование подписи к электронным сообщениям. .................. 280 Службы редиректа ........................................... 281 Создаем баннер............................................. 283 Простой баннер за несколько минут ........................... 283 Сложный баннер.......................................... 284 Что нового мы узнали. ........................................ 286 .Урок 12. Деньги и Интернет Партнерские программы ....................................... 288 Продажа баннерных показов. ................................... 291 Прибыль корпоративных сайтов.................................. 292 Виртуальные магазины. ........................................ 292 Что нового мы узнали. ........................................ 295 Приложение 1. Содержание прилагающегося компакт-диска. . 296 Приложение 2. Краткая спецификация языка HTML 3.2. ..... 301 Приложение 3. Глоссарий ........:.................. 334 Алфавитный указатель. ......................... 347 Введение В последнее время на отечественном книжном рынке появилось большое коли­чество литературы, в той или иной степени посвященной web-дизайну, HTML и другим смежным отраслям Интернет-технологий. На первый взгляд кажется, что существующих сегодня справочников и пособий, освещающих практически все аспекты деятельности человека во Всемирной сети, вполне достаточно для нужд отечественного потребителя. Тем не менее большая часть подобных изда­ний либо чрезмерно перегружена специфической терминологией, непонятной читателю, не обладающему соответствующей подготовкой, либо не отличается той полнотой информации, которая необходима для полноценной работы с со­временным Интернетом. Настоящая книга — попытка объединить под одной обложкой справочное издание по основам сетевых технологий с самоучителем по web-дизайну. Разумеется, она также не претендует на всеобъемлющую пол­ноту, поскольку рассказать обо всех отраслях web-технологий в рамках одной небольшой книги невозможно. Однако ключевым моментам в ней, безусловно, уделено особое внимание. Более того, в этой книге практические аспекты осве­щаемых вопросов подкреплены необходимой теоретической базой, дабы читате­лю не приходилось обращаться за разъяснением каждого термина к другим ис­точникам. По мере знакомства с предлагаемым материалом читатель не только узнает об истории развития, структуре и базовых принципах функционирования Интер­нета, но и овладеет основными приемами создания web-узлов, а также получит множество практических советов по web-дизайну. Уже на начальном этапе изу­чения этой книги, руководствуясь приведенными в тексте примерами, он смо­жет создать и опубликовать в Интернете собственную домашнюю страничку, которая по мере ознакомления с новыми разделами может превратиться в пол­нофункциональный web-сайт. Иными словами, данная книга — универсальное пособие для начинающих пользователей Всемирной сети, желающих освоить прлезную, популярную и, безусловно, увлекательную профессию web-мастера. 12 Введение На кого рассчитана эта книга Как уже отмечалось, настоящее издание адресовано в первую очередь непро­фессиональной аудитории, обладающей лишь базовыми навыками пользовате­ля персонального компьютера и поверхностным знакомством с Интернетом. Предполагается, что читатель умеет работать в среде Microsoft Windows, об­ращаться со стандартными приложениями данной платформы, подобными MS Office, а также владеет основными приемами настройки операционной сис­темы, включая изменение конфигурации системных установок, инсталляцию и деинсталляцию программного обеспечения. Первоначальных знаний в области web-дизайна и программирования не требуется. Основные допущения Для того чтобы облегчить понимание материала неподготовленным читателем, немного «разбавить» сухой технический текст и помочь новичку преодолеть ес­тественный страх перед обширной, неизведанной для него областью знаний, временами автор допускает некоторую игривость слога, за что приносит свои извинения поклонникам «серьезной» научной литературы. В общем случае по­добные незначительные отступления не влияют на содержательную сторону из­ложенного здесь материала, скорее наоборот, способствуют запоминанию необ­ходимой информации. Техническая терминология в сфере современных Интернет-технологий, равно как и в области информационных и компьютерных технологий вообще, дина­мично меняется со временем и включает огромное количество заимствований из английского языка. Однозначная трактовка тех или иных терминов порой весь­ма затруднена многоязычностью самой сетевой среды, эти термины породив­шей. В языках разных народов, использующих какое-либо понятие, его смысл может быть совершенно неидентичным, что зачастую приводит к разночтениям в ряде определений, используемых в русскоязычной и англоязычной литерату­ре. Примером такой неоднозначности может служить слово «сервер» — в рус­ском языке им обозначается и программа, обеспечивающая передачу содержи­мого web-узла на клиентский компьютер, и ЭВМ, на которой эта программа установлена, и, зачастую, само упомянутое содержимое. Ознакомившись со всеми возможными трактовками каждого термина, предложенными в этой кни­ге, читатель сможет самостоятельно подбирать подходящее смысловое значе­ние, исходя из текущего контекста. Часть используемых в книге иноязычных определений вообще не имеет адекватного русского перевода. Согласно обще­принятой практике, такие понятия заменены на близкие по звучанию русские слова. В книге не удалось обойтись без общепринятого «технического жарго­на», но практически каждое подобное понятие снабжено необходимым поясне­нием. Для облегчения запоминания информации, а также для упрощения поиска нуж­ного отрывка текста в книге употребляется ряд условных обозначений, смысл которых мне бы хотелось объяснить читателю заранее. Введение 13 Врезка ВНИМАНИЕ указывает на то, что приведенный в ней текст имеет осо­бое значение, на которое следует обратить пристальное внимание, чтобы избе­жать возможных ошибок или недочетов в работе. Врезка ПРИМЕЧАНИЕ со­держит пояснения к излагаемому в данном абзаце тексту, которые нуждаются в дополнительном обсуждении. И наконец, врезка СОВЕТ содержит какие-либо полезные рекомендации, которые способствуют эффективному практическому применению полученных в рамках данного раздела теоретических знаний. Помимо упомянутых вставок в тексте книги встречаются следующие шрифто­вые выделения: полужирным шрифтом обозначаются ключевые в данном пред­ложении фразы или понятия, курсивным шрифтом представлены фразы, так­же имеющие важное значение, но несущие меньшую практическую нагрузку, и, наконец, фиксированный шрифт применяется для отображения директив того или иного языка программирования, листинга программ и команд пользователя. Структура книги Для упрощения восприятия текста книги неподготовленным читателем вся со­держащаяся в ней информация поделена на уроки, посвященные рассмотрению близких по смыслу вопросов. Каждый урок предваряется коротким перечисле­нием изучаемых в нем тематических разделов и завершается списком вопросов, которые подробно разобраны в рамках данного урока. Некоторые уроки содер­жат раздел, озаглавленный «практикум», где читателю предлагается ряд полез­ных советов и рекомендаций по созданию собственной web-странички. В конце книги приведены три приложения с дополнительной справочной ин­формацией. Первое приложение содержит подробное описание прилагаемого к книге компакт-диска, второе представляет собой краткую спецификацию языка HTML и, наконец, третье является глоссарием, подробно объясняющим встре­чающиеся в книге термины и понятия. Как пользоваться этой книгой Оптимальный алгоритм изучения представленных в настоящей работе материа­лов выглядит следующим образом: бегло прочитайте текст главы, обращаясь за разъяснением незнакомых терминов в глоссарий, затем вернитесь назад и под­робнее изучите те абзацы, которые вызывали у вас непонимание или вопросы. Быстро найти нужный раздел можно с помощью оглавления книги, алфавитно­го указателя или приведенного в конце каждого урока перечня изученных тем. Благодарности Автор выражает искреннюю благодарность Владиславу Гуськову за информа­ционную поддержку, оказанную в ходе подготовки материалов второго урока, Юрию Баранову за полезную информацию для одного из разделов пятого уро­ка, своим близким — Шалиной Татьяне Анатольевне и Никоновой Елене Кон­стантиновне за проявленное ими терпение и понимание, отцу Андрею Павлови- 14 Введение чу за мудрые советы и участие, а также моему другу и соратнику Виктору Дат-кунасу за его бесконечную доброту, моральную и техническую поддержку. Без помощи всех этих замечательных людей книга, которую вы держите сейчас в руках, вряд ли когда-либо увидела свет. От издательства Ваши замечания, предложения, вопросы отправляйте по адресу электронной почты comp@piter-press.ru (издательство «Питер», компьютерная редакция). Мы будем рады узнать ваше мнение! Подробную информацию о наших книгах вы найдете на Web-сайте издательст­ва http:www.piter-press.ru. 1 урок. Краткий экскурс в теорию сетей О История создания и развития Интернета О Базовые принципы работы Интернета О Алгоритм адресации в Интернете и доменная система имен G Сетевые протоколы Q Доступ в Интернет Q Дополнительные сведения 16 Урок 1. Краткий экскурс в теорию сетей Современный Интернет — весьма сложная и высокотехнологичная система, по­зволяющая пользователю общаться с людьми, находящимися в любой точке земного шара, быстро и комфортно отыскивать любую необходимую информа­цию, публиковать для всеобщего сведения данные, которые он хотел бы сооб­щить всему миру. С помощью Интернета можно найти себе подходящую работу и расширить круг знакомств, обсудить интересующие вас темы и просто прият­но провести время. Даже если вы уже имеете опыт работы во Всемирной сети и умеете обращаться с соответствующим программным обеспечением, теоретиче­ские вопросы, освещенные в рамках данной главы, наверняка будут вам полез­ны, поскольку этот урок содержит необходимый комплекс терминов и понятий, которыми мы будем оперировать в последующих разделах настоящей книги. Как появился Интернет История рождения большинства великих изобретений во многом сходна: люди пытаются открыть что-то скучное и неинтересное, а в результате получается не­что весьма забавное. Например, они хотели создать эффективный источник энергии, который заменил бы уголь и пар, а придумали атомную бомбу. Один чудак старался изобрести средство от поноса, а вышла пепси-кола. Практически то же произошло и с Интернетом. В конце далеких семидесятых годов Министерство обороны США задалось идеей создать электронную сеть, с помощью которой компьютеры военных штабов и командных пунктов могли бы успешно обмениваться информацией в случае бомбардировки указанных объектов русскими атомными ракетами. Коммуникации, проложенные между бункерами, должны были, по замыслу ми­нистров, выдержать наводнения, цунами, землетрясения, ураганы, прямые по­падания метеоритов и другие неприятные погодные явления. Сеть была спроек­тирована, исходя из принципа малой надежности, то есть таким образом, что продолжала бы исправно перекачивать информацию между компьютерами, даже когда отдельные ее участки могли неожиданно исчезнуть, превратившись в атомную пыль. Исследования, проведенные в рамках этого проекта, были профинансированы Управлением перспективных научных разработок США (Advanced Research Project Agency, ARPA), и в 1968 году такая система была создана. В честь «спонсоров», вложивших весьма внушительный капитал в раз­витие первой в мире полнофункциональной вычислительной сети, ей дали крат­кое и звучное название ARPAnet. Возникновение данной электронной сети осталось бы не замеченным, или этот факт забылся бы со временем, если бы не несколько концептуальных особенно­стей, заложенных в ее проект. Во-первых, все компьютеры, входящие в сеть, общались между собой «на равных», то есть в ARPAnet не существовало струк­туры «главный компьютер — подчиненный компьютер». Во-вторых, в качестве основного сетевого протокола ARPAnet был принят межсетевой протокол IP. ^ПРИМЕЧАНИЕ Сетевым протоколом называется согласованный и утвержденный стан­дарт, содержащий описание правил приема и передачи между двумя компьютерами команд, текста, графики, иных данных и служащий для синхронизации работы нескольких вычислительных машин в сети. ОСТАЛЬНЫЕ СТРАНИЦЫ ВЫСЫЛАЮТСЯ НА КОМПАКТ-ДИСКЕ, ЛИБО ПО ЭЛЕКТРОННОЙ ПОЧТЕ. Заказ: http:psbatishev.narod.ruzakaz.htm Примечание: заказывая отсканированные копии книг, Вы принимаете на себя всю ответственность за возможные нарушения авторских прав.

  • Краткое содержание Урок 1.
  • Урок 6.
  • Урок 9.
  • Урок 12.
  • Приложение 3.
  • Приложение 1.
  • Алфавитный указатель. ......................... 347 Введение
  • На кого рассчитана эта книга
  • Как пользоваться этой книгой