Видеолекция
E-learning система
ведущий: Илья Государев
воскресенье, 9 декабря 2012 г.
четверг, 11 октября 2012 г.
Ссылки в Dropbox
При регистрации новых дропбокс-аккаунтов мы не обнаруживаем более папку Public, с помощью которой можно было делать быстрые скачиваемые ссылки (т.е. прямые ссылки, а не через страницу DropBox).
В любой папке мы можем щелкнуть правой кнопкой мыши и выбрать "Share link"
Получим ссылку вида https://www.dropbox.com/s/vua6ybdkohc31sv/Dropbox-Logo.png
пройдя по ссылке, мы увидим страницу со встроенной картинкой.
Изменим в адресе www на dl
(можно еще убрать букву s из протокола https)
http://dl.dropbox.com/s/vua6ybdkohc31sv/Dropbox-Logo.png
получился прямой адрес этой картинки. Ниже она вставлена с его использованием:
Более наглядно: http://screencast.com/t/jCpSaudzv
В любой папке мы можем щелкнуть правой кнопкой мыши и выбрать "Share link"
Получим ссылку вида https://www.dropbox.com/s/vua6ybdkohc31sv/Dropbox-Logo.png
пройдя по ссылке, мы увидим страницу со встроенной картинкой.
Изменим в адресе www на dl
(можно еще убрать букву s из протокола https)
http://dl.dropbox.com/s/vua6ybdkohc31sv/Dropbox-Logo.png
получился прямой адрес этой картинки. Ниже она вставлена с его использованием:
Более наглядно: http://screencast.com/t/jCpSaudzv
воскресенье, 9 сентября 2012 г.
среда, 5 сентября 2012 г.
ММТвО 3 курс // Орг. информация + HTML5
Дисциплина: "Мультимедиа технологии в образовании"
Электронный курс (Moodle)
Адреса почты преподавателей:
Илья Борисович Государев ilia.gossoudarev@gmail.com
Павел Александрович Аксютин pavel.aks@gmail.com
Доска объявлений
Мониторинг / Журнал успеваемости
Online редактор: http://dist-learn.spb.ru/html?5 (щелкните HTML5)
Большая коллекция статей и руководств по веб-технологиям: http://htmlbook.ru/html5
Примеры мультимедийных компонентов HTML5/Apple: http://www.apple.com/html5/
Примеры HTML5: http://html5demos.com/
Электронный курс (Moodle)
Адреса почты преподавателей:
Илья Борисович Государев ilia.gossoudarev@gmail.com
Павел Александрович Аксютин pavel.aks@gmail.com
Доска объявлений
Мониторинг / Журнал успеваемости
Online редактор: http://dist-learn.spb.ru/html?5 (щелкните HTML5)
Большая коллекция статей и руководств по веб-технологиям: http://htmlbook.ru/html5
Примеры мультимедийных компонентов HTML5/Apple: http://www.apple.com/html5/
Примеры HTML5: http://html5demos.com/
понедельник, 16 июля 2012 г.
О новом (обновленном) подходе к изучению веб-дизайна
To: anyone whom it may concern
В течение последних нескольких лет мы отрабатывали разные подходы к изучению дисциплины "Веб-дизайн". Началось все с жестко заданных лабораторных работ, включавших отобранные теоретические сведения и задания. Но технологии развиваются так стремительно, что за ними в этом плане не угнаться - пришлось бы переписывать каждую лабораторную работу по несколько раз за год.
Поэтому более соответствующей реалиям сегодняшнего дня следует признать другую схему.
Мы формулируем несколько видов заданий:
- atom tasks (задания-атомы) - например "Напишите для PHP регулярное выражение, отсеивающее гиперссылки на локальные закладки"
- molecula tasks (задания-молекулы, типичные задания участников веб-проекта) - например "Разработайте прототип формы для регистрации нового пользователя, где есть поле для выбора даты. Рекомендуется использовать плагин JQuery jquery.ui.datepicker"
- product tasks (задания для индивидуальных проектов) - например "Создайте веб-приложение с базой данных для загрузки на сайт фотографий. Рекомендуется использовать плагин JQuery github.com/blueimp/jQuery-File-Upload"
Для выполнения заданий предлагается отобранная нами литература и электронные образовательные ресурсы, например Курс по перспективным веб-технологиям на Интуит.ру
С каждым годом объем базовой информации увеличивается, каждому новому поколению изучающих приходится отталкиваться от все большего количества исходных данных. Видимо, с этим поделать ничего нельзя - придется читать все больше блогов. Но очевидно одно - изложить что-либо фундаментальное, что не меняется, в виде "лабораторок" нереально.
Наша задача - перелопатить много потенциально интересных источников, выбрать для изучающих то, что нам кажется наиболее понятным, наиболее быстро вводящим в курс дела; затем предложить актуальные задачи и консультировать по ходу их решения.
Задача изучающих - много читать, интересоваться, задавать вопросы, сидеть на Хабре, посещать девелоперские конференции. И, конечно, кодить, кодить, кодить.
Удачи, хорошего лета и до скорых встреч!
среда, 27 июня 2012 г.
Плакат "Веб-стандарты"
Вы можете скачать и посмотреть подробнее на Хабре - это наглядный, яркий материал.
понедельник, 25 июня 2012 г.
Web Standarts Days. Результаты
По результатам проведения конференции "Web Standards Days" можно выделить следующие выступления:
Презентацию можно посмотреть по этой ссылке: http://wsd.websaints.net/2012-spb/, а скачать - по этой ссылке: http://t.co/by45T9OV
Жми сюда! (автор: Вадим Макеев)
Кнопка, ссылка, псевдоссылка? Как правильно выбрать, сверстать и не наделать глупостей.
Презентацию можно посмотреть по этой ссылке: http://pepelsbey.net/pres/push-it/?full#Cover
На грани возможного (автор: Антон Немцев)
3D и 2D-анимация и эмоции в веб c помощью CSS.Презентацию можно посмотреть по этой ссылке: http://wsd.websaints.net/2012-spb/, а скачать - по этой ссылке: http://t.co/by45T9OV
На заметку
Для создания такого вида презентаций (http://pepelsbey.net/pres/push-it/#Cover), можно использовать следующий инструмент https://github.com/pepelsbey/shower#readmeпонедельник, 18 июня 2012 г.
Я.Субботник?!
Я.Субботник в Санкт-Петербурге, 30 июня
Я.Субботник в Санкт-Петербурге пройдет 30 июня в офисе Яндекса.
Регистрация на мероприятие начнется 15 июня. Количество мест ограничено.
Для тех, кто не попадёт в число участников или не сможет лично присутствовать на Я.Субботнике, будет организована онлайн-трансляция.
Подробную информацию о мероприятии читайте здесь.
четверг, 17 мая 2012 г.
воскресенье, 13 мая 2012 г.
HTML5: новый путь (продолжение).
В продолжение предыдущего поста о новом пути составления документов по стандарту HTML5 предлагаю немного "полевых исследований":
Снимки экранов выполнены в последних версиях всех распространенных браузеров (кроме Internet Explorer 10, ради которого нужно ставить Windows 8 Developer Preview 1) и можно заметить, что все современные браузеры корректно преобразуют сокращенный вариант HTML5 кода в well-formed XML и выстраивают классический DOM.
Исходный код |
Apple Safari 5.2 (OS X 10.7.4) |
Apple Safari (iOS 5.1) |
Opera Next /12.0 beta (OS X 10.7.4) |
Google Chrome 18 (OS X 10.7.4) |
Microsoft Internet Explorer 8 (Windows Server 2003) |
Microsoft Internet Explorer 9 (Windows 7 SP1) |
Mozilla Firefox Aurora /14 alpha + Firebug (OS X 10.7.4) |
Mozilla Firefox Aurora / 14 alpha + native inspector (OS X 10.7.4) |
Проблемы отмечены только у IE8, но в нем поддержка HTML5 и не заявлялась разработчиком, а так же у Firebug в Firefox, но это скорее всего связано с тем, что используется Alpha версия браузера.
Ура... HTML5 уже здесь!
суббота, 12 мая 2012 г.
HTML5: новый путь
В течение нескольких лет на курсах "Веб-дизайн" и "ММТвО" мы брали за основу язык XHTML 1.0 в строгом варианте и приучались соблюдать требования стандарта языка.
Это означало, что базовым вариантом правильной страницы был вот такой код, являющийся well-formed XML и соответствующий DTD:
Как указывает К.О., код достаточно громоздкий.
К счастью, наступают более веселые времена. Как подсказывает нам Гугл, пришла пора обходиться легким кодом и экономить на буковках. Да, закрывать можно не все теги, да, некоторые даже можно целиком опустить.
Отметим, что браузер автоматически создает в своей DOM-структуре недостающие элементы. И что кодировка по умолчанию - UTF-8. При валидации это незаметно. Однако, когда мы используем XML-документы для анализа и извлечения данных, на этот момент надо обращать внимание.
Это означало, что базовым вариантом правильной страницы был вот такой код, являющийся well-formed XML и соответствующий DTD:
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Пример страницы XHTML 1.0 Strict</title> </head> <body> <h1>Заголовок страницы</h1> <p>Абзац этой страницы<br /></p> </body> </html>
Как указывает К.О., код достаточно громоздкий.
К счастью, наступают более веселые времена. Как подсказывает нам Гугл, пришла пора обходиться легким кодом и экономить на буковках. Да, закрывать можно не все теги, да, некоторые даже можно целиком опустить.
<!DOCTYPE html> <title>Байты-деньги!</title> <p>Так-то
Если это пропустить через валидатор W3C (выбрав, естественно, HTML5), то мы получим православную зеленую полоску.
четверг, 26 апреля 2012 г.
Google.drive vs Яндекс.диск vs Dropbox vs ...
Неплохая статья, где сравнительно анализируются различные облачные технологии хранения файлов.
четверг, 5 апреля 2012 г.
воскресенье, 1 апреля 2012 г.
Управление анимацией CSS3
Полезный сайт с демонстрацией timing function - возможность настраивать выполнение анимации. Например, bezier-curve - кривая Безье.
среда, 11 января 2012 г.
Веб-дизайн | ДТвО. Список заданий
https://docs.google.com/document/pub?id=1Ot5TRE3ux6LNJTR1cPy-3ulNGyFRvmtq9vww9pfVYYs
При возникновении вопросов пишите их в комментарии к этому посту.
При возникновении вопросов пишите их в комментарии к этому посту.
Подписаться на:
Сообщения (Atom)