foto1
foto1
foto1
foto1
foto1
.

Жмите F5!

Главное меню

До Последнего Звонка осталось
5
6
Дней
1
7
Часов
1
7
Минут
0
0
Секунд

Некоторое время тому назад я решил, что размещать фотографии в новостном разделе просто в виде превью не очень современно и не мешало бы организовать это дело с помощью какого-нибудь плагина. Мой выбор пал на достаточно простой и функциональный Fotorama
Его установка не представляет особых сложностей и начинается с подключения jQuery. Подключив jquery, вы сможете наслаждаться огромными, почти безграничными возможностями которые предоставляют его многочисленные плагины: создавать красивые галереи картин и фотографий, динамические всплывающие меню и многое многое другое. Для этого нам потребуется отредактировать файл header.php (для WordPress) или index.php (для Joomla!) используемой темы

Для этого выбираем любой удобный для нас способ редактирования - прямо на хостинге, либо скачиваем его на свой компьютер используя ftp-доступ и редактируем, открывая его, к примеру, редактором Блокнот. Находим секцию hеаd - все что находится между открывающим и закрывающим тегами: <hеаd>...</hеаd> и добавляем в самый ее конец, перед закрывающим тегом следующий код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Затем необходимо подключить файлы стилей и сам скрипт Фоторама. Делается этот всё в том же файле header.php в его секции hеаd

<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.js"></script> 

Желательно еще в header.php добавить скрипт настройки Фоторама

<script type="text/javascript">
      $(function() {
        $('#fotorama').fotorama({
  width: 700,
  height: 490
});
      });
</script>

Если на компьютере установлен Adobe GoLive, то скачанный файл header.php можно редактировать и в нём, как показано на прилагаемом изображении

Создаем блок класса fotorama и добавляем по порядку в него изображения:

<div class="fotorama">
<img src="/адрес_изображения_1">
...
<img src="/адрес_изображения_x">
</div>

При необходимости можно осуществить тонкую настройку плагина. Например, Fotorama изменяет размеры блока до размеров первого изображения. Все остальные изображения маштабируются под этот блок. Мы можем вручную задать размеры блока используя атрибуты data-width и data-height:

<div class="fotorama" data-width="800" data-height="600">

Это далеко не единственные изменения, которые можно внести в работу данного плагина - при необходимости в сети можно найти массу советов по тонкой настройке Fotorama.
По окончанию работы мы сможем увидеть вот такой результат (в данном случае приведен не действующий вариант плагина, а его изображение с новостного раздела нашего школьного сайта:

В настоящее время практически все CMS сразу имеют в своём составе текстовые редакторы с широким спектром возможностей.







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



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

Сегодня мы поговорим о размещении на Вашем сайте изображений.
Часто возникает такая ситуация, когда непосредственно на самом сайте хранить фотографии не представляется возможным - к примеру, Ваш тарифный план не позволяет нам размещать объёмный контент, в таком случае можно использовать фотохостинг. Фотохостинг — это сервис для хранения ваших фотографий. Так же как существует огромное количество мест, где можно разместить свой сайт, так и фотохостингов - великое множество. Основные характеристики, на которые стоит обращать внимание:
1. Бесплатность сервиса. Существует много хороших и бесплатных сервисов, поэтому платить просто за размещение снимков не нужно спешить.
2. Возможность выложить большое количество кадров. Ведь вам не хочется через год или два столкнуться с тем, что потребуется либо покупать дополнительное место за деньги, либо искать другой хостинг.
3. Надёжность. Существует масса фотохостингов, но не все из них празднуют даже первую годовщину открытия, унося в небытие бесценные для вас мгновения.
4. Удобство загрузки, качество интерфейса. Приятно сделать загрузку фотографий максимально простой, быстрой и комфортной и главное понятной.
В данной статье будет рассмотрена работа с фотохостингом на примере фотохостинга vfl.ru (работает с 1997 года).
Итак, для начала желательно зарегистрироваться на данном ресурсе. Конечно, данный фотохостинг поддерживает размещение изображений и без регистрации, но зарегистрированным пользователям предоставляется несколько больший функционал. Регистрируемся и входим в свой аккаунт:





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





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



Как правило использовать мы будем два блока: "HTML-код превьюшки для сайта" и "Прямая ссылка на изображение"



Копируем HTML-код превьюшки для сайта, оставляем данное окно или вкладку фотохостинга открытой и переходим к созданию материала на нашем сайте. Находим кнопку, которая вызывает редактор HTML-кода



Вставляем HTML-код превьюшки в окно редактора кода



Можно, конечно, после этого нажать кнопку "Обновить", но в этом случае наше превью будет вести не на само изображение, а на страницу с изображением. То есть помимо картинки мы увидим ещё и, к примеру, рекламу, что не всегда бывает удобно. Поэтому немного отредактируем нашу запись. Перейдём на вкладку или окно с нашим загруженным изображением и скопируем прямую ссылку на изображение, а потом вернёмся в окно редактора кода и заменим то, что находится в первой угловой скобке в кавычках <а hrеf="httр://vfl.ru/fotos/8200a0307895133.html"> на прямую ссылку на изображение httр://imаgеs.vfl.ru/ii/1424874713/8200a030/7895133.jpg. А вот теперь уже можно и нажать кнопку "Обновить"
И последний штрих - сделаем так, чтобы наша картинка открывалась в новом окне.



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

Если Вы читаете эту статью значит, перед Вами встал вопрос - как создать свой сайт. Постараюсь помочь Вам на примере самого сложного варианта создания сайта: с регистрацией доменного имени, с размещением этого сайта у хостера, с самостоятельной загрузкой CMS, которая будет управлять работой нашего сайта.
Для начала мы должны определиться с хостингом. Хостинг - это услуга по размещению Вашего веб-сайта на веб-сервере компании, предоставляющей подключение к интернету и обслуживание. В услугу хостинга часто уже входит обеспечение местом для баз данных,почты, и т. д., а также поддержка работы данных сервисов.
На данный момент существует два вида хостинга бесплатный и платный. Сразу необходимо заметить что для решения части задач бесплатный хостинг не подойдет, так как его единственное достоинство – «бесплатность». В итоге Вы получаете рекламу на Вашем сайте, нестабильную работу, что сказывается соответственно на доступности Вашего сайта для посетителей, не исключена возможность просто закрытия сайта без объяснений. Поэтому мы будем рассматривать размещение сайта именно на платной основе. Компаний, занимающаяся предоставлением услуг размещения оборудования, данных и web-сайтов на своих технических площадках существует огромное количество, какую именно выбрать каждый решает для себя сам, ну а я буду в этой статье рассматривать процесс создания сайта на примере компании Infobox.
Нашим первым шагом станет регистрация у хостера. После этого мы должны придумать нашему сайту доменное имя - сочетание символов, которое будет однозначно определять наш сайт. Необходимо проверить - свободно ли оно:



Если наша фантазия нас не подвела и такое имя ещё никем не занято - регистрируем его!



После того как мы оплатим счёт за регистрацию имени - можно приступать к созданию сайта



Заполняем предоженную форму - ничего сложного, в нижней части страницы есть подсказки



Теперь нам нужно создать FTP-аккаунт. Именно по протоколу FTP мы будем загружать Систему Управления Содержимым нашего сайта, дополнительные компоненты, а так же будем загружать и скачивать файлы нашего сайта



Пришло время определиться под управлением какой Системы Управления Содержимым (или CMS - Content Management System) будет работать наш сайт.
Предназначение CMS в том, чтобы, во-первых, облегчить процесс создания сайтов, во-вторых, сделать этот процесс доступным большему кругу лиц и, наконец, элементарно подчинить весь ход создания сайта определенному алгоритму и типу. Существует огромное множество различных CMS, использование которых может осуществляться как бесплатно, так и на платной основе. И если свой сайт мы размещали на платной основе, то при выборе CMS мы вполне можем выбрать Среди бесплатных решений. В данном сегменте лидерство занимает Joomla!, хотя можно выбрать и другую систему, коих существует огромное множество: Drupal, Wordpress, DLE и другие. Лично я остановил свой выбор на Joomla!, новостной же раздел нашего школьного сайта работает на Wordpress.
Определившись, скачиваем дистрибутив CMS (прогресс не стоит на месте, поэтому версия CMS может отличаться от представленной на скриншоте)



Скачка завершена - загружаем дистрибутив CMS на хостинг посредством FTP







После загрузки CMS переходим в раздел "Хостинг" – "Базы данных MySQL" и создаем базу данных, которая будет использоваться Вашим сайтом.



На этом этап подготовки закончен. Перейдем к непосредственной установке сайта.
Переходим по адресу, который Вы указали при создании записи о сайте, если Вы всё сделали правильно, то перед Вами откроется страница начала установки:



Выбираем нужный Вам язык и нажимаем на кнопку «Далее».



Просматриваем информационное окно о проверке установленных компонентов и вновь нажимаем на кнопку «Далее».



Подтверждаем лицензионное соглашение.



В этом окне мы указываем следующие параметры:

Имя сервера базы данных: mysqlserver
Имя базы данных: Указываем имя базы данных, которую мы создали для нашего сайта.
Имя пользователя: Указываем такое же, как и имя базы данных.
Пароль: Указываем пароль от базы данных.
Если что-то забыли, то всегда можно вернуться в раздел "Управление базами данных" и нажав кнопку "Изменить" увидеть все данные нашей базы.



Этап настройки конфигурации FTP можно пропустить. Нажимаем на кнопку «Далее».



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



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



Установка завершена. Поздравляю Вас с созданием собственного сайта!



Теперь переходим по адресу вида http://имя_Вашего_сайта.ru/administrator и видим вход в панель управления



Вводим логин и пароль - мы в Админке нашего сайта!

Совет устанавливающим Windows и Linux на одном компьютере

Практически на всех компьютерах нашей школы установлено две операционных системы - Windows и ALT Linux.
Дело оказалось не то, чтобы очень сложным, но с "подводными камнями" - к примеру ни за что не хотело работать всё как надо, пока не привёл диск вот к такому виду:
Первый раздел - Windows
Второй раздел - для swap. Его отформатировал в файловую систему swapfs
Третий - ext3, точка монтирования задана /
Четвёртый - для всего остального...

Авторизация

Участник Общероссийского рейтинга образовательных сайтов