Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Модератор форума: Shеriff, JonMagon, Yuri_G
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Как сделать ссылку? (Пошаговое описание, создания различных ссылок.)

Ссылка внутри документа (страницы).

Шаг 1. Создаём якоря в нужных местах страницы.

Для этого нам нужно открыть нужный материал в визуальном редакторе, но в этом, упрощённом редакторе, отсутствуют некоторые нужные функции, поэтому нам нужно перейти в HTML редактор нажав на ссылку

Как сделать ссылку на юкоз

и находясь в редакторе HTML, открыть визуальный редактор по ссылке

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз Как сделать ссылку на юкоз

на этом якорь готов.

Шаг 2. Создаём ссылку к нашему якорю.

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

Как сделать ссылку на юкоз

Осталось только сохранить сам документ

Ссылка на другую страницу или сайт.

Тут всё просто, открываем материал в визуальном редакторе

Как сделать ссылку на юкоз

Не забываем сохранить изменения страницы.

Как и в предыдущем примере открываем материал (статью) в визуальном редакторе:

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Ссылка на другую страницу, к определённому месту, абзацу.

Шаг 1. Создаём якорь.

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

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз Как сделать ссылку на юкоз

Шаг 2. Создаём ссылку.

Теперь переходим на страницу на которой будет расположена ссылка и открываем её в визуальном редакторе:

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Далее очень тонкий и важный момент:

Источник

База знаний uCoz

17 марта 2014 года произошло обновление визуального редактора материалов:

Как сделать ссылку на юкоз

Навигация по инструкции:

Ответы на частые вопросы

В: Меня совершенно не устраивает новый редактор и я во что бы то ни стало хочу вернуть старый теплый ламповый редактор, как мне это сделать?

Как сделать ссылку на юкоз

В: Мне совершенно не нравится, что новый редактор добавляет форматирование при помощи тега p, это добавляет лишние отступы, как это убрать?

О: Тег p (абзац) как раз предназначен для форматирования текста, его применение логично и правильно. Да, отступы стали больше, но это тоже нормально и логично. Если вам они очень мешают, то опция «Для перевода строк использовать тег
вместо

Как сделать ссылку на юкоз

В: В новом редакторе у меня пропал режим BB-кодов, почему?

О: Во время работы над новым редактором был немного исправлен анализ прав групп. Скорее всего, в панели управления сайтом в настройках прав групп для данного модуля у вас отсутствуют права на добавление BB-кодов. Поставьте там галочку и все вернется на свои места.

Как сделать ссылку на юкоз

Работа с картинками

При вставке картинки в визуальный редактор появляется окно «Свойства изображения» с двумя вкладками: Данные об изображении и Ссылка:

Как сделать ссылку на юкоз

Данные об изображении

В окне «Предпросмотр» можно увидеть то, как будет выглядеть вставленная картинка. Внесенные изменения будут отображаться в режиме реального времени.

Ссылка

Как сделать ссылку на юкоз

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

Вот так будет выглядеть добавленная картинка в визуальном редакторе:

Как сделать ссылку на юкоз

От этого не поменяется

Сейчас картинка располагается слева от текста

и красиво смотрится в большом тексте, благодаря обтеканию.

FAQ

В: Как изменить цвет границы у картинки?

О: Для того, чтобы изменить цвет границы нужно после вставки картинки в визуальный редактор выделить ее, нажать на кнопку

Как сделать ссылку на юкоз

(Цвет текста) и выбрать цвет границы.

В: Как перемещать картинку и сделать ее по центру?

Работа с текстом

Абзац, Перенос строки, Красная строка (Добавить отступы), Убрать красную строку (Убрать отступы), Нумерованный список, Маркированный список, Полужирный, Курсив, Подчеркнутый, Зачеркнутый, Подстрочный индекс, Надстрочный индекс, По левому краю, По центру, По правому краю, Специальные символы.

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Исходный HTML-код выглядит следующим образом:

Добавление текста в новый визуальный редактор

Следующий абзац (Enter) Перенос строки (Shift+Enter)

Также можно начинать новый абзац с красной строки

Следующий абзац начинается с красной строки (с отступом), но отступ легко убирается

Еще можно выделять в тексте нужную и ненужную информацию и работать с формулами: H2O и x 2 +2x-1=0

Заголовки, Шрифт, Размер, Цвет, Цитата

Как сделать ссылку на юкоз

Исходный код:

Разнообразить скучный текст красивыми
Ц
В
Е
Т
А
М
И и ШРИФТАМИ очень легко

Заголовок 1 h1

Заголовок 2 h2

Если вам не понравилось то, как вы форматировали текст (изменили шрифт, цвет, размер и т.д.), то вы можете выделить этот текст и нажать на кнопку «Убрать форматирование»

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Вы можете использовать кнопку «Вставить только текст», когда вставляете текст из любого текстового редактора. При вставке текста из текстового редактора Word можно использовать кнопку

Как сделать ссылку на юкоз

«Вставить из Word», которая помогает избавиться от лишнего «мусора» при вставке текста.

Специальные символы

Как сделать ссылку на юкоз

Вставка специальных символов позволяет использовать дополнительные символы в тексте. В HTML предопределено большое количество спецсимволов. Ознакомится со всеми можно на странице Мнемоники в HTML

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

FAQ

В: В новый визуальный редактор не вставляется текст, нельзя скопировать и вырезать текст. Что делать?

О: Настройки безопасности вашего браузера не разрешают редактору напрямую обращаться к буферу обмена. Поэтому используйте сочетание клавиш: Вставить (Ctrl/Cmd+V), Скопировать (Ctrl/Cmd+С), Вырезать (Ctrl/Cmd+X).

Работа со ссылками

После нажатия на иконку добавления ссылки вы увидите окно, в котором 3 вкладки: Информация о ссылке, Цель и Дополнительно

Информация о ссылке

Как сделать ссылку на юкоз

Как сделать ссылку на юкоз

Дополнительно

Как сделать ссылку на юкоз

HTML код добавленной ссылки:

Примечание: Можно сначала написать название ссылки, выделить его, а потом нажать на кнопку «Вставить ссылку»

Редактирование/Удаление ссылки

Для того, чтобы удалить или изменить ссылку кликните по ней правой кнопкой мыши

Как сделать ссылку на юкоз

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

Как сделать ссылку на юкоз

Якоря

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

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

Как сделать ссылку на юкоз

Теперь нужно создать ссылку для перехода к якорю

Как сделать ссылку на юкоз

Якорь создан!

Как сделать ссылку на юкоз

HTML-код текста с якорем:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius diam in lacus sollicitudin faucibus. Quisque scelerisque lacus et orci pretium malesuada. Cras pharetra eros eu erat consequat condimentum.

Nunc nulla odio, dignissim sit amet consequat id, consectetur eu enim. Duis elementum mauris ut ante pellentesque laoreet. Ut porttitor, risus et sodales eleifend, elit tellus placerat leo, tempus fringilla massa elit et arcu.

Удалить/изменить якорь

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

Как сделать ссылку на юкоз

Работа с таблицами

Для того, чтобы создать таблицу в визуальном редакторе нужно нажать на иконку Как сделать ссылку на юкоз«Таблица»

Как сделать ссылку на юкоз

После заполнения нужных полей получаем пустую таблицу:

Как сделать ссылку на юкоз

Которую можно заполнять:

Как сделать ссылку на юкоз

HTML код созданной таблицы:

Заголовок таблицы

Заголовок столбца1Заголовок столбца2
Данные столбца1Данные столбца2
Данные столбца1Данные столбца2

Для того, чтобы редактировать таблицу (добавлять/удалять/объединять ячейки, колонки, строки и т.д.) нужно нажать по таблице правой кнопкой мыши:

Как сделать ссылку на юкоз

Свойства ячейки

Как сделать ссылку на юкоз

Работа с Flash

Как сделать ссылку на юкоз

Flash. После появляется окно Свойства Flash с тремя вкладками: Основное, Свойства и Дополнительно:

Основное

Как сделать ссылку на юкоз

Свойства

Как сделать ссылку на юкоз

Дополнительно

Как сделать ссылку на юкоз

Так будет выглядеть вставленный в редактор Flash:

Как сделать ссылку на юкоз

Для того, чтобы внести изменения нужно кликнуть по добавленному Flash правой кнопкой мыши и выбрать «Свойства Flash»

Как сделать ссылку на юкоз

Добавление видео с YouTube

Добавить видео с сайта YouTube в визуальный редактор можно двумя способами через вставку HTML- кода или ссылки на видео.После нажатия в визуальном редакторе на иконкуКак сделать ссылку на юкоз(Вставить YouTube видео) появляется такое окно:

Как сделать ссылку на юкоз

1 способ. Вставка HTML-кода

Под видео на сайте YouTube нажмите Share (Поделиться), затем Embed (Вставить)

Как сделать ссылку на юкоз

Скопируйте сгенерированный код и вставьте его в первое поле:

Как сделать ссылку на юкоз

2 способ. Вставка адреса видео (URL)

Скопируйте из адресной строки браузера ссылку на видео:

Как сделать ссылку на юкоз

Ссылка на видео вставляется во второе поле:

Как сделать ссылку на юкоз

Можно так же указать желаемую Ширину и Высоту в пикселях.Так будет выглядеть вставленное в редактор видео с YouTube:

Как сделать ссылку на юкоз

Дополнительные функции

Отменить/Повторить

Как сделать ссылку на юкоз

Кнопки «Отменить» и «Повторить» используются для отмены, либо повтора предыдущего действия. Например, если вы случайно удалили абзац текста, то его можно вернуть нажатием кнопки «Отменить». Аналогом этой функции является сочетание горячих клавиш Ctrl/cmd + Z

Иcточник

Как сделать ссылку на юкоз

Кнопка «Источник» используется для того, чтобы просмотреть исходный html-код добавляемого материала, а также для внесения изменений в html-код.

Источник

Как сделать ссылку на юкоз

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

Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.

Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.

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

Приступим

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

Что-бы открыть редактор, нажмите на колёсико админбар, админбар должен раскрыться и в нём вам нужно найти кнопку плюсик и нажать на неё, должно выпасть маленькое окно в котором нажмите на кнопку редактор страниц.

Как сделать ссылку на юкоз

Во в новой вкладке браузера откроется новая страница, которая помогает добавлять страницы на сайт. На этой странице будет редактор, вот как раз при помощи этого редактора мы и создадим ссылку для нашего сайта.

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

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

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

Как сделать ссылку на юкоз

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

Как сделать ссылку на юкоз

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

Как сделать ссылку на юкоз

Код ссылки

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

Как сделать ссылку на юкоз

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

Как сделать ссылку на юкоз

Откроется страница где найдите кнопку нижняя часть сайта и откройте её.

Как сделать ссылку на юкоз

Откроется окно в котором можно добавлять и редактировать код нижней части сайта, там я выберу подходящие место и добавлю код ссылки. Здесь вам придётся работать методом тыка, так как у всех дизайн на сайте разный и код в нижней части сайта то-же разный. Если код был вставлен не забудьте сохранить изменение.
Как сделать ссылку на юкоз

Итоги

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *