Как написать и выложить отчёт

Автор: SG, 11.05.2010 04:00
Просмотров: 2699

Как выкладывать статьи и отчёты на сайте. Небольшой ликбез.

1. Необходимо подготовить фотографии.

    a. Отберите фотографии, которые хотите поместить в отчет

    b. Обработайте фотографии

        i. Обрежьте лишнее

        ii. Уменьшите их до разумных размеров (более 1280 в ширину на данном этапе развития технологий делать не стоит).

        iii. Нанесите необходимые надписи (если на самой фото есть подпись с описанием, ею гораздо удобнее потом пользоваться) и рисунки (стрелочки и т.п.)

        iv. Сохраните в отдельной папочке с латинским названием (т.е. имя папки латинскими буквами), желательно без пробелов.

    Например, фотошоп 7, лёгкий как бабочка, отлично годящийся для начинающих фотошоперов, отлично умеет это делать.

 

    c. Сгенерите thumbnail’ы (они же превьюшки, тамбы). Сделать это можно с помощью многих программ. Например, FastStone Image Viewer, браузер картинок, отлично справляется с этой задачей. Кладите их в ту же папку, что и большие фото, указав какой-нибудь префикс. Например, thumb_* в случае FastStone Image Viewer.

 

 

 

2. Начинайте писать текст. Текст можно писать в любом редакторе. Старайтесь поменьше использовать сложное форматирование. Чем проще на входе, тем проще будет на выходе ;). Используйте таблицы, заголовки, ссылки. Всё это впоследствии корректно сконвертится. Есть хитрость при вставке картинок. Делать это нужно так (на примере ворда):

    a. Вставка -> рисунок

    b. Выбирайте превьюшку

    c. Далее нужно не просто вставить, а выбрать пункт Связать с файлом.

    d. Вставив картинку, кликните на ней правой кнопкой мыши и выберите пункт Гиперссылка, либо выделив картинку, идите в пункт меню Вставка и щелкайте на Гиперссылка.

    e. В качестве объекта гиперссылки выбираете большую картинку.

3. После того, как текст набран, картинки вставлены и вообще всё готово, пора выложить творение на сайт.

    a. Сохраняете файл как html.

    b. Открываете файл в Explorer (лучше для наших целей использовать именно его), копируете содержимое странички (Ctrl+A, Ctrl+C).

    c. В Internet Explorer идёте на сайт клуба.

        i. Заходите на сайт, в меню пользователя выбираете Заливка контента

        ii. Выбираете тип контента (скорее всего, это будет статья)

        iii. В нижнем окне жмёте на кнопочку "вставить из ворд"

        iv. Вставляете скопированное в открывшийся в отдельном окне диалог (Ctrl+V), жмёте на кнопку Insert диалога. Вставится чистый html, очищенный от мусора.

    d. В веб-редакторе сайта идёте на вкладку html Code (находится внизу окна редактора, см. рис. 3.c.iii), вырезаете всё содержимое (Ctrl+A, затем Ctrl+X) и вставляете вырезанное в блокнот Windows. Вставится html код, с которым нам надо слегка поработать, чтобы правильно прописать пути к фото.

    e. Замените пути к фото:

        i. Найдите запись вида file:///C:/temp/making_report/1.jpg, то есть путь к фоткам у вас на компьютере.

        ii. Скопируйте (Ctrl+C) первую её часть, не включающую последнюю папку. В моём случае это file:///C:/temp

        iii. В блокноте идите в меню Правка->Заменить (Ctrl+R), введите в Что скопированный путь, а в Чем ваш путь на сервере.

        iv. На сервере ваш путь будет /images/new/xxx, где xxx - ваш логин на сайте. В моём случае это /images/new/SG

    f. После замены получившийся html вставляете обратно туда, откуда его скопировали, т.е. во вкладку html Code редактора на сайте (см. рис. 3.c.iii).

    g. Упаковываете папку с фотографиями и посылаете админам сайта (zaya, SG) с просьбой выложить в папочку /images/xxx, где xxx - ваш логин на сайте.

    h. В верхнем окне редактора пишите вступление, вставляете картинку (кнопочкой Insert/Edit) шириной 200 пикселей (наш стандарт для картинок на главной).

    i. Выбираете настройки отображения статьи, они подробно описаны здесь

    j. Каталогизируете свой отчёт

    k. Сохраняете своё творение

4. Проверяете получившееся, исправляете ошибки и форматирование, сохраняте и пожинаете лавры =)

5. Полезные советы

    a. Попросите у админов права Автора, тогда вы сможете возвращаться к редактированию своей статьи.

    b. Удобно использовать следующий приём: периодически, по ходу работы, сохранять статью, но снять флаг Показывать на главной странице в настройках отображения. Тогда на главной странице статья не будет отображаться, зато вы можете к ней вернуться через меню сайта Главное меню -> Архив -> Статьи, где она отобразится.

    c. Есть альтернативный способ вставлять фотографии, он описан в FAQ, п.8

    d. Если ваша статья большая, можно разбить её на страницы, см FAQ, п.10

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

    f. Для разметки страницы можно использовать таблицы, чтобы быть уверенными, что ничто не расползётся. В этом случае в одну ячейку таблицы вставляется текст, в другую – фото.

    g. Каким бы ПО вы не пользовались, принципы остаются неизменными. Т.е. последовательность шагов везде похожая.

    e. Если вам совсем лень возиться, то можете сохранить отчет в pdf и выложить в разделе Файлы, не архивируя его. Современные поисковые системы научились худо-бедно индексировать pdf, поэтому, возможно, ваш труд смогут найти. Хотя, конечно, html индексируется гораздо лучше.

Добавлен: 11 Май 2010 23:01 Автор: Starks #45247
Starks аватар
отличная статья
Добавлен: 12 Май 2010 00:04 Автор: BePeHuX #45248
BePeHuX аватар
Да, полезная. До многих этих вещей я допёр далеко не с первого раза. Что-то новое тоже есть. Например, не знал что в ворде можно так одну картинку к другой подцеплять.