Хотите быть автором Научной Сети?
Не знаете, с чего начать?
Никогда не писали кодов HTML?
Вам сюда!
Первые мои впечатления при посещении сервера Научная Сеть
- любопытство и шок от собственного бессилия. Прочитала правила для публикации -
и ничего
не поняла. Ясно только одно: я не знаю кодов HTML, а без них тут делать нечего.
Попробовать? А с чего же начать?
Открыла "Cамоучитель HTML" А.Гончарова (замечательная книга!), но первый самостоятельный
шаг всегда так труден! "Суха теория, мой друг, а древо жизни пышно зеленеет", как
говорил бессмертный Гете... Как бы на это дерево забраться? Хоть листочек сорвать!
Не буду описывать весь путь моего сознания от мысли "Ничего
не могу" до "Попробую, может, получится?" Первоначальное состояние транса продолжается
у разных людей от нескольких секунд до часов и дней. Как сократить этот срок до
минимума? Как не впасть в отчаяние?
Главное, помнить, что выход есть! Он - в выполнении первых простых шагов. Вот их
я и опишу.
Поясню значение термина "одностраничное" в этом контексте.
Одна страница здесь - это то, что грузится сразу на экран в интернете. То есть страница
HTML. На нее Вы можете поместить текст, занимающий несколько страниц в WORDе. И не
несколько, а много, с разделами и подзаголовками. Но на первый раз советую Вам выбрать
действительно
короткий простой текст. Например, статью на 1-2 страницы без иллюстраций.
Сначала работать будем не в сети. Отключите интернет!
Без сомнений предполагаю, что текст Вашей статьи является
документом WORD. Назову этот документ Статья.doc.
Формат статьи: Заголовок "Как в предложениях", абзацы
с отступом, Литература (если есть). Ссылка на печатный орган, где ваш труд уже опубликован
(если есть). Выравнивание везде по левому краю. Пустых строк не оставляйте. Шрифт
Times New Roman, 12пт.
Итак, приступим.
Упражнение первое (адаптационное)
В окне WORDа – Ваша статья.
Посмотрим, как выглядит она в HTML.
Выполняем операции:
Сохранить
Файл – Сохранить в формате HTML (получилось: Статья.htm)
Вид – Открыть источник HTML |
Рассматриваем! Удивляемся! Анализируем!
Текст статьи стал внутренней частью программы, называемой
код HTML. (К сожалению, WORD делает эту операцию не идеально. Знающий человек напишет
короче и лучше. Но об этом потом.)
Включая и выключая источник HTML, Вы переходите от программы
к ее воплощению на экране.
Этой операцией можно ограничиться, если Вы хотите однократно
разместить свой научный труд на сервере Научная Сеть, и в дальнейшем работать в сети
не собираетесь. Файл Статья.htm надо заархивировать и послать главному редактору
сервера по адресу team@nature.web.ru,
как написано в правилах для авторов.
Если Вы собираетесь и далее публиковать свои труды на
сервере, а также редактировать их, то продолжим!
Теперь необходимо:
1.Понять общую структуру документа HTML, чтобы можно было брать оттуда отдельные
части
и копировать в заготовленную форму.
2.Разобраться, как работать со страницей редактирования, на которой эта форма находится.
Упражнение второе (аналитическое)
Вернемся к окну WORDа с включенным источником HTML.
Рассмотрим внимательно текст программы на экране.
Исходный текст статьи встроен внутрь двойных (начальный и
конечный) маркеров – тегов, обозначенных угловыми скобками:
<BODY> ... </body> (начальный тег ... конечный тег).
Тег – одно из ключевых понятий (от англ. tag – ярлык, этикетка), это
предписание броузеру определенным образом обработать текст, заключенный между открывающим
и закрывающим тегом (этот текст называется элемент тега). Элементы могут вкладываться
друг в друга. Здесь элемент обозначен многоточием.
Большинство тегов, кроме имени, обладают еще рядом атрибутов,
таких как цвет фона, цвет текста, его размер, название файла, адрес сайта и др. Атрибуты
тега отделяются от имени тега и друг от друга пробелами:
<TAG attribute="значение" attribute="значение"></TAG>
Закрывающий тег обязательно содержит слэш (косую черту), атрибуты для него не предусмотрены.
|
Найдите в тексте на экране пары тегов и определите границы элементов:
<HTML> ...</html> - это весь документ HTML;
<HEAD> ... </head> - заголовок WEB - страницы;
<TITLE> ... </title> - текст, который будет потом отображаться в заголовке
окна броузера, он может совпадать с заголовком статьи;
<BODY>… ... </body> - гипертекст (совокупность текста и тегов),
определяющий содержание WEB-страницы, т.е. того, что мы увидим в окне броузера. Наш
рабочий
диапазон расположен именно между этими тегами;
<p> ... </p> - абзац, здесь многоточие - текст абзаца;
<br> - знак перевода каретки на новую строку (без абзаца), закрывающего тега
здесь не надо;
<H1> ... </h1> - заголовок статьи, число показывает размер (уровень)
заголовка: H1 - самый крупный, H6 - самый маленький; рекомендуем Вам использовать
уровни от
2 до 4;
<B> ... </b> - выделение текста полужирным шрифтом;
<I> ...</i> - выделение текста курсивом;
<HR> - горизонтальная черта (конечный тег не пишется).
|
Ограничимся пока этим списком тегов.
Закрывающий тег иногда опускают и пользуются только открывающими
тегами перед началом текста нового абзаца. Однако такой способ оформления нежелателен.
Внутри открывающего тега можно увидеть атрибуты (дополнительные
параметры), задающие свойства элемента. Например:
<P ALIGN="CENTER "> …… </p> - абзац с выравниванием по центру.
Здесь вместо CENTER может быть:
LEFT - по левому краю,
RIGHT - по правому краю,
JUSTIFY - по ширине.
В Научной сети применяется другой способ выравнивания
текста: использование тега <DIV> с аналогичными атрибутами.
Т.е. вместо
<p align="center">
…… </p>
надо использовать <div align="center"> ……
</div>.
Замечание: заглавные и строчные буквы в тегах и
атрибутах равноценны; начальный тег иногда пишут заглавными буквами для удобства
чтения кода.
Упражнение третье (развлекательно-практическое)
|
Включая и выключая источник HTML, наблюдайте, как изменение
в исходном тексте меняет код, а изменение в кодах меняет исходный текст.
Меняйте теги и атрибуты внутри элемента:
<BODY> ... </body>. |
Пример 1.
Уберите один из тегов абзаца и убедитесь, что в исходном тексте абзацы слились.
Сделайте обратную операцию: разделите один абзац на два в исходном тексте и посмотрите,
как
изменился код HTML.
Пример 2.
В исходном тексте измените шрифт какого-либо абзаца. Найдите в коде HTML вновь появившуюся
пару тегов. Сделайте обратную операцию: добавьте в страницу кодов теги полужирного
шрифта или курсива. Посмотрите, как изменился при этом исходный текст.
Упражнение четвертое (рефлексивно-релаксационное)
*Уберите руки с клавиатуры, положите их на колени.
*Распрямите спину, расслабьте шею.
*Несколько раз сильно зажмурьте и откройте глаза.
*Вспомните свои чувства перед началом работы с кодами HTML.
*Изменились ли Ваши чувства теперь?
*Улыбнитесь и скажите себе вслух: Я молодец! Я сумел это сделать!
|
Если Ваша работа продвигается медленно, то упражнение
четвертое повторяйте после каждой даже небольшой удачи.
А теперь переходим к главному этапу работы.
Подключитесь к интернету, зайдите на сервер, зарегистрируйтесь
и откройте страницу редактирования новой публикации. Далее действуйте по инструкции,
имеющейся на сервере. Я добавлю некоторые пояснения.
Страница редактирования - это готовые рамки, в которые
надо вставить то, что отличает Вашу статью от других: это заголовок и основной
текст статьи.
Поэтому работаем только с областью программы, заключенной между тегами <BODY>
... </body>. Сами эти теги копировать не надо.
В окне WORD откройте файл Статья.htm в виде HTML.
Заголовок статьи скопируйте в окно "Заголовок". Теги, относящиеся к заголовку, уберите
из текста программы.
В окно "Ключевые слова" просто наберите несколько слов,
характеризующих вашу тему.
В окно "Текст" скопируйте все, что заключено между тегами
<BODY> ... </body> с вырезанной частью, относящейся к заголовку.
Текст аннотации можно не набирать - он будет автоматически
сгенерирован из первых строк статьи. Если Вы все же хотите составить аннотацию (не
более
трех строк в WORDе), то наберите ее отдельно (Аннотация.doc), затем сохраните в виде
HTML (Аннотация.htm) и скопируйте в соответствующее окно (опять то, что получилось
между
тегами <BODY> ... </body>).
Если Вы дорожите временем подключения к интернету, то
заранее подготовьте части кодовой страницы вашей статьи и аннотацию для работы на
странице
редактирования.
Итак, на странице редактирования:
|
Заполните поле "Ключевые слова".
Заполните поле "Заголовок".
Скопируйте подготовленный заранее текст статьи в поле "Текст".
В нижней части страницы уже готово имя автора - его набирать не надо.
"В работе" - "Сохранить" - [См] - и вот перед Вами готовая статья.
Что-то не нравится?
Опять "Редактировать" - поправки - "В работе" - "Сохранить" - [См].
И так до тех пор, пока Вы не скажете: Готово!
Теперь "Поступило" - "Сохранить". Ждите решения редактора.
|
Если все правильно, то Ваша статья вскоре появится на сервере.
Не забывайте про четвертое упражнение!
Удачи Вам!
