Пишем текст в блог на движке MaxSite
Метки: MaxSite | Учебная статья
Понедельник, 21 декабря 2009 г.
Просмотров: 20995
Настроение: Воодушевлённое
В колонках звучит: Ария - Колизей
Подписаться на комментарии по RSS
Значится, MaxSite мы настроили. Теперь надо приступить, собственно, к тому, для чего мы заводили блог - к написанию статей. Чтобы приступить к этому занятию, нам надо перейти в админку сайта, и в блоке "Страницы" нажать на ссылку "Создать".
Перед нами страница создания статьи. Рассмотрим же её детально. Но сначала маленькое отступление из разряда "Мысли вслух". Я считаю, что в блоге люди, в основном, занимаются написанием статей, или, как их ещё называют, постов. Стало быть, модуль написания этих статей должен быть максимально удобным и дружелюбным, чего я совешенно не вижу в этом движке. В опере, например, не совсем корректно работает комбинация клавиш Control+S - она не только сохраняет текст, но и вызывает окно сохранения страницы (как я понимаю, сама опера перехватывает это сочетаний и предлагает сохранить страницу. Но разве нельзя было это продумать, и поставить, в дополнении к этой, ещё какую-то комбинацию клавиш?). Кнопки, которые призваны делать текст жирным, курсивным и т. д., в опере, при выделении текста, обладающими этими параметрами, не отображаются нажатыми, тогда как в эксплорере это работает. Зато в эксплорере область, в которую пишется текст статьи, отображается с горизонтальной прокруткой. Вообще было бы очень даже неплохо, чтобы вышеупомянутые кнопки для указывания тексту атрубутов, отображались нажатыми, когда курсор стоит на тексте с этими атрибутами. Многие функции и кнопки для редактирования текста вообще какие-то недоработанные. Скажем, окно, которое появляется при нажатии кнопки вставки ссылки в текст, могла бы иметь и поле для названия ссылки (текст, появляющийся при наведении курсора - тег title). Аналогично могу сказать и про кнопку вставки изображения. Со страницы написания статей нельзя загрузить рисунок на свой сервер (хотя, справедливости ради стоит сказать, что, как я понял, в последнем обновлении эту возможность добавили.) Сами кнопки какие-то серые в опере в отличие от эксплорера (Internet Explorer). Область, куда положено писать текст узкое до ужаса даже в разрешении 1280*1024, не говоря уж о о 1024*768. Например, в том же WordPress есть кнопка, при нажатии на которую окно редактора увеличивается во весь экран. В общем, за этот модуль ставим большой минус движку и надеемся, что он в будущих версиях исправится или обзаведётся толковым плагином. Кнопки жирного и курсивного шрифта, как и многие другие, в режиме кода не работают. А чтобы попробовать поместить курсор в нижнюю часть редактора в режиме текста - для этого вообще надо раза три прокрутить текст к искомому месту ибо после нажатия мышью в низ редактора, текст опускается вниз, как будто боясь, что его изменят. В эксплорере же этой проблемы нет, зато есть другие - появление лишних строк, например. Это так сказать, наболевшее. Но вернёмся к основной теме статьи.
Откроется страница создания текста. В самом верхнем голубом поле вписываете название своей статьи.
В поле "Рубрика" ставите галочки у тех рубрик, куда, по вашему мнению, можно отнести статью.
"Порядок" - пардон, но зачем это поле, а также "Родительская страница" я пока не знаю.
Кнопка с буквой "B" делает текст жирным (B от слова Bold (произносится болд) - один из переводов этого слова с английского - жирный). Обычно применяется для того чтобы обратить внимание на текст. Например - "Экономиика должна быть экономной" (Л. И. Брежнев). Горячая клавиша - Control + B. В коде за жирный текст (вообще-то его предпочитают отчего-то называть полужирным, но никто из этих людей не может обьяснить - если это полужирный, тогда как выглядит жирный текст?) заключается между тегами <b> и </b> или же <strong> и </strong> (strong (стронг)- сильный).
Кнопка с буквой "I" делает текст наклонным (он же курсив). Буква I - первая буква слова "Italic" (итэлик), итальянский. Итальянским он называется потому, что первым, согласно википедии, курсивом начали писать в итальянсих канцеляриях. Горячая клавиша Control + I. Применяется, как правило, чтобы выделить текст, который не является обязательным к прочтению (мысли автора, например). К примеру - Я правда надеюсь, что эти тексты, что я тут пишу, хоть кому-то помогут. Теги - <i> и </i> или <em> и </em>.
Кнопка с перечёркнутой буквой "S" делает текст зачёркнутым. Буква "S" от слова Strikethrough - зачёркнутый (читается страйксоуч). Используется, в основном, для псевдоошибок - например "Вдруг, ни с того ни с сего, эти
Кнопка с подчёркнутой буквой "U" делает текст подчёркнутым. "U" от слова Underline (андэлайн) - дословно - подлинеенный, или, говоря более литературно - подчёркнутый. Горячая клавиша - Control + U. Используется, так же, как жирный шрифт, для выделения фрагмента текста, но если жирный шрифт может использоваться для выделения всего и вся, то подчёркнутый используется лишь в крайних случаях. Например "Внимание жильцам проживающих в квартирах с чётными номерами!". Теги <u> и </u>.
По нажатию на кнопку с одинаковыми горизонтальными линиями, абзац, в котором находится курсор или же выделенные абзацы выравниваются по обе стороны методом, чаще всего, увеличения расстояния между словами. Чтобы сделать это при помощи кода, надо в теге <P> добавить после буквы P align=justify. Justify (читается джастифай) переводится, как выключить строку, согласно словарям яндекса. Я не могу сказать почему именно это слово было выбрано для этого типа написания. Используется для основного текста. Хочу обратить внимание, что если текст большой - эта функция крайне неадекватно работает...
По нажатию на кнопку с горизонтальными линиями и плюсом перед ними, абзац, в котором находится курсор или же выделенные абзацы сдвигаются к правому краю, а также между абзацами добавляется межстрочный интервал (т. е. пространство) и текст ставится в рамку. При повторных нажатиях расстояние от левого края и между абзацами увеличивается. Следует учитывать что рамка, при выделении нескольких абзацев, появляется не одна, что было бы, на мой взгляд, более-менее логично, а каждый абзац появляется в отдельной рамке. Я думал эта кнопка просто добавляет отступ к абзацу, ан нет - это кнопка выделения цитаты. Немного нелогичное изображение кнопки, на мой взгляд. Теги <blockquote> и </blockquote>. Block quote (читается блок куот) переводится как блок цитаты.
С помощью кнопки с буквой X и маленькой цифрой 2 вверху, можно писать текст в верхнем индексе, то есть буквы будут отображаться выше и мельче основного текста. Используется для химических символов и всего в этом духе. Теги <sup> и </sup>. Sup (сап)- к сожалению, не могу сказать, от какого слова пошло название тега, но явно не от sup - отхлёбывать или ужинать. Если на выделенный текст применить и верхний и нижний регистр, то получается текст мельче, чем обычный, но на том же уровне высоты.
Нажатие на кнопку с зелёной стрелкой повёрнутой в сторону часового оборота отменяет ваше предыдущее действие. Горячая клавиша - Control + Z. Кнопка носит название undo. Un do (читается ан ду) - что-то типа неделание... Короче, это словосочетание на русский язык не переводится. Хочу обратить внимания, что эта и следующая кнопка в эксплорере не работает... Честно, надоело уже указывать баги этого модуля но я надеюсь, что автор движка примет это всё во внимание.
Нажатие на кнопку с зелёной стрелкой повёрнутой против стороны часового оборота отменяет нажатие кнопки undo. Горячее сочетание клавиш - Control + Y. Кнопка носит название redo. Redo (читается реду) - что-то типа переделание... В общем, это словосочетание на русский язык тоже как-то адекватно не переводится.
Чтобы создать нумерованный список, выделите нужные абзацы и нажмите на кнопку с цифрами и горизонтальными линиями слева от них. В дальнейшем, при нажатии ентера в конце строки, перед следующей строкой появится номер следующего пункта списка. Чтобы номер не ставился, надо два раза нажать на enter. Теги <ol> и </ol> но перед каждым пунктом списка добавляется ещё и маркер <li>
Чтобы создать маркированный список (как говорит мой директор "с точечками"), выделите нужные абзацы и нажмите на кнопку с квадратиками и горизонтальными линиями слева от них. В дальнейшем, при нажатии ентера в конце строки, перед следующей строкой появится маркер следующего пункта списка. Чтобы маркер не ставился, надо два раза нажать на enter. Теги <ul> и </ul> но перед каждым пунктом списка добавляется ещё и маркер <li>.
Кнопка с горизонтальными чёрными тонкими строками и жирной голубенькой линией под ними вставляет в текст горизонтальную черту для лучшего визуального разделения. Тег <hr>. Дополнительно, до знака больше, можно задать несколько параметров, к примеру, size="5" - размер в пикселях. В данном случае 5. Size (читается сайз) - размер. noshade (ноу шэйд - нет тени), при указании этого параметра, линия закрашивается в серый цвет, иначе создаётся как бы полая полоска. Ещё к этому тегу можно применить параметры выравнивания и ширины/высоты, но о них мы поговорим чуть позднее.
Кнопка с изображением цепи создаёт ссылку на другую страницу из текста, который был выделен перед нажатием сей кнопки. Теги <A href="ссылка">текст</A>, где слова ссылка и текст требуется заменить на, собственно, ссылку и текст. При желании, можно добавить текст, который будет отображаться при наведении курсора мыши на ссылку. В этом случае тег будет выглядеть так: <A title="текст" href="ссылка">текст</A>. Жалко, что в окне, которое выскакивает по нажатию этой кнопки не предлагается написать такой текст. Используется это, прежде всего, для удобства читателя. Насчёт того, индексируется ли этот текст поисковиками - сказать, увы, не могу.
Нажатие на кнопку с картинкой, на которой изображено дерево вызывает окно, в которое можно вставить адрес изображения. Но удобнее вставлять с помощью кода. Я рекомендую воспользоватсья следующим вариантом кода: <a class="lightbox" title="Итак, приступим к индивидуализации блога" href="http://www.iarbest.ru/uploads/perehod-na-maxsite-035.jpg"><img alt="Вход за администратора" src="http://www.iarbest.ru/uploads/mini/perehod-na-maxsite-035.jpg" widht="50%" align="right"></A>, где в кавычках можно вставлять ваши данные. В результате выполнения этого кода, движок выведет справа изображение в виде ссылки на другое изображение (увеличенное), причём маленькое изображение будет изменено так, чтобы оно занимало ровно половина от общей ширины текста. Рассмотрим параметры кода поподробнее: class - тут, если в движке включены плагины для вывода изображений lightbox или colorbox, указываете движку что эти изображения необходимо обрабатывать с помощью данных плагинов. title (читается титл - название) - как было указано выше, это текст, который появляется при наведении курсора на изображение, href - указание конечной цели ссылки, alt - альтернативный текст, выводится вместо картинки в случае, если у пользователя отключён показ графики либо по указанному адресу не найдено изображение. width (видх - ширина) или heigth (хайт - высота) - размер изображения. Указывается либо в пикселях (точках) либо в процентах, в этом случае изображение растягивается/сжимается до указанной пропорции, src - маленькое изображение, которое будет показано пользователю, align - выравнивание изображения по краям или по центру. Про этот параметр можно прочесть выше. Ещё можно зададть такие атрибуты как hspace и vspace. Первый задаёт свободное пространство слева и справа от изображения, второй же - сверху и снизу. Основной тег - img от слова image - имэйдж, изображение. Увы, всего этого богатого функционала стандартный модуль редактирования текста не предоставляет, поэтому приходится играться с кодом.
Красная кнопка не запускает ядерную ракету - она просто окрашивает текст в красный цвет. Теги <font color="#ff0000"> и </font>. Font (фонт)- шрифт, color (калэ) - цвет.
Зелёная кнопка окрашивает текст в какой цвет? Зелёный, подсказывают из зала. Правильно, кстати, подсказывают. Теги <font color="#008000"> и <font>.
Ну а синяя кнопка в какой цвет окрашивает текст? - Синий? Уверены? Ну, раз уверены, значит это правильно. Теги - <font color="#0000ff"> и </font>.
А серая кнопка окрашивает текст в... Кто сказал "Серый"? Вы? Хе-хе, а вот и неверно. При нажатии на эту клавишу появляется окно, в которое можно вписать самому желаемый цвет текста в формате RGB, что расшифровывается, как red green blue (ред, грин, блу) - красный, залёный, синий - цвета, из которых на мониторах и телевизорах, путём их смешивания получается любой другой цвет. Правда, при всей своей удобности, окно не предусматривает какое-либо облегчение задачи выбора цвета, поэтому искать код нужного цвета придётся самому, например, при помощи этой программы (размер 680 килобайт, пароль "iarbest.ru" без кавычек). Теги аналогичные трём предыдущим, только в параметрах color прописывается код выбранного цвета.
Эта кнопка и две последующие, по идее, должны указывать размер шрифта. h1 - h6 (H от слова height), указывается следущим образом: <h1> и </h1>, <h2> и </h2> и т. д.(h1 -самый большой, h6 - самый маленький). Обычно текст пишут размера h4). Но ни в опере, ни в эксплорере эта кнопка, как говорится, не фунчиклирует.
Нажатие на кнопку с ножницами приводит к вырезанию выделенного текста и/или изображения в буфер обмена - своеобразный карман операционной системы. Горячее сочетание клавиш - Control + X (X по своей форме напоминает ножницы, да и находится эта кнопка рядом с С, но о ней чуть ниже. Предупреждаю, что в опере эта и две последующие кнопки в браузере опера не работают. Сочетания клавиш работают, а вот кнопки в редакторе - нет.
Нажатие на кнопку с двумя листами приводит к копированию выделенного текста и/или изображения в буфер обмена. Отличается от действия, производимого предыдущей кнопкой тем, что исходный текст остаётся на месте. Горячее сочетание клавиш - Control + С (С от слова copy - копи - копировать)
Нажатие на кнопку с листом, как бы снятого с доски приводит к вставке текста и/или изображения из буфера обмена. Горячее сочетание клавиш - Control + V (V по причине удобства, полагаю - она находится рядом с X и C)
Нажатие на кнопку с буквой А и маленьким плюсиком увеличивает текст на одну позицию. Скажем, если текст был размера h3, то с этой кнопкой он будет h2 и т. д. Теги <big> и </big>. Big (биг) - большой. На кнопку можно нажимать несколько раз - эффект суммируется. По какой-то непонятной причине эту и следующую кнопку я в эксплорере не обнаружил.
Нажатие на кнопку с буквой А и маленьким минусом же, наоборот, уменьшает текст на одну позицию. К примеру, если текст был размера h3, то с этой кнопкой он будет h4 и т. д. Теги <small> и </small>. Small (смол) - маленький. Повторные нажатия, как и в случае с предыдущей кнопкой, суммируются.
Нажатие на кнопку с красным крестиком отменяет действие всех тегов на выделенный текст - то есть он будет чёрного цвета обычного размера не ссылкой и всё в этом духе.
При нажатие на кнопку со знаками меньше-больше движок показывает вам текст с кодом - и вы, таким образом, можете подправить или добавить что-то в код. Очень полезная кнопка и вид, однако, стоит учесть, что подавляющее большинство кнопок в этом режиме не работает. Также настоятельно рекомендую сохранять текст нажатием на кнопку "Готово" или комбинацией Control + S - у меня были случаи, что изменения, сделанные после последнего сохранения, терялись.
Комментариев: 23
Еще не смотрел как в MaxSite но в html вообще теги h1, ...,h6 отвечают за заголовок - т.е. не только указанный размер, но и перевод строки.
Вообще в html можно с размером работать не только используя big и small , а также с помощью тега span: В него оборачивается текст и в сам открывающий тег вставляется - - это кстати относится к любому тегу с текстом - P, A, DIV ...
P.S. Предыдущий комментарий не корректен - удалите - не обратил внимание да и никак не ожидал, что теги примеров не экранируются и поисчезали - кстати bb-коды для этого и предназначены, но в форме комментария я их не обнаружил увы - довольно примитивно html разметка только используется.
Прости(ты потом поправишь), но попробую провести XSS атаку, зная что цитатник не экранирует html просто по той причине, что он использует html для своей разметки. Итак при наведении мышки на меня должно выскочить окошко с текстом
Видишь, работает. И с этим надо что-то делать, потому что используя JavaScript можно многое сделать нехорошего, те же куки натырить легко. Я тут только окошко с текстом вывел, а можно ....
Вот для этого кстати bb-коды и предназначены:
Вставится в окно ввода [b]Текст[/b] - для html это смысла никакого не несет. Если так оставить, то так и выведется [b]Текст[/b]. Смысл в том, что на php вот это - [b]Текст[/b] заменится на тэги b с текстом внутри - и уже пользователю покажется жирный Текст.
Для админки я еще понимаю оставить ввод html - потому что кое что надо вручную (например title у картинки), а вот в комментариях - недопустимо.
]]>]]>
Гм, да, неприятственное положение... Вскорости я обновлюсь и, если в новой версии МаксСайта останется эта дыра, отпишусь на форуме разработчика. Ещё раз гранднейшее мерси.
Буду знать, большое спасибо за помощь в этом вопросе.
]]>]]>
чего то не хочет писать перечеркнутым (ну и всеми этими тегами) смотрите
Бла бла бла]]>]]>
опа записало
Народ, помогите кто-нить разобраться с установкой макс-сайта
Спасибо автору. Впервые читаю такое подробное объяснение да ещё и с произношением. Мне вдвойне полезно, так как не знаю анг.языка. Вот все бы так доходчиво писали.Ведь такие статьи в основном для чайников и нужно всё по шагам разжевать. Ещё раз спасибо и успехов в написании подобных статей.
]]>]]>
Спасибо, Ваш комментарий греет душу Насчёт произношения - я думал, это никому не нужно. Оказывается, ошибался. Вам тоже удачи
Как сняться с регистрации? Страница все точно еще остается при удалении:( Но замечала, что у некоторых вместо страниц пустоты и фраза посередине, которая гласит "Стрпаница удалена или же еще не созалана"!!! Я также хочу, для того так было, но не знаю, как сделать это??? Помогите, напишите, кто знает! Буду очень благодарна)
]]>]]>
Пардон - не понял, с какой регистрации?
Токсикоз Обсудите, пожалуйста... Я постараюсь относиться кор всем хорошо. Не судить по первому впечатлению, постараюсь взять в толк, отчего человек совершил то или же иное. Как бы встать на его место. Но в голове сами собой возникают мысли - мол, дурно одет или же, грубо говоря, пахнет от человека. Или вот он глупость сказал! Но так как по сути это не моё дело! Каждый человек хорош по-своему. Но я, к примеру, не могу общаться с тем, у кого не помытая голова, к примеру. Неприятно.
Может, моё старание всё же не обращать на это внимания - результат фильмов о дружбе, любви, коие я посмотрела в детстве? Как-то из детства я ввынесла то, что нужно ко всем относиться хорошо. А моё плохое всё время вырывается наружу!!! Может, это как внешность - передаётся по наследству и безрезультатно с этим бороться?
Огромное вам пасибо! а еще посты на эту тему будут в будущем? Очень жду!
]]>]]>
Надеюсь, что будут
Спасибо за материалы!
Respect iarbest.ru
Я никак не смогла вставить рисунок в коментарий. Вставляю ссылку на рисунок а он не показывает его как рисунок. Что мне делатЬ?
Фотки беру отсюда - images.yandex.ru/yandsearch?text=iarbest.ru
]]>]]>
В данном движке это пока нельзя.
]]>]]>
Скажите пожалуйста, новичку будет трудно разобраться в ведении блога? Знаний HMTL-0.Я, не молоденькая,но очень хочу иметь свой блог. Голова варит, сочиняю красивые стихи, пишу рассказы. Но, пока технические вопросы не понимаю. Очень прошу ответить на мой вопрос. С уважением- чайник!
]]>]]>
Если есть желание, то не трудно. В крайнем случае, можно первое время завести блог на livejournal.ru или blogspot.com - там, по сути, тебе предоставляют уже всё готовое в обмен на некоторые ограничения и/или рекламу с их стороны. Разумеется, это не идеальный вариант, но, как минимум, бесплатно. Если что - пишите, постараюсь помочь. Удачи!
А как вы создали и подключили мета-поля настроения и музыки? Просто в стандартной комплектации нет, а хочется себе тоже добавить
]]>]]>
Вообще-то в стандартной комплектации были... Не знаю, может теперь, если ставить чистые новые версии (не обновляя), их и нету... Но я для этого ничего особого не делал.
Because iatrogenic treatment induced changes to vision or the eye may impact BC survivors quality of life and hence reduce adherence to treatment such changes may indirectly cause BC recurrence rates to increase priligy generico Sulodexide is a mixture of natural porcine glycosaminoglycans serving as precursors for the synthesis of glycosaminoglycans in the endothelial glycocalyx or prevention of heparin sulfate degradation