↑  Для тех, кто хочет попасть в Интернет

HTML: самый короткий учебник

Глава 1. Создание вашей первой HTML-страницы

  1. Откройте программу MS Word (Winword) и напечатайте в ней слова Моя первая HTML-страница;
  2. В меню MS Word «Файл» выберите пункт «Сохранить как»,

Всё, ваша первая HTML-страница готова. Если вы запомнили, куда сохранили её (скорее всего, в папку «Мои документы»), можете теперь щёлкнуть по ней два раза и она откроется в Интернет Эксплорере. А можете поместить её на какой-нибудь сервер в Интернете, где просмотреть её сможет каждый желающий.

Вариант: можно щёлкнуть правой кнопкой мыши в пустом месте папки "Мои документы", выбрать из выпавшего меню пункт "Создать", выбрать "Текстовый документ"; двойным щелчком открыть в "Блокноте" новый "Текстовый файл", набрать слова "Моя первая HTML-страница", выбрать в меню файл "Сохранить как", набрать (обязательно в кавычках!) "1.htm", нажать "Enter".

Глава 2. Создание вашей второй HTML-страницы

  1. Откройте в программе MS Word (Winword) какой-нибудь документ (например, вашу диссертацию);
  2. Напечатайте перед началом каждого абзаца <P> (латинская буква в угловых скобках),
  3. В меню MS Word «Файл» выберите пункт «Сохранить как»,

Всё, ваша основная (и, вероятно, последняя) HTML-страница готова.

Другой вариант сохранения

  1. Как в первом варианте;
  2. Напечатайте один раз, в начале всего документа <Pre> (3 латинские буквы в угловых скобках),
  3. Как в первом варианте,

Глава 3. Помещение вашей страницы в Интернет

Вариант 1

Подключитесь к Интернету;

наберите в адресной строке Интернет Эксплорера www.hotbox.ru, или www.narod.ru, или www.nm.ru и нажмите enter;

действуя по предложенной инструкции, зарегистрируйте бесплатный почтовый ящик;

после успешной регистрации найдите там где-нибудь пункт Мой сайт или Бесплатный хостинг;

действуя по очередной инструкции, загрузите свой файл (из Второй главы!) index.html туда, куда рекомендует инструкция. Созданные вами файлы будут выглядеть в папке «Мои документы» примерно так:

Вариант 2

Если вы не смогли, опираясь на инструкции серверов Hotbox, Narod или Newmail, зарегистрировать почтовый ящик и разобраться, как там работает ваш сайт, тогда я тем более не смогу вам этого здесь объяснить. Вышлите мне вашу страничку электронной почтой на адрес dnirkutsk@nm.ru или bweek@mail.ru, и я помещу её в Интернет (может быть, если мне не будет лень), а вам вышлю адрес, по которому её сможет найти любой человек.

Аппендикс. Дополнительная информация для усвоивших основной материал

Почти все файлы для скачивания в этом разделе хранятся в формате CHM (внутри zip-архивов). В некоторых встроен полнотекстовый поиск (например, в "HTML_Reference"), в некоторых он не имеет смысла (например, там, где только одна страничка, как в "Спецификации HTML" - там нужно искать слова обычным сочетанием клавиш 'Ctrl+F'). Из файла .chm можно извлечь все упакованные туда html-файлы с помощью утилиты chmview.zip.

Приступая к работе с HTML Дэйва Регетта.

Спецификация HTML 3.2 с W3C Дэйва Регетта.

В связи с многочисленными пожеланиями трудящих добавляю изъятый с сайта st-oskol.narod.ru более сложный учебник: "Более сложный учебник" (102 Kb)

и ещё более толстый справочник by Stephen Le Hunte, 1995-1997 (на английском языке): HTML_Reference (727 Kb).

Для полноты картины - вообще толстая книга, чаще всего называемая в Рунете "Dinamic HTML", обычно без всякого упоминания автора (Скотта Айзекса), и уж тем более переводчика: Scott Isaacs (C) 1997. Inside Dynamic HTML (1330 Kb)

Аппендикс 2. Детали (как же мы без JavaScript & CSS?)

Самое важное и мощное средство оформления HTML-страничек - CSS. Одна из букв S в этой аббревиатуре означает Style. А что означают остальные, и знать не обязательно. Для первоначального изучения стилей HTML подойдёт упоминавшийся выше учебник Приступая к работе с HTML. А вот полная Спецификация CSS2 с W3C в переводе какого-то доброго человека.

JavaScript, строго говоря, почти совсем не нужен для создания хороших Web-страниц. Точнее, не нужно его знать в совершенстве. Достаточно на уровне Knopka.OnClick='window.close()' (то есть уметь назначать некоторым свойствам кнопок, открытых окон или других объектов или событий HTML выполнение некоторых действий). Например, для подсветки этого абзаца (при наведении на него указателя мыши) из JS было использовано одно только слово 'this' и знак препинания ; (запяточие). Всё остальное - style, backgroundColor, onMouseOver - спецификация самого языка HTML.

Хотя, если быть точным, написание backgroundColor я нашёл в файле drag2.html, неизвестно как попавшем на мой компьютер (внутри файла есть только один внятный идентификатор: Абросимов Алексей (c) 2001 г.). Дело в том, что в обычной таблице стилей это слово пишется через чёрточку: background-Color. Но в таком виде это слово с событием onMouseOver (через JavaScript) не взаимодействует. Это одна из самых больших загадок Мироздания.

Всплывающая (при наведении мыши на ссылку Спецификация CSS2) надпись "592 Kb" делается вообще без всякого Script'a, простым использованием свойства 'title'. Так же и всплывающие надписи подсвеченных абзацев (чтобы эти надписи не исчезали подольше, после всплытия надо медленно, по миллиметру в секунду, передвигать мышку в горизонтальном направлении).

Работа с примечаниями в книге Путь Дзен также организована с помощью CSS (и с минимумом JS).

Вот вам "Введение в JavaScript для Мага", © 1996, 1997 Стефан Кох (Stefan Koch); неплохой Справочник по JS на русском языке и Справочник похуже на английском (отформатирован хуже, потому что извлекался из 5-мегабайтного PDF'а, но, вероятно, он более полный). Неплох в использовании Справочник по JScript на английском (извлечён из script56.chm).

Вообще, чтобы изменять содержимое страницы (или любого её элемента), достаточно использовать лишь одно свойство - innerHTML. Например, такой фокус - самое радикальное изменение - делается с использованием одного лишь этого свойства: если щёлкнуть по этому абзацу, весь текст документа исчезнет напрочь (но не навсегда).

Ещё один комплексный справочник, более современный (2002 год): Юрий Лукач. Справочник Веб-разработчика: современные технологии WWW. Авторы сайта wdh обещали (в 2002 году) изготовить копию справочника для локального использования. Теперь это обещание материализовалось: lukatch.zip.

Последнее открытие - небольшой скрипт, найденный в Сети: dom.htm (внутри файла есть все необходимые копирайты и ссылки). Невозможно переоценить всё огромное значение этого открытия для HTML-науки. JS действительно достаточно знать на уровне присвоения некоторым объектам HTML некоторых свойств. Но вся проблема в том, чтобы узнать, какие именно бывают объекты и свойства. Иногда требуются часы работы над несколькими справочниками, чтобы найти необходимый объект и создать целую теорию присваивания ему какого-нибудь свойства, а потом выяснить, что Internet Explorer это свойство не поддерживает. И красивая теория рушится под напором реальности. Так вот, в файле dom.htm спрятан гениальный скрипт, который выводит на экран DOM - структуру того документа, в который вы этот скрипт запишете. Причём выводит её так (ясное дело!), как понимает эту структуру именно ваш броузер. После чего начинает иметь смысл пользоваться справочниками по JS (JScript).

Самое последнее - Мелкие радости для IE: "закладурки" и скрипты для контекстного меню. Устанавливаются с помощью файла menuExt.inf, который можно скачать вместе со скриптами: menuExt.zip

Hosted by uCoz