Содержание выпуска

Время урока: 33 мин. 53 сек. Размер: 49 Мб. Скачать видеоурок (swf)

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

Первый урок из этой серии я решил посвятить конструктору flash-сайтов wix.com, который позволяет создавать flash-сайты на лету и имеет как бесплатный, так и платный вариант.

Если использовать бесплатную версию, то это больше подходит для создания flash-презентаций или чего-то подобного. Такой сайт будет расположен на сервере wix.com и внизу сайта будет небольшая рекламная полоска.

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

http://www.wix.com/ruseller/ruseller

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

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

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

Время урока: 9 мин. 2 сек. Размер: 6,2 Мб. Смотреть урок онлайн Скачать видеоурок (swf)

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

Оказалось, что это была бесплатная утилита от известной фирмы TechSmith, которая создала такие любимые мной программы, как Camtasia Studio и SnagIt.

Утилита эта называется Jing и является, по сути, лайт-версией Camtasia Studio.

Основное назначение программы - это запись видео с экрана компьютера "без заморочек".

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

Ссылка на видео - уже в Вашем буфере обмена, откуда Вы можете её вставить хоть в аську, хоть в e-mail-письмо.

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

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

Из того, что я заметил, длительность видеозаписи ограничена пятью минутами, и нельзя напрямую загружать отснятое видео на youtube.com (в платной версии такая возможность есть).

Время урока: 15 мин. 02 сек. Размер: 16,5 Мб. Смотреть урок онлайн Скачать видеоурок (swf)

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

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

Весь процесс состоит из нескольких шагов:

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

2. Запускайте урок и по нему редактируйте выбранный шаблон под себя.

3. Полученный результат выкладывайте на хостинг.

Кстати, эти шаблоны сделаны исключительно на связке HTML+CSS.

Время урока: 10 мин. 13 сек. Размер: 13,1 Мб. Смотреть урок онлайн Скачать видеоурок (swf)

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

Тогда я его так и не нашел.

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

Скрипт называется Highslide.

При просмотре видеоурока Вам понадобится сам скрипт.

Примеры использования

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

Highslide JS без галереи

• С белой рамкой в 10 пикселей и тенью
• С тенью, но без рамки, плюс полупрозрачная кнопка закрытия
• С белым обрамлением и закругленными углами
• Темный стиль с фоновым свечением
• Без графического обрамления
• Карта изображения с заголовком из тэга title

Галереи

• Пример галереи в белом дизайне
• Пример галереи в темном дизайне
• Мини-галерея с затемненным фоном страницы (одна миниатюра показывается изначально)
• Две мини галереи на одной странице
• Галерея с управляющими стрелками наверху
• Галерея без рамки, подпись под картинкой
• Галерея без подгонки размера бокса под размер картинки
• Галерея с автопрокруткой и вертикальным расположением миниатюр
• Галерея с автопрокруткой, горизонтальным расположением миниатюр, с белой рамкой и скругленными углами
• Галерея в темном стиле с расположением миниатюр поверх основного изображения
• Галерея с фиксированной областью просмотра, миниатюры справа
• Галерея открывается в отдельной странице, область просмотра фиксированная, миниатюры сверху

В HTML

• Открытие содержимого через всплывающее окно
• Открытие содержимого через всплывающее окно плюс заголовок
• Контент во фрейме
• Flash-контент
• Контент во всплывающем окне без использования внешних файлов

Мой пример:

Это главная страница flash-сайта.

Это страница "Видео и аудио", на которую мы будем вставлять видео с youtube и аудиоплеер с плейлистом.

Страница "Слайдшоу" с анимированным персонажем.

Скриншоты flash-сайта, который мы делаем в первом уроке этого выпуска

Как я уже говорил, на моем сайте появилось много новых интересных уроков. Вот их неполный список:

Как определить цену инфотовара?

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

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

Читать заметку полностью

Нужно ли сегодня изучать HTML, CSS, PHP и т.д. если есть CMS?

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

А суть вопроса в том, что человек сомневается в нужности изучения базовых языков вэб-программирования из-за массового распространения CMS-систем.

Читать заметку полностью