Конкурс самоделок

Как добавить свою статью

Данная статья предназначена для тех, кто желает добавить свои статьи на сайт, рассказать о своём творчестве, поделках, хобби или просто интересное из жизни самодельщиков.

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

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

Написание текста статьи.

Для удобства советуют предварительно создать статью в вёрде (Word, текстовый процессор) это позволит продумать внешний вид и проконтролировать грамматику. Можно статью сразу писать с тегами, лично мне это удобно. Затем, перейти на сайт и путём копирования и вставки перенести готовый текст в поля формы добавления статьи. Далее приступаем к оформлению.

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

Начертание текста, основные способы

1) Полужирное начертание. Производится заключением выделяемого текста в тег Текст
2) Курсив, наклонное начертание. Текст
3) Подчёркнуто. Текст


1) Полужирное начертание. Производится заключением выделяемого текста в тег [B] Текст [/B]
2) Курсив, наклонное начертание. [I] Текст [/I]
3) Подчёркнуто. [U] Текст [/U]


Выделение цветом

Можно часть текста выделить определённым цветом, но делал это нужно с умом, дабы удобно читалось и игра красок не резала глаза.
Красным цветом
Зелёным
Синим
Серым


[color="red"] Красным цветом [/color]
[color="green"] Зелёным [/color]
[color="blue"] Синим  [/color]
[color="silver"] Серым  [/color]


Изменение размера шрифта

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


[size=2]Начальный размер[/size]
[size=3]Данный текст чуть  больше, чем текст по умолчанию (без тега) [/size]


Сочетание тегов

Теги можно вкладывать один в один, позволяя сочетать их действия. ВАЖНО соблюдать последовательность вложения! Например, мы хотим использовать полужирное и наклонное написание: Текст .

[B] [I] Текст [/I] [/B].


Пример вложенности тегов

[тег 1]
Текст статьи
    [тег 2]
    Фрагмент 1
    [/тег 2]
Продолжение текста статьи
     [тег 3]
    Фрагмент 2
     [/тег 3]
Вновь статья
[/тег 1]


Кстати, использование отступов и переносов строк в коде помогает облегчить его чтение и проверку на ошибки. Отступы можно делать пробелами или отступом (кнопкой Tab, при редактирование в блокноте или вёрде, эти отступы на странице не отображаются).

Если в коде страницы есть несколько пробелов подряд, то на странице они будут отображаться как один.

Заливаем статью.

Окно добавление новости выглядит следующим образом:
Как добавить свою статью


Его можно просмотреть, жамкнув сюда

А теперь по пунктам:

Заготовок – нужно кратко и адекватно назвать статью.
URL статьи – адрес, по которому будет размещена статья, заполняется автоматически системой.
Категория – соответствует разделу сайта, тут по логике.
Вводная часть – отображается на сайте, как краткое описание подробной части.
Подробная часть – собственно сама статья. Информация из вводной части здесь не отображается.
Панель инструментов – набор с тегами и командами.

Работа с панелью инструментов

Работа с ней схоже работе в Вёрде, выделяем текст и жамкаем жамку.

Изменение начертания части текста:
1) Выделяем текст.
2) Жамкаем соответствующую иконку, Как добавить свою статью– полужирный, Как добавить свою статью– курсив, Как добавить свою статью – подчёркнутый.
3) 3рим как выделенный текст теряет выделение, но попадает в окружение тегов.

Создание ссылки:
1) Выделяем часть текста, которая будет преобразована в гиперссылку (ссылку).
2) Копируем в буфер обмена адрес, на который будет вести ссылка.
3) Жамкаем иконку Как добавить свою статью.
4) Дважды давим на Как добавить свою статью.

Код ссылки: Добавить свою самоделку
Код ссылки: [url=http://usamodelkina.ru/addnews.html] Добавить свою самоделку [/url]

Читаем код: «http://usamodelkina.ru/addnews.html» – место, куда ведёт ссылка; «Добавить свою самоделку» текст, на который нужно будет произвести клик для перехода.

Вставка изображений

Жамкаем в панели на папочку Как добавить свою статью и увидим окно
Как добавить свою статью


Его удобно использовать, если нужно загрузить 1-3 файла или изображения, иначе будет удобнее использовать массовую загрузку (пользуюсь только ей).

Просим не загружать картинки большого размера, без особой надобности. Редко когда имеет смысл картинка, размером более 800х600 (ширина и высота). Быстро подогнать размер можно через Paint командой Ctrl+W. Предварительное переименование по содержанию или порядку облегчит вставку картинок в статье.

Порядок действий для вставки:
1) Подготавливаем фото (если нужно) и загружаем через менеджера загрузок.
2) Ставим курсор в статье в месте, куда нужно вставить.
3) В менеджера напротив имени файла или нескольких ставим галочку и жамкаем «Вставить выбранное»
4) Не забываем снять выбор при следующей вставке.

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

В последних пяти пунктах галочкам должно стоять на: «Разрешить комментарии», «Разрешить рейтинг статьи» и «Публиковать на главной». Иное положение флажком редко.

По завершению всех операций жамкаем «Просмотр», если всё верно, то «Отправить».

Совет: сохраняйте перед отправкой код статьи в блокноте, мало ли какой сбой или просто потом может пригодится, как пособие.

Вы можете скачать данную статью в исходном виде (документ Word), нажав сюда. Она может быть вам полезным как шпаргалка.

Дополнительный материал:

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

Также вашему вниманию предлагаю просмотреть код данной статьи, но без этой строки.

В статье использованы файлы:
kod.rar [1,86 Kb] (cкачиваний: 54) – пример кода
kod2.rar [3,59 Kb] (cкачиваний: 49) – код данной статьи
manual.rar [170,8 Kb] (cкачиваний: 48) – инструкция в виде документа Wordскачать dle 11.1смотреть фильмы бесплатно
Чтобы написать комментарий необходимо войти на сайт через соц. сети (или зарегистрироваться):
Обычная регистрация
7 комментариев
  1. VISARIUS Автор
    Еееее, я закончил отладку мануала lol Я сделал всё что хотел, тапереча я доволен полностью. Юзайте на здоровье! Да минуют вас вирусятины, да прибудут с вами скоростя! fellow

    Перейти на соответствующую тему форума
    Великий и могущий! Но ленивыыыый...
    Мастер на все руки, да ещё и умный на всю голову
  2. VISARIUS Автор
    Практические дополнения:

    1) Вам следует проверять свои статье перед заливкой на ошибки, для этого хорошо подходит Word, Opera тоже может указать на ошибки.
    2) Краткое описание должно быть кратким и начинаться с картинки.
    3) Выбирайте рубрику наиболее близкую содержанию статьи.
    4) Если произошли сбои публикации, в том числе дубли, сообщайте об этом мне и Админу. Первый, кто раньше сможет, тот и поправит.
    Великий и могущий! Но ленивыыыый...
    Мастер на все руки, да ещё и умный на всю голову
  3. VISARIUS Автор
    Не забудьте прочитать Правила оформления статей
    Великий и могущий! Но ленивыыыый...
    Мастер на все руки, да ещё и умный на всю голову
  4. 341passazir
    Спасибо за разъяснения, теперь смогу добавлять в статьи перекрестные ссылки (уже в "Поделки из цветного песка" вставил ссылку) !! wink
  5. VISARIUS Автор
    Новые дополнения от 26 сентября 2012 года (3,50 ночи wink )

    1) Если статья поделена на части, то они должны быть между собой связаны гиперссылками в теле. То есть, в конце части должна быть ссылка на последующую и в начале (возможно размещение и в конце) на предыдущую. Для примера ознакомьтесь со статьёй Домашние хитрости
    2) Анкор, т.е. отображаемый объект, который сделан гиперссылкой (обычно это текст или картинка), должен быть информативен и понятен. Если это ссылка на статью, то анкором должно служить имя статьи, на которую ведёт гиперссылка, или соответствующая поясняющая фраза. Для примера пересмотрите данную статьи и мои комментарии к ней. Анкоры ссылок типа "в ЭТОЙ статье" лучше не использовать.
    Великий и могущий! Но ленивыыыый...
    Мастер на все руки, да ещё и умный на всю голову
  6. Annagog
    Доброе время суток дорогие форумчане!
    Я пока новичок на usamodelkina.ru.
    Прежде всего позвольте всех вас поздравить с прошедшими Новогодними и Рождественскими праздниками и пожелать всего наилучшего в этом году.
    Пусть этот год принесет только положительные эмоции.
    Надеюсь Вы поможете мне освоиться на этом сайте и наше общение будет только позитивное!
    Подскажите как связаться с админом, пишу на имейл, но почему то ответа не приходит...

    Хотелось бы заказать небольшой банер на этом сайте.
  7. inetpropos
    Или уж идти в колледж для более углубленного изучения специальности?
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Онлайн чат

Опрос
Как Вам сайт?

Последние комментарии

Все комментарии

Комментаторы за месяц

Делаюсам Комментариев: 555 Публикаций: 27
1
Валерий Комментариев: 794 Публикаций: 31
2
Иван_Похмельев Комментариев: 531 Публикаций: 0
3
pogranec Комментариев: 230 Публикаций: 109
4
Pronin Комментариев: 100 Публикаций: 6
5