tag:blogger.com,1999:blog-39283464776295920732024-03-19T07:04:24.697+02:00Школьный сайт на юкозеБлог о том, как бесплатно создать школьный сайт на юкозеOvsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-3928346477629592073.post-19498177803281788922011-05-20T02:02:00.002+03:002011-05-20T02:03:53.893+03:00Занятие 19. Что такое граватар и как его создать?<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhSohwrYI/AAAAAAAAAN0/JDoNWpdp6hw/s1600-h/012409.jpg"><img align="left" alt="граватар01240" border="0" height="244" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TdWhTRkzJqI/AAAAAAAAAN4/9u1nVmq3FMg/01240_thumb7.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px;" title="граватар01240" width="184" /></a> Каждый интернет-пользователь хоть раз да сталкивался с необходимостью выбора аватара.<br />
<i><b>Справка Википедии: <br />
</b></i><i><b>Авата́р</b>, <b>авата́ра</b>, также <b>авата́рка</b>, <b>а́ва</b>, <b>юзерпи́к</b> (от англ. user picture — «картинка пользователя») — изображение, картинка, используемая для персонализации пользователя каких-либо сетевых сервисов (<small>напр.,</small>форумов, чатов, блогов, социальных сетей). </i> <br />
<i>Предназначение аватара - передать какие-либо специфические черты характера пользователя и помочь создать достаточно точное впечатление у собеседников о его внутреннем духовном мире и статусе. Но, чаще всего, выбор аватара определяется желанием пользователя украсить свой профиль. Аватар также является желательным атрибутом участника форумов, он размещается рядом с каждым его постом (ответом) на темах форума.<a name='more'></a></i><br />
<br />
<i>Аватар может быть как настоящей фотографией пользователя, так и произвольной картинкой. Обычно используют аватар размером 64x64 или 100x100 пикселей и не более 10-30 Кб).</i> <br />
Однако на просторах интернета не так давно появилось новое понятие – <b>граватар. </b>Давайте вместе разберемся, что это такое. <br />
<i><b>Справка Википедии:</b><br />
<b>Gravatar </b>(от </i><i>англ.</i><i> globally recognized avatar — глобально распознаваемый аватар) — Web 2.0 сервис, позволяющий интернет-пользователям хранить свой аватар на специальном сервере. Пользователь регистрируется на центральном сервере и сохраняет там свой аватар и адрес электронной почты. Когда он оставляет комментарий на сайте или блоге, поддерживающим Gravatar, и указывает свой адрес электронной почты, сайт автоматически подставляет ему сохраненный аватар. Таким образом система Gravatar позволяет использовать аватары без регистрации на сайте или блоге.</i><br />
Вам нравится эта идея? Надаоело тратить время на выбор аватарок на разных форумах и блогах? Тогда давайте попробуем создать себе граватар.<br />
<b><img align="right" alt="2137729748_209f27fa40_o" border="0" height="144" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TdWhTw517DI/AAAAAAAAAN8/yhM5QZF6bYw/2137729748_209f27fa40_o%5B7%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="2137729748_209f27fa40_o" width="144" />Шаг 1. </b>Выбираем картинку хорошего качества размером примерно 200х200рх. По желанию над ней можно поработать в фотошопе или любом другом графическом редакторе, чтобы придать побольше индивидуальности.<br />
<b>Шаг 2.</b> Переходим на сайт-сервис <a href="http://ru.gravatar.com/" target="_blank">Gravatar</a>. Сайт, к сожалению, англоязычный, но если воспользоваться, например, браузером Хром с автоматическим переводом страниц, то все станет вполне понятным.<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhVK9XCVI/AAAAAAAAAOA/YDEXBxYWjnY/s1600-h/3%40020B0%401%5B10%5D.jpg" target="_blank"><img alt="граватар1" border="0" height="314" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhV3NHrGI/AAAAAAAAAOE/vLbpDnUwR-8/3%40020B0%401_thumb%5B6%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар1" width="509" /></a> <b>Шаг 3. </b>Регистрируем основной адрес электронной почты.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhWjHU1QI/AAAAAAAAAOI/8EhhFHV1q1U/s1600-h/3%40020B0%402%5B17%5D.jpg" target="_blank"><img alt="граватар2" border="0" height="154" src="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhXOW7WeI/AAAAAAAAAOM/H8n1TklZGsU/3%40020B0%402_thumb%5B23%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="граватар2" width="504" /></a> <br />
<b>Шаг 4.</b> На указанный адрес вам отправят письмо для подтверждения регистрации.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhX-BjjVI/AAAAAAAAAOQ/NYYR8-IsiZM/s1600-h/3%40020B0%403%5B4%5D.jpg" target="_blank"><img alt="граватар3" border="0" height="205" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TdWhYYWjdYI/AAAAAAAAAOU/eeFjKjqIXuA/3%40020B0%403_thumb%5B2%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар3" width="476" /></a> <br />
<b>Шаг 5.</b> Проверяем почту и открываем письмо.<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhY5aoH9I/AAAAAAAAAOY/Z50t0Uu-FP4/s1600-h/3%40020B0%404%5B3%5D.jpg"><img alt="граватар4" border="0" height="78" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TdWhZgL7ERI/AAAAAAAAAOc/2bcYoFKCzZM/3%40020B0%404_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар4" width="456" /></a> <br />
<b>Шаг 6. </b>Переходим по ссылке<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWha8gMoqI/AAAAAAAAAOg/d8d_BNtcp_I/s1600-h/3%40020B0%405%5B5%5D.jpg" target="_blank"><img alt="граватар5" border="0" height="246" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhblrMnzI/AAAAAAAAAOk/bT1yE3z9IFo/3%40020B0%405_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар5" width="468" /></a> <br />
<b>Шаг 7. </b>Создаем аккаунт: придумываем имя и пароль.<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhcgbNxDI/AAAAAAAAAOo/PBVJsUr3txU/s1600-h/3%40020B0%406%5B5%5D.jpg" target="_blank"><img alt="граватар6" border="0" height="277" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhdaSxLdI/AAAAAAAAAOs/McbvO5wwFsY/3%40020B0%406_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар6" width="489" /></a> <br />
<b>Шаг 8. </b>Переходим в аккаунт. Здесь вам предложат добавить дополнительные адреса ваших электронных почтовых ящиков.<br />
Чуть ниже расположена ссылка для добавления рисунка.<br />
<a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TdWhenh3fNI/AAAAAAAAAOw/469V8hTM2Ac/s1600-h/3%40020B0%407%5B5%5D.jpg" target="_blank"><img alt="граватар7" border="0" height="273" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TdWhful7weI/AAAAAAAAAO0/v2xmGOzYGDU/3%40020B0%407_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар7" width="500" /></a><br />
<b>Шаг 9.</b> Загружаем картинку.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhgP6mY5I/AAAAAAAAAO4/PeeYBa0IUIc/s1600-h/3%40020B0%408%5B3%5D.jpg" target="_blank"><img alt="граватар8" border="0" height="106" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TdWhg0LKN4I/AAAAAAAAAO8/Wg-swXPvYz4/3%40020B0%408_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар8" width="244" /></a> <br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhhehlaWI/AAAAAAAAAPA/I6lagY-jHEY/s1600-h/3%40020B0%409%5B3%5D.jpg" target="_blank"><img alt="граватар9" border="0" height="93" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TdWhiD599rI/AAAAAAAAAPE/cyhfWPj9mQ8/3%40020B0%409_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар9" width="244" /></a> <br />
<b>Шаг 10. </b>Переходим в редактор изображений. Здесь можно картинку обрезать, потянув за рамку, и отцентровать по желанию. Рядом с редактором сразу вам покажут, как картинка будет выглядеть в виде граватара.<br />
Закончив с редактированием, нажмите кнопку <b>Завершить</b>.<br />
<a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TdWhigmXn6I/AAAAAAAAAPI/Qn2uYz1oK6k/s1600-h/3%40020B0%4010%5B3%5D.jpg" target="_blank"><img alt="граватар10" border="0" height="202" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhjRgNHDI/AAAAAAAAAPM/bCXhSx_y_v8/3%40020B0%4010_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар10" width="244" /></a> <br />
<b>Шаг 11.</b> Теперь нужно выбрать категорию для вашего граватара.<br />
Будьте внимательны. Хорошенько рассмотрите скриншот с переводом категорий (можно увеличить, кликнув по картинке).<br />
<a href="http://lh6.ggpht.com/_eOxmAi7o1ME/TdWhj7chKoI/AAAAAAAAAPQ/0ue09EHV1XI/s1600-h/3%40020B0%4011%5B3%5D.jpg" target="_blank"><img alt="граватар11" border="0" height="244" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TdWhkWYtWNI/AAAAAAAAAPU/bhgZS0FF-TU/3%40020B0%4011_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар11" width="175" /></a> <br />
<b>Шаг 12. </b>Вы снова попадаете в аккаунт для управления граватарами.<br />
<a href="http://lh6.ggpht.com/_eOxmAi7o1ME/TdWhlL4A7GI/AAAAAAAAAPY/fRGsys0yTdY/s1600-h/3%40020B0%4012%5B3%5D.jpg" target="_blank"><img alt="граватар12" border="0" height="127" src="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhli2l38I/AAAAAAAAAPc/sFrzBb-XWrc/3%40020B0%4012_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар12" width="244" /></a> <br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhmZr6kzI/AAAAAAAAAPg/xUT5cnEe_aE/s1600-h/3%40020B0%4013%5B3%5D.jpg" target="_blank"><img alt="граватар13" border="0" height="164" src="http://lh5.ggpht.com/_eOxmAi7o1ME/TdWhm-zk49I/AAAAAAAAAPk/8fAXgXowAP4/3%40020B0%4013_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="граватар13" width="244" /></a></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-81991322359575213082011-05-07T00:02:00.005+03:002011-05-07T00:05:43.572+03:00Как добавить новый пост на блог быстро и удобно<div dir="ltr" style="text-align: left;" trbidi="on"><img align="left" alt="редактор блогов" border="0" height="169" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TcRh5XVNJGI/AAAAAAAAAKw/ODFgpVU7XUI/%40540%3AB%3E%40%201%3B%3E3%3E20%5B4%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px 5px 0px 0px;" title="редактор блогов" width="244" /> Почти год занимаясь <a href="http://sbzosch.ucoz.ru/">школьным сайтом</a> на юкозе, я привыкла к возможностям юкозовского текстового редактора, особенно в плане вставки картинок. Поэтому, когда решила попробовать вести этот блог на Блоггере, постоянно испытывала неудобство при написании постов: сложно было редактировать картинку, правильно позиционировать ее, задавать отступы, то и дело возникали ляпы в виде больших вертикальных пробелов. В общем, морока да и только.<br />
<a name='more'></a><br />
Счастье пришло неожиданно: случайно узнала о существовании программы <a href="http://explore.live.com/windows-live-writer?os=other">Windows Live Writer</a>. Оказывается, эта программа существует уже давно и позволяет писать посты прямо на компьютере (без выхода в интернет), редактировать их, а затем публиковать на блоге (или сразу на нескольких блогах).<br />
Интерфейс у нее русский, она бесплатна и постоянно обновляется. Все предельно просто и понятно. Картинки добавлять очень удобно: масса возможностей для редактирования, куча эффектов. Размер картинки можно подгонять прямо в тексте. Работать в ней, сплошное удовольствие!<br />
Посты можно писать заранее, просматривать результат (как это будет выглядеть на сайте), сохранять в черновиках или публиковать с отсроченной датой.<br />
Имеется функция автоматической проверки орфографии, так что есть шанс избавиться от грамматических ошибок на блоге.<br />
Всем, кто ведет еще блог по-старинке, очень рекомендую попробовать.<br />
P.S.: О работе с этой программой довольно толково написано у <a href="http://dashline.name/oformlenie-stati-v-windows-live-writer/" target="_blank">Dashline</a>.</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-45046379582621808372011-05-04T02:53:00.001+03:002011-05-09T21:52:55.466+03:00Занятие 18. Как создать фавиконку для сайта<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcg3VHWrUkI/AAAAAAAAANM/vH9DlPajBm4/s1600-h/4.png"><img align="left" alt="превью" border="0" height="166" src="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcg3Vyssd5I/AAAAAAAAANQ/-RwlwZrAzJQ/_thumb2.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="превью" width="154" /></a> Для начала немного теории. Давайте разберемся, что такое фавиконка и для чего она нужна.<br />
<i>Фавикон (favicon) - это производное от слов “favorite” (любимый) и “icon” (иконка) - небольшое изображение в формате ICO размером 16х16 пикселов.</i><br />
<i>Используется в основном для придания индивидуальности и узнаваемости сайтам. Увидеть фавиконку можно в адресной строке и на вкладках браузеров. Также фавикон может быть полезен для быстрого определения нужного сайта в закладках. К тому же некоторые поисковые системы (например Яндекс) и каталоги сайтов также используют фавиконы сайтов в результатах поиска (списках сайтов).<a name='more'></a> Вот как выглядят фавиконки различных сайтов в страницах выдачи результатов поиска.<br />
</i><br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/Tcg3WYnTkwI/AAAAAAAAANU/VaiAkOSjklw/s1600-h/5.png"><i><img align="left" alt="фавиконки" border="0" height="446" src="http://lh6.ggpht.com/_eOxmAi7o1ME/Tcg3W73eh-I/AAAAAAAAANY/oM0O_QEtAy0/_thumb3%5B1%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="фавиконки" width="74" /></i></a><i> <br />
Эти маленькие картинки позволяют легко ориентироваться среди огромного количества сайтов, помогают визуально запоминать понравившиеся веб-ресурсы, делают сайты легко узнаваемыми.<br />
<br />
</i>Надеюсь, я привела достаточно доводов, чтобы убедить вас потратить немного времени на создание фавиконки для своего сайта.<br />
<br />
Получить фавиконку для своего сайта можно несколькими способами: 1) найти готовую; 2) нарисовать самому; 3) создать при помощи специальных интернет-сервисов.<br />
<b>Способ 1. Найти готовую<br />
</b>Способ, сказать, так себе: времени все равно будет истрачено на поиски немало, а получится лишь клон какого-то известного сайта.<br />
<b>Способ 2. Нарисовать самому<br />
</b>Рисовать фавиконку можно в любом графическом редакторе. В интернете есть даже сайты, где в онлайн-редакторе предлагают вам самостоятельно сделать эскиз. Однако сохранить его как промежуточный результат нельзя. Поэтому, если вы заинтересованы в промежуточном сохранении результатов, то есть смысл создавать заготовку для фавиконки на собственном компе.<br />
Итак, создаем новый документ размером 16х16рх. Картинка получается настолько крошечной, что работать с ней можно лишь при большом увеличении. Зато каждый пиксель выглядит как маленький квадратик, и создание фавиконки напоминает рисование на листочке в клеточку.<br />
В качестве образца можно использовать какой-либо запоминающийся элемент дизайна или просто создать абстрактную картинку в основной цветовой гамме сайта. Для этой цели могут также пригодиться подходящие иконки или логотипы (в интернете их великое множество).<br />
Готовый рисунок нужно сохранить в формате jpg. Однако заливать на сайт его в таком виде нельзя, так как поисковики настоятельно рекомендуют использовать специальный формат ico. Поэтому нужно найти в инете подходящий сервис (вполне подойдут и сайты, перечисленные в третьем способе) и конвертировать.<br />
<br />
<b>Способ 3. Использовать онлайн-генераторы фавиконок<br />
</b>С моей точки зрения самый удобный онлайн-генератор расположен на favicon.ru<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/Tcg3YP2AEKI/AAAAAAAAANc/eeJK54IYOxk/s1600-h/3.png"><img alt="фавикон-ру" border="0" height="369" src="http://lh6.ggpht.com/_eOxmAi7o1ME/Tcg3ZRS4VoI/AAAAAAAAANg/M0Pp-3whZq4/_thumb1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="фавикон-ру" width="504" /></a> <br />
Интерфейс русский, предельно простой и понятный. Процедура создания такова: загружаем выбранную картинку на сайт-генератор и нажимаем кнопку <b>Создать favicon.ico.</b><br />
Откроется новое окно, и вам предложат либо редактировать сгенерированную картинку либо скачать к себе на компьютер.<br />
Еще один достаточно популярный сервис - <a href="http://www.favicon.cc/" target="_blank"><b>favicon.cc</b></a><b>.</b> Интерфейс у него английский, но интуитивно понятный.<br />
Перед вами сразу открывается окно графического редактора.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcg3bLt_nrI/AAAAAAAAANk/zXBI37j-TVQ/s1600-h/7.png"><img alt="фавикон-сс" border="0" height="321" src="http://lh6.ggpht.com/_eOxmAi7o1ME/Tcg3f9BmEjI/AAAAAAAAANo/xV7LnGML8fY/_thumb3.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="фавикон-сс" width="504" /></a><br />
Итак, фавиконка у вас уже есть (она сохранена в какой-нибудь папке на компьютере). Теперь нужно правильно залить ее на сайт. Сделать это можно из Панели управления или прямо с сайта, зайдя на него как администратор.<br />
В любом случае вам понадобится <b>Файловый менеджер.</b><br />
Если заходите с сайта:<b> </b>вверху<b> </b>кнопка<b> Управление –> Файловый менеджер.<br />
</b>Если из Панели управления:<b> </b>вверху<b> </b>кнопка<b> Инструменты –> Файловый менеджер.</b><br />
Открываем окно файлового менеджера. Перед вами окажутся все папки и файлы, которые вы загрузили уже на сайт. Среди них есть строчка<b> favicon.ico (стандартная иконка системы).<br />
<img alt="вставить фавиконку на сайт" border="0" height="264" src="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcg3gjsp1cI/AAAAAAAAANs/pJ9GhdZTaCU/D09%3B%20%3C5%3D5465%40%5B4%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="вставить фавиконку на сайт" width="504" /> <br />
</b>Через кнопку <b>Обзор</b> находим новый фавикон на своем компьютере. Нажимаем <b>Загрузить файл.</b> Теперь в файловом менеджере будет два файла с расширением ico.<br />
<img alt="вставить фавикон на сайт" border="0" height="281" src="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcg3hNmn6gI/AAAAAAAAANw/ezSDT9Cy88A/D09%3B%20%3C5%3D5465%401%5B4%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="вставить фавикон на сайт" width="504" /> <br />
При следующей загрузке сайта система сама уберет старую запись и будет подставлять в браузер новую фавиконку.<br />
<i><b>Примечание:</b> кеш браузера обновляется примерно через полчаса, поэтому новая фавиконка может появиться не сразу.</i></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com1tag:blogger.com,1999:blog-3928346477629592073.post-10748833560205456492011-04-20T02:52:00.001+03:002011-05-08T23:57:10.252+03:00Занятие 17. Как поменять шапку сайта на юкозе (часть 3)<div dir="ltr" style="text-align: left;" trbidi="on"><img align="left" alt="как поменять шапку сайта на юкозе" border="0" height="136" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TccCE9N13ZI/AAAAAAAAAMQ/xfqS2Wqgc2g/312.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="как поменять шапку сайта на юкозе" width="142" /> Вот и пришло время для самого ответственного и волнующего этапа – смены шапки сайта в стандартном шаблоне.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCFxZU9rI/AAAAAAAAAMY/g4LXQK0zjJU/s1600-h/31.png"><b><img align="left" alt="файловый менеджер" border="0" height="75" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCH-IM9eI/AAAAAAAAAMg/IeetBizSd4Y/_thumb11.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="файловый менеджер" width="244" /></b></a>1. Зайдем в <b>Панель управления</b> сайтом и откроем <b>Инструменты – Файловый менеджер.</b> В окне Файлового менеджера нужно нажать кнопку <b>Создать папку.</b> Новую папку назовите<b> header.</b> Откройте ее.<br />
<a name='more'></a><br />
<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TccCJ12VpDI/AAAAAAAAAMk/J4YoVKqn21E/s1600-h/15.png"><img alt="файловый менеджер1" border="0" height="221" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TccCL0aX15I/AAAAAAAAAMo/vXwOOK3kfi0/1_thumb3.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="файловый менеджер1" width="504" /></a> 2. В папку <b>header </b>загрузите файлы 1.gif, 4.gif, 5.gif, файлы 2.gif, 3.gif мы менять не будем, поэтому и загружать их не нужно.<br />
<br />
3. Напротив каждого файла стоит синенький кружочек с буквой і. Нужно нажать на нее и скопировать ссылку.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TccCMyXdTyI/AAAAAAAAAMs/TpdCChDQoHU/s1600-h/23.png"><img alt="файловый менеджер2" border="0" height="339" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TccCPvPM5uI/AAAAAAAAAMw/wAE1ZzjJMlQ/2_thumb1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="файловый менеджер2" width="504" /></a><br />
4. Зайдите в <b>Панель управления</b> –> <b>Управление дизайном. </b>Кликните два раза по строчке<b> Верхняя часть сайта, </b>чтобы выделить ее и открыть окно для редактирования шаблона.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TccCRN5EgRI/AAAAAAAAAM0/wW5XN1HIs0M/s1600-h/32.png"><img alt="код шаблона верхняя часть сайта" border="0" height="164" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TccCTJD0QqI/AAAAAAAAAM4/-HNL50MSEo8/_thumb1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="код шаблона верхняя часть сайта" width="504" /></a> <br />
Откроется окно редактора шаблонов с кодом верхней части сайта. Именно в этой части кода содержится информация о внешнем виде хедера на вашем сайте.<br />
<br />
<b><i>Примечание.</i></b> Прежде чем начать править код, сделайте копию исходного кода шаблона. Для этого выделите весь код в редакторе, скопируйте и сохраните в блокноте или ворде.<br />
<br />
<i><b>Совет:</b> заведите еще один (тренировочный) сайт на юкозе, выберите для него такой же шаблон и все эксперименты проводите сначала на нем, а лишь потом уже на основном сайте. Так вам удастся избежать потерь и разочарований из-за всевозможных сбоев и накладок.<br />
<br />
</i>В коде нужно найти места, где прописаны рисунки 1.gif, 2.gif, 3.gif, 4.gif, 5.gif (на картинке они выделены красными прямоугольниками. <i>Чтобы увеличить изображение, щелкните по картинке два раза</i>) и заменить их на адреса картинок, загруженных в папку header. Затем нажать кнопку <b>Сохранить,</b> чтобы сохранить изменения в коде шаблона.<br />
<a href="http://lh6.ggpht.com/_eOxmAi7o1ME/TccCUwvXLyI/AAAAAAAAAM8/ccBixb23oXM/s1600-h/3.png"><img alt="код шаблона хедера" border="0" height="87" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TccCWsgQq1I/AAAAAAAAANA/j0Xu1W-qIRo/_thumb12.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="код шаблона хедера" width="504" /></a> <br />
5. Перейдите на свой сайт и посмотрите произведенные изменения. Если вы все сделали правильно и аккуратно, то результат должен вас порадовать.<br />
<br />
Иногда внешний вид хедера прописывают не в самом шаблоне, а в стилях CSS. Если у вас именно такой случай, то редактировать нужно файл стилей. Он находится на вкладке <b>Управление дизайном</b>, немного ниже строчки <b>Верхняя часть сайта</b>.<br />
<a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCX5csDrI/AAAAAAAAANE/rrr7EI9a5rk/s1600-h/2.png"><img alt="таблица стилей" border="0" height="239" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCaHV7e9I/AAAAAAAAANI/LpnT_GoBEmo/_thumb.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="таблица стилей" width="244" /></a><br />
Удачи вам!</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com3tag:blogger.com,1999:blog-3928346477629592073.post-6171262722121449462011-04-06T02:25:00.002+03:002011-05-08T23:52:56.312+03:00Занятие 16. Как поменять шапку сайта на юкозе (часть 2)<div dir="ltr" style="text-align: left;" trbidi="on"><img align="left" alt="превью2" border="0" height="189" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TccBjarjmtI/AAAAAAAAALQ/iMy578XXl-o/215.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="превью2" width="244" /> Надеюсь, вы справились с домашним заданием и подготовили картинки-шаблоны со своего сайта.<br />
<br />
Теперь ваша задача в любом графическом редакторе (фотошопе, Paint или Paint.NET) изменить их или создать новые, но таких же размеров.<br />
<br />
Затем положить новые рисунки в папку с рисунками шаблона, заменяя шаблонные на свои, обновленные.<br />
<a name='more'></a><br />
<br />
Рассмотрим весь этот процесс на примере сайта <a href="http://pirozhok.ucoz.ru/" target="_blank">Пирожок.Кулинарные рецепты</a>.<br />
<b><br />
1. Структура шапки сайта (хедера)<br />
</b>Итак, шаблонную шапку этого сайта составляли рисунки 2.gif, 3.gif, 4.gif, 5.jpg, <br />
<a href="http://lh6.ggpht.com/_eOxmAi7o1ME/TccBkOK-2FI/AAAAAAAAALU/1odFT432s9E/s1600-h/3.jpg"><img alt="исходники для хедера Пирожок размеры" border="0" height="161" src="http://lh5.ggpht.com/_eOxmAi7o1ME/TccBmQZkGAI/AAAAAAAAALY/6fOnI4XXteY/_thumb12.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="исходники для хедера Пирожок размеры" width="505" /></a> <br />
Отсюда видно, что структура хедера выглядит так:<br />
<img alt="структура сайта Пирожок" border="0" height="63" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccBngh5ivI/AAAAAAAAALc/xmj-qmDoLK0/11.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="структура сайта Пирожок" width="503" /> <br />
Автор сайта решила первые два блока (апельсинки) оставить без изменений, а блоки №3 и №4 (рис 4.gif, 5.gif) заменить другим рисунком.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TccBpZoTBWI/AAAAAAAAALg/CTqHWs2LX9U/s1600-h/31.jpg"><img alt="исходник" border="0" height="171" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TccBrEoU2uI/AAAAAAAAALk/o3rc2pXEFBc/_thumb1.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="исходник" width="171" /></a> <b>2. Подготовка рисунка<br />
<br />
</b>Проведем обработку рисунка-исходника бокалов в программе Paint.NET.<br />
<b>Подгонка размеров<br />
</b>Обрежем лишнее и приведем к нужному размеру. В нашем случае важно, чтобы высота рисунка была 210рх. Поэтому ставим галочку <b>Сохранить пропорции</b> и выставляем размер рисунка по высоте – 210.<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/TccBtpeyZAI/AAAAAAAAALo/eBDUsLb7KjU/s1600-h/8.jpg"><img alt="обработка исходника" border="0" height="449" src="http://lh5.ggpht.com/_eOxmAi7o1ME/TccBvLwVB4I/AAAAAAAAALs/rcLSdvDRDIM/_thumb4.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="обработка исходника" width="469" /></a><br />
<b>Создаем рисунок на прозрачном фоне <br />
</b>Нужно убрать фон рисунка. Дело это кропотливое и небыстрое.<br />
Работать можно стиралкой или волшебной палочкой. Не спеша, шаг за шагом, убирая все лишнее.<br />
Вот что в результате получилось:<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TccBxYRsAhI/AAAAAAAAALw/Uha4w7zMq7Y/s1600-h/3.png"><img alt="бокалы" border="0" height="198" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccBzZlir3I/AAAAAAAAAL0/w0TjIzpA-tI/_thumb1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="бокалы" width="169" /></a><br />
Этот рисунок будет располагаться справа и захватит область двух блоков: 4.gif и 5.gif. Но его размеры меньше этой области, поэтому нужно создать новый документ шириной 364рх и высотой 210рх. (Рисунки 4.gif и 5.gif сначала объединим (126+268=364рх) для рисования, а затем разрежем для вставки на сайт.) Вставляем рисунок бокалов на прозрачном фоне и сохраняем полученный как рисунок 45.gif.<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TccB5wN2IFI/AAAAAAAAAL4/mby0odLOa5Q/s1600-h/452.png"><img alt="исходник45 на прозрачном фоне" border="0" height="144" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccB8GPbdMI/AAAAAAAAAL8/E5NDWf3VjKA/45_thumb.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="исходник45 на прозрачном фоне" width="244" /></a> <br />
<br />
<b>Подготовка рисунков 4.gif и 5.gif для вставки на сайт<br />
</b>Открываем рисунок 45.gif.<br />
1. Выбираем инструмент Выделение,<br />
2. Задаем параметр Выделение по размеру.<br />
3. Указываем нужные размеры <b>в пикселях!</b> (в оранжевых квадратиках).<br />
4. Выделяем нужную часть рисунка.<br />
5. Нажимаем кнопку Обрезать по выделению (в зеленом квадратике).<br />
6. Сохраняем получившийся рисунок в формате .gif (желательно), .jpg или .png<br />
<a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TccB-qphSmI/AAAAAAAAAMA/xEj78vn2z9M/s1600-h/459.jpg"><img alt="45 для сайта пирожок" border="0" height="377" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCA7X0u3I/AAAAAAAAAME/Q45lZ1qfOU4/45_thumb4.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="45 для сайта пирожок" width="504" /></a> <br />
Аналогично создаем рисунок 4.gif.<br />
<br />
<b>Создаем фоновый рисунок<br />
</b>Чтобы рисунок органично смотрелся на сайте, нужно подобрать соответствующий фон.<a href="http://lh6.ggpht.com/_eOxmAi7o1ME/TccCCCxKb5I/AAAAAAAAAMI/ccADT6ED85o/s1600-h/13.gif"><img align="left" alt="фоновый рисунок" border="0" height="210" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCEJE_4EI/AAAAAAAAAMM/rh8Ew_gX4Ic/1_thumb1.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="фоновый рисунок" width="90" /></a><br />
Для этого создаем новый документ шириной 90рх (ширина должна быть как можно меньше, вплоть до 1-2 рх) и высотой 210рх. Зальем его желтым цветом и создадим произвольный фоновый рисунок из кругов.<br />
Сохраняем новый фоновый рисунок как 1.gif.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>Готово!<br />
</b>Структура новой шапки сайта выглядит так:<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TccCFhqHoeI/AAAAAAAAAMU/z8hI-QtCYYg/s1600-h/11.png"><img alt="структура нового хедера" border="0" height="110" src="http://lh3.ggpht.com/_eOxmAi7o1ME/TccCHhxtyfI/AAAAAAAAAMc/ITbfzZZUxI8/_thumb9.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="структура нового хедера" width="504" /></a><br />
Теперь у нас все подготовлено, чтобы перейти к самому ответственному этапу – замене хедера в шаблоне сайта. Но об этом – в следующем занятии.</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-1931801297500224252011-02-23T01:24:00.001+02:002011-05-08T23:41:21.064+03:00Занятие 15. Как поменять шапку сайта на юкозе (часть 1)<div dir="ltr" style="text-align: left;" trbidi="on"><img align="left" alt="Заменить хедер" border="0" height="134" src="http://lh6.ggpht.com/_eOxmAi7o1ME/Tcb_fK0Lc5I/AAAAAAAAAK0/kfWVlIURM_k/240139.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="Заменить хедер" width="270" /> Вот и настало время вплотную заняться внешним видом сайта. Пора замахнуться на смену дизайна, так сказать.<br />
<br />
Для создания сайта юкоз предлагает довольно много шаблонов на разную тематику. Однако, занимаясь сайтом, в определенный момент понимаешь, что шаблон шаблоном, а хочется чего-то индивидуального, не такого как у всех.<br />
Самое простое – сменить стандартную шапку сайта на свою собственную.<br />
<a name='more'></a><br />
Вот этим мы и займемся на следующих занятиях.<br />
Для начала давайте разберемся в структуре сайта, то есть выясним, что есть что.<br />
<img align="left" alt="структура" border="0" height="244" src="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcb_f9AKmdI/AAAAAAAAAK4/KZoBP3852tk/4%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px;" title="структура" width="196" /> <br />
Верхняя графическая часть сайта и называется шапкой или хедером.<br />
Есть несколько способов создания хедера:<br />
1) одним рисунком на всю ширину сайта:<br />
2) небольшими кусочками или частями;<br />
3) хедер убирается вовсе, остается лишь название сайта или логотип рядом с навигацией.<br />
<br />
Чтобы узнать, как устроен хедер на вашем сайте, нужно открыть сайт в браузере и пощелкать правой кнопкой мышки на картинках в верхней части сайта.<br />
Если в разных частях шапки вы видите ссылку на один и тот же рисунок, то, значит, у вас хедер загружен одним куском. Как, например, на нашем <a href="http://sbzosch.ucoz.ru/" target="_blank">школьном сайте</a>.<br />
<img alt="хедер школьного сайта" border="0" height="183" src="http://lh5.ggpht.com/_eOxmAi7o1ME/Tcb_g_rDnSI/AAAAAAAAAK8/i7R7mkqclUk/5.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="хедер школьного сайта" width="515" /> Это самый простой случай. <br />
<br />
Довольно часто встречаются ситуации, когда хедер состоит из нескольких частей. Делают это для того чтобы уменьшить вес рисунков и ускорить загрузку сайта. В современном дизайне все более популярны легкие, не перегруженные графикой сайты, поэтому в верхней части сайта размещают только название сайта и небольшой логотип или картинку.<br />
Если, кликая мышкой, вы обнаружили ссылки на несколько рисунков, то ваш хедер состоит из нескольких кусочков. Заменять можно все или несколько, внося только небольшие коррективы.<br />
Как, например, на сайте <a href="http://pirozhok.ucoz.ru/" target="_blank">Пирожок.Кулинарные рецепты</a>.<br />
Было в шаблоне<br />
<img alt="хедер из шаблона" border="0" height="163" src="http://lh3.ggpht.com/_eOxmAi7o1ME/Tcb_hao7iGI/AAAAAAAAALA/VoXNkEDo5YE/4.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="хедер из шаблона" width="504" /> <br />
Теперь на сайте<br />
<a href="http://lh4.ggpht.com/_eOxmAi7o1ME/Tcb_iJ8NqeI/AAAAAAAAALE/2LwOGl7SC-s/s1600-h/3.jpg"><img alt="хедер переделанный" border="0" height="127" src="http://lh3.ggpht.com/_eOxmAi7o1ME/Tcb_jEcIOmI/AAAAAAAAALI/DwykWYkzKv8/_thumb1.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="хедер переделанный" width="504" /></a> <br />
Итак, прежде чем заняться переделыванием хедера, выясните, к какому типу он относится (один рисунок или несколько), и сохраните эти рисунки в отдельную папку на своем компьютере.<br />
<br />
Для сайта Пирожок.Кулинарные рецепты получилось:<br />
<img alt="исходники для хедера Пирожок" border="0" height="132" src="http://lh6.ggpht.com/_eOxmAi7o1ME/Tcb_jkW1RyI/AAAAAAAAALM/udOh72IH2qY/52.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="исходники для хедера Пирожок" width="454" /> <br />
Создайте эскиз будущей шапки вашего сайта в любом виде: от руки, на компьютере, (кому как удобно) и подберите подходящие рисунки.<br />
<br />
На следующем занятии мы будем подгонять выбранные рисунки под ваш шаблон.</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-55363185514117108642011-02-09T01:11:00.000+02:002011-05-06T01:14:07.294+03:00Занятие 14. Как создать красивый слайдер<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TcMei1UAHII/AAAAAAAAAKQ/5YA3xLkPq80/s1600-h/A%3B0945%400%5B8%5D.jpg"><img align="left" alt="красивый слайдер" border="0" height="182" src="http://lh4.ggpht.com/_eOxmAi7o1ME/TcMelnoWrAI/AAAAAAAAAKU/rVxMzWCpqqs/A%3B0945%400_thumb%5B6%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 5px 0px 0px;" title="красивый слайдер" width="244" /></a> Сделать свой сайт более динамичным и привлекательным для посетителей можно при помощи <b>слайдеров.</b> Демонстрировать в форме слайд-шоу можно все, что угодно: фотографии, картинки, презентации, документы. Кроме того, таким способом можно привлечь внимание к интересным статьям или страницам с полезными файлами.<br />
В общем, ничего сложного, а результат впечатляет!<br />
<a name='more'></a><br />
Проще всего сделать красивый слайдер в какой-либо программе, а затем вставить уже готовый код на сайт.<br />
В основном, принцип работы подобных программ одинаков, поэтому рассмотрим создание слайд-шоу при помощи сайта <a href="http://slide.com/">Slide.com</a>. Благо, у него интерфейс частично переведен на русский язык и интуитивно понятен.<br />
1. Заходим на сайт slide.com и знакомимся с интерфейсом.<br />
2. Находим кнопку <b>Browse (обзор)</b> и добавляем со своего компа фотографии для слайд-шоу.<br />
В нашем примере – это несколько рисунков солнышка. Обратите внимание, что название фотки или рисунка будет служить к нему подписью и будет выводиться при показе, хотя субтитры можно и отключить.<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TcMenWLwxvI/AAAAAAAAAKY/w_fv_wyR7Ds/s1600-h/A%3B0945%40%5B5%5D.jpg" target="_blank"><img alt="слайдер" border="0" height="436" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TcMeqK2anrI/AAAAAAAAAKc/9E5wH5Z_jow/A%3B0945%40_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 5px 0px 0px;" title="слайдер" width="524" /></a><br />
3. Выбираем тему оформления, эффекты (программа сразу показывает, как все будет выглядеть на сайте).<br />
4. Закончив с оформлением, нажимаем справа на зеленую кнопку <b>Сохранить.<br />
</b><a href="http://lh3.ggpht.com/_eOxmAi7o1ME/TcMerh09pXI/AAAAAAAAAKg/pnxIsrobMg4/s1600-h/A%3B0945%401%5B12%5D.jpg"><img alt="слайдер1" border="0" height="361" src="http://lh5.ggpht.com/_eOxmAi7o1ME/TcMesl_rqnI/AAAAAAAAAKk/rrN3Uzko_2A/A%3B0945%401_thumb%5B10%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: none; margin: 0px 5px 0px 0px;" title="слайдер1" width="538" /></a> <br />
5. Появится новое окно программы и предложит вам заполнить некоторые поля. Если желаете, чтобы ваше слайд-шоу было доступно всем, можно сделать пояснения к нему, указать автора и т.д. Можно ничего не заполнять, а сразу снова нажать зеленую кнопку <b>Сохранить</b> <b>Slideshow</b>.<br />
<a href="http://lh5.ggpht.com/_eOxmAi7o1ME/TcMet07KHFI/AAAAAAAAAKo/0Jp8YoU7tUk/s1600-h/A%3B0945%402%5B5%5D.jpg"><img alt="слайдер2" border="0" height="442" src="http://lh6.ggpht.com/_eOxmAi7o1ME/TcMev4y7QXI/AAAAAAAAAKs/H6s26jTneY0/A%3B0945%402_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto;" title="слайдер2" width="521" /></a><br />
6. Появится еще одно окно, в котором можно взять готовый код для вставки на свой сайт (на рис. код выделен в красной рамке). Копируем его в буфер обмена.<br />
7. Теперь заходим на сайт, открываем нужную страницу в редакторе, переходим в режим HTML и вставляем код. Жмем <b>Сохранить</b> изменения, и любуемся творением своих рук!</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-65874631480300647522011-01-26T21:32:00.001+02:002011-03-27T22:07:53.791+03:00Занятие 13. Как вставить видео на сайт<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh76QCMlTLJeUhuumwOmSgDUh0o9QITWS4VBRftIbqKmeafSuB0db36Yw2sNYhXTQfKECexiN56eLfVAmyt1eYjdRhz72mRvE3Vn8O2VNfZ6E0BC87kpnQRhy_ie35gTSIpS1OW-EtFSjc/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh76QCMlTLJeUhuumwOmSgDUh0o9QITWS4VBRftIbqKmeafSuB0db36Yw2sNYhXTQfKECexiN56eLfVAmyt1eYjdRhz72mRvE3Vn8O2VNfZ6E0BC87kpnQRhy_ie35gTSIpS1OW-EtFSjc/s200/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE0.png" width="200" /></a></div>На страницах сайта можно размещать не только текст и картинки, но и различные видео- и аудиофайлы.<br />
Если у вас собралась коллекция интересных медиафайлов, то вы вполне можете поделиться ими с посетителями, вставив специальные скрипты в страницы своего сайта.<br />
<span style="color: blue;"><span style="background-color: blue;"><a name='more'></a><br />
<span style="background-color: blue;"><b><span style="font-size: large;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Вставим видеоролик с ютуба, mail.ru и других подобных сервисов</span></span></span></b></span></span></span><br />
<br />
<span style="background-color: #cfe2f3;"> На странице с понравившимся видеороликом найдем ссылку на этот видеоролик и скопируем ее.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI2ygKLn_AaOqbhm6ZWAT_qq8cc1GwpMGfy0UmgzaL2DowmZd_66e6vBN4jqztf_fMOrWFCGx76dl5k0euuKiAe7f35JqNR2XIhk-6DzjNGJMpVgQBM88aE7Im2MXHDtP4G-B70-pyVQ/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI2ygKLn_AaOqbhm6ZWAT_qq8cc1GwpMGfy0UmgzaL2DowmZd_66e6vBN4jqztf_fMOrWFCGx76dl5k0euuKiAe7f35JqNR2XIhk-6DzjNGJMpVgQBM88aE7Im2MXHDtP4G-B70-pyVQ/s400/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE1.jpg" width="225" /></a></div><span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;"> </span></span></span></span></span><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span></span></span></span></span><br />
<span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;"> </span></span></span></span></span><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">Затем перейдем на собственный сайт и на верхней панеле юзербара найдем кнопку </span><b><span style="background-color: #cfe2f3;">Мультимедиа, </span></b></span></span></span></span><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">а затем нажмем</span></span></span></span></span><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><b><span style="background-color: #cfe2f3;"> Подключить видео. </span></b></span></span></span></span><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> Появится окошко </span><b><span style="background-color: #cfe2f3;">Подключение видео</span></b><span style="background-color: #cfe2f3;">.</span></span></span></span></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5pEtMX7EQzeSg_-4eSr-QVmAr9H07iQ37QN7rnTODHUOLHSfvYEFjQjnyW-QLIIGFKQra_W2YByqvwuDVLYxMoP_tzG8VYWTzSrCr-xy6bWGJGVE_o0gRfaUmqkQ055IiTOnukZ16Qw/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5pEtMX7EQzeSg_-4eSr-QVmAr9H07iQ37QN7rnTODHUOLHSfvYEFjQjnyW-QLIIGFKQra_W2YByqvwuDVLYxMoP_tzG8VYWTzSrCr-xy6bWGJGVE_o0gRfaUmqkQ055IiTOnukZ16Qw/s400/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE2.jpg" width="400" /></a><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> Затем нужно вставить скопированный код видеоролика в специальное поле </span><b><span style="background-color: #cfe2f3;">Адрес страницы или Flash файла.</span></b></span></span></span></span><br />
<span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">В других полях автоматически появятся сгенерированные коды для вставки. Нужно скопировать нижний код.</span></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWdssNqg-i-d0-rYGXeoR74zJVMv-wEyYYx0LKD0EWjn1EJOFjUzVQoxbGAmWoE5BkBZCLukufX2P9j5oQPaMvBXmhdji_VAB2M9htJr6Wlhp9mOlrpTW_zkMDepo39TC4LBlv62DA9VY/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWdssNqg-i-d0-rYGXeoR74zJVMv-wEyYYx0LKD0EWjn1EJOFjUzVQoxbGAmWoE5BkBZCLukufX2P9j5oQPaMvBXmhdji_VAB2M9htJr6Wlhp9mOlrpTW_zkMDepo39TC4LBlv62DA9VY/s400/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE3.jpg" width="400" /></a></div><span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> Теперь перейдем на ту страницу сайта, где вы планируете разместить это видео.</span></span></span></span></span><br />
<span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">Вставлять код нужно будет в HTML-редакторе, поэтому, если вы не сильны в HTML, то применим небольшую хитрость.</span></span></span></span></span><br />
<span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">В нижней части страницы расположена кнопка редактирования. Нажмем на нее и перейдем сначала в </span><b><span style="background-color: #cfe2f3;">Визуальный редактор. </span></b></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1s2745PwSfKwFgNs9TuBzpj6oe_FzimPJNsKiAF-szdrh0gjc3YhOTzZzVQtVF_0KffMpVp-5WayJgKNfoKds1RXiOQH40JjLEmDtFNXZI1Fr9GzbQ8X7H3qBsk-7UL8OfUEKqL0NeNQ/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1s2745PwSfKwFgNs9TuBzpj6oe_FzimPJNsKiAF-szdrh0gjc3YhOTzZzVQtVF_0KffMpVp-5WayJgKNfoKds1RXiOQH40JjLEmDtFNXZI1Fr9GzbQ8X7H3qBsk-7UL8OfUEKqL0NeNQ/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE4.jpg" /></a></div><span style="background-color: #cfe2f3;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJDHNPbCL-fbBvHAd-8bFOiFqKmTdA22s5Spzwz9idx1TSDSyHLTkJSTNn8Y4R7jjEz7CtfS0kPldqH3gcwKzUruJeanwwCO9tVrLzZQiFDhH4CxVQdMDIsUFu2nP8wag17GXAeFiZEnE/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE5.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJDHNPbCL-fbBvHAd-8bFOiFqKmTdA22s5Spzwz9idx1TSDSyHLTkJSTNn8Y4R7jjEz7CtfS0kPldqH3gcwKzUruJeanwwCO9tVrLzZQiFDhH4CxVQdMDIsUFu2nP8wag17GXAeFiZEnE/s400/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE5.jpg" width="400" /></a></div><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">В том месте, где нужно будет разместить видео, наберите небольшой текст: "Здесь будет видео". Сохраните изменения и войдите на страницу через HTML-редактор.</span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
<br />
</span><span style="background-color: #cfe2f3;"> </span><span style="background-color: #cfe2f3;"><br />
</span><span style="background-color: #cfe2f3;"> </span></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcMHAXoqDBQOWp96abs6tirx3KUOXH9rXNTBAgDe08GUp4K4FiGBZtU6TC82lBCHVyJEurUcmli1O0S7LP26UjWxMLuq4GkTYTj0CRKN-qNlsVNgXxDYcjPGDqSylXfIKaInlK1BZ8_k4/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE6.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcMHAXoqDBQOWp96abs6tirx3KUOXH9rXNTBAgDe08GUp4K4FiGBZtU6TC82lBCHVyJEurUcmli1O0S7LP26UjWxMLuq4GkTYTj0CRKN-qNlsVNgXxDYcjPGDqSylXfIKaInlK1BZ8_k4/s400/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE6.jpg" width="400" /></a></div><span style="background-color: blue;"><span style="background-color: blue;"><span style="background-color: white;"><span style="font-size: small;"><span style="background-color: #cfe2f3;">В появившемся окошке в зависимости от наполнения вашей странички будет записан HTML-код этой страницы. Найдите там текст "Здесь будет видео", выделите его и на его место вставьте скопированный код видеоролика. </span><span style="background-color: #cfe2f3;"><br />
<br />
</span><span style="background-color: #cfe2f3;"> Теперь сохраните изменения и перейдите на страницу, чтобы посмотреть на полученный результат.</span></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQT1jm4yQsmP-Av8wQvmtOLB5_7t-VvFtFOXUAOP_k2uIMthdarBcC_GBoy8KnWrXlGpgH-ybHsfMRKEFwikTjUEB0_kWdtc3LeZMOAE9gGRAjuWkBjNfwDuSqBB3RtSQbF-OV2Sto-M/s1600/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE7.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQT1jm4yQsmP-Av8wQvmtOLB5_7t-VvFtFOXUAOP_k2uIMthdarBcC_GBoy8KnWrXlGpgH-ybHsfMRKEFwikTjUEB0_kWdtc3LeZMOAE9gGRAjuWkBjNfwDuSqBB3RtSQbF-OV2Sto-M/s400/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE7.jpg" width="400" /></a></div><span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="background-color: #cfe2f3;"><br />
</span></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com1tag:blogger.com,1999:blog-3928346477629592073.post-42695091438571558732011-01-12T08:00:00.003+02:002011-01-23T13:57:07.492+02:00Занятие 12. Тизеры на основе информеров - красиво и полезно (часть вторая)<div dir="ltr" style="text-align: left;" trbidi="on">Давайте продолжим создавать тизер с помощью информера юкоза.<br />
Итак, мы с вами уже научились:<br />
<ul style="text-align: left;"><li><a href="http://scolsait.blogspot.com/2010/10/7.html">обрабатывать фотки и картинки для тизера;</a></li>
<li><a href="http://scolsait.blogspot.com/2010/12/11.html">создавать фотоальбомы; </a></li>
<li><a href="http://scolsait.blogspot.com/2010/12/11.html">размещать в них картинки.</a></li>
</ul><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicEmTj1IcZdqeW4awGWipQY6-vRi_zrpFSDedt4owlHJOkHyfve8dVeIN4nR2XK_nGSDSBur9AlXjNay8SLT89atcwZ6pzP9Rqy1g2NvBuBAoeU1cuJl5sNynMQhmivM1QAUKwW4n8uxg/s1600/%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580+%25D0%25BD%25D0%25BE%25D0%25B2%25D0%25B8%25D0%25BD%25D0%25BA%25D0%25B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicEmTj1IcZdqeW4awGWipQY6-vRi_zrpFSDedt4owlHJOkHyfve8dVeIN4nR2XK_nGSDSBur9AlXjNay8SLT89atcwZ6pzP9Rqy1g2NvBuBAoeU1cuJl5sNynMQhmivM1QAUKwW4n8uxg/s1600/%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580+%25D0%25BD%25D0%25BE%25D0%25B2%25D0%25B8%25D0%25BD%25D0%25BA%25D0%25B0.png" /></a>Сегодня мы создадим код тизерного информера и научимся ставить его на своем сайте. Вот так выглядит тизер "Новинка!" на нашем <a href="http://sbzosch.ucoz.ru/">школьном сайте</a>.<br />
Кликнув по картинке или надписи, посетитель обязательно попадет на рекламируемую страницу.<br />
Этот нехитрый способ поможет заинтересовать и удержать на сайте случайных посетителей, которые попали к вам из поисковика. Обычно они просматривают только одну страницу и зачастую очень быстро уходят с сайта.<br />
<a name='more'></a><span style="background-color: blue;"><b><span style="font-size: large;"><span style="color: blue;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">1. Код для тизерного информера. </span></span></span></span></b></span><br />
В интернете можно найти великое множество различных вариантов оформления тизеров и различных кодов к ним. Мы же воспользуемся одним из самых простых и универсальных, так как он удачно вписывается практически в любой стиль сайта.<br />
Вот он:<br />
<br />
<span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: #ead1dc;"><div align="center"><a href="$PHOTO_DESCR$">$PHOTO$</a></div><div align="center" style="padding-top:3px;padding-bottom:5px;font:7pt"><a href="$PHOTO_DESCR$" title="$PHOTO_NAME$">$PHOTO_NAME$</a></div> </span></span></span><br />
<br />
<span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: blue;"><span style="color: blue;"><span style="background-color: white;"><span style="font-size: large;"><span style="background-color: #cfe2f3;">2. Создаем информер для тизера </span></span></span></span></span></b></span></span></span><br />
<span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;"> Первое с чего нужно начать - это узнать </span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">ID </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">тех категорий </span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">фотоальбома, которые будут использоваться для этого информера. </span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH248meM3B3G6Iq0xFze4Kzod9z422fMQiXeK_TbfTzCQ7GZhsR47lZCdSQ2zOn04assh2jyK8fICgYiJSC0BTE9nT4g0anIl4_b-09TcFCcHEh2H8iaD1BqoRRYAOw0CSOp-asPK5T1g/s1600/%25D0%25BD%25D0%25BE%25D0%25BC%25D0%25B5%25D1%2580+ID.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH248meM3B3G6Iq0xFze4Kzod9z422fMQiXeK_TbfTzCQ7GZhsR47lZCdSQ2zOn04assh2jyK8fICgYiJSC0BTE9nT4g0anIl4_b-09TcFCcHEh2H8iaD1BqoRRYAOw0CSOp-asPK5T1g/s320/%25D0%25BD%25D0%25BE%25D0%25BC%25D0%25B5%25D1%2580+ID.png" width="320" /></a></div><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Зайдите в </span><b><span style="background-color: #cfe2f3;">Панель управления - модуль Фотоальбомы - Управление категориями</span></b><span style="background-color: #cfe2f3;"> и запомните номера </span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">ID </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">нужных категорий</span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">. </span></b></span></span></span><br />
<span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">На прошлом занятии мы размещали картинки для тизеров в категории Тизер1, которая имеет ID 9.</span></span></span></span><br />
<span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;"> </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Теперь на том же сайте, где создавали фотоальбомы и размещали картинки для тизеров, нужно </span><a href="http://scolsait.blogspot.com/2010/12/10.html"><span style="background-color: #cfe2f3;">создать информер.</span></a></span></span></span><br />
<span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Для этого на главной странице </span><b><span style="background-color: #cfe2f3;">Панели управления</span></b><span style="background-color: #cfe2f3;"> перейдите к модулю </span><b><span style="background-color: #cfe2f3;">Информеры</span></b><span style="background-color: #cfe2f3;"> и нажмите кнопку </span><b><span style="background-color: #cfe2f3;">Создать информер</span></b><span style="background-color: #cfe2f3;">. </span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW-altxL-lCWwnoiam_bzKM5spQQMCdhJwnW5pV8tUH1-bpoQJCS458d7iFTu62Xgmtl2St5PMVi0dfkI1iIFSLvh30RE7ZsmBYvcPVeqVvKF29eTgqXUfF4ZpsNcKX22ZMl4JHyAWcVE/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B0+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW-altxL-lCWwnoiam_bzKM5spQQMCdhJwnW5pV8tUH1-bpoQJCS458d7iFTu62Xgmtl2St5PMVi0dfkI1iIFSLvh30RE7ZsmBYvcPVeqVvKF29eTgqXUfF4ZpsNcKX22ZMl4JHyAWcVE/s320/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B0+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B0.png" width="320" /></a></div><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;"> В появившемся окне внимательно проставьте галочки, чтобы настроить информер под собственные нужды.</span></span></span></span><br />
<ol style="text-align: left;"><li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Обязательно выберите удобное </span><b><span style="background-color: #cfe2f3;">название</span></b><span style="background-color: #cfe2f3;">, чтобы потом нужный информер можно было легко отыскать. В нашем примере информер называется Новинка и будет зазывать посетителей на страницу с самым новым контентом.</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Раздел: фотоальбомы</span></b><span style="background-color: #cfe2f3;"> (ведь именно в фотоальбомах находятся тизерные картинки).</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Тип данных: материалы.</span></b></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Способ сортировки: дата добавления материала D, </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">так как нам нужно чтобы в информере всегда появлялся самый свежий файл или статья.</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;"> </span><b><span style="background-color: #cfe2f3;">Количество матириалов:</span></b><span style="background-color: #cfe2f3;"> от 1 до бесконечности в пределах разумного. Эта позиция определяет, сколько картинок и подписей к ним информер будет выводить одновременно. В нашем случае, это 1.</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Количество колонок:</span></b><span style="background-color: #cfe2f3;"> 1 (если информер вертикальный) и 3-5 (если информер горизонтальный.)</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Затем нужно нажать </span><b><span style="background-color: #cfe2f3;">Дополнительные опции</span></b><span style="background-color: #cfe2f3;">, чтобы появилось еще несколько пунктов для настройки.</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Список ID категорий </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">(этот параметр мы определили перед созданием информера):</span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;"> в этом поле нужно указать номера категорий фотоальбома, которые должны выводиться в информере. Если таких категорий несколько, то перечислять их нужно через запятую.</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Длина заголовка: </span></b><span style="background-color: #cfe2f3;">можно указать максимальную длину заголовка, чтобы тизер не выгляден слишком перегруженным текстом.</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Нажимаем </span><b><span style="background-color: #cfe2f3;">Создать</span></b><span style="background-color: #cfe2f3;"> и ищем свой информер в списке информеров. </span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span></ol><div style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Теперь нужно изменить код информера. Для этого нажмите </span><b><span style="background-color: #cfe2f3;">Шаблон информера</span></b><span style="background-color: #cfe2f3;"> (на рис. - в красном прямоугольнике) и в появившемся окне замените старый код на новый. Просто скопируйте код информера из </span><b><span style="background-color: #cfe2f3;">п.1 Код для тизерного информера </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">и вставьте</span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">.</span></b></span></span></span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div style="text-align: left;"><span style="background-color: #d5a6bd;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: #cfe2f3;"><div align="center"><a href="$PHOTO_DESCR$">$PHOTO$</a></div><div align="center" style="padding-top:3px;padding-bottom:5px;font:7pt"><a href="$PHOTO_DESCR$" title="$PHOTO_NAME$">$PHOTO_NAME$</a></div> </span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;"> </span></b></span></span></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyHjvTzQcAKni2F-Kn5Dk9-BEymhLBh6LnE6v8alSwB-6fFx1nKMU7sVPcXj5BEi7AbiTPhXIiQCXut60z5p9kxAQhytEBgRzf2RQgIdV3R3DojP1a3ZC_aVBYsgnYj-pIIY2srxHArUs/s1600/%25D1%2588%25D0%25B0%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25BD+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyHjvTzQcAKni2F-Kn5Dk9-BEymhLBh6LnE6v8alSwB-6fFx1nKMU7sVPcXj5BEi7AbiTPhXIiQCXut60z5p9kxAQhytEBgRzf2RQgIdV3R3DojP1a3ZC_aVBYsgnYj-pIIY2srxHArUs/s320/%25D1%2588%25D0%25B0%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25BD+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B02.png" width="320" /></a></div><div style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">Осталось нажать кнопку </span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">Сохранить </span></b></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">и скопировать </span><b><span style="background-color: #cfe2f3;">Код вызова информера</span></b><span style="background-color: #cfe2f3;"> в буфер обмена. </span></span></span></span></div><div style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;"> Для этого кликните по названию информера в списке информеров. Появится окно Код вызова информера. Нажмите на клавиатуре сочетание клавиш Ctrl+C и код информера скопируется в буфер обмена.</span></span></span></span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRW6CWUj6_afeCV9f65olJd4U7OIZfaPRHk-IVKeo_rFRTKHmc9VAjhqpS-Y9S6aFc1blEP26I0ZB9_McWQQJghyphenhyphenmJcK7gGd7yJOyr3o0ks2g8C_eJEh-0Gznu6mU0myy_TjrZK0uigWI/s1600/%25D0%25BA%25D0%25BE%25D0%25B4+%25D0%25B2%25D1%258B%25D0%25B7%25D0%25BE%25D0%25B2%25D0%25B0+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRW6CWUj6_afeCV9f65olJd4U7OIZfaPRHk-IVKeo_rFRTKHmc9VAjhqpS-Y9S6aFc1blEP26I0ZB9_McWQQJghyphenhyphenmJcK7gGd7yJOyr3o0ks2g8C_eJEh-0Gznu6mU0myy_TjrZK0uigWI/s320/%25D0%25BA%25D0%25BE%25D0%25B4+%25D0%25B2%25D1%258B%25D0%25B7%25D0%25BE%25D0%25B2%25D0%25B0+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B0.png" width="320" /></a></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span></div><div style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="font-size: large;"><span style="color: blue;"><span style="background-color: #cfe2f3;">3. Ставим информер на сайт </span></span></span></b></span></span></span></div><span style="background-color: #cfe2f3;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-fyP38Ad7WiiTDg108e_EEKFcHhCkNqjfF8gvmOkTWzVGrYP540vp6I8ElcQMfHru5yOiiIdKtvR9IaMrvCJHoMRXZV0rzGyDEntUKxVE1GqHHu0cntt6h0zz24O4jWxV-WJ0TCBa27M/s1600/%25D0%25BA%25D0%25BE%25D0%25B4+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-fyP38Ad7WiiTDg108e_EEKFcHhCkNqjfF8gvmOkTWzVGrYP540vp6I8ElcQMfHru5yOiiIdKtvR9IaMrvCJHoMRXZV0rzGyDEntUKxVE1GqHHu0cntt6h0zz24O4jWxV-WJ0TCBa27M/s320/%25D0%25BA%25D0%25BE%25D0%25B4+%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580%25D0%25B0.png" width="320" /></a></div><div style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">На сайте:</span></span></span></span></div><ul style="text-align: left;"><li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">переходим в режим Конструктор (в верхней части сайта </span><b><span style="background-color: #cfe2f3;">Конструктор - Включить конструктор - Добавить блок+</span></b><span style="background-color: #cfe2f3;">);</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">получаем Новый блок; </span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">ставим его в нужное место и меняем название;</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">нажимаем кнопку Настройки (похожа на шестеренку);</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">переходим на вкладку HTML и при помощи сочетания клавиш Ctrl+V вставляем код вызова;</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">сохраняем изменения;</span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span>
<li style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">выходим из режима конструктора, чтобы посмотреть, как работает тизерный информер. </span></span></span></span></li>
<span style="background-color: #cfe2f3;"> </span></ul><div style="text-align: left;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="font-size: large;"><span style="color: blue;"><span style="background-color: #cfe2f3;">4. Как создать другие тизерные информеры</span></span></span></b></span></span></span></div><div style="text-align: left;"><span style="font-size: small;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">В настройках информера можно задавать различные параметры</span></span></span></span><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><b><span style="background-color: #cfe2f3;">, </span></b></span></span></span></span><span style="font-size: small;"><span style="background-color: cyan;"><span style="background-color: #cfe2f3;"><span style="background-color: white;"><span style="background-color: #cfe2f3;">чтобы изменить количество выводимых материалов, количество колонок, порядок сортировки и т. д. Экспериментируя, можно получить множество разных тизерных информеров и украсить свой сайт. </span></span></span></span></span></div><div style="text-align: left;"><span style="background-color: #cfe2f3;"><br />
</span><br />
<span style="font-size: small;">При подготовке этого занятия были использованы материалы статьи <a href="http://dashline.name/tizery-pri-pomoshhi-informera-ucoz/">Тизеры при помощи информера ucoz</a></span><span style="background-color: #cfe2f3;"><br />
</span></div></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-180947051277547722010-12-30T22:36:00.001+02:002010-12-30T22:38:00.408+02:00С Новым годом!<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUg-5hbLqU3qliEehzzjvux4UTLxJMqS-YCH074P3MUSWQucbknrfpFB26dxSnDqDA_cKd7RP9YVoFbhirX2yFz4EWxIYO_78LcDYN2J6dqsgs_06kEeoLDXvw3l4JteTt-mpFnP8Wbs0/s1600/51.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUg-5hbLqU3qliEehzzjvux4UTLxJMqS-YCH074P3MUSWQucbknrfpFB26dxSnDqDA_cKd7RP9YVoFbhirX2yFz4EWxIYO_78LcDYN2J6dqsgs_06kEeoLDXvw3l4JteTt-mpFnP8Wbs0/s200/51.gif" width="200" /></a></div><span style="font-size: large;"><b><span style="color: purple;">Дорогие друзья!<br />
Позвольте поздравить вас с наступающим Новым годом! Пусть для каждого из вас 2011 год станет годом свершившихся надежд и желаний!<a name='more'></a></span></b></span><br />
<br />
Пусть в этот чудесный праздник,<br />
Пусть в эту волшебную ночь<br />
Под звон фужеров хрустальных<br />
Уйдут все невзгоды прочь,<br />
Вы будете звонко смеяться,<br />
Вы будете много шутить,<br />
И сами себе удивляться,<br />
И близких друзей смешить.<br />
Веселым, как этот вечер,<br />
Пусть будет грядущий год.<br />
Всё то, что когда-то хотели,<br />
Пусть срочно Вам принесет.<br />
Сопутствует пусть Вам удача,<br />
И будет здоровье крепко,<br />
Решится любая задача.<br />
Пусть в жизни Вам будет легко!Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-72557508448231504802010-12-15T08:00:00.051+02:002011-01-23T00:03:53.721+02:00Занятие 11. Тизеры на основе информеров - красиво и полезно (часть первая)<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieCdynNbxlhE97BT5Pc_7TsHz3Z02bsXP-XPGSErjNmdl0awyXEjlgmBiz8c3YA-YNNzbzv5qu1W3kToyYOuhT4aLLLSxk2l7LURbyeksMjCHkgO83pVXGScracVtxyStiwTS2DILmN9Y/s1600/%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%25800001.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieCdynNbxlhE97BT5Pc_7TsHz3Z02bsXP-XPGSErjNmdl0awyXEjlgmBiz8c3YA-YNNzbzv5qu1W3kToyYOuhT4aLLLSxk2l7LURbyeksMjCHkgO83pVXGScracVtxyStiwTS2DILmN9Y/s200/%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%25800001.jpg" width="200" /></a></div><b>Тизеры</b> — это обычно яркие наборы небольших блоков: текст + картинка, которые завлекают посетителя посмотреть интригующую информацию.<br />
Сегодня на занятии мы с вами научимся создавать тизеры на основе информеров юкоза.<br />
Наши тизеры будут выполнять двойную роль:<br />
* рекламировать наши статьи, заметки, материалы, файлы;<br />
* украшать сайт, дополнять его дизайн.<br />
<a name='more'></a><br />
Чтобы создать красивый тизер, нужно уметь добавлять на сайт <a href="http://scolsait.blogspot.com/2010/12/10.html">информеры</a> и работать с <a href="http://scolsait.blogspot.com/2010/10/7.html">картинками</a>.<br />
Тизеров в сети великое множество, мы же рассмотрим лишь один из способов их создания.<br />
<b><span style="font-size: large;"><br />
Создаем тизер </span></b><br />
Для этого тизера нам понадобятся маленькие картинки 80х80 рх к каждой рекламируемой статье и новый информер на сайте.<b><span style="font-size: large;"> </span></b><br />
<br />
<span style="font-size: small;"><span style="color: blue;"><b>1. Учимся создавать фотоальбомы.</b></span></span><br />
<span style="font-size: small;">Для начала нам понадобится место для хранения картинок. Очень удобен в этом отношении модуль <b>Фотоальбомы</b>.</span><br />
<span style="font-size: small;"><i>Если на своем сайте вы планируете использовать этот модуль для демонстрации своих фотографий или картинок, то фотоальбом для тизеров создайте на другом (вспомогательном) сайте. (Просто заведите еще один сайт на юкозе специально для этих целей.) </i></span><br />
<span style="font-size: small;">Итак, чтобы подключить модуль Фотоальбомы, перейдите в свою Панель управления, и выполните все по инструкции </span><a href="http://scolsait.blogspot.com/2010/11/blog-post.html"><span style="font-size: small;">п.3 <b>Расширяем возможности, добавляя новые модули</b></span></a><span style="font-size: small;">.</span><br />
<span style="font-size: small;">Теперь, когда у вас этот модуль уже активирован, можно заняться его настройкой под тизеры. </span><br />
<span style="font-size: small;">Через правое меню в Панели управления попадаем в модуль Фотоальбомы: <b>Фотоальбомы - Управление модулем - Настройки модуля. </b></span><span style="font-size: small;"> </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ivMPYigMDKwgYEzmV5H3xhHzo7Zd-KkYKpLmfy_ZEBZReGIBue8-69X_XY_UVbw9h7NpBn6pF_jYF_zyAEgmC89_NshdOTQ9VGcZ5PV7V4htITBQt9jBK7h1EJm9MdBU4X4ZZvSAJgU/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ivMPYigMDKwgYEzmV5H3xhHzo7Zd-KkYKpLmfy_ZEBZReGIBue8-69X_XY_UVbw9h7NpBn6pF_jYF_zyAEgmC89_NshdOTQ9VGcZ5PV7V4htITBQt9jBK7h1EJm9MdBU4X4ZZvSAJgU/s320/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B.png" width="320" /></a><span style="font-size: small;">В настройках модуля обязательно выставьте параметры так как на рисунке в тех пунктах, где подчеркнуто красным. В остальных - ставьте на свое усмотрение.</span><br />
<span style="font-size: small;"><u><b>Размеры демо-картинки:</b> </u><b>80 х 80 рх </b></span><span style="font-size: small;">(такого размера будут у вас картинки на тизерах).</span><br />
<span style="font-size: small;"><b><u>Тип уменьшение фотографий при создании демо-картинки</u>: обрезание </b></span><span style="font-size: small;">(этот способ предпочтительнее, так как почти не искажает картинку).</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBSnTdiWX9XeTJ-Nd89btFupue0IDj21ry0XQ1kXoKlUbygeJ3qJViK2U-g11i3kLcDdzAc0dBYEMevlxuMdG12F16LciRhUSSf3XWv1IJsQvDOWLZG-Ln2BgjNd94bLGxGg_BRL7UDk/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBSnTdiWX9XeTJ-Nd89btFupue0IDj21ry0XQ1kXoKlUbygeJ3qJViK2U-g11i3kLcDdzAc0dBYEMevlxuMdG12F16LciRhUSSf3XWv1IJsQvDOWLZG-Ln2BgjNd94bLGxGg_BRL7UDk/s400/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B1.png" width="347" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBSnTdiWX9XeTJ-Nd89btFupue0IDj21ry0XQ1kXoKlUbygeJ3qJViK2U-g11i3kLcDdzAc0dBYEMevlxuMdG12F16LciRhUSSf3XWv1IJsQvDOWLZG-Ln2BgjNd94bLGxGg_BRL7UDk/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrXFl0jJuGgMpQoaYxxewQs6d83YZPnJAAe5Uv3Pmn1jYTRaAMnXNwEN9GLU_rBtPuw7Vj2ZNVLklt66RbtsZ5M7qVnPkAE92zVExO3wKEhtA4pguQ1vZUSjNslNm0SOdUXOfTPNhrto/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrXFl0jJuGgMpQoaYxxewQs6d83YZPnJAAe5Uv3Pmn1jYTRaAMnXNwEN9GLU_rBtPuw7Vj2ZNVLklt66RbtsZ5M7qVnPkAE92zVExO3wKEhtA4pguQ1vZUSjNslNm0SOdUXOfTPNhrto/s400/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B2.png" width="400" /></a><span style="font-size: small;"><b> <u>Поля для добавления фотографий</u>: название фотографии </b></span><span style="font-size: small;">и</span><span style="font-size: small;"><b> краткое описание.</b></span><br />
<span style="font-size: small;">Затем нажимаете кнопку </span><span style="font-size: small;"><b>Сохранить. </b></span><span style="font-size: small;"></span><br />
<span style="font-size: small;">Теперь в модуле </span><span style="font-size: small;"><b>Фотоальбомы </b></span><span style="font-size: small;">нужно создать категории для тизеров.</span><br />
<span style="font-size: small;">Для этого снова переходим в правое меню Панели управления <b>Фотоальбомы - Управление модулем - Управление категориями. </b></span><br />
<span style="font-size: small;">Создаем новый раздел Тизеры.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSzJ0ggNawiH3JVyu2929n9LeI8exjqbVsfryXLwJkG2sUsCG7D6zEgle2CIFkHkr-BtSbTreBW_R22tMNIbBHR6565crbqkNF3fDZ-AgFV2qFSle_TMnyp8rvL8JmiqAnoWLcC8IZu4g/s1600/%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D0%25B8+%25D0%25B4%25D0%25BB%25D1%258F+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSzJ0ggNawiH3JVyu2929n9LeI8exjqbVsfryXLwJkG2sUsCG7D6zEgle2CIFkHkr-BtSbTreBW_R22tMNIbBHR6565crbqkNF3fDZ-AgFV2qFSle_TMnyp8rvL8JmiqAnoWLcC8IZu4g/s320/%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D0%25B8+%25D0%25B4%25D0%25BB%25D1%258F+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2.png" width="320" /></a></div><span style="font-size: small;">Обратите внимание на пункт Группы, имеющие доступ к разделу.</span><br />
<span style="font-size: small;">Так как этот модуль у нас вспомогательный, то желательно дать права доступа кнему только администратору.</span><br />
<br />
<span style="font-size: small;">Нажимаем кнопку <b>Добавить категорию </b>и придумываем ей название. В нашем случае эту категорию можно назвать Тизеры1.</span><br />
<span style="font-size: small;">Снова выставляем права доступа только администратору и нажимаем <b>Сохранить</b>. </span><br />
<span style="font-size: small;"> </span><span style="font-size: small;"> </span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-eqyqpb4zP2WUS83MuQSBjW1zl1J7badI_K0tMhWvn2PEMFF3H8jz40Zp1ssRm5AyQAlpkli7RXIp6LP0fe2i6HbQoZkPQcoYwpucUdb56JpeJV4MLoE2lbxH64VBaSK9fQqj-qwiFWk/s1600/%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D0%25B8+%25D0%25B4%25D0%25BB%25D1%258F+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B21.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-eqyqpb4zP2WUS83MuQSBjW1zl1J7badI_K0tMhWvn2PEMFF3H8jz40Zp1ssRm5AyQAlpkli7RXIp6LP0fe2i6HbQoZkPQcoYwpucUdb56JpeJV4MLoE2lbxH64VBaSK9fQqj-qwiFWk/s400/%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D0%25B8+%25D0%25B4%25D0%25BB%25D1%258F+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B21.png" width="261" /></a></div><span style="font-size: small;">Теперь переходим на свой сайт в фотоальбомы и добавляем картинки в раздел Тизеры, категория Тизер1.</span><br />
<br />
<span style="font-size: small;">Эти картинки в фотоальбомы желательно добавлять уже приведенными к размеру 80 х 80, так как встроенная программа может это сделать некорректно.</span><br />
<span style="font-size: small;"> </span><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;"><span style="color: blue;"><b>2. Учимся добавлять тизерные картинки в фотоальбомы. </b></span></span><br />
<span style="font-size: small;"> Для этого на сайте через меню заходим в фотоальбомы и нажимаем <b>Добавить материал</b>.</span><br />
<span style="font-size: small;">Выбираем категорию Тизер1.</span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4lByu1xcru6uFtayg6eWklQ67PuXCMN3DjqTStgb-PCeGncpeT7d-dpE8DEPn2e8ohywWnujx1GCOd2jAD7JiaBZ-N5R8xX09UpCf1ZsjX0v8IOI0Dlf7zOsSF72QVZzbGjfnoh7-to/s1600/%25D0%2594%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25BB%25D1%258F%25D0%25B5%25D0%25BC+%25D0%25BA%25D0%25B0%25D1%2580%25D1%2582%25D0%25B8%25D0%25BD%25D0%25BA%25D1%2583+%25D0%25BD%25D0%25B0+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580+%25D0%25B2+%25D1%2584%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4lByu1xcru6uFtayg6eWklQ67PuXCMN3DjqTStgb-PCeGncpeT7d-dpE8DEPn2e8ohywWnujx1GCOd2jAD7JiaBZ-N5R8xX09UpCf1ZsjX0v8IOI0Dlf7zOsSF72QVZzbGjfnoh7-to/s320/%25D0%2594%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25BB%25D1%258F%25D0%25B5%25D0%25BC+%25D0%25BA%25D0%25B0%25D1%2580%25D1%2582%25D0%25B8%25D0%25BD%25D0%25BA%25D1%2583+%25D0%25BD%25D0%25B0+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580+%25D0%25B2+%25D1%2584%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC.png" width="320" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggpaXi9UYV77iStYJz070lPwDl7SoT7ef2SaEcOOUn1Xs14YqbPamHTV6SwvVrfeXihss7aMTZQ1_UufeZGddAo9ETr-Fvt3FrpkEKxO0W4e1fz1BGWju__5KjD6qOMgEV-gcguCiERuE/s1600/%25D0%2594%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25BB%25D1%258F%25D0%25B5%25D0%25BC+%25D0%25BA%25D0%25B0%25D1%2580%25D1%2582%25D0%25B8%25D0%25BD%25D0%25BA%25D1%2583+%25D0%25BD%25D0%25B0+%25D1%2582%25D0%25B8%25D0%25B7%25D0%25B5%25D1%2580+%25D0%25B2+%25D1%2584%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a><br />
<span style="font-size: small;">Через кнопку <b>Обзор</b> находим у себя на компе нужную картинку.</span><br />
<span style="font-size: small;">В поле <b>Название фотографии</b> вводим название статьи, новости или файла, который хотим рекламировать.</span><br />
<span style="font-size: small;">В поле <b>Краткое описание</b> вставляем адрес </span><span style="font-size: small;">статьи, новости или файла, который хотим рекламировать (для этого нужно открыть страницу со статьей на сайте, из строки браузера скопировать адрес). Внимательно следите, чтобы не было лишних пробелов и адрес был правильным, так именно это поле отвечает за работу гиперссылки.</span><br />
<span style="font-size: small;">Нажимаем кнопку <b>Добавить</b>. </span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">Добавьте в эту категорию 10-15 картинок и адресов, чтобы тизерный блок был интересным.</span><br />
<br />
<span style="font-size: small;">На следующем занятии мы научимся создвать интформер для тизера и вставлять его на сайт. </span><br />
<br />
<span style="font-size: small;">При подготовке этого занятия были использованы материалы статьи <a href="http://dashline.name/tizery-pri-pomoshhi-informera-ucoz/">Тизеры при помощи информера ucoz</a></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrXFl0jJuGgMpQoaYxxewQs6d83YZPnJAAe5Uv3Pmn1jYTRaAMnXNwEN9GLU_rBtPuw7Vj2ZNVLklt66RbtsZ5M7qVnPkAE92zVExO3wKEhtA4pguQ1vZUSjNslNm0SOdUXOfTPNhrto/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> </a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrXFl0jJuGgMpQoaYxxewQs6d83YZPnJAAe5Uv3Pmn1jYTRaAMnXNwEN9GLU_rBtPuw7Vj2ZNVLklt66RbtsZ5M7qVnPkAE92zVExO3wKEhtA4pguQ1vZUSjNslNm0SOdUXOfTPNhrto/s1600/%25D0%25BD%25D0%25B0%25D1%2581%25D1%2582%25D1%2580%25D0%25BE%25D0%25B9%25D0%25BA%25D0%25B8+%25D0%25BC%25D0%25BE%25D0%25B4%25D1%2583%25D0%25BB%25D1%258F+%25D0%25A4%25D0%25BE%25D1%2582%25D0%25BE%25D0%25B0%25D0%25BB%25D1%258C%25D0%25B1%25D0%25BE%25D0%25BC%25D1%258B2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a></div></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-68113322266425011892010-12-01T08:00:00.085+02:002010-12-01T19:17:40.511+02:00Занятие 10. Как добавить на сайт информер<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5yFoBmuK-Knj0rSjTvcezncdQB_CNBb8zdQcZ0ZR3mvomqWtqS9H5YAyhxf_mqLVPlne4ZkkMLcS2TpZq6rouHpAaIRT2myICqjl9d5MeoI0BDrupvvxjauwTQXUBg0dGzLBG1dKpBE/s1600/%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5yFoBmuK-Knj0rSjTvcezncdQB_CNBb8zdQcZ0ZR3mvomqWtqS9H5YAyhxf_mqLVPlne4ZkkMLcS2TpZq6rouHpAaIRT2myICqjl9d5MeoI0BDrupvvxjauwTQXUBg0dGzLBG1dKpBE/s200/%25D0%25B8%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%2580.jpg" width="200" /></a></div>На прошлом занятии мы научились добавлять на сайт различные блоки. Содержимое этих блоков может быть очень разнообразным: от простых текстовых сообщений и гиперссылок до видеороликов и графических ссылок.<br />
Сегодня мы научимся создавать <strong>информеры</strong> для рекламы материалов собственного сайта и привлечения к ним внимания посетителей.<br />
<a name='more'></a><br />
<b>Информер</b> - это автоматически обновляющийся текстовый или графический элемент, который устанавливается на сайте и служит для предоставления повседневной финансовой, политической, спортивной и другой информации. Источником для сбора этой информации может служить как собственный сайт, так и сторонние ресурсы.<br />
<br />
Для начала войдите на сайт как администратор.<br />
Затем через админ-бар войдите в <b>Панель управления.</b> (Админ-бар<b>--></b>Общее<b>--></b>Вход в панель управления)<br />
<br />
<span style="font-size: large;">1. Создаем информер <b>"Новинка"</b></span><b> </b><br />
Этот информер будет показывать ссылки на последние добавленные статьи, файлы или новости.<b> </b><br />
1. В<b> Панели управления </b>нажмите кнопку <b>Информеры.</b><br />
2. В появившемся окне нажмите кнопку <b>Создать информер.</b><br />
3. Внимательно читаем и заполняем поля в появившемся окне.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61jmaBxqI3r29IH1w1mua93DjZiAGk1FS5hHmjNOl5-clrl5waY-7Plo16xPxmEOI2j0Co80c9jLgWcafEJcvqxvLriqngNM65w-wml5WvTlE5WR4wvNHPPhaSVRZoXMVl0r7rmJVUfw/s1600/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25801.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61jmaBxqI3r29IH1w1mua93DjZiAGk1FS5hHmjNOl5-clrl5waY-7Plo16xPxmEOI2j0Co80c9jLgWcafEJcvqxvLriqngNM65w-wml5WvTlE5WR4wvNHPPhaSVRZoXMVl0r7rmJVUfw/s400/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25801.jpg" width="400" /></a><b>Название информера</b> - придумайте для своего информера понятное название, отражающее его предназначение. Например, в нашем случае - Новинка.<br />
<b>Раздел</b> - здесь можно выбрать разделы сайта, материалы которых можно помещать в информеры.<br />
Выберите раздел, нажав на галочку выпадающего списка. Для нас подойдет раздел <b>Новости</b> <b>сайта</b> или <b>Каталог файла.</b><br />
<b>Тип данных - Материалы </b>(будут выводиться конкретные материалы) или<b> Категории </b>(будут выводиться только названия категорий).<br />
Для нас подойдет - Материалы.<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-1G_OaQhyphenhyphenK-C0l7vrjSwMjxKhg94QMd0h7_HoUwoRNPan04ogcDVs2SO_STyIaZV5-OHCK2RVfDGUhcGCr-olsMitHTj4iUzg3g9-uWvPYRHwbuQ_6VME1x38m-siB3PYyTv1d6zNE0/s1600/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25802.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-1G_OaQhyphenhyphenK-C0l7vrjSwMjxKhg94QMd0h7_HoUwoRNPan04ogcDVs2SO_STyIaZV5-OHCK2RVfDGUhcGCr-olsMitHTj4iUzg3g9-uWvPYRHwbuQ_6VME1x38m-siB3PYyTv1d6zNE0/s400/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25802.jpg" width="400" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidchdnI0olUowygiw87_yuCrLeXZmWxRmn9yG3iDlfUO3L8zNzdmLhyphenhyphenPx2SJsEEzN2JhLSOFDT25WHA18yYZnVGwPQQiBj1z8tyRKOjJWoVXkgnWVqhZ9DnGp-hyIkFO4N11nuXfvnk0s/s1600/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25802.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a><br />
<b>Способ сортировки</b> - здесь нужно задать правило, по которому будут отбираться материалы.<br />
Можно выбрать такие варианты:<br />
<b>* дата добавления материала А - </b>верхние позиции займут первые (самые старые) из добавленных материалов;<br />
<b>* дата добавления материала D - </b>верхние позиции займут последние (самые новые) из добавленных материалов;<br />
<b>* рейтинг материала А - </b>материалы будут рассортированы по рейтингу от низкого до самого высокого;<br />
<b>* рейтинг материала D </b><b>- </b>материалы будут рассортированы по рейтингу от самого высокого до низкого;<br />
<b>* количество просмотров А</b><br />
<b>* количество просмотров D</b><br />
<b>* комментарии к материалу А</b><br />
<b>* комментарии к материалу D</b><br />
<b>* количество загрузок А</b><br />
<b>* количество загрузок D</b><br />
<b>* в случайном порядке - </b>материалы будут выводиться в случайном порядке;<br />
<b>* название материала - </b>материалы будут рассортированы по названиям в алфавитном порядке.<br />
В нашем случае в информере должны появляться самые последние из добавленных материалов, поэтому нужно выбрать способ сортировки - <b>дата добавления материала D.</b><br />
<b>Количество материалов - </b>здесь нужно проставить число от 1 до 10 или 20 (слишком большое число материалов в одном блоке смотрится тяжеловато).<br />
<b>Количество колонок </b>- для вертикального информера ставят 1-3 колонки, для горизонтального - 4-7.<br />
Выставив нужные позиции, нажимаем кнопку <b>Создать.</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0Sjbwc7Jl1dvP9diIqTsgSzfYzZgrDp9a-KuEu5u4eUdTEiqCUaylHvXaBCHfb9kiNXgfs3TR5V_VmGCj2xbH6kv7OTLIKB3SZ8gA2hEnoM4LHRI9C3344mLYnUxzmzMgMfqOtTriuI/s1600/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25803.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0Sjbwc7Jl1dvP9diIqTsgSzfYzZgrDp9a-KuEu5u4eUdTEiqCUaylHvXaBCHfb9kiNXgfs3TR5V_VmGCj2xbH6kv7OTLIKB3SZ8gA2hEnoM4LHRI9C3344mLYnUxzmzMgMfqOtTriuI/s400/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25803.jpg" width="400" /></a></div><b> </b>В нижней части окна<b> Информеры </b>(там же, где вы работали), появится строка с записью нового информера.<br />
Необходимо нажать название информера (у нас - Новинка), чтобы получить код вызова информера.<br />
Скопируйте его.<br />
<br />
Теперь вернитесь на свой сайт.<br />
Включите режим Конструктор.<br />
Добавьте новый блок, введите название и нажмите кнопку Редактировать (похожа на шестеренку).<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wk098-E0mdQoBMo8WSsE4GD6L5gHHUHwp5n-654AvcyVZadncp6HEPiWCsGgG3pxlIgE0M5UUluEAAWkWSNWcjdMsD7OVM_iUebCJnH3vXvMXC4b-zcfKDg-SjGhsZ6gbRgIRABL5MY/s1600/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25804.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wk098-E0mdQoBMo8WSsE4GD6L5gHHUHwp5n-654AvcyVZadncp6HEPiWCsGgG3pxlIgE0M5UUluEAAWkWSNWcjdMsD7OVM_iUebCJnH3vXvMXC4b-zcfKDg-SjGhsZ6gbRgIRABL5MY/s400/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25804.jpg" width="400" /></a></div>В появившемся окне выберите иконку <b>Informers, </b>а затем выберите из списка информеров ваш новый информер.<br />
<i>или</i><br />
В появившемся окне нажимаем вкладку <b>HTML</b> и заменяем запись <i>block contents</i> содержимым буфера обмена (мы ведь скопировали туда ссылку на созданный информер).<br />
В меню <b>Конструктор</b> нажимаем <b>Сохранить изменения</b> - и любуемся новым информером на сайте.<br />
<i>Примечание. Информация об изменениях на сайте иногда попадает в информеры с задержкой минут в 30, так что если вам показалось, что информер не работает - немного подождите.</i><br />
<b> </b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61jmaBxqI3r29IH1w1mua93DjZiAGk1FS5hHmjNOl5-clrl5waY-7Plo16xPxmEOI2j0Co80c9jLgWcafEJcvqxvLriqngNM65w-wml5WvTlE5WR4wvNHPPhaSVRZoXMVl0r7rmJVUfw/s1600/%25D0%2598%25D0%25BD%25D1%2584%25D0%25BE%25D1%2580%25D0%25BC%25D0%25B5%25D1%25801.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com2tag:blogger.com,1999:blog-3928346477629592073.post-23482284808938687762010-11-26T23:36:00.008+02:002010-11-27T18:25:58.197+02:00Занятие 9. Как добавлять дополнительные блоки на сайт<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBvM3GzyszijYUAYg1ZicPHnHGYb6CvsbB4EILGLLSIcGhh7FpuuJtYFMWu6BP8wquJsyksAjX5jRK0dGYbtdGcmcntm1xpWijAmDFHgWTsiY-6fqc2SXUhkuuIR39DebLjlHu3pSbEQ/s1600/%25D0%2591%25D0%25BB%25D0%25BE%25D0%25BA%25D0%25B8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBvM3GzyszijYUAYg1ZicPHnHGYb6CvsbB4EILGLLSIcGhh7FpuuJtYFMWu6BP8wquJsyksAjX5jRK0dGYbtdGcmcntm1xpWijAmDFHgWTsiY-6fqc2SXUhkuuIR39DebLjlHu3pSbEQ/s1600/%25D0%2591%25D0%25BB%25D0%25BE%25D0%25BA%25D0%25B8.jpg" /></a></div><span style="font-size: small;">Шаблоны на юкозе устроены так, что позволяют добавлять дополнительные блоки на сайт. В этих блоках можно размещать различные виджеты, гаджеты, элементы сайта, различные меню, информеры и многое другое.</span><br />
<span style="font-size: small;">Блоки, наполненные разнообразными "прибамбасами", очень оживляют и украшают сайт, делают его комфортным и удобным для посетителей.</span><br />
<span style="font-size: small;">Сегодня на занятии мы с вами научимся добавлять такие блоки на свой сайт.<a name='more'></a></span><br />
<br />
<br />
<span style="font-size: small;"><b>Шаг 1. </b>Заходим на сайт как администратор.</span><br />
<span style="font-size: small;"><br />
<b>Шаг 2. </b>На верхней панели админ-бара находим кнопку <b>Конструктор</b>. Нажимаем. </span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6wxiO-Nw82kzSP179qyp_MsTJAqJg2zCpY-8skU0t_7Re9YgHd5QvaJ56MOx66JztAeheRE-zr5iu6zh_5rTCWy789X_eT3LUJDP7rvq3gb36nc67vRwbwSf7PSf1hfff2WA5CaCrwBU/s1600/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%2580.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6wxiO-Nw82kzSP179qyp_MsTJAqJg2zCpY-8skU0t_7Re9YgHd5QvaJ56MOx66JztAeheRE-zr5iu6zh_5rTCWy789X_eT3LUJDP7rvq3gb36nc67vRwbwSf7PSf1hfff2WA5CaCrwBU/s320/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%2580.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPprXwA-Y7VIFCIT4u8vPm2yNaRPHbGrkDcILp6sfkNOWE9VKBB4TO6L237OtqkttdGBURR-TTIgvPsxkfOPAj-4XSovUnl0Cvw6ovlli7oqko6hKyvOgkkJuqm8V0uP85UXkMAsAsAc/s1600/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25801.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPprXwA-Y7VIFCIT4u8vPm2yNaRPHbGrkDcILp6sfkNOWE9VKBB4TO6L237OtqkttdGBURR-TTIgvPsxkfOPAj-4XSovUnl0Cvw6ovlli7oqko6hKyvOgkkJuqm8V0uP85UXkMAsAsAc/s320/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25801.jpg" width="320" /></a></div><span style="font-size: small;">Появится меню. Нажмите кнопку <b>Включить конструктор.<br />
</b></span><span style="font-size: small;">Внешний вид страницы сайта теперь изменится: появятся блоки-контейнеры.</span><span style="font-size: small;">В этой позиции блоки можно редактировать, изменять, добавлять новые или удалять ненужные.</span><br />
<span style="font-size: small;"><b><br />
<br />
<br />
Шаг 3. </b></span><span style="font-size: small;"> В меню</span><span style="font-size: small;"><b> Конструктор </b></span><span style="font-size: small;">появится кнопка </span><span style="font-size: small;"><b>Добавить блок. </b></span><span style="font-size: small;">Нажмите ее, чтобы добавить новый блок. Удерживая левой кнопкой мыши, перетащите его в любое понравившееся место.</span><span style="font-size: small;">Стрелками <b>вверх-вниз</b> выставьте его положение среди других блоков.</span><span style="font-size: small;">Напишите <b>название</b> в текстовое поле в верхней части блока.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg80ewCtC1QruKvWcHVCfiUUFkDGHUl9oZZOQyGItt0roxZ2ltsj21eyKlWe7mp6xVeB-fTaKSDehaPMso_u52RIjMiIn-f1uz0qY2ArqwNdbycQzICkxe3n3c3yA6nxLbsyE-8SVNu8vg/s1600/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25803.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg80ewCtC1QruKvWcHVCfiUUFkDGHUl9oZZOQyGItt0roxZ2ltsj21eyKlWe7mp6xVeB-fTaKSDehaPMso_u52RIjMiIn-f1uz0qY2ArqwNdbycQzICkxe3n3c3yA6nxLbsyE-8SVNu8vg/s320/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25803.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjahtl_APbbp5NFHvL1yOE2XVeQ-DslLLNbSigUBOnttAhKF7Hu-mD2qzzlgKR3UYdu3xYvIa1zZGR20dY38NmkoQExBICHHlI71IkyDc0lubXSjlcuOkHtupac7jvSUtY9-PFRi5_ovys/s1600/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25802.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><span style="font-size: small;"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Нажмите кнопку <b>Редактировать</b> (похожа на шестеренку), чтобы выбрать внутреннее содержимое блока.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7GCqtYV1V2vW3fyy76VP5XyFP8ViZBONA_Gg3A8UWdW4QN69UOw8Whe-gsKwTL34rie4wLTkQG8eJDfRCzivElfdJtHLxRhgzHnmQyrl3FJjvANEaaCZEfagxIEcJRM5zDS1RYIc1Qmg/s1600/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25804.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7GCqtYV1V2vW3fyy76VP5XyFP8ViZBONA_Gg3A8UWdW4QN69UOw8Whe-gsKwTL34rie4wLTkQG8eJDfRCzivElfdJtHLxRhgzHnmQyrl3FJjvANEaaCZEfagxIEcJRM5zDS1RYIc1Qmg/s320/%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%25804.jpg" width="320" /></a></div><span style="font-size: small;">Нажимая понравившуюся иконку, выбирайте любой объект (виджет, гаджет, меню, информер и т.д.). Не забудьте только затем нажать кнопку <b>Сохранить.</b></span><br />
<span style="font-size: small;"><b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Шаг 4. </b></span><span style="font-size: small;">Добавив столько блоков, сколько вам хочется, в меню </span><span style="font-size: small;"><b>Конструктор </b></span><span style="font-size: small;">нажимаем кнопку</span><span style="font-size: small;"><b> Сохранить изменения. </b></span><span style="font-size: small;"><b><br />
</b></span>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-34078044268105028302010-11-21T04:30:00.012+02:002010-11-27T18:25:13.000+02:00Занятие 8. Наводим порядок. Расширяем возможности<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JB7sxBqAFhZAbo7Z7lmcXqaaMdU4EG0FOmxTpWxZI3bBWdX7Qf0ukdcJTJVtBKCzFz8_Wzd-BUeAXaWiXS8eKDPk3vE72yQu1picdblOsJL4AIeYuEll4yu9T6tiBKlUynvLLJBNoLg/s1600/%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D0%25B8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JB7sxBqAFhZAbo7Z7lmcXqaaMdU4EG0FOmxTpWxZI3bBWdX7Qf0ukdcJTJVtBKCzFz8_Wzd-BUeAXaWiXS8eKDPk3vE72yQu1picdblOsJL4AIeYuEll4yu9T6tiBKlUynvLLJBNoLg/s200/%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D0%25B8.jpg" width="185" /></a></div>Надеюсь, у вас уже накопилось достаточно материалов в Новостях сайта. Поэтому предлагаю все добавленные материалы разбить на группы и создать в разделе Новости сайта для них отдельные категории.<br />
Для этого нужно зайти в <b>Панель управления.</b> Сделать это можно из Вебтопа или прямо из админ-бара своего сайта.<br />
<a name='more'></a><b><span style="font-size: large;"><span style="font-family: "Courier New", "Courier", monospace;"><span style="color: blue;">1. Входим в Панель управления.</span></span></span></b><br />
<b>Способ 1. Из вебтопа.</b><br />
Входим в вебтоп. В открывшемся окошке Управление сайтами находим свой сайт и рядом с ним кнопку <b>ПУ. </b>Нажимаем ее и попадаем в Панель управления.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPn1Qb6-QWcsQ9wxWCguL6yTkj5l4xnkXYr8c-z9QNpQMI70dNNTjMzGIraE8Nez8vDXdrI760xmx_qrosvmxXAYrWxd8G2Un5zDL1nJAkBwdEkiOzAmV82c4TZgZgP738L8Xgm_9WrxE/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPn1Qb6-QWcsQ9wxWCguL6yTkj5l4xnkXYr8c-z9QNpQMI70dNNTjMzGIraE8Nez8vDXdrI760xmx_qrosvmxXAYrWxd8G2Un5zDL1nJAkBwdEkiOzAmV82c4TZgZgP738L8Xgm_9WrxE/s320/1.jpg" width="320" /></a></div><b><br />
<br />
<br />
<br />
<br />
</b><br />
<b>Способ 2. Из админ-бара сайта. </b>Админ-бар - это небольшая панель в верхней части сайта.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqVFWOmKx86nKE5Mot64r6zNbRpXIicaPAFZInS8Gyo_rK9MG9FB6veOri3LOTbGZ1Cxy8unHF7Mif3cTahrvhHWspX9AKoJ_CUKK6J9pQkcrnfdXaLOZPfUe81LyhlTXE9xNbAUM7po0/s1600/2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqVFWOmKx86nKE5Mot64r6zNbRpXIicaPAFZInS8Gyo_rK9MG9FB6veOri3LOTbGZ1Cxy8unHF7Mif3cTahrvhHWspX9AKoJ_CUKK6J9pQkcrnfdXaLOZPfUe81LyhlTXE9xNbAUM7po0/s320/2.jpg" width="320" /> </a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqNy00_-o37FkkwWtfnyPkqcJDB4j8sGMR4KkVbd9Pc_VC87uVvG-_jMTvX9-AnaNve8Bma9qfnSsAVD42gsw3qoU_XSX2SbOmQssO2SiSAjy2B8ula8BCPAVOGhDnmhBrOO85rB2W6Go/s1600/3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqNy00_-o37FkkwWtfnyPkqcJDB4j8sGMR4KkVbd9Pc_VC87uVvG-_jMTvX9-AnaNve8Bma9qfnSsAVD42gsw3qoU_XSX2SbOmQssO2SiSAjy2B8ula8BCPAVOGhDnmhBrOO85rB2W6Go/s320/3.jpg" width="320" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Появится новое окошко с запросом на пароль. Вводим пароль от вебтопа, набираем цифры с картинки и нажимаем Вход. <br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="font-size: large;"><span style="font-family: "Courier New", "Courier", monospace;"><span style="color: blue;">2. Панель управления</span></span></span></b><br />
<span style="font-family: inherit;">В <b> </b></span><span style="font-family: inherit;"><b>Панеле управления </b> </span><span style="font-family: inherit;">выбираем кнопку Новости сайта и переходим на страницу управления этого модуля.</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOhMwfdivVtd6sy_md2BLfQTIdtC60KhNnXi97w968k91Qpo3Q6iYvCFuK64V4m1R8R89o11i0GmXXmQuwkG-tLaY1XnAuacqeSSCAmIkHRmgVSxSVIq-GEYry98ZtHh88tVc9gGxmE0A/s1600/4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOhMwfdivVtd6sy_md2BLfQTIdtC60KhNnXi97w968k91Qpo3Q6iYvCFuK64V4m1R8R89o11i0GmXXmQuwkG-tLaY1XnAuacqeSSCAmIkHRmgVSxSVIq-GEYry98ZtHh88tVc9gGxmE0A/s320/4.jpg" width="320" /></a><span style="font-family: inherit;"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
В блоке <b>Управление модулем </b></span><span style="font-family: inherit;">нажимаем кнопку </span><span style="font-family: inherit;"><b>Управление категориями. </b></span><span style="font-family: inherit;"><br />
</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAF3jC7WQoCJps7UBdJ_wrHoDc2ge7f7V-i2biVRnBwR-eRufnRHHiiHf5CQt8-XEmbyb-sXpkWzht2NtkpE6wwbrXpLFuwHuO6j641tH-j0Brx2Ee9VRrSk2qy8gd8WDW9GGLXhK38sA/s1600/5.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAF3jC7WQoCJps7UBdJ_wrHoDc2ge7f7V-i2biVRnBwR-eRufnRHHiiHf5CQt8-XEmbyb-sXpkWzht2NtkpE6wwbrXpLFuwHuO6j641tH-j0Brx2Ee9VRrSk2qy8gd8WDW9GGLXhK38sA/s400/5.jpg" width="400" /></a><span style="font-family: inherit;"><br />
<br />
<br />
<br />
</span><br />
<br />
<span style="font-family: inherit;"><br />
<br />
Теперь нажимаем кнопку</span><span style="font-family: inherit;"><b> Добавить категорию. </b></span><span style="font-family: inherit;">В появившемся окошке вводим название категории. Поле </span><span style="font-family: inherit;"><b>Описание категории </b></span><span style="font-family: inherit;">можно оставить пустым. Нажимаем кнопку <b>Сохранить.</b></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKFEs1_7nNbhyphenhyphenUOWsz3t6bdFKDF7PEIvDPnWvkmpEyelK5h3X1ntaF3-IkN-4xmB_63j85uV6dsXVUhSQbVwj63hoHEtxBYBPXtv8P5RToyr6Vez12z23ejKzeLV_WKsxZCUs95a9Ye6U/s1600/6.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKFEs1_7nNbhyphenhyphenUOWsz3t6bdFKDF7PEIvDPnWvkmpEyelK5h3X1ntaF3-IkN-4xmB_63j85uV6dsXVUhSQbVwj63hoHEtxBYBPXtv8P5RToyr6Vez12z23ejKzeLV_WKsxZCUs95a9Ye6U/s400/6.jpg" width="400" /></a><span style="font-family: inherit;"><b> </b></span><br />
<br />
<br />
<br />
<br />
<span style="font-family: inherit;"><b> </b></span><span style="font-family: inherit;"><br />
</span><span style="font-family: inherit;"> </span><br />
<br />
<br />
<br />
<span style="font-family: inherit;">Добавьте еще несколько категорий.</span><br />
<span style="font-family: inherit;">Теперь материалы из <b>Новостей</b> можно рассортировать по категориям.<br />
Для этого нужно в блоке <b>Управление модулем</b> нажать кнопку <b>Управление материалами</b>. Выбирайте нужный материал, нажимайте кнопку редактировать и вносите изменения. </span><br />
<br />
<b><span style="font-size: large;"><span style="font-family: "Courier New", "Courier", monospace;"><span style="color: blue;">3. Расширяем возможности, добавляя новые модули.</span></span></span></b><br />
<span style="font-family: inherit;">Кроме модуля <b>Новости сайта,</b> материалы можно добавлять в модуль </span><b><span style="font-family: inherit;">Каталог статей, Каталог файлов, Блог, Фотоальбомы.</span></b><span style="font-family: inherit;">В верхнем левом углу</span><b><span style="font-family: inherit;"> Панели управления </span></b><span style="font-family: inherit;">расположено меню активных модулей. Нажав кнопку Неактивные, можно посмотреть остальные модули и подключить их.</span><span style="font-family: inherit;">Д</span><span style="font-family: inherit;">обавьте дополнительные модули на свое усмотрение. Например, модуль </span><b><span style="font-family: inherit;">Каталог статей, Каталог файлов, Фотоальбомы.</span></b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eaf122pNNwrBFB7Qeso1mqPbplQirv_iEMc79al5uHQmZBN_Md9oyF3UpEzeXe8Ag4PqOUhyphenhyphenh9vdVpqyHIr0reB3qMu5brfYTBQOVWxfScILcKuvT5Am7jQV4kA1pW1fIePmeIjU6I4/s1600/8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eaf122pNNwrBFB7Qeso1mqPbplQirv_iEMc79al5uHQmZBN_Md9oyF3UpEzeXe8Ag4PqOUhyphenhyphenh9vdVpqyHIr0reB3qMu5brfYTBQOVWxfScILcKuvT5Am7jQV4kA1pW1fIePmeIjU6I4/s400/8.jpg" width="400" /></a><b><span style="font-family: inherit;"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</span></b><br />
<span style="font-family: inherit;"><br />
<br />
<br />
</span><br />
<span style="font-family: inherit;">В каждом из этих модулей материалы можно сортировать по категориям. Нужно лишь предварительно создать еще соответстующие</span><b><span style="font-family: inherit;"> Разделы.</span></b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYoFheejeQ5EC1bP5E_vxPRl46-bk4z5RcNbdMNkLrO6qbwEIvC3Z1NXDsUOOcROGlY_fUowEisbwb40bkozDShYy1-oS93jtU1MxMqXUVo-I9_tB4CQTi_eRmli8b9ODopu3VxG2N1RQ/s1600/9.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYoFheejeQ5EC1bP5E_vxPRl46-bk4z5RcNbdMNkLrO6qbwEIvC3Z1NXDsUOOcROGlY_fUowEisbwb40bkozDShYy1-oS93jtU1MxMqXUVo-I9_tB4CQTi_eRmli8b9ODopu3VxG2N1RQ/s320/9.jpg" width="264" /></a></div><span style="font-family: inherit;">Например, </span><b><span style="font-family: inherit;"> </span></b><span style="font-family: inherit;">давайте в модуле </span><b><span style="font-family: inherit;">Каталог файлов </span></b><span style="font-family: inherit;">создадим раздел Учебники, чтобы расположить там для скачивания школьные электронные учебники. <b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
В самом разделе добавлять материалы нельзя.</b> Поэтому создадим категории Математика, Русский язык, Иностранный язык, Биология и т.д. Будьте внимательны с зелеными галочками на этой вкладке. Если у вас нет особых предпочтений или правил, то оставьте все без изменений.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPo4Bk7RebOF95jm2QrKkLG9hjKfiEPrR8h82feqeQ3BgoNnhIFI77XpxB6OGs9xRVhtILNh1GpGoremP1dh4Ij7cWl1pJud7p1mLKIxurAjFmD5py3RbXV9bfhL7SGNqBsJmsLAHTbHY/s1600/10.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPo4Bk7RebOF95jm2QrKkLG9hjKfiEPrR8h82feqeQ3BgoNnhIFI77XpxB6OGs9xRVhtILNh1GpGoremP1dh4Ij7cWl1pJud7p1mLKIxurAjFmD5py3RbXV9bfhL7SGNqBsJmsLAHTbHY/s320/10.jpg" width="320" /></a></div><span style="font-family: inherit;"><br />
Теперь добавляя файлы для скачивания, можно располагать их по категориям. Это позволит вам содержать все материалы в порядке, а вашим посетителям быстро их находить.</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNv5PuG6rGshQn92ceScwSP3TJf8s3mg_2rYXAURlmTs6PVnJf5iHkIllnwoMK35F2OFyP9KNGvyUovBMAYCsKl7cuimp1L3XkL8Rd54Odw2Sb-Uc0za-nL8xQVuLfMRAH4JnuZjv6IA/s1600/6.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-13309698930784074522010-10-13T17:50:00.008+03:002010-10-13T23:19:09.312+03:00Занятие 7. Как вставить картинку на сайт<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: right;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX13ey5EzGtxj8JvhVdn6vV4LSF4_B9YFlAZvxwXQeHonAah-nQyD_F-Sd4TNUp80we859STbWu4_UupTonCkcMnVgY-XoWkzVkm_rR3LrgTmnrD563nFddYYq4cZP_kPgDC3mIFDQRVM/s1600/%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8+%D0%B4%D0%BB%D1%8F+%D1%81%D0%B0%D0%B9%D1%82%D0%B0240.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX13ey5EzGtxj8JvhVdn6vV4LSF4_B9YFlAZvxwXQeHonAah-nQyD_F-Sd4TNUp80we859STbWu4_UupTonCkcMnVgY-XoWkzVkm_rR3LrgTmnrD563nFddYYq4cZP_kPgDC3mIFDQRVM/s1600/%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8+%D0%B4%D0%BB%D1%8F+%D1%81%D0%B0%D0%B9%D1%82%D0%B0240.jpg" /></a></div>Текст на страницах сайта воспринимается людьми значительно лучше, если он снабжен иллюстрациями. Удачно подобранные картинки оживляют дизайн сайта, украшают его, привлекают внимание пользователей, помогают правильно расставить графические акценты.<br />
<br />
Сегодня рассмотрим такие вопросы:<br />
* Как найти картинки для сайта бесплатно, скачать их.<br />
* Бесплатные графические программы для просмотра и обработки картинок.<br />
* Как вставить картинку на сайт.<br />
<a name='more'></a><b><span style="font-size: large;">Как найти картинки для сайта бесплатно, скачать их</span></b><br />
<br />
<span style="font-size: small;">Самый простой способ</span><b><span style="font-size: large;"> </span></b><span style="font-size: small;">найти картинки для сайта бесплатно - это задать тему картинки в поисковике и нажать кнопку <b>Поиск, </b></span><span style="font-size: small;">затем перейти на вкладку </span><span style="font-size: small;"><b>Картинки. </b></span><span style="font-size: small;">Для Яндекса этот процесс выглядит так:</span><br />
<br />
<span style="font-size: small;">1. </span><span style="font-size: small;">В поле поиска набираем тему картинки</span><span style="font-size: small;">. Например: котята. <i>(Чтобы увеличить размер картинки и прочесть надписи, щелкните мышкой по ценьру изображения)</i></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVou1s7Ky90ZqGXqYriSrP-IY-lMIznLIeqSgqE2UJ-Q7e_P2MKuJcp_p4YYc3HdC0Ye0UIa_7OiFu9KMY4R6Il_LvxORbIrtZMay43IVCAjjykrqG289yBxa68W6bQpeGvFhVONraZE/s1600/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVou1s7Ky90ZqGXqYriSrP-IY-lMIznLIeqSgqE2UJ-Q7e_P2MKuJcp_p4YYc3HdC0Ye0UIa_7OiFu9KMY4R6Il_LvxORbIrtZMay43IVCAjjykrqG289yBxa68W6bQpeGvFhVONraZE/s400/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA1.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">2. Переходим на следующую страницу.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_9tsOD-ptAJOb_DlNI162sr15ygtjc8RBSfi20r8AiUI92ulWAZjza8vynebvPQ7TL0JAsgBM74deOpnlXTAqbq0qEkIPExbjBv2o4k_qaSbaWSjjAm5UTjb9SISN7abtac-gN7BQSQ/s1600/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_9tsOD-ptAJOb_DlNI162sr15ygtjc8RBSfi20r8AiUI92ulWAZjza8vynebvPQ7TL0JAsgBM74deOpnlXTAqbq0qEkIPExbjBv2o4k_qaSbaWSjjAm5UTjb9SISN7abtac-gN7BQSQ/s400/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA2.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><span style="font-size: small;">3. Справа расположен список разных вариантов данной картинки, на котором указаны размеры картинки и ее вес. Выберите картинку с наибольшим весом. Так вы получите максимально качественное исходное изображение.</span><br />
<span style="font-size: small;"><br />
4. Нажав на нужную ссылку, вы перейдете на следующую страницу. Здесь вам нужно щелкнуть правой кнопкой мышки в центре изображения, чтобы появилось контекстное меню с вариантами ваших действий. Выберите пункт <b>Сохранить изображение </b></span><span style="font-size: small;">и нажмите на нем левой кнопкой мышки.</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvefmBT6qnmrJT5i74L-oaEQx0-S1O9JQO609iRcmJWSXLXa6hbu0L2q3j-8x8-nZSFc5CA4eX2N9FF4aX7a8vFpSRz-_g7dk91jmZDR4SiyvaO-u4fS8qlvA6Pq9d8iUtLoZeDvNibI/s1600/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvefmBT6qnmrJT5i74L-oaEQx0-S1O9JQO609iRcmJWSXLXa6hbu0L2q3j-8x8-nZSFc5CA4eX2N9FF4aX7a8vFpSRz-_g7dk91jmZDR4SiyvaO-u4fS8qlvA6Pq9d8iUtLoZeDvNibI/s400/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA3.jpg" width="400" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;"><br />
<br />
<br />
<br />
<br />
5. Теперь появится окно <b>Сохранить как ... </b></span><span style="font-size: small;">Здесь вы можете выбрать удобное место для хранения картинки. </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMFevAHwVItxeYQQM2MoMuR5qZBpCxnRDQPmX-g18mnoRn9uom1-UIxHY3AUEDUIVqWUukz6XmepTgmTTGt9TbJSIKeuDiRrzeCdDvdJCC1emGOLcBp4jLtVlskUUECtCdYNDplkFiec/s1600/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMFevAHwVItxeYQQM2MoMuR5qZBpCxnRDQPmX-g18mnoRn9uom1-UIxHY3AUEDUIVqWUukz6XmepTgmTTGt9TbJSIKeuDiRrzeCdDvdJCC1emGOLcBp4jLtVlskUUECtCdYNDplkFiec/s400/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA4.jpg" width="400" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><span style="font-size: large;"><b> Бесплатные графические программы для просмотра и обработки картинок</b></span><br />
<br />
<span style="font-size: small;">Для обработки картинок для сайта удобен бесплатный графический редактор <b><a href="http://sbzosch.ucoz.ru/load/poleznyj_soft/poleznyj_soft/paintnet355/2-1-0-18">Paint.NET</a>. <a href="http://sbzosch.ucoz.ru/load/poleznyj_soft/poleznyj_soft/paintnet355/2-1-0-18">Скачать</a> </b></span><span style="font-size: small;">и установить его вы можете</span><span style="font-size: small;"><b> <a href="http://sbzosch.ucoz.ru/load/poleznyj_soft/poleznyj_soft/paintnet355/2-1-0-18">здесь</a>. </b></span><span style="font-size: small;"> </span><br />
<br />
<span style="font-size: small;">Для корректной работы этой программы нужен еще</span><span style="font-size: small;"><b> <a href="http://sbzosch.ucoz.ru/load/poleznyj_soft/poleznyj_soft/microsoftnet_framework/2-1-0-21">Microsoft.NET Framework</a>. </b></span><span style="font-size: small;">Его вы также можете</span><span style="font-size: small;"><b> <a href="http://sbzosch.ucoz.ru/load/poleznyj_soft/poleznyj_soft/microsoftnet_framework/2-1-0-21">скачать по ссылке</a>.</b></span><br />
<br />
<span style="font-size: small;"><b>Редактирование. </b>В программе </span><span style="font-size: small;"><b> </b></span><span style="font-size: small;"><b>Paint.NET </b></span><span style="font-size: small;">картинку можно отредактировать: обрезать лишнее, убрать с рисунка ненужные элементы, добавить графические объекты (линии, стрелки, прямоугольники, круги) или </span><span style="font-size: small;">текстовые </span><span style="font-size: small;">надписи, наложить различные эффекты.</span><br />
<br />
<b><span style="font-size: small;">Сохрание готового рисунка. </span></b><span style="font-size: small;">Порядок действий: <b>Файл</b> - <b>Сохранить как...</b> -</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZoK73Hd6MNnWP3b5ZoaICa7Pu0VpaiXv5TbsLd7wZjSsdLp5FDK5ljf454aApWjrldnEnPulSsTiuFNorBQ9dFIW1jsPY0wQLbAqpt99rtMpnLT_q3PzIiL67Sjp9MyBIE6TaPz9LFZs/s1600/%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BA%D0%B0.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="321" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZoK73Hd6MNnWP3b5ZoaICa7Pu0VpaiXv5TbsLd7wZjSsdLp5FDK5ljf454aApWjrldnEnPulSsTiuFNorBQ9dFIW1jsPY0wQLbAqpt99rtMpnLT_q3PzIiL67Sjp9MyBIE6TaPz9LFZs/s400/%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BA%D0%B0.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHWBlRkWQCcwlr64b_HsXlM5T9eiJDGmVJ-yBjXOKdCe77GTKp6TaOk1Y4vaeEWhdbiBZ1-okrFqQABadrxVtjmW_uDsIvg5adtt0VlTS3mxSK08wgdY7BSMbbE5yCsrY_qwCE6jqDDyY/s1600/FAQ3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHWBlRkWQCcwlr64b_HsXlM5T9eiJDGmVJ-yBjXOKdCe77GTKp6TaOk1Y4vaeEWhdbiBZ1-okrFqQABadrxVtjmW_uDsIvg5adtt0VlTS3mxSK08wgdY7BSMbbE5yCsrY_qwCE6jqDDyY/s320/FAQ3.jpg" width="320" /></a><span style="font-size: small;"><b>Вес.</b> Чтобы сайт не зависал и загружался достаточно быстро даже на медленных соединениях, вес картинки не должен быть слишком большим. Следует подобрать оптимальное соотношение качество-вес-размер, чтобы выбранная иллюстрация смотрелась на сайте максимально удачно.</span><br />
<br />
<span style="font-size: small;">Рекомендуется загружать картинки весом от 10 Kb до 100 Kb (в основном вес более или менее приемлемой картинки колеблется в пределах 25-40 </span><span style="font-size: small;">Kb).</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6ffm9WF4tvK0BGJizdJggj53_u2n5ZphMeeozuf16wS1D425N0U202Z5RqfZGWpDIIjggH6HKVfsXHuM4NqRqzxicjQkZSNsuKO39TLOEWBg3Ut8sSu9kh7JjCb2qwrSTSCbM9MI22M/s1600/FAQ1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6ffm9WF4tvK0BGJizdJggj53_u2n5ZphMeeozuf16wS1D425N0U202Z5RqfZGWpDIIjggH6HKVfsXHuM4NqRqzxicjQkZSNsuKO39TLOEWBg3Ut8sSu9kh7JjCb2qwrSTSCbM9MI22M/s320/FAQ1.jpg" width="258" /></a></div><span style="font-size: small;"> </span><span style="font-size: small;"><b> </b></span><span style="font-size: small;"><b>Размер. </b></span><span style="font-size: small;">Для того чтобы картинка хорошо смотрелась в общем дизайне сайта, нужно задать ей оптимальный размер. Картинка не должна быть слишком широкой, чтобы не нарушить шаблон и не сдвинуть его графические элементы.</span><br />
<span style="font-size: small;"><br />
Картинка может быть:</span><br />
<span style="font-size: small;"><b>большого размера</b> (на все текстовое поле) - 450-500 px;</span><br />
<span style="font-size: small;"><b>среднего размера </b>(на половину поля) - </span><span style="font-size: small;">240-300 px;</span><br />
<span style="font-size: small;"><b>маленького размера </b>(на четверть поля) - </span><span style="font-size: small;">80-180 px.</span><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZoK73Hd6MNnWP3b5ZoaICa7Pu0VpaiXv5TbsLd7wZjSsdLp5FDK5ljf454aApWjrldnEnPulSsTiuFNorBQ9dFIW1jsPY0wQLbAqpt99rtMpnLT_q3PzIiL67Sjp9MyBIE6TaPz9LFZs/s1600/%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BA%D0%B0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><br />
<br />
<b><span style="font-size: large;">Как вставить картинку на сайт</span></b><span style="font-size: small;"><b> </b></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcc4ZZyDvjqR-5vTCg1MLNHysXicijES2oEaGHN0_zbaGJagOt-xHnK1aa9Lr7mVuGGFipP93h8l3OefhyphenhyphenxBTyqw9-af1RExcuWLL4Imh0uC4o5iRTk_r5QsNtS8e7eJvhx4BqDJNbwt8/s1600/%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcc4ZZyDvjqR-5vTCg1MLNHysXicijES2oEaGHN0_zbaGJagOt-xHnK1aa9Lr7mVuGGFipP93h8l3OefhyphenhyphenxBTyqw9-af1RExcuWLL4Imh0uC4o5iRTk_r5QsNtS8e7eJvhx4BqDJNbwt8/s320/%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<span style="font-size: small;">Чтобы украсить текстовое сообщение иллюстрацией на <b>Главной странице</b> нажмите надпись <b>Добавить новость.</b></span><br />
<span style="font-size: small;">1. Заполните поле <b>Название материала.</b></span><br />
<span style="font-size: small;">2. Введите текст материала и поставьте курсор в том месте, где вы бы хотели разместить картинку.</span><br />
<span style="font-size: small;">3. Нажмите пиктограмму (маленький значок) <b>Вставка изображения.</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">Появится</span><span style="font-size: small;"><b> </b></span><span style="font-size: small;">окно</span><span style="font-size: small;"><b> Изображение. </b></span><span style="font-size: small;">Нажмите на значок желтенькой папки, чтобы указать местонахождение рисунка. </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHvs7k7TrikPer9k2G5iKjzWPlwWhbC6Ityepn87j_rihKir0qQWt-ZQl2ysrcznlN8iCTEsjFPoTOzplIpcsW35Odg3P0aNS5iK4s_oC5phqYanVYaZ5A0KUEWAfwk4L_JaW-hTqe0s/s1600/%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B82.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHvs7k7TrikPer9k2G5iKjzWPlwWhbC6Ityepn87j_rihKir0qQWt-ZQl2ysrcznlN8iCTEsjFPoTOzplIpcsW35Odg3P0aNS5iK4s_oC5phqYanVYaZ5A0KUEWAfwk4L_JaW-hTqe0s/s320/%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B82.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHvs7k7TrikPer9k2G5iKjzWPlwWhbC6Ityepn87j_rihKir0qQWt-ZQl2ysrcznlN8iCTEsjFPoTOzplIpcsW35Odg3P0aNS5iK4s_oC5phqYanVYaZ5A0KUEWAfwk4L_JaW-hTqe0s/s1600/%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B82.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;"> </span><span style="font-size: small;">В появившемся окне <b>Файловый менеджер </b></span><span style="font-size: small;">нажмите кнопку </span><span style="font-size: small;"><b>Создать папку</b></span><span style="font-size: small;">, чтобы создать новую папку</span><span style="font-size: small;"><b> novosti. </b></span><span style="font-size: small;">Не забудьте нажать зеленую галочку, чтобы завершить процесс создания папки. </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzxNDUucbek4iqPkn2UE30fKbPqrLvZEnEcxq6uZNRS-1v65Rajbu9ga70mp_tu3UdM-nmbUvtsrBEgQsBiA7isp3-pEKkgMyjb_g4iinuc3kQFjEWpP8FckM5lQ4tkQF0km31ZGxiv0/s1600/%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D1%8B%D0%B9+%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%B5%D1%80.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzxNDUucbek4iqPkn2UE30fKbPqrLvZEnEcxq6uZNRS-1v65Rajbu9ga70mp_tu3UdM-nmbUvtsrBEgQsBiA7isp3-pEKkgMyjb_g4iinuc3kQFjEWpP8FckM5lQ4tkQF0km31ZGxiv0/s320/%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D1%8B%D0%B9+%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%B5%D1%80.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;"> </span><span style="font-size: small;">В э</span><span style="font-size: small;">ту </span><span style="font-size: small;">папку вы будете помещать изображения из раздела Новости. (Желательно для каждого раздела создать свою папку с рисунками. Кроме того, в разделах рисунки тоже можно группировать по отдельным папкам. Название папок следует записывать латиницей).</span><span style="font-size: small;"> </span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdu9GoQWkjqovynbvgXkHNTYUp-hhxbKPAdvOFH9iXn8wE6xw68OMlk3PLmSnGCtBQh12cAHp84766_9l2j20bBZ5CBTWCe7JXF0W83A9d-008uA3OR8mW0MZnL4OfXrXk-wqNMvAmSs/s1600/%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D1%8B%D0%B9+%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%B5%D1%802.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdu9GoQWkjqovynbvgXkHNTYUp-hhxbKPAdvOFH9iXn8wE6xw68OMlk3PLmSnGCtBQh12cAHp84766_9l2j20bBZ5CBTWCe7JXF0W83A9d-008uA3OR8mW0MZnL4OfXrXk-wqNMvAmSs/s320/%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D1%8B%D0%B9+%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%B5%D1%802.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">Теперь в окне Файлового менеджера появилась папка <b>novosti. </b></span><span style="font-size: small;">Щелкните по ней мышкой, а затем нажмите кнопку <b>Обзор. </b></span><span style="font-size: small;"> </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_vCSrZdJlZjba0zqQJ892SQnwrhUFZJINuBiE8ezyFITe9XeK6nneJH2bMAsd3lwafe6GE6IDfF6iL3nog_3TLRbL0gjzPwb6WRY-p69zQcFHYY_qFPAFcIFVFt-FEzD8JQR9j6-la0/s1600/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%B5%D0%BC+%D0%BF%D0%B0%D0%BF%D0%BA%D1%832.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_vCSrZdJlZjba0zqQJ892SQnwrhUFZJINuBiE8ezyFITe9XeK6nneJH2bMAsd3lwafe6GE6IDfF6iL3nog_3TLRbL0gjzPwb6WRY-p69zQcFHYY_qFPAFcIFVFt-FEzD8JQR9j6-la0/s320/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%B5%D0%BC+%D0%BF%D0%B0%D0%BF%D0%BA%D1%832.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">Откроется еще одно окно, в котором вы сможете найти место хранения нужного рисунка <u>у вас на компьютере</u>. Выделите щелчком левой кнопки мышки нужную картинку и нажмите <b>Открыть.</b></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHhXiuimlCXswvU1VtAPV2JaIsPLlkFwP_ZgjfQyt0q-mwNCD44_q4w5nmgUzqwFw4E0aV_qxgE8OnMDXIj6fvsiX1qMn5ZmbUPEwqpwhEBhcnCYi9W-AIoGZ7cdv5dFsGy9QIYgyu68/s1600/%D0%B2%D1%8B%D0%B1%D0%BE%D1%80+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8+%D0%BD%D0%B0+%D0%BA%D0%BE%D0%BC%D0%BF%D0%B5.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHhXiuimlCXswvU1VtAPV2JaIsPLlkFwP_ZgjfQyt0q-mwNCD44_q4w5nmgUzqwFw4E0aV_qxgE8OnMDXIj6fvsiX1qMn5ZmbUPEwqpwhEBhcnCYi9W-AIoGZ7cdv5dFsGy9QIYgyu68/s320/%D0%B2%D1%8B%D0%B1%D0%BE%D1%80+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8+%D0%BD%D0%B0+%D0%BA%D0%BE%D0%BC%D0%BF%D0%B5.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">Теперь вы снова вернетесь в <b>Файловый менеджер</b>, но в поле возле кнопки <b>Обзор</b> появится адрес картинки.</span><span style="font-size: small;"><b> </b></span><span style="font-size: small;">Нажимаем кнопку <b>Загрузить файл</b></span><span style="font-size: small;"> и ждем, пока завершится загрузка рисунка. </span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qsQ-JVw8nLQUvfijocl4YkKWQvgtNBy2JDav3DOHglkEputvykFy-4a0vOMKRx66Yqkb0j_nT-V3NRkvQRcS5QbnWIkbx3sJgZROIc7QS0G9ocxu8rtKmxD9sriP_wipDbkdGnb2hHA/s1600/%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B6%D0%B0%D0%B5%D0%BC+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qsQ-JVw8nLQUvfijocl4YkKWQvgtNBy2JDav3DOHglkEputvykFy-4a0vOMKRx66Yqkb0j_nT-V3NRkvQRcS5QbnWIkbx3sJgZROIc7QS0G9ocxu8rtKmxD9sriP_wipDbkdGnb2hHA/s320/%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B6%D0%B0%D0%B5%D0%BC+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">Снова откроется окно <b>Файлового менеджера - папка novosti</b>. Там появится имя загруженного рисунка. По нему нужно щелкнуть мышкой, чтобы выделить. </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9TJiTshEKyrNoXPrLnuF7C2eEuy3BrEfY85e5e-IUBv7hYPHn6Hq2XfGRBUSB2MO75Ahl7gIlpG0z-I9iNkORhi211dc9hfo7pbE43RFAWF9djthtQQs0yFt_M-D_-bCqv2c0VW-QB0/s1600/%D0%B2%D1%8B%D0%B1%D0%BE%D1%80+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8+%D0%B2+%D0%BF%D0%B0%D0%BF%D0%BA%D0%B5.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9TJiTshEKyrNoXPrLnuF7C2eEuy3BrEfY85e5e-IUBv7hYPHn6Hq2XfGRBUSB2MO75Ahl7gIlpG0z-I9iNkORhi211dc9hfo7pbE43RFAWF9djthtQQs0yFt_M-D_-bCqv2c0VW-QB0/s320/%D0%B2%D1%8B%D0%B1%D0%BE%D1%80+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8+%D0%B2+%D0%BF%D0%B0%D0%BF%D0%BA%D0%B5.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">Автоматически вы вернетесь в окно <b>Изображение. </b></span><span style="font-size: small;">Теперь там уже будет автоматически прописан адрес загруженного рисунка. Выставьте <b>Выравнивание</b> - влево, <b>Ширина</b> - 240 рх (высота будет задана автоматически), сделайте <b>Отступ - Вправо</b> - 5 рх (по желанию задайте и другие отступы). Нажмите кнопку <b>Вставить. </b></span><span style="font-size: small;"> </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpekNbeKPjV-U21CVsQR47YcIjpypnkwrH-5w1DOKhOZFoDqfy8HP-LLT4nzVsdQR0gSRoFugnow1LlzYuulsYZnVpfg9voztD8VtoGsGx743JaMixUnta_NAsUb-d5D74xa-DfAkFcE0/s1600/%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D1%8B+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BA%D0%B0.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpekNbeKPjV-U21CVsQR47YcIjpypnkwrH-5w1DOKhOZFoDqfy8HP-LLT4nzVsdQR0gSRoFugnow1LlzYuulsYZnVpfg9voztD8VtoGsGx743JaMixUnta_NAsUb-d5D74xa-DfAkFcE0/s320/%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D1%8B+%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BA%D0%B0.jpg" width="320" /></a><span style="font-size: small;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqdZ-4k2hwLmeqZkgkfQn5kWiLpmLgPj_DlfFaeotNDs0vcUW8UHfUh4oDAW23qcipJ_5ZfEJCtCJHMRID5jgh5KO4qeuaom23DhIhM8XoihRBT7HI0Lk5P9Bu-1hpiirNL4-p5Rhzw8E/s1600/%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0+%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B0.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqdZ-4k2hwLmeqZkgkfQn5kWiLpmLgPj_DlfFaeotNDs0vcUW8UHfUh4oDAW23qcipJ_5ZfEJCtCJHMRID5jgh5KO4qeuaom23DhIhM8XoihRBT7HI0Lk5P9Bu-1hpiirNL4-p5Rhzw8E/s320/%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0+%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B0.jpg" width="233" /></a></div><span style="font-size: small;"> </span><span style="font-size: small;">Возле текста появится картинка. Она будет прижата к левому краю, шириной 240 рх и текст справа от нее отступит на 5 рх.</span><br />
<span style="font-size: small;"><br />
Теперь внимательно прочтем остальные пункты. Обратите внимание, что в нашем способе добавления рисунка через текстовый редактор поля №1, 2, 3 оставляют пустыми.</span><br />
<span style="font-size: small;"><br />
В поле Теги прописываем ключевые слова из текста (теги).</span><br />
<span style="font-size: small;">Нажимаем кнопку <b>Добавить.</b> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvCfVV-Rov0Q_ivj-GdxRoRcEE5hxgUYdo2HDZHz_CGQspEw8s85_2SLsqhkY1Z8iz3iuqA6-uEGRywF3cF-JQesNircJzBJUkvXGQ1cgHOwAgqlJrorWfqZDemHZxcFzzAHPBC3SysWs/s1600/%D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvCfVV-Rov0Q_ivj-GdxRoRcEE5hxgUYdo2HDZHz_CGQspEw8s85_2SLsqhkY1Z8iz3iuqA6-uEGRywF3cF-JQesNircJzBJUkvXGQ1cgHOwAgqlJrorWfqZDemHZxcFzzAHPBC3SysWs/s320/%D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82.jpg" width="320" /></a></div><span style="font-size: small;">Страница пойдет на загрузку и сохранение на сервер, и через пару минут вы сможете увидеть результат.</span><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-55798145631977893082010-10-10T22:54:00.051+03:002010-10-11T14:23:00.900+03:00Занятие 6. Контент веб-сайта<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnudw7GkPxB7IdNW8NbK2kj5EppNjYlPktY_A5gkHl_O_flHSFB_2dO0mSnLoHM-U1Sc7ByKmSc2Q7d-ivhZt70ggxmKM0jkxnCCL_ArZ3nURF6xGMeue1ktVo8axDOeXf3T6YPRHpSWI/s1600/content-sajjta.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnudw7GkPxB7IdNW8NbK2kj5EppNjYlPktY_A5gkHl_O_flHSFB_2dO0mSnLoHM-U1Sc7ByKmSc2Q7d-ivhZt70ggxmKM0jkxnCCL_ArZ3nURF6xGMeue1ktVo8axDOeXf3T6YPRHpSWI/s200/content-sajjta.jpg" width="121" /></a></div>Что такое контент веб-сайта? Какие бывают виды контента? Как выбрать тему для первого сайта (блога)? И, наконец, полезные советы или Всего три шага к славе и популярности.<br />
<br />
<b><span style="font-size: large;">1. Что такое контент веб-сайта?</span></b><br />
<br />
<b>Контент - </b>в широком смысле это непосредственно то, чем наполнен сайт. Контент сайта должен соответствовать дизайну сайта, чтобы не происходило визуального конфликта содержания и формы подачи материала.<br />
<br />
Часто под контентом сайта понимают материалы (музыку, текст, видео, картинки), размещенные на интернет-ресурсах.<br />
<a name='more'></a><b></b><br />
<br />
Контент на сайты Юкоза можно добавлять:<br />
1) в разделе <b>Новости - </b>сюда попадает информация небольшого объема (от 500 до 1500 знаков), ценность которой снижается с течением времени (устаревает).<br />
2) в разделе <b>Каталог статей </b>обычно размещают достаточно длинные тексты (2000-5000 знаков), на популярность которых мало влияет временной фактор.<br />
3) в разделе <b>Каталог файлов</b> размещают материалы большого объема, доступные для скачивания.<br />
<br />
<b><span style="font-size: large;">2. Виды контента</span> </b><br />
<br />
Во-первых, контент делится на:<br />
1) <b>уникальный</b> (авторские сочинения, <b>копирайт</b>) - наиболее ценный контент для продвижения и раскрутки сайта, такой контент "обожают" поисковики и посетители;<br />
2) <b>полууникальный</b> (пересказ чужой статьи своими словами, <b>рерайт</b>) - тоже довольно ценный материал для заполнения сайта с точки зрения поисковиков, у посетителей может вызывать неоднозначную реакцию (зависит от качества рерайта);<br />
3) <b>копипаст</b> - перепечатывание, копирование чужих статей; не очень приветствуется поисковиками, может выглядеть как воровство, если нет активной ссылки на автора и исходный сайт.<br />
<br />
Во-вторых, по происхождению контент бывает:<br />
1) <b><i>авторский</i></b> (сюда входит копирайт и рерайт);<br />
2) <b><i>синонимизированный</i></b> - полученный при помощи специальных программ; слова заменяются синонимами; используют для раскрутки сайтов через поисковики и ссылки; очень плохо воспринимается обычными людьми (текст получается довольно корявый);<br />
3) <b><i>скан</i></b> - текст, полученный через сканер из печатных материалов;<br />
4) <b><i>пользовательский</i></b> - обычные комментарии обычных пользователей в блогах, на форумах и т.д.<br />
<br />
<b><span style="font-size: large;">3. Как выбрать тему для первого сайта (блога)?</span></b><br />
<br />
Сделать первый шаг в новое и неизвестное всегда трудно и страшно.<b> </b>Одолевают сомнения, мешает ложная скромность, и хорошее, полезное дело - собственный сайт - в который раз откладывается в долгий ящик. Преодолеть нерешительность можно, последовав несложным советам:<br />
<br />
* пишите не о себе конкретно (своей семье, учебе, работе), а о жизни вашего класса, школы (<a href="http://sbzosch.ucoz.ru/">школьный сайт</a>);<br />
* выбирайте тему перспективную (можно много и долго о ней вести речь), хорошо вам знакомую и понятную;<br />
* ведите хронику вашей семьи (<a href="http://katerina.yarmakovich.com/">блог Дневничок</a>);<br />
<i>или</i><br />
* рассказывайте о своих увлечениях, домашних питомцах или просто о животных или растениях (<a href="http://neptikshustrik.blogspot.com/">блог Нептик и Шустрик</a>);<br />
<i>или </i><br />
* описывайте ваше видение конкретных событий в вашем доме, школе, городе, стране (<a href="http://sumylevenia.blogspot.com/">блог "Левеня" на Сумщині</a>)<br />
<br />
<b><span style="font-size: large;">Подведем итоги или Всего три шага к славе и популярности</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ZepaRaI1ex20oyav8K_imi0xxPmJvOfTDgmvDbckSwaPyj0ZKKgU2hAMa-9xJUGZa7kTwMrN1USMtxg3-bLdre_3omBkLgp9sakUdQg1CWfHD9q6o5nzLaEV1KsoBWrVs1gGE7OQBPI/s1600/nhb+ifuf+r+ecgt%5Be.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ZepaRaI1ex20oyav8K_imi0xxPmJvOfTDgmvDbckSwaPyj0ZKKgU2hAMa-9xJUGZa7kTwMrN1USMtxg3-bLdre_3omBkLgp9sakUdQg1CWfHD9q6o5nzLaEV1KsoBWrVs1gGE7OQBPI/s200/nhb+ifuf+r+ecgt%5Be.jpg" width="200" /></a></div><b>Шаг 1.</b> Выбираем тему (знакомая, интересная, обширная).<br />
<br />
<b>Шаг 2.</b> Определяемся с первым сообщением (сочиняем сами - копирайт; пересказываем чужую статью - делаем рерайт; копируем с другого сайта и вставляем к себе - не самый лучший вариант во всех смыслах, даже если не забудем об активной обратной ссылке на первоисточник).<br />
<br />
<b>Шаг 3.</b> Публикуем на собственном сайте и любуемся - ждем первых посетителей.Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com1tag:blogger.com,1999:blog-3928346477629592073.post-82662329381869334512010-10-01T01:48:00.009+03:002010-10-11T14:46:52.175+03:00Занятие 5. Наполняем сайт контентом<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83fyATv25iFK_SUAjp_alXq-gnQQphfU8FoJAVcjr1h8VYgun-5t8I-0drUBTuEM3HprIYWgcYWCOuutVBj1uWU6vSNg5z4Kbdtlmlj73fEdHRUX59qff48K371Gqi05xUhO_9r4xetY/s1600/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD+%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83fyATv25iFK_SUAjp_alXq-gnQQphfU8FoJAVcjr1h8VYgun-5t8I-0drUBTuEM3HprIYWgcYWCOuutVBj1uWU6vSNg5z4Kbdtlmlj73fEdHRUX59qff48K371Gqi05xUhO_9r4xetY/s200/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD+%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpeg" width="200" /></a></div><span style="font-family: inherit;"><span style="font-size: small;">Для начала</span></span><b><span style="font-size: large;"><span style="font-family: inherit;"> </span></span></b><span style="font-family: inherit;"><span style="font-size: small;">давайте </span></span><span style="font-family: inherit;"><span style="font-size: small;">научимся входить на собственный сайт в качестве админа и попробуем добавлять простые текстовые новости.</span></span><br />
<br />
<b><span style="font-size: large;"><span style="font-family: inherit;">1. Заходим на сайт как администратор</span></span></b><br />
<br />
На свой сайт можно зайти с правами администратора несколькими способами: из вебтопа через <b>Форму безопасного входа</b> или из окошка <b>Управление сайтами</b>, а также через <b>Форму входа</b> непосредственно на сайте. Рассмотрим подробнее каждый способ.<br />
<a name='more'></a>а) из вебтопа через <b>Форму безопасного входа</b>;<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pxwXiCNDn6lQYHFQ2Rf5YAy2aYslnDFw4TzZga6aY_r5j7vEYx_NpYKdto9ktqUgWA62HfauWCnXNOo3kBzPIQ8K_IjamQl1UlLEHRzR8iWJr6ZyKO6tDhttZ-LogppOzZJVdf9lulw/s1600/%D0%B2%D1%85%D0%BE%D0%B4+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82+%D1%87%D0%B5%D1%80%D0%B5%D0%B7+%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D1%8B%D0%B9+%D0%B2%D1%85%D0%BE%D0%B4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pxwXiCNDn6lQYHFQ2Rf5YAy2aYslnDFw4TzZga6aY_r5j7vEYx_NpYKdto9ktqUgWA62HfauWCnXNOo3kBzPIQ8K_IjamQl1UlLEHRzR8iWJr6ZyKO6tDhttZ-LogppOzZJVdf9lulw/s400/%D0%B2%D1%85%D0%BE%D0%B4+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82+%D1%87%D0%B5%D1%80%D0%B5%D0%B7+%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D1%8B%D0%B9+%D0%B2%D1%85%D0%BE%D0%B4.png" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
б) из вебтопа через окно <b>Управление сайтами;</b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bhOaI_fOQDI6uEzvCQvJ1_tWbfAjLBBY0jpymsR11piXZ0qE11TypISkCKkekafMebNszI8P4Kao4dlRb728VdodjjbL-00XHe5i5vUWJEDUdhjSvQYW1mQt7iuyyxlHBkvcBjdb8Fk/s1600/%D0%B2%D1%85%D0%BE%D0%B4+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82+%D1%87%D0%B5%D1%80%D0%B5%D0%B7+%D0%A3%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0%D0%BC%D0%B8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bhOaI_fOQDI6uEzvCQvJ1_tWbfAjLBBY0jpymsR11piXZ0qE11TypISkCKkekafMebNszI8P4Kao4dlRb728VdodjjbL-00XHe5i5vUWJEDUdhjSvQYW1mQt7iuyyxlHBkvcBjdb8Fk/s400/%D0%B2%D1%85%D0%BE%D0%B4+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82+%D1%87%D0%B5%D1%80%D0%B5%D0%B7+%D0%A3%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0%D0%BC%D0%B8.png" width="400" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2O4QslfeOJsS0v6IOcwB3o1d2NKT_xcJYO_ZwfeENWHcgZ_lbp_fB0dWquosfeTkTgaHHtuxF2eoPzatIFAOcSTN327X0Dd7aUQWw0WF3Hjtmw3HY571O047ob8S9c3psdRPDSUz1CrE/s1600/%D1%84%D0%BE%D1%80%D0%BC%D0%B0+%D0%B2%D1%85%D0%BE%D0%B4%D0%B0+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82%D0%B5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2O4QslfeOJsS0v6IOcwB3o1d2NKT_xcJYO_ZwfeENWHcgZ_lbp_fB0dWquosfeTkTgaHHtuxF2eoPzatIFAOcSTN327X0Dd7aUQWw0WF3Hjtmw3HY571O047ob8S9c3psdRPDSUz1CrE/s200/%D1%84%D0%BE%D1%80%D0%BC%D0%B0+%D0%B2%D1%85%D0%BE%D0%B4%D0%B0+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82%D0%B5.png" width="200" /></a>в) через форму входа на сайте<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><b></b></span><br />
<span style="font-size: large;"><b>2. Как добавить новость (текстовое сообщение)</b></span><br />
<span style="font-size: small;">а) Под шапкой сайта, в верхнем правом углу основного блока находим надпись <b>Добавить новость </b></span><span style="font-size: small;">и нажимаем на нее.</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljoHYOxqO6Yjd4lmIGQvAq3pEko8ucLAM1ioNlvDWDbxc4a9NHG0lyoI5j-mDAOkjqU7GcMHA875YIaD1B6S6SXuuK5eG_S5VS6Cso2KQ7VvrEoPPhR5VQigPHOiCVAFxYtE4LQiyGdo/s1600/%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B91.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljoHYOxqO6Yjd4lmIGQvAq3pEko8ucLAM1ioNlvDWDbxc4a9NHG0lyoI5j-mDAOkjqU7GcMHA875YIaD1B6S6SXuuK5eG_S5VS6Cso2KQ7VvrEoPPhR5VQigPHOiCVAFxYtE4LQiyGdo/s640/%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B91.png" width="640" /></a><span style="font-size: small;"> </span><br />
<span style="font-size: small;">б) Открывается окно <b>Текстовый редактор </b>для добавления новостей</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxJ34eT8krtaz9YNqkLUExmlTRi3uGBZgYlPTAqxWqnW_tePVUzN3NWNiH7yzELsdzuNWY7CRNHONizxhWoPCFVeVtMkkrR5SFqGwhdc72rCVVzqjSm0Wcl5Cc66c9le1MI4G8_O9TFGk/s1600/%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9+%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxJ34eT8krtaz9YNqkLUExmlTRi3uGBZgYlPTAqxWqnW_tePVUzN3NWNiH7yzELsdzuNWY7CRNHONizxhWoPCFVeVtMkkrR5SFqGwhdc72rCVVzqjSm0Wcl5Cc66c9le1MI4G8_O9TFGk/s640/%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9+%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80.png" width="488" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;">в) Заполняем поля <b>Название материала</b> и вводим текст сообщения.</span><br />
<span style="font-size: small;">Текст можно набирать прямо в редакторе, а можно и скопировать из любого текстового документа.</span><br />
<span style="font-size: small;">Набранный текст можно форматировать (изменять тип и размер шрифта, цвет, выделять жирным, курсивом или подчеркивать и т.д.).</span><br />
<span style="font-size: small;">Закончив ввод текста, нажимаем кнопку <b>Добавить.</b></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil-C0FbpbRm9PEhd8Q5vfQnEUdbK2NgD4N8mnX3CXbI-P1mNmKCURSKyZhYAvfKDuenmF9FkRGt0LTb0naD97EUh-YPlzgUHVaBiGX7-PHx7XfblgTrWrV8BWtQ6piJ2BmaGHlbewH6Ws/s1600/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB+%D1%83%D1%81%D0%BF%D0%B5%D1%88%D0%BD%D0%BE+%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil-C0FbpbRm9PEhd8Q5vfQnEUdbK2NgD4N8mnX3CXbI-P1mNmKCURSKyZhYAvfKDuenmF9FkRGt0LTb0naD97EUh-YPlzgUHVaBiGX7-PHx7XfblgTrWrV8BWtQ6piJ2BmaGHlbewH6Ws/s320/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB+%D1%83%D1%81%D0%BF%D0%B5%D1%88%D0%BD%D0%BE+%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD.png" width="320" /></a></div><span style="font-size: small;">Появится окошко.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: small;"><b>Поздравляем! Вы научились добавлять новости к себе на сайт. </b></span><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pxwXiCNDn6lQYHFQ2Rf5YAy2aYslnDFw4TzZga6aY_r5j7vEYx_NpYKdto9ktqUgWA62HfauWCnXNOo3kBzPIQ8K_IjamQl1UlLEHRzR8iWJr6ZyKO6tDhttZ-LogppOzZJVdf9lulw/s1600/%D0%B2%D1%85%D0%BE%D0%B4+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82+%D1%87%D0%B5%D1%80%D0%B5%D0%B7+%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D1%8B%D0%B9+%D0%B2%D1%85%D0%BE%D0%B4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> </a></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-28463507766706774662010-10-01T00:58:00.006+03:002010-10-11T14:40:16.457+03:00Занятие 4. Типы пользователей<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdAanxgiAiqSGFdcWSAGhnd0Lsrw8702B4fkGDFkn9OrtNHC9zXVE_QWa-CAIv5BHwLyu2FZVdCBYElxrW7dvQ6d5ZcgsPwvbAWFra5O72ae0b-boqiNBKcmI9_chv8pMAa1dnjDfK4aI/s1600/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D0%B8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdAanxgiAiqSGFdcWSAGhnd0Lsrw8702B4fkGDFkn9OrtNHC9zXVE_QWa-CAIv5BHwLyu2FZVdCBYElxrW7dvQ6d5ZcgsPwvbAWFra5O72ae0b-boqiNBKcmI9_chv8pMAa1dnjDfK4aI/s200/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D0%B8.jpg" width="200" /></a></div><span style="font-size: small;">Настало время разобраться с правами посетителей сайта и классифицировать их по типам.</span><br />
<br />
<b><span style="font-size: large;">1. Типы пользователей</span></b><br />
<br />
Прежде чем управлять сайтом, давайте разберемся с правами и возможностями читателей сайта. Обычно пользователи на сайте делятся на несколько групп: <b>Гости, Посетители, Модераторы, Администраторы. </b>На некоторых сайтах посетителей еще определяют в группы <b>Проверенные, Друзья сайта</b> и т.д.<b><a name='more'></a></b><br />
<br />
Теперь об этих группах подробнее.<br />
1) <b>Гости</b> - пользователи, не прошедшие регистрацию. На сайте они ограничены в правах и возможностях (не могут добавлять материалы, оставлять комментарии, просматривать и скачивать некоторые страницы).<br />
<br />
2) <b>Посетители</b> - пользователи, зарегистрировавшиеся на сайте. У них больше прав и возможностей на сайте. Они самостоятельно могут добавлять собственные материалы, редактировать их, просматривать и скачивать закрытые страницы.<br />
<br />
3) <b>Модераторы</b> - посетители, получившие право редактировать и удалять материалы других посетителей.<br />
<br />
4) <b>Администраторы (админы)</b> - по сути владельцы сайтов, обладающие полным пакетом прав и возможностей.<br />
<br />
<span style="font-size: large;"><b>2. Как определить свой статус на сайте?</b></span><br />
<br />
Свой статус на сайте можно определить по записи "<b>Вы вошли как ...</b>", "<b>Группа ...</b>", расположенной обычно в верхней части сайта (сайдбаре).<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1McVSIsVRWJyd3YQjJrMP9V2UpmycVvU6PVelrvoIV_QH9uUa7CQhRfLvElI2eNtww9fp0-kjzzasrXw7R42GXtKkMSR1PdYeHNNptNmtKnAa6ewI68Rq5MuIn_gj3wpNb4OdgCDOer8/s1600/%D1%82%D0%B8%D0%BF%D1%8B+%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D0%B5%D0%B9.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1McVSIsVRWJyd3YQjJrMP9V2UpmycVvU6PVelrvoIV_QH9uUa7CQhRfLvElI2eNtww9fp0-kjzzasrXw7R42GXtKkMSR1PdYeHNNptNmtKnAa6ewI68Rq5MuIn_gj3wpNb4OdgCDOer8/s1600/%D1%82%D0%B8%D0%BF%D1%8B+%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D0%B5%D0%B9.png" /> </a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1McVSIsVRWJyd3YQjJrMP9V2UpmycVvU6PVelrvoIV_QH9uUa7CQhRfLvElI2eNtww9fp0-kjzzasrXw7R42GXtKkMSR1PdYeHNNptNmtKnAa6ewI68Rq5MuIn_gj3wpNb4OdgCDOer8/s1600/%D1%82%D0%B8%D0%BF%D1%8B+%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D0%B5%D0%B9.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> </a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV7qp0YDkq63sW8HFquirzDl2vNUVpBnDOQWWJbErFY37FVrhdf6JEhA8niwM3iZu2WhUdkrkfUd-Aa1039tIZhhv2eLaOVwhsaSra7RINdahHUiEdxvxTr40riEfZ81vZQ1wDIS2jAfs/s1600/%D0%9F%D1%80%D0%B8%D0%B2%D0%B5%D1%82%D1%81%D1%82%D0%B2%D1%83%D1%8E+%D0%B2%D0%B0%D1%81+%D0%B3%D0%BE%D1%81%D1%82%D1%8C.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-15452784960359608892010-09-25T23:14:00.004+03:002010-10-11T15:18:13.482+03:00Занятие 3. Создаем сайт<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgFGm1gx-Tb9B7d9QKsZB11dNNYkM4uSlLWZwoQg3yAGRin_4Kn9jhEjEFkT1RBZ5pggJk5ISOvJE8Q3Eljo0-8PAhHXxktQbWmFNkmzRBSWIC7cs10xga_hnRh7BuC32CUPIwuSiY9g/s1600/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgFGm1gx-Tb9B7d9QKsZB11dNNYkM4uSlLWZwoQg3yAGRin_4Kn9jhEjEFkT1RBZ5pggJk5ISOvJE8Q3Eljo0-8PAhHXxktQbWmFNkmzRBSWIC7cs10xga_hnRh7BuC32CUPIwuSiY9g/s200/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpg" width="200" /></a></div>Остались позади этапы подготовки к созданию сайта на юкозе. Теперь у вас уже есть электронный почтовый ящик и регистрация на Юкозе. Самое время заняться воплощением своей мечты - создавать сайт бесплатно на Юкозе.<br />
<a name='more'></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtC0OYie3e7eQcSwFMLD4d9EcEQjWluh70mb7d3ZSVa5OaT2nrRMVcXyFjjkjINei8zqXQkh0ERtfubQba10TGQRtloCJWlvdFBdok-Q2SgQGyuYne0DF8qwmWfrvDgabAY35d0YrpE0/s1600/%D0%B2%D1%85%D0%BE%D0%B4+%D0%B2+%D0%B2%D0%B5%D0%B1%D1%82%D0%BE%D0%BF.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtC0OYie3e7eQcSwFMLD4d9EcEQjWluh70mb7d3ZSVa5OaT2nrRMVcXyFjjkjINei8zqXQkh0ERtfubQba10TGQRtloCJWlvdFBdok-Q2SgQGyuYne0DF8qwmWfrvDgabAY35d0YrpE0/s400/%D0%B2%D1%85%D0%BE%D0%B4+%D0%B2+%D0%B2%D0%B5%D0%B1%D1%82%D0%BE%D0%BF.png" width="400" /></a><b> Шаг 1.</b> Входим в вебтоп (так на Юкозе называют личные кабинеты или аккаунты). Для этого переходим на страницу <a href="http://www.ucoz.ru/"> http://www.ucoz.ru</a> и в верхнем левом углу вводим свои регистрационные данные.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtC0OYie3e7eQcSwFMLD4d9EcEQjWluh70mb7d3ZSVa5OaT2nrRMVcXyFjjkjINei8zqXQkh0ERtfubQba10TGQRtloCJWlvdFBdok-Q2SgQGyuYne0DF8qwmWfrvDgabAY35d0YrpE0/s1600/%D0%B2%D1%85%D0%BE%D0%B4+%D0%B2+%D0%B2%D0%B5%D0%B1%D1%82%D0%BE%D0%BF.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCIT4u3DdecgLSMNQIsfZvETcWS7kPbE0BFe9036EywOVUBY0qCcTPv02OK1ZMrDX8zptoqjH4ns9rY4Mcx_fNEcTJ8F6VF_SE0WMKPVAhUIHDcg0vlpfHdiblRgCiab9b1BHKXqVEvmY/s1600/%D1%83%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B8+%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCIT4u3DdecgLSMNQIsfZvETcWS7kPbE0BFe9036EywOVUBY0qCcTPv02OK1ZMrDX8zptoqjH4ns9rY4Mcx_fNEcTJ8F6VF_SE0WMKPVAhUIHDcg0vlpfHdiblRgCiab9b1BHKXqVEvmY/s400/%D1%83%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B8+%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%B0.png" width="400" /></a><br />
<br />
<b>Шаг 2. </b>Придумываем пароль админа вебтопа.<br />
На Юкозе довольно сложная система паролей, призванная создавать дополнительную защиту пользователям.<br />
<div class="separator" style="clear: both; text-align: center;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLX0GX7F-2CSG2KpPPeej2V6PBDKBj9FqZxDnZ3y7SPm3hFeTHYW9KEkLXYnY9khO1x46U6l_gWy3ASSbVhP-5L1TWjB-a_RtqRMa1sGkrqJ6jEzPXtHoIFqMcG1jXbO7kN7i9vAZQ4Fc/s1600/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%B5%D0%BC+%D1%81%D0%B0%D0%B9%D1%82.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLX0GX7F-2CSG2KpPPeej2V6PBDKBj9FqZxDnZ3y7SPm3hFeTHYW9KEkLXYnY9khO1x46U6l_gWy3ASSbVhP-5L1TWjB-a_RtqRMa1sGkrqJ6jEzPXtHoIFqMcG1jXbO7kN7i9vAZQ4Fc/s400/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%B5%D0%BC+%D1%81%D0%B0%D0%B9%D1%82.png" width="400" /></a><b>Шаг 3.</b> Создаем сайт в окне Управление сайтами<br />
Прежде всего придумываем <b>название сайта</b> и записываем его английскими буквами.<br />
<br />
Название сайта - это то, что вводят в адресную строку браузера, поэтому оно должно:<br />
1) быть уникальным (это обязательно проверит система и сообщит вам результат);<br />
2) легко читаться и запоминаться;<br />
3) отражать тематику сайта.<br />
<br />
Вводим код безопасности, ставим галочку "Согласен с правилами хостинга" и нажимаем кнопку "Продолжить"<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPEyfIGbqKth6XSfsb3YAMJ57oX5RIFi7lbbqkm-fjnuY8rHSmdt6e-yx4oqqr-XpFJfsWtmpIWEobxNWrxnFwIGxP9X8Pdt-fERLmhqHKRQrL7znp6SIpvjtiyWhT4cmaGpgWu4zdCt4/s1600/%D1%81%D0%B0%D0%B9%D1%82+%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPEyfIGbqKth6XSfsb3YAMJ57oX5RIFi7lbbqkm-fjnuY8rHSmdt6e-yx4oqqr-XpFJfsWtmpIWEobxNWrxnFwIGxP9X8Pdt-fERLmhqHKRQrL7znp6SIpvjtiyWhT4cmaGpgWu4zdCt4/s400/%D1%81%D0%B0%D0%B9%D1%82+%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD.png" width="400" /></a><b>Шаг 4</b>. Появится окно "Сайт создан" и вам предложат пройти в <b>Панель управления.</b><br />
<br />
<br />
<br />
<br />
<br />
<b>Шаг 5. </b>Прописываем название сайта кириллицей (русскими буквами), выбираем дизайн и шаблон, а также задаем язык сайта. Нажимаем кнопку <b>Продолжить</b><b>.</b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-6TkXBVq-101rIOsiD8Haz769ZntOIDDROF1qBG9sNqYnQqwwH_9irPAY6YxRpMBqciiuztazgs5odvqxnMjn6Q79LR_LxPdQcYCUR65KUMAeVoeumYqLTvmaEhuLH7daMFmGxXwR0lQ/s1600/%D0%9F%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C+%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-6TkXBVq-101rIOsiD8Haz769ZntOIDDROF1qBG9sNqYnQqwwH_9irPAY6YxRpMBqciiuztazgs5odvqxnMjn6Q79LR_LxPdQcYCUR65KUMAeVoeumYqLTvmaEhuLH7daMFmGxXwR0lQ/s640/%D0%9F%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C+%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F.png" width="640" /></a><br />
<br />
<br />
<br />
<b>Шаг 6. </b>Теперь система предложит вам выбрать модули сайта. Поставьте галочки возле тех модулей, которые вам понадобятся. Отключить или подключить другие модули можно будет в любой момент, так что для начала можно поставить метки только возле модуля <b>Редактор страниц</b> и <b>Новости сайта. </b>И снова нажимаем кнопку <b>Продолжить. </b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnmhZB9qYmbhlmU8W96Lkho88ImnKkeRJ_CkFC7AhuyGNmmvtsk-xyOJ2UlQYK7doZ3Y4TaXGlWemK-nhTYBimZnTR4476FrHmzP-1iQ7c3cVwFwdI4PXKB2cKpi48iXIzZgpbqDYT3Y/s1600/%D0%9C%D0%BE%D0%B4%D1%83%D0%BB%D0%B8+%D1%81%D0%B0%D0%B9%D1%82%D0%B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="539" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnmhZB9qYmbhlmU8W96Lkho88ImnKkeRJ_CkFC7AhuyGNmmvtsk-xyOJ2UlQYK7doZ3Y4TaXGlWemK-nhTYBimZnTR4476FrHmzP-1iQ7c3cVwFwdI4PXKB2cKpi48iXIzZgpbqDYT3Y/s640/%D0%9C%D0%BE%D0%B4%D1%83%D0%BB%D0%B8+%D1%81%D0%B0%D0%B9%D1%82%D0%B0.png" width="640" /></a><b> </b><br />
<br />
<br />
<br />
<br />
<b>Шаг 7. </b>Знакомимся с <b>Панелью управления. </b>Внимательно рассмотрите и прочтите все надписи. Не спешите что-либо менять в настройках. Скопируйте и запишите адрес своего сайта (см. рис.). Перейдите по этому адресу на свой сайт.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoic6KDhcZrx4OZVPfHrXKTaOunFDTacPXrE4_mjk2Qu-hA7lYcMFa6bkHHlJMJHEn44JRMPO4ffs0WysH0Ue5h-30Nbr1JdhZQ5WEEnQ14TPyei_i1M6m6aI0HGO3dHgIRSiLq-jajvM/s1600/%D0%9F%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C+%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoic6KDhcZrx4OZVPfHrXKTaOunFDTacPXrE4_mjk2Qu-hA7lYcMFa6bkHHlJMJHEn44JRMPO4ffs0WysH0Ue5h-30Nbr1JdhZQ5WEEnQ14TPyei_i1M6m6aI0HGO3dHgIRSiLq-jajvM/s640/%D0%9F%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C+%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F1.png" width="640" /></a></div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-67473908899945443372010-09-24T01:13:00.004+03:002010-10-11T15:19:32.544+03:00Занятие 2. Регистрируемся на Юкозе<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Cpmy2RaCUe9nwzMhwlys73xfJ66OBWCdlL8D98cdLN8Dq1Qa5ipbwL93Ji8Kkst9Ga51wzXIONCmAVZTZ6bWt4Us9yDN9rPgztRAoS83LM9uprkhf1hi6HdStpFf3J9G6r0KMhj07MQ/s1600/%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D1%81%D1%82%D0%B2%D0%BE+%D1%8E%D0%BA%D0%BE%D0%B7.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Cpmy2RaCUe9nwzMhwlys73xfJ66OBWCdlL8D98cdLN8Dq1Qa5ipbwL93Ji8Kkst9Ga51wzXIONCmAVZTZ6bWt4Us9yDN9rPgztRAoS83LM9uprkhf1hi6HdStpFf3J9G6r0KMhj07MQ/s200/%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D1%81%D1%82%D0%B2%D0%BE+%D1%8E%D0%BA%D0%BE%D0%B7.jpg" width="200" /></a></div>Теперь у нас имеется почтовый адрес электронной почты, и мы с вами можем зарегистрироваться в сообществе Юкоза.<br />
<br />
Кстати, на большинство сайтов Юкоза можно заходить через <b>Unet</b> - <b>Форму безопасного входа</b> в качестве пользователей без раздражающей просьбы о регистрации.<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYreSYIbPULUkbG8Z9t4QJs6ZwTZs4oAyq87VpjeUpiynOKNFKIuoJ8UcZTr0cC10-fEEw0jcICf44gpXElviF868Tr4yshBDp7ItBiet1KALtIRqlxS8INvyASBAS2ZgVF9rbPkk9Ewk/s1600/%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0+%D1%8E%D0%BA%D0%BE%D0%B7%D0%B0.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYreSYIbPULUkbG8Z9t4QJs6ZwTZs4oAyq87VpjeUpiynOKNFKIuoJ8UcZTr0cC10-fEEw0jcICf44gpXElviF868Tr4yshBDp7ItBiet1KALtIRqlxS8INvyASBAS2ZgVF9rbPkk9Ewk/s320/%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0+%D1%8E%D0%BA%D0%BE%D0%B7%D0%B0.png" /></a></div><b>Шаг 1. </b>Набираем в браузере адрес <a href="http://www.ucoz.ru/">http://www.ucoz.ru</a> и попадаем на страницу приветствия сообщества Юкоз.<br />
Внизу страницы (см.рис.) нажимаем <b>Создать сайт бесплатно.</b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGIex4KgolA-SeDodXfCMxqplhPbZ1t0A93-XLjF7v2dAWsyjoROEM6kbxTC3LUWakrDNKV9qniEUncCU9E5BSANFvjS0A92_wdkQXh-i0QtHB45c-gFMQ_GFLlLsX5X1GEmgSZeVsMc/s1600/%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0+%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D0%B8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGIex4KgolA-SeDodXfCMxqplhPbZ1t0A93-XLjF7v2dAWsyjoROEM6kbxTC3LUWakrDNKV9qniEUncCU9E5BSANFvjS0A92_wdkQXh-i0QtHB45c-gFMQ_GFLlLsX5X1GEmgSZeVsMc/s400/%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0+%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D0%B8.png" width="317" /></a></div><b> </b><b>Шаг 2. </b>Заполняем поля регистрационной формы.<b> </b>Обязательно дублируйте записи на бумаге в отдельный блокнот или создавайте скриншоты и сохраняйте в специальной папке. Это поможет вам в дальнейшем восстановить любую регистрационную информацию.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpRn-YR6Qyf8-z4nHPiajDxhE8Jd9dw6wsNLlExsXTxCTmdYhLU2CT6TtHzNI6JdL1v07bAMNeqv8KNZbJ0H3eLIw-QwTU6w2zUiOFVVgnmncJuO_j5_ZcH_R174rLa3cYY5jWdT_sQ94/s1600/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BF%D1%80%D0%BE%D1%88%D0%BB%D0%B0+%D1%83%D1%81%D0%BF%D0%B5%D1%88%D0%BD%D0%BE.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpRn-YR6Qyf8-z4nHPiajDxhE8Jd9dw6wsNLlExsXTxCTmdYhLU2CT6TtHzNI6JdL1v07bAMNeqv8KNZbJ0H3eLIw-QwTU6w2zUiOFVVgnmncJuO_j5_ZcH_R174rLa3cYY5jWdT_sQ94/s320/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BF%D1%80%D0%BE%D1%88%D0%BB%D0%B0+%D1%83%D1%81%D0%BF%D0%B5%D1%88%D0%BD%D0%BE.png" width="320" /></a></div><b>Шаг 3. </b>Переходим на следующую страницу. Теперь вам нужно подтвердить свою регистрацию. Для этого зайдите в свой почтовый ящик (как это сделать см. Занятие 1), откройте письмо от uNet.<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCNAzEyPOucsQB69YUAKbmRWlrRbqSUXAMxZ11DzUiDH2WB3GlchVc5DQbzdaSZYpgZ-S_qDXCocT9PtRnGNymgJUQCsTkA9MG-Hv3qjH3hd1MK36Grm7ngQ4w2zVSQmmx7LFIuOqCHoQ/s1600/%D0%BF%D0%B8%D1%81%D1%8C%D0%BC%D0%BE+%D0%B4%D0%BB%D1%8F+%D0%BF%D0%BE%D0%B4%D1%82%D0%B2%D0%B5%D1%80%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D1%8F+%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D0%B8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCNAzEyPOucsQB69YUAKbmRWlrRbqSUXAMxZ11DzUiDH2WB3GlchVc5DQbzdaSZYpgZ-S_qDXCocT9PtRnGNymgJUQCsTkA9MG-Hv3qjH3hd1MK36Grm7ngQ4w2zVSQmmx7LFIuOqCHoQ/s400/%D0%BF%D0%B8%D1%81%D1%8C%D0%BC%D0%BE+%D0%B4%D0%BB%D1%8F+%D0%BF%D0%BE%D0%B4%D1%82%D0%B2%D0%B5%D1%80%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D1%8F+%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D0%B8.png" width="400" /></a></div><b>Шаг 4. </b>Подтверждаем регистрацию.Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0tag:blogger.com,1999:blog-3928346477629592073.post-54131900681704953332010-09-24T00:43:00.007+03:002011-01-23T02:36:44.477+02:00Занятие 1. Как создать электронный почтовый ящик<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0XBLlVs7w9k0oTb71jnHCuqSqQb1jLhByV-3INQFUXgscsbVRETZnhiCg_nZhW0KVSkSrO4EhC7Q2usj6gFVqkN9mc1OjYxbPQ9EOQcDe9FMZMipvMMe2jBG_jNq0Bm2pE4GbzqJ-2A/s1600/%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B9+%D0%BF%D0%BE%D1%87%D1%82%D0%BE%D0%B2%D1%8B%D0%B9+%D1%8F%D1%89%D0%B8%D0%BA.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0XBLlVs7w9k0oTb71jnHCuqSqQb1jLhByV-3INQFUXgscsbVRETZnhiCg_nZhW0KVSkSrO4EhC7Q2usj6gFVqkN9mc1OjYxbPQ9EOQcDe9FMZMipvMMe2jBG_jNq0Bm2pE4GbzqJ-2A/s200/%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B9+%D0%BF%D0%BE%D1%87%D1%82%D0%BE%D0%B2%D1%8B%D0%B9+%D1%8F%D1%89%D0%B8%D0%BA.jpg" width="200" /></a></div>Для создания сайта на юкозе нам потребуется адрес электронной почты.<br />
<br />
Если у вас нет почтового ящика, то следуйте инструкциям и создайте почтовый ящик, к примеру, на Яндексе.<br />
<a name='more'></a>Итак, чтобы создать электронный почтовый ящик:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXyBHKntSagxPzUiXxaSWSpt9pePfN_PJ06prQl6-szmspEfhkJ6xDcBWAN-un6UilNN85Jyh-bHsgxNKNRH8t8z7svHm2Y4v9mOAKHieuhkfAui2VZJ3ieOIWxjWMFWuxfEtWY3u3oQ/s1600/%D0%B7%D0%B0%D0%B2%D0%BE%D0%B4%D0%B8%D0%BC+%D0%BF%D0%BE%D1%87%D1%82%D1%83+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXyBHKntSagxPzUiXxaSWSpt9pePfN_PJ06prQl6-szmspEfhkJ6xDcBWAN-un6UilNN85Jyh-bHsgxNKNRH8t8z7svHm2Y4v9mOAKHieuhkfAui2VZJ3ieOIWxjWMFWuxfEtWY3u3oQ/s320/%D0%B7%D0%B0%D0%B2%D0%BE%D0%B4%D0%B8%D0%BC+%D0%BF%D0%BE%D1%87%D1%82%D1%83+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5.png" /></a></div><br />
<b>Шаг 1.</b> Наберите в адресной строке любого браузера (Internet Explorer, Mozilla Firefox, Opera) адрес http://www.yandex.ru (возможен вариант .ua или .kz, в зависимости от страны вашего проживания). Нажмите Enter, чтобы перейти на страницу Яндекса.<br />
<br />
<b>Шаг 2.</b> Слева в блоке Почта найдите строчку "Завести почтовый ящик" (см. рис.) и нажмите на нее.<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTkCRnXH3K-TX6GPU3O6Ld2vgjj4CYJOaZfZH9T3pgrBvQ7qKEJe8QKevmr3Y062mjgbKHIhgSH2PIokG_ZtdZ0yGIdFTtS3hNA16WWdE0_RzQvw6zo8uAJcn7kvAN9ri1waQf-U1zBlk/s1600/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5+%D1%88%D0%B0%D0%B31.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTkCRnXH3K-TX6GPU3O6Ld2vgjj4CYJOaZfZH9T3pgrBvQ7qKEJe8QKevmr3Y062mjgbKHIhgSH2PIokG_ZtdZ0yGIdFTtS3hNA16WWdE0_RzQvw6zo8uAJcn7kvAN9ri1waQf-U1zBlk/s320/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5+%D1%88%D0%B0%D0%B31.png" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTkCRnXH3K-TX6GPU3O6Ld2vgjj4CYJOaZfZH9T3pgrBvQ7qKEJe8QKevmr3Y062mjgbKHIhgSH2PIokG_ZtdZ0yGIdFTtS3hNA16WWdE0_RzQvw6zo8uAJcn7kvAN9ri1waQf-U1zBlk/s1600/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5+%D1%88%D0%B0%D0%B31.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a></div><b>Шаг 3. </b>Заполните на странице регистрации поля Имя, Фамилия (можно кириллицей) и Логин (на английском).<br />
<b>Логин </b>можно придумать самому, а можно воспользоваться подсказкой. Желательно, чтобы выбранный логин удобно читался и легко набирался по памяти.<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3CUvPCQL7JPLoL_nCvy9UQnTdFRfCqpresNYjlK6Xnnl98IfO4o_xWqlh2WmWHlPr2PX2YV8tBR6QfM9olUq0geDqAajGPTnEpuHO8_BTAboarsjPpgRzyVEu6Dr7n-mxZkjJvAyJmE/s1600/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5+%D1%88%D0%B0%D0%B32.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3CUvPCQL7JPLoL_nCvy9UQnTdFRfCqpresNYjlK6Xnnl98IfO4o_xWqlh2WmWHlPr2PX2YV8tBR6QfM9olUq0geDqAajGPTnEpuHO8_BTAboarsjPpgRzyVEu6Dr7n-mxZkjJvAyJmE/s320/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BD%D0%B0+%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B5+%D1%88%D0%B0%D0%B32.png" width="320" /></a></div><b> </b><b>Шаг 4. </b>Завершаем регистрацию. Придумываем <b>пароль</b>, <b>секретный вопрос</b>. Укажите свой номер мобильного телефона, чтобы получить помощь в случае потери пароля от почтового ящика. Нажмите кнопку <b>Зарегистрировать.</b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89iO1AVf32gMJt4Inu1mZfEDiyIgIzy7iMJN6fevMnNTLCFATEl0m6VbsqyZDAZ7r3ISpsA0iiLBP32uLXlerB4Y23sDrm1KR0dIXJIU9gI_ogJ1T9ll8pJxTn5PnDxwxvFL1ztVvTQM/s1600/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BF%D0%BE%D1%87%D1%82%D1%8B+%D0%B7%D0%B0%D1%82%D0%B5%D1%80%D1%82%D1%8B+%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89iO1AVf32gMJt4Inu1mZfEDiyIgIzy7iMJN6fevMnNTLCFATEl0m6VbsqyZDAZ7r3ISpsA0iiLBP32uLXlerB4Y23sDrm1KR0dIXJIU9gI_ogJ1T9ll8pJxTn5PnDxwxvFL1ztVvTQM/s320/%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BF%D0%BE%D1%87%D1%82%D1%8B+%D0%B7%D0%B0%D1%82%D0%B5%D1%80%D1%82%D1%8B+%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5.png" width="320" /></a></div><b>Шаг 5. </b>Сохраните или распечатайте страницу с вашими регистрационными данными.<b> </b><br />
<br />
<b>Шаг 6. </b>Поздравляем!<b> </b>Вы теперь<b> </b>обладатель почтового ящика на Яндексе.<br />
Чтобы просмотреть собственную электронную почту, введите ваш е-мейл (адрес электронной почты) на стартовой странице Яндекса http://www.yandex.ru в блоке <b>Почта</b><br />
<br />
<br />
Аналогично можно завести почтовый ящик на <b><a href="http://www.rambler.ru/">Rambler</a></b>, <b><a href="https://www.google.com/accounts/NewAccount?service=mail&continue=http://mail.google.com/mail/e-11-1c673ef6a928db1704e4757e4f33b8-50ecac39521416c952e90dd75456b0eb919eea33&type=2">Gmail.com</a>, <a href="http://mail.ru/">Mail.ru</a></b> и др.</div>Ovsjanahttp://www.blogger.com/profile/16833651763809730334noreply@blogger.com0