StarCraft 2 StarCraft 2 StarCraft 2 StarCraft 2 StarCraft 2 StarCraft 2 SCII.RU — фан-сайт StarCraft 2
00:19, 19 Nov
Голосование
Вы играете в StarCraft 2?

Да, постоянно
Да, постоянно
29% [2 Голосов]

Да, периодически
Да, периодически
0% [0 Голосов]

Не играю, но смотрю стримы
Не играю, но смотрю стримы
29% [2 Голосов]

Не играю и не смотрю. BW only
Не играю и не смотрю. BW only
43% [3 Голосов]

Голосов: 7
Вы должны авторизироваться, чтобы голосовать.
Начат: 27/09/2010 01:06

Архив опросов
StarCraft скачать
Можно скачать StarCraft (лицензия) с сайта Blizzard.
Иерархия Статей
Раздел статей » [site] » [site] Руководство для добавления материала
[site] Руководство для добавления материала

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

0. Границы центральной колонки

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

1. Выравнивание текста

По умолчанию в админке вы не видите кнопок абзаца (потом я их все-таки сделаю), однако настоятельно рекомендую использовать выравнивание по обоим краям, чтобы текст не выглядел коряво. Делается так:

<p align="justify">Тут большой блок текста.</p>

Сравните, просто текст:


Большинство редакторов реестра для работы с реестром используют обычные Win32 API, в которых строки рассматриваются как последовательность байтов с завершающим нулем. Native API используют строки в формате Unicode, поэтому с помощью них можно создавать ветки и ключи в реестре, которые будут недоступны в обычных редакторах реестра. Недоступны означает, что они либо невидимы, либо их видно, но открыть нельзя.

И выровненный:

Большинство редакторов реестра для работы с реестром используют обычные Win32 API, в которых строки рассматриваются как последовательность байтов с завершающим нулем. Native API используют строки в формате Unicode, поэтому с помощью них можно создавать ветки и ключи в реестре, которые будут недоступны в обычных редакторах реестра. Недоступны означает, что они либо невидимы, либо их видно, но открыть нельзя.
Это аналог выравнивания по ширине в MS Word. Обязательно используйте закрывающий тег.

Лучше вообще весь материал добавлять в один абзац так:

<p align="justify">весь материал</p>

А не делать много абзацев и следить за тем, чтобы между ними не было больших отступов, что крайне нежелательно.

2. Ссылки

Практически в любой новости или статье нужны будут ссылки. Для них используйте кнопку link, которая добавит пустой шаблон <a href='' target='_blank'>Link</a> либо пишите тег вручную. В кавычках у href указывается сама ссылка, target='_blank' нужно оставлять, если мы хотим, чтобы ссылка открылась в новом окне (совет: оставляйте только для ссылок на внешние сайты, при переходах внутри SCII.RU окон создавать не надо), иначе стираем. Между <а ..> и </a> пишется текст ссылки: <а>SCII.RU forever</a>

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

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

3. Отступы и цитаты

Вам нужно следить за "свободным" местом между текстом: его не должно быть много, чтобы статья или новость "раздувалась" в размерах, но и не должно быть мало, чтобы все выглядело одним сплошным пятном. Соблюдайте меру - разделяйте текст на абзацы, между которыми одна пустая строка, если поставлена галочка "Автоматический перенос строки", либо 2 тега <br> в противном случае.

Часто бывает полезно выделять из общего текста цитаты. Делается это с помощью кнопки blockquote либо вручную, написав </p><blockquote>текст цитаты</blockquote><p align="justify">. Помните, что у тега цитаты поля вокруг 10 пикселей, поэтому перед и после blockquote не нужно делать отступов вручную - ни пустыми строками, ни тегами <br>. Т.е. в общем виде так:

Кто-то сказал:</p><blockquote>текст цитаты</blockquote><p align="justify">, другой ему ответил, что тот не прав...

Если вы об этом забудете, то у вас будут весьма большие промежутки пустого пространства.
Перед и после тегов blockquote закрываются и снова открываются теги абзаца p, потому что иначе текст после цитаты станет невыровненным. Чтобы все было ровным, нужно не включать содержимое цитаты в блоки всего текста, т.е. тег внутри абзацев p не должно быть цитат blockquote.

4. Списки

Часто бывает нужно выделять списки. Иногда можно по старинке расставить пункты вручную, но не всегда: если текст пунктов больше пары слов, целесообразно использовать html-теги.

Список с нумерацией

<ol>Заголовок списка, можно отделить <br>
<li>пункт</li>
<li>пункт</li>
<li>пункт</li>
</ol>

Как это выглядит:
    Заголовок списка, можно отделить <br>
  1. пункт

  2. пункт

  3. пункт
Обратите внимание: 1) у списков есть поля, которые нужно учитывать - перед и за ними, как и для blockquote, не нужно специально ставить большие отступы вручную, иногда лучше вообще их не ставить; 2) между пунктами списка, после конца одного </li> и перед началом другого <li> также не должно быть лишнего текста.

Список без нумерациии

<ul>Заголовок списка, можно отделить <br>
<li>пункт</li>
<li>пункт</li>
<li>пункт</li>
</ul>

Как это выглядит:
    Заголовок списка, можно отделить <br>
  • пункт

  • пункт

  • пункт
Видно, что между самими пунктами сейчас есть промежуток. Иногда это только на пользу, когда разделяются пункты из пары строк, но часто бывает необходимо наоборот плотно расположить несколько пунктов, для этого после этапа предварительного форматирования, когда вы убедились, что ошибок нет и все работает, как нужно, просто "сожмите" список, убрав лишние переносы:

<ul>Заголовок сжатого списка, можно отделить <br><li>пункт</li><li>пункт</li><li>пункт</li></ul>

Получится:
    Заголовок списка, можно отделить <br>
  • пункт
  • пункт
  • пункт

5. Скриншоты и картинки

Для их добавления в админке используется 2 интерфейса: Изображения и Фотоальбом. Первый подходит для обычных рядовых картинок. Второй используется, когда скриншот настолько хорош, что полезно будет сделать возможным его показ в панели Случайных скриншотов. Для этого нужно будет добавить его в раздел "Скриншоты, которые были в новостях, статьях и т.д."

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

Так что старайтесь загружать не слишком большие по размеру и весу скриншоты.

6. Выравнивание картинок

Если вы нажмете кнопку img в редакторе, вы получите что-то вроде этого:
<img src='images/news/' style='margin:5px' align='left'>

src - это путь к картинке, style='margin:5px' указывает на величину поля вокруг картинки, иногда лучше убирать, align может принимать 2 значения;

align='left' - картинка будет слева от текста и текст будет обтекать ее справа. Пример:

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

align='right' - картинка будет справа от текста и текст будет обтекать ее слева. Пример:

Инкапсуляция – это ограничение доступа к данным и их объединение с методами, обрабатывающими эти данные. Доступ к отдельным частям класса регулируется с помощью специальных ключевых слов: public (открытая часть), private (закрытая часть) и protected (защищенная часть).

Чтобы выровнять картинку по центру, нужно стереть вообще align='' и заключить тег img в <center></center>.

Пример:
<center><img src='images/articles/for_imba.jpg' style='margin:5px'></center>


Чтобы прервать обтекание текста картинкой, нужно использовать <br clear="left"> в том месте, где надо прервать. Пример:


Методы, расположенные в открытой части, формируют интерфейс класса и могут свободно вызываться клиентом через соответствующий объект класса.


Доступ к закрытой секции класса возможен только из его собственных методов, а к защищенной – из его собственных методов, а также из методов классов-потомков.

У атрибута clear существует несколько значений - all, left, right.

All - завершить обтекание объекта текстом. Left - завершить обтекание текстом объекта, выровненного по левому краю. Right - завершить обтекание текстом объекта, выровненного по правому краю.

В нашем примере мы задали clear="left", т.к. наша картинка выровнена по левому краю.

7. Перевод на новую строку - <br>

8. Прежде чем сохранять, используйте кнопку Предварительный просмотр.

9. Если понадобится вывести
левую скобку < - &lt;
правую скобку > - &gt;
пробел - &nbsp;
копирайт © - &copy;
значок & - &amp;

10. Большой заголовок

Редко бывает нужно выделить такой большой заголовок, для этого используйте <h3>текст</h3>.

Ну вот вроде все. С остальным сами разберетесь. Удачи.

Купить StarCraft 2
Друзья
Super Russia

Digital Ocean
Авторизация
Логин

Пароль



Забыли пароль?
Запросите новый здесь.
Сейчас на сайте
· Гостей: 1

· Пользователей: 0

· Всего пользователей: 730
· Новый пользователь: kinkreet
5,674,366 уникальных посетителей