ПРАВИЛА ПОДГОТОВКИ МАТЕРИАЛОВ в формате HTM или HTML
для чайников и не только (с разрешения veslo.ru).
 

Если вы боитесь  подступаться к многочисленным программам генерации хтмелей типа  Home Site, обойдитесь малой кровью, распечатайте себе это руководство и действуйте! J

Я полагаю, что все уже имеют доступ к Word в составе пакетов MS OFFICE 97 или 2000. Даже если ваш старый текст составлен в DOS-редакторе или ином, Word легко cконвертирует их в свой формат (*.DOC)

Любой word-файл легким движением руки  сохраняется в формат  HTM(L). Делается это просто –

-          в word 97 :   «Файл» - «Сохранить как» - выбрать тип файла «Документ HTML»

-          в word 2000:  «Файл» - "Сохранить как WEB-страницу".  2000-ая версия офиса делает html настолько страшным  для просмотра, что чайникам лучше не соваться туда во избежании инфаркта )))

 

Умный Word автоматически сверстает html-страницу из любого текста, однако это палка о двух концах -  все ваши знаки "<" и ">", которыми оформляются тэги, превратятся в жутковатые на вид коды и не будут работать должным образом!

Если у вас - только текст - вперед и с песней! Перед этим не забудьте оформить текст красиво - все ваши изыски перейдут в html при конвертации.

 

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

 

1 - Создать html-файл из вордовского текста, потом открыть его в Ворде как обычный текстовый файл (режим "Только текст") и набить внутри все необходимые тэги. Затем сохранить, как простой текст.

 

2 - ВСЕ набить в обычном документе Ворд, обрамив ваше произведение  следующими простыми операторами:

 

<html>

 

<head>

<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<title>Дневник по Писте</title>

</head>

 

<body bgcolor="#EEEEEE">

 

…………………….

…………….здесь весь ваш опус, включая тэги !………

…………………..

 

</body>

</html>

 

 

 На месте самых отпетых чайников я бы пошла пошла вторым путем… по крайней мере, там все пишется в одном месте и один раз )))

Заодно немного будете знать язык HTML.

 

 

Итак, вперед!

 

0)  Набейте  нужный текст в окне Ворда.

 

1)      Выделите весь текст и присвойте ему размер шрифта = 11, как самый оптимальный  для браузера.

 

2)      Выделите жирным шрифтом заголовки,  подзаголовки, названия, например:

 

<b>Комментарий к походу</b>

 

Главное название можно дать увеличенным шрифтом, например – 16, и даже поменять ему цвет: <font color="GREEN" size="16">Дневник по Белой</font>

 

3)      Обязательно напишите автора сочинения  и желательно – его e-mail.

 

4 )  Теперь, если мы идем путем №2,  расставляем в тексте тэги для ссылок и фотографий…

 

ТЭГИ - это загадочные слова, обрамленные скобками вида "<"  и    ">"

 

Чтобы ссылка на e-mail  стала активной, а не просто статичным текстом, напишите следующий код, например:

 

<p>

<a href=”mailto:ivanov@narod.ru”>Ваня Иванов</a>

</p>

 

Вместо «Ваня Иванов» можно написать и само мыло, и все, что угодно.

 

4)      Если вы хотите вставить в текст ссылку на другой html, находящийся на этой же  директории, напишите так:

 

<a href=”keret.html”>Здесь лежит мой отчет по Керети</a>

 

Если html лежит где-то в Интернете,  а вы обязательно хотите на него сослаться, пишите так:

 

<a href=”http://www. kanoe.com/river/keret.html”>Здесь лежит чужой отчет по Керети</a>

 

5)      Фотографии вставляются следующим образом:

 

А)  Вставка маленькой фотографии с ссылкой на большую –

 

<a href=”foto_big.jpg”><img src=”foto_small.jpg” border=0></a>

 

B)  Вставка ссылки на большую фотографию  –

 

<a href=”porog_big.jpg”>Порог  Драный</a>

 

Если вы хотите, чтобы фото вылезала при просмотре в отдельном окне:

 

    <a href=”porog_big.jpg” target=BLANK>Порог  Драный</a>

 

 

 

     Чтобы фразы (или объекты, или абзацы) ложились один под другим, перед каждым  нужно  добавить  <br> или обрамить объект в  <p> … </p>

 

6)Теперь сохраните ЭТО как ОБЫЧНЫЙ ТЕКСТ! Файл получит имя с расширением txt

7) Перед отсылкой мне ПЕРЕИМЕНУЙТЕ документ, дав ему расширение *.HTML

ВСЕ!!!!……..

 

 

 

Примечание:

Если вы умны и ленивы,  и воспользовались автоматической конвертацией в html, найдите в коде html-документа пару <title>,,,,</title> и вместо мусора, который сидит между этими тэгами, напишите нормальное название своего текста, например «Дневник по Белой, 2000». Это будет выводится  поисковыми системами WWW и  браузерами.

По умолчанию в титуле живет название документа, но так как HTML лучше назвать одним латинским словом, титул становится малопонятен …

 

 

Маленькое пояснение – фотоподборки клепаются абсолютно так же, просто там нет большого текста, а есть одни фото. Впрочем, небольшие комментарии приветствуются. Сверху обязательно – название реки, год, автор,  а ниже

помещается группа операторов следующего вида:

 

<hr>

<a href=”foto1.jpg”><img src=”foto1x.jpg” border=0></a>

<a href=”foto2.jpg”><img src=”foto2x.jpg” border=0></a>

<a href=”foto3.jpg”><img src=”foto3x.jpg” border=0></a>

……….

<a href=”fotoN.jpg”><img src=”fotoNx.jpg” border=0></a>

 

foto – это большие фотки, fotox – маленькие.  Не называйте фотографии длинными русскими именами! Лучше всего их просто  нумеровать. А комментарии можно при желании дать текстом.

«Вес» больших картинок не должен превышать 70 Кб, а размер – 600 х 400 пикселей. Размер мелких не должен быть больше 100 х 70 пикселей, а вес – не больше 8 Кб.

Формат – только JPG или GIF.

 

Фото и документы лучше заархивировать в ZIP или ARJ и прислать мне единым блоком. Как видите – абсолютно ничего страшного и сложного J

 

 

Как вставлять немного картинок, имея лишь Word (7 или 2000):

 

Создаем документ Ворд, пишем туда текст. Если в нужное  место хотим вставить фотку, делаем так:

"Вставка" ->"Рисунок" ->"Из файла" -

выбираем имя файла, ворд вставляет картинку, ее видно сразу на экране. Так можно делать, вставляя небольшие картинки, кило по 20-30,

желательно не больше (если  картинок несколько), и 70-80 кило, если всего 1-2 картинки.

Далее - приказываем: создать из документа HTML!

("Файл"->"Сохранить как Веб-страницу")

Оно сохраняет, при этом создает поддиреторию с названием "имя-html-файла.files"

Там лежат картинки и разные служебные файлы -

и вот всю эту кучу вместе с поддиректорией + хтмл и надо слать.

 

Примечание: у вас MS OFFICE-7, а не 2000, то он не создает поддиректорию, а лепит все в одно место. Т.е., если картинка была одна, то файла на отправку получится два - HTML и IMAGE.

 

 

Немного о сканировании фотографий:

 

Все манипуляции с отсканированными картинками  (измененние размера, наложение резкости, яркости, контраста) лучше производить в формате PSD или  TIF, чтобы не потерять в качестве, которое и так теряется при конвертации.

При сохранении в jpg-формат Adobe Photoshop 5-ой версии попросит вас задать разрешение файла… Помните, что минимальное разрешение имеет отвратительное качество, а максимальное сделает ваш файл весом более 100 Кб… Вот и крутитесь, как хотите!  Обычно выбирается высокое или среднее.

Фотошоп 6-ой версии имеет опцию сохранения  отсканированного фото  любого формата в WEB-картинку, все оптимизировав за вас.

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

Дерзайте!
 

Декабрь 2001 г.
veslo.ru