Логотип

Как создать сайт

Всё что нужно для создания сайта!

Добавить новость на сайт ucoz (через визуальный редактор) часть 2


dobavit-nowost-ch2m

Как добавить новость на сайт ucoz (через визуальный редактор). В прошлой записи, мы научились находить кнопку которая позволяет добавить новость на сайт. У нас открылась страница в которой мы оформляем наши новости.

Как её открыть можно почитать в прошлой записи, а мы продолжим.

Есть два разных варианта как оформить новость. Её можно оформить через визуальный редактор или через обычный HTML редактор. В этой записи мы рассмотрим как работать с визуальным редактором а в следующей разберёмся с html редактором. Визуальная форма выглядит так -

Визуальный редакторКрасная стрелочка указывает на кнопку, которая переключает между визуальным и HTML редактором. И так приступим заполнять нашу форму.  Первым делом нужно выбрать категорию для своей новой записи, после добавления новости на сайт запись попадёт в эту категорию, и её всегда можно там отыскать. Сразу заполняем поле название сайта, оно будет отображаться в виде заголовка на странице категорий. Обратите внимание на красную звёздочку после надписи Название материала *:  Она сообщает что это поле обязательно должно быть заполнено, а иначе новость невозможно будет добавить на сайт.

Заполняем формуЕсли это заполнили едим дальше. Там где строчка Полный текст материала, видите в скобках стоит код окружённый долларами.

Обрезать материал

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

Читать дальшеТак вот, куда мы этот код установим, $CUT$ там и появится эта ссылка, всё очень просто. Дальше когда будем заполнять форсу я покажу куда вставить этот код.

Теперь рассмотрим панель, которая помогает оформлять наши тексты, картинки, ссылки и многое другое. Панель выглядит так -

Панель настроекРазберём кнопки. Первая из них, позволяет просто вставить текст в нашу форму из буфера обмена. То-есть, если мы скопировали где-то текст и решили его вставить в нашу форму без этой кнопке, тогда текст вставится вместе со всеми тегами HTML, а это плохо будет выглядит визуально, плюс может навредить вашему дизайну. Так-что если хотим добавить чистый текст в нашу форму, добавляем его через эту кнопку.

Кнопка техт

Следующая кнопка позволяет вставлять все ваши наработки из файла word. То-есть всё что вы в word написали и разукрасили и увеличили и уменьшили, всё перенесётся через эту кнопку.

Кнопка word

Следующие кнопки это стрелочки зелёного цвета. Если вдруг при редактирование материала, вы удалили часть текста или напортачили, тогда эти кнопочки помогут вернутся на несколько шагов назад или вперёд, что-бы начать всё заново.

Стрелочки

Сразу за стрелочками идёт две кнопки, одна из них лупа, а вторая буквы b и а. Первая из кнопок отвечает за поиск слов в тексте, а вторая за поиск и замену слова или предложения. Этот поиск и замена, очень хорошо помогает когда ваш текст очень большой, и что-бы всё не перечитывать, просто в водим нужное слово и заменяем его на новое.

Поиск и замена

Следующая группа кнопок, помогает нам вставить или удалить нужные ссылки, а флажок помогает установить якорь.

Ссылки

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

Вставить ссылку

Вторая кнопка выглядит тоже как звено, но возле неё маленький красный минус. Эта кнопка позволяет удалять ссылки. Обводим так-же слово, у которого есть ссылка и нажимаем на звено с минусом, ссылка должна удалится.

Удалить ссылку

Как работает якорь, мы поговорим подробно в видео, которое можете найти внизу странице.

Следующая кнопка с зелёным плюсиком, которая похожа на фотографию, помогает вставить картинку в нашу новость.

Картинка

Выбираем место куда хотим вставить нашу картинку. Для этого между текстом нажмите мышкой, как будто вы собираетесь писать, а после этого нажмите на кнопку с фотографией. Должно появится окно, в котором указываем ссылку на картинку и нажимаем окей. Более подробно мы будем разбираться в видео ниже.

Вставить картинку

Следующая кнопка позволяет вставить флеш файл. Флеш файл может быть на игру или на видео, а может быть на рекламу. Работает это точно так-же как и картинка, для начало нажимаете между тестом мышкой, как будто хотим начать писать, а потом нажимаем на кнопку вставить флеш файл. Сразу должно открыться окно, в нём указываем ссылку на файл и размеры экрана. Более подробно будем разбирать в видео.

Флеш

Следующая кнопка позволяет вставлять таблицу. Всё работает точно также как и с картинкой и флеш файлом, а точнее выбираем место куда хотим вставить таблицу и нажимаем кнопку таблица.

Таблица

Должно открыться окно, в котором заполняем информацию о таблице. Какая ширина будет у таблицы, сколько колонок, строк и так далее.

Заполняем таблицу

После того как заполнили таблицу, нажмите ок. Таблица должна появится там куда вы указали мышкой в самом начале.

Готовая таблица

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

Горизонтальная линияСледующая кнопка позволяет вставить спец символы. Нажимаем в то место куда хотим вставить символ и нажимаем на кнопку. Должно открыться окно, в нём выбираем спец символ и нажимаем на него. Спец символ должен вставится в то место, куда вы указали мышкой.

Спец символы

Следующая кнопка позволяет вставить в нашу новость видео из ютубы. Так-же нужно выбрать место куда хотим вставить видео, и нажимаем на эту кнопку. Должно появится окно, в котором указываем ссылку или код на видео, после нажимаем ок. Видео должно появится в нужном месте.

Ютубе как вставить видео

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

Раскрыть

И последняя кнопка в этой строчке, позволяет просмотреть код html и его исправить или вставить новый.

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

Задай свой вопрос в комментариях? или в специальном разделе.
Подсказка:

Большинство людей начинают создавать сайты на бесплатных хостингах, но рано или поздно всё равно переходят на платный.

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 23.08.2017 записано 19 теоретических уроков и 0 практических. Теоретический кус Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"