Фонарщик
Оглавление раздела
Последние изменения
Неформальные новости
Самиздат полтавских неформалов. Абсолютно аполитичныый и внесистемный D.I.Y. проект.
Неформальная педагогика
и социотехника

«Технология группы»
Авторская версия
Крошка сын к отцу пришел
Методологи-игротехники обратились к решению педагогических проблем в семье
Оглядываясь на «Тропу»
Воспоминания ветеранов неформального педагогического сообщества «Тропа»
Дед и овощ
История возникновения и развития некоммерческой рок-группы
Владимир Ланцберг
Фонарщик

Фонарщик — это и есть Володя Ланцберг, сокращенно — Берг, педагог и поэт. В его пророческой песне фонарщик зажигает звезды, но сам с каждой новой звездой становится все меньше. Так и случилось, Володи нет, а его ученики светятся. 


Педагогика Владимира Ланцберга


Ссылки неформалов

Неформалы 2000ХХ

Стили издания «Педагогическая мифология»


<h2 class="author"> = имя автора статьи (в полиграфической версии для случая, когда автор - не В.Ланцберг)</h2>

<h1 class="title"> = заголовок статьи</h1>

<h2 class="subtitle1"> = подзаголовок 1</h2>

<h3 class="subtitle2"> = подзаголовок 2</h3>

<h4 class="subtitle3"> = подзаголовок 3</h4>


<p class="epi2">Эпиграф - предпочтительный вариант, выравнивание влево с отступом.</p>


<p class="epi"> = эпиграф выравнивание вправо</p>



Буквица — предпочтительный вариант. Декор не отображается в «старых» броузерах, но текст читается нормально. Пишем так: <p class="bukv">Текст параграфа с буквицей.</p>


Буквица — вариант с учетом возможностей «старых» броузеров — IE5 из под W98 и т.п.

<p><span class="bukv">П</span>ервая буква. И весь остальной текст.</p>


<h2 class="chart"> = название главы внутри статьи</h2>

<h3 class="chart1"> = название главы внутри главы </h3>

<p>Основной текст по умолчанию (<p> без класса в хтмле, он же <body text> для полиграфической версии). Обратите внимание, что каждому открывающему тегу должен обязательно соответствовать закрывающий: </p>

<p>Основной текст по умолчанию, а в нем ссылка <a href="#1" name="a1" class="comm">*</a> на примечание в конце страницы.</p>

Обычная ссылка без стилей: <a href="http://www.altruism.ru">www.altruism.ru</a>.

Обычный ненумерованный список:

    <ul>
  • <li>Первый пункт списка</li>
  • <li>Второй пункт списка</li>
  • <li>И т.д.</li>
  • </ul>

Список без меток:

    <ul class="nobullet">
  • <li>Первый пункт списка</li>
  • <li>Второй пункт списка</li>
  • <li>И т.д.</li>
  • </ul>

Нумерованный список:

    <ol>
  1. <li>Первый пункт списка</li>
  2. <li>Второй пункт списка</li>
  3. <li>И т.д.</li>
  4. </ol>

<p class="dialog"> = диалог</p>


<p class="dialog"> = диалог</p>


<p class="dialog"> = диалог</p>



<p class="date"> = дата публикации или создания.</p>

<p class="strofa">&nbsp;</p> = отбивка между строфами стиха или между абзацами, где автор вставил пустой абзац.

<p class="stih"> = стихотворение, точнее одна его строфа; между строками — принудительный перевод строки <br />. Например:</p>

 

<p class="stih">
Бывает: «А вдруг не дожить до утра,<br />
вдруг утро пройдет стороной?»<br />
Но если сухая заждалась кора,<br />
достаточно спички одной.
</p>


<p class="strofa">&nbsp;</p>


<p class="stih">
И пляшет в ногах твой осколок зари,<br />
взлетая и дымом пьяня.<br />
Но рядом с другой эта щепка горит,<br />
а вынь-ка ее из огня !
</p>

<p class="stihdate">1977.</p>


<div class="imgname"> = Блок, которым оформляется рисунок.</div>

Пример:

<div class="imgname">
<img src="
http://адрес_картинки" width="ширина_картинки" height="высота_картинки" alt="Текст, который выводится, если картинка не загрузилась" />
<p class="imgname">Подпись к картинке.</p>
</div>

Как это будет выглядеть:

Просто картинка для образца.

Подпись к рисунку.


<p class="signature"> = подпись или комментарий под статьей, например, источник публикации*, ссылка на примечание в конце книги</p>

<p class="comment"> = комментарии (как правило, не автора)</p>

<p class="note"><a name="1" href="#a1" class="note">1.</a> = примечания в конце страницы</p>

 

<p class="noteend"><a name="e2" href="#ae2" class="note">1.</a> = примечания в конце книги (тома).</p>


Оформление библиографии:

<p class="biblio"><a name="b1" class="note" href="javascript:history.back(1)">1.</a> Абрамова Г.С. Возрастная психология. — М.: Academia, 1998.</p>

<p class="biblio"><a name="b2" class="note" href="javascript:history.back(1)">2.</a> Возрастная и педагогическая психология. // Под ред. М.В.Гамезо — М.: Просвещение, 1984.</p>

<p class="biblio"><a name="b3" class="note" href="javascript:history.back(1)">3.</a> Выготский Л.С. Собрание сочинений: В 6 т. — Т.4. // Детская психология. — М.: Педагогика, 1984.</p>

Вот как это будет выглядеть:

1. Абрамова Г.С. Возрастная психология. — М.: Academia, 1998.

2. Возрастная и педагогическая психология. // Под ред. М.В.Гамезо — М.: Просвещение, 1984.

3. Выготский Л.С. Собрание сочинений: В 6 т. — Т.4. // Детская психология. — М.: Педагогика, 1984.


Пара слов о типографике.

В тексте могут встречаться специальные символы, которые просто так с клавиатуры не наберешь. Для них в HTML предусмотрены следующие обозначения:

  1. Неразрывный пробел: &nbsp;. На экране не отображается. Используется в случаях, когда нужно напечатать несколько пробелов подряд, или когда нежелателен перенос текста на другую строку. Пример: 2002&nbsp;г.
  2. Длинное тире. Выглядит так: —. Пишется так: &mdash; или &#151;. Желательно (кроме тех случаев, когда с тире начинается следующая строка) ставить перед ним вместо обычного пробела неразрывный: &nbsp;&mdash;.
  3. Кавычки-«ёлочки». Пишутся так: &laquo;Текст в кавычках&raquo;.
  4. Кавычки-“лапки”. Используются, когда нужно вставить одни кавычки внутри других, чтобы избежать вложенных кавычек. Пишутся так: &#8220;Текст в кавычках-лапках&#8221;.
    Внутри тегов вышеназванные кавычки недопустимы! Можно использовать только обычные "двойные" или 'одинарные'. Пример: <a class='note' name="n22"></a>. В тексте же материалов, наоборот, очень желательно использовать «типографские» кавычки.
  5. Принудительный перевод строки. На экране не отображается. Используется, например, при верстке стихов или диалогов, когда нужно начать текст с новой строчки, не используя при этом параграф. Пишется так: <br />.
  6. Жирное или наклонное начертание текста. Пишется так: <b>жирный текст</b>, <i>наклонный текст</i>, <b><i>и жирный, и наклонный одновременно</i></b>.

Это далеко не все «непечатные» символы, если понадобятся какие-то не упомянутые здесь — можно посмотреть, например, тут.

Vetka 17.01.2006


Внимание, новые стили!

25 января добавлены стили для оформления стихов, предложенные Сергеем Бобриковым: stihtitle — для заголовка стихов, stihepi — для епиграфа к стихам и stihdate — для даты стихотворения. Использовать так:

<h6 class="stihtitle">Я оставлю тебе…</h6>

<p class="stihepi">
Ровесникам, погибшим в первые дни войны, посвящается.
</p>


<p class="stihepi">
«Я всё равно паду на той,<br />
На той единственной Гражданской,<br />
И комиссары в пыльных шлемах<br />
Склонятся молча надо мной…»
</p>


<p class="stihepi">
Булат Окуджава «Сентиментальный марш»
</p>


<p class="strofa">&nbsp;</p>


<p class="stih">
Я оставлю тебе эхо лестницы, шорох перил,<br />
свой звонок в коридоре, несмелый, смешной и короткий,<br />
полутемный подъезд, что впервые нам дверь отворил,<br />
и стихи о любви на клочке папиросной коробки.
</p>


<p class="strofa">&nbsp;</p>


<p class="stih">
Я оставлю тебе листопад, листопад, листопад,<br />
запах майских ночей и помятый в пути треугольник.<br />
Может, вспомнишь тот взгляд и ответы мои невпопад<br />
и, с чего — не поймёшь, станет грустно и чуточку больно.
</p>


<p class="strofa">&nbsp;</p>


<p class="stih">
И вернутся на миг эхо лестницы, шорох перил,<br />
мой звонок в коридоре, несмелый, смешной и короткий…<br />
Может, вспомнишь слова, что, прощаясь, тебе говорил<br />
рыжий парень в зеленой, нелепо торчащей пилотке..
</p>

<p class="stihdate">1969</p>


Стили для оглавления раздела сайта

Здесь используются следующие стили: заголовки разделов <h2></h2>, в которых обычно находятся ссылки на соответствующий раздел; подзаголовки <h3 class="subtit"></h3>; основной список с собственно оглавлением <ul class="main"></ul>; пункты списка, они же пункты оглавления <li></li>; внутри этих пунктов — заголовок статьи <p class="article"></p> со ссылкой на саму статью (для ссылки отдельного стиля нет); внутри параграфа с заголовком — автор статьи <span class="auth"></span> (для тех случаев, когда автор — не В. Ланцберг); источник статьи <p class="sour"></p> со ссылкой; комментарий <p class="comm"></p> и аннотация <p class="annot"></p>.

Выглядит это примерно так:

<h2><a href="http://altruism.ru/sengine.cgi/12/11">Школа, которая мне снится</a></h2>

<h3 class="subtit">Школа</h3>

<ul class="main">

Vetka 10.02.2006


Текучка

  • В конце концов, литредактор и\или корректор может завести новый стиль если ему надо вставить его в текст (поначалу он не будет отреагирован) и сообщить нам, а мы пропишем ему типографику.
  • Общаться лучше всего через гостевую книгу под каждой страницей. По поводу стилей - под этой. Кроме того, что всем видно, сообщения из гостевой дублируются на е-майл редакторам, работающим над каждым материалом.
  • С текстом « О потоках в авторской песне» у нас первый (но не последний) «сюрприз» от начальства: после того, как мы его обработали, нам прислали другую версию, в Ворде. Боле поздняя авторская редакция, но сильно отличается. Придется верстать заново. Но уже с новыми стилями. Вот она здесь, последняя версия «О потоках в авторской песне».
  • Приветствуем нового редактора — Сергея Бобрикова! Он подписан на рассылку.

Misha 15.01.2006


Для печати   |     |   Обсудить на форуме



Комментировать:
Ваш e-mail:
Откуда вы?:
Ваше имя*:
Антибот вопрос: Сколько лет длилась столетняя война?
Ответ*:
    * - поле обязательно для заполнения.
    * - to spamers: messages in NOINDEX block, don't waste a time.

   


  Vetka Fri 10-Feb-2006 17:27:02  
     

Обновленный CSS вместе с последней версией этой странички лежит тут: http://altruism.ru/img/styles20060210.zip



  Михаил Кордонский Wed 18-Jan-2006 02:09:14  
   Одесса, Увы  

Кто такой (или такая) Gm?
Ветку знаю, Любу
знаю. У нас с ними связь по аське, мейлу, они в рассылке, потому не анонимы.
Gm я не расшифровал.
Плиз проявись в рассылке и расскажи, кто под этим скрывается. И вообще: если хочешь скрыть емайл от спаммеров - это понятно. Но настоящее имя скрывать, мне кажется, в этом кругу - дурной тон.
Люба настояшее имя, Ветка - созвучие от Света, Светка, прозрачный по крайней мере, хотя и это на грани.



  Gm Wed 18-Jan-2006 00:07:00  
     

А вот кавычки (у лисы) в гос-книге куда-то подевались...



  Gm Wed 18-Jan-2006 00:05:19  
     

Не знаю, нужно ли для именно этого текста, но корректор не помешает. Тут не хватает пробелов и запятых :).
Я смотрю лисой вроде бы всё нормально видно.



  Vetka Tue 17-Jan-2006 21:04:06  
     

Скрипт еще и символы нижнего подчеркивания глотает. В адресе файла со стилями вместо пробелов должно стоять подчеркивание.



  Vetka Tue 17-Jan-2006 21:00:50  
     

Текст этого раздела (описание стилей) вместе с последним CSS-файлом лежит здесь: http://altruism.ru/img/styles_2006_01_17.zip



  Vetka Fri 13-Jan-2006 23:18:00  
     

Всё, глюки с отображением в ИЕ5 исправлены, CSS можно использовать для работы!



  Vetka Fri 13-Jan-2006 21:11:28  
     

Если глюки с отображением в ИЕ5 - тогда пока не нужно использовать этот CSS! Надо сначала выяснить, откуда глюки берутся, из-за CSSа, или из-за темплейта. У меня, к сожалению, нет возможности проверить на старых браузерах, если можете, пожалуйста, посмотрите тот же текст с тем же CSSом на http://vetka.net/test/berg/about-styles.html. Если там все нормально, значит, страницу перекореживает из-за темплейта, и CSS тут не при чем, его можно спокойно использовать. Если же нет, то нужно сначала выяснить, где собака порылась. Думаю, в течение завтрашнего дня я это выясню, а может и раньше.



  Одесса, Увы Fri 13-Jan-2006 20:49:53  
   Михаил Кордонский  

Вот это я пишу из под IE5 в Win98.
Начнем с того, что весь темлейт здесь отображается криво: горизонтальный скроллинг этак на 10 экранов, а может и больше. И соотвественно, чтобы прочитать одну строку текста (1строка=й абзац) приходится тащиться эти 10 экранов. Потому снявши голову можно бы по буквице и не плакать. Но чтобы досказать о ней, то я за первый вариант. Буквицы действительно не видно в IE5, но виден нормальный абзац с обычной первой буквой, дык и бог с ним.
А вот с темплейтом мне кажется нужно что-то делать. Если мы расчитываем на русского читателя... а уж сколько почитателей Берга живет на Украине, в Белоруссии, Казахстане - то есть еще более бедных странах, где компы не тянут XP и IE6.
Вообще я не знаю, может IE6 ставится и под w98, но все равно это не фонтан. Из под Оперы в
w98 все нормально.
Эпиграф ну и оставляй тот вариант, что тебе нравится, второй. На нестандартный эпиграф есть и принудительное форматирование.
Все остальное я за все твои предложения. По web-типографике можно их и не выдвигать на обсуждение. А по совместимости с полиграфией вроде все нормально.
ВОПРОС И ПРОСЬБА К СВЕТЕ!
Я могу поручать верстальщикам работать с новым CSS? Твои возможные изменения template на CSS не повлияют?
Как я понимаю, вроде не должны. Но на всякий случай дождусь твоего ответа. А то тексты накопились, и верстальщики есть.
Впрочем, какой-то сложный текст все-таки придется сверстать тебе, чтобы задать тон. Лучше всего - О потоках в авторской песне - НОВУЮ ВЕРСИЮ. А старая пусть пока живет со старыми стилями.
Я сейчас почищу свои старые просьбы в основном тексте. А это останется пока в гостевой книге.



  Vetka Fri 13-Jan-2006 19:25:43  
     

Исправила CSS, пофиксила глюк с неправильным отображением эпиграфа и даты. Для буквицы новые стили: либо p class=bukvТекст параграфа с буквицей./p, либо pspan class=bukvП/spanервая буква. И весь остальной текст./p. Первый вариант может не отображать буквицу в старых браузерах, второй - более трудоемкий для написания и перегружающий код.



  Никаких прав — то есть практически.
Можно читать — перепечатывать — копировать.  
© 2000—20011.
  Rambler's Top100   Яндекс цитирования  
Rambler's Top100