biser.info - Бисер и бисероплетение

Второй наш урок посвящён оформлению текста.

(первый урок назывался вставляем красивую ссылку - желающие ещё могут его пройти )

Текст можно разнообразить несколькими вещами. Вот некоторые из них:

1. смайлики
   • чтобы вставить смайлик, имеющийся на нашем сайте, надо:

• поставить курсор на нужное место в тексте
• нажать на конкретный смайлик над текстовым полем

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

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

изменение вида текста

• курсив
  • пишем текст
  • выделяем ту часть, которая будет курсивом
  • нажимаем на картинку с латинской буквой I над текстовым полем
  • с обеих сторон выбранного текста появляется код <i>текст</i> - очень важно, чтобы код был "закрытый", т.е. стоял в начале и в конце текста - если код не закороете, то поменяете весь последующий текст на странице
• жирный
  • пишем текст
  • выделяем ту часть, которая будет жирная
  • нажимаем на картинку с латинской буквой B над текстовым полем
  • с обеих сторон выбранного текста появляется код <strong>текст</strong> - очень важно, чтобы код был "закрытый", т.е. стоял в начале и в конце текста - если код не закороете, то поменяете весь последующий текст на странице
• подчеркнутый
  • пишем текст
  • выделяем ту часть, которая будет подчеркнутая
  • нажимаем на картинку с латинской буквой U над текстовым полем
  • с обеих сторон выбранного текста появляется код <u>текст</u> - очень важно, чтобы код был "закрытый", т.е. стоял в начале и в конце текста - если код не закороете, то поменяете весь последующий текст на странице
• зачеркнутый
  • пишем текст
  • выделяем ту часть, которая будет подчеркнутая
  • нажимаем на картинку с латинской буквой S над текстовым полем
  • с обеих сторон выбранного текста появляется код <strike>текст</strike> - очень важно, чтобы код был "закрытый", т.е. стоял в начале и в конце текста - если код не закороете, то поменяете весь последующий текст на странице
• комбинация стилей
  Все стили (и любые коды) можно комбинировать. Принцип редактирования текста такой же как и у простого редактирования:

• пишем текст - выделяем - нажимаем на необходимую кнопочку - проверяем, чтобы код был перед и за выделенным текстом

+ действует дополнительное правило

• первый открывающийся код закрывается последним
  пример правильный: <u><strong>комбинация стилей</strong></u>
  пример неправильный: <u><strong>комбинация стилей</u></strong>

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

• копируем текст, на который будем отвечать/реагировать
• вставляем его в текстовое поле
• выделяем его
• нажимаем на картинку с маленькой рожицей (которая думает вслух) между S и глобусом
• с обеих сторон выбранного текста появляется код <blockquote>"текст"</blockquote> - очень важно, чтобы код был "закрытый", т.е. стоял в начале и в конце текста - если код не закороете, то поменяете весь последующий текст на странице

Цитату обычно вставляют перед ответом неё, чтобы она появилась вверху, а сама реакция на строчку ниже

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

Вот мной выполненное задание

мой личный альбом на biser.info
альбом verro на biser.info
всё моё богатство

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

---

18.4.2007 - сегодня поставила последние пятёрки. Если хотите учиться оформлять текст, пожалуйста! Эта статья будет здесь постоянно висеть. Но я уже не буду проверять правильность и писать ошибки.

---

Остальные занятия:
Урок интернет-грамотности 1 - вставляем красивую ссылку
Урок интернет-грамотности 3 - создаём подпись