Любительское гик-видео про Expression Studio

    Представляю вашему вниманию несколько необычные скринкасты про пакет Expression Web. В чем необычность? Дело в том, что видео получилось на стыке двух жанров. С одной стороны, это совершенно утилитарное и скучное обучающее видео (tutorial). С другой стороны, по ходу я высказываю свое личное отношение к происходящему и всячески дурачусь, то есть почти персональный шуточный видеокаст.

    Скажу честно, я не суперпрофессионал в Expression Studio. В ходе создания роликов я сам учусь, поэтому пока ролики довольно поверхностные. Но планируется целая серия таких роликов, так что уверен, что у меня получится «углубиться» в тему. Пока готовы только два ролика:

    Скринкаст по Expression Web: Обзорный


    Краткое содержание ролика:
    • Из чего состоит вебсайт?
      Обзор интерфейса редактора
      WYSIWYG или чистый код?
      Dynamic Website Templates

      Скринкаст по Expression Web: Сайт на основе шаблона


      Краткое содержание ролика:
      • Шаблоны это не серьезно! Да зачем они вообще нужны?
        Создание сайта из темплейта.
        Редактирование контента.
        Статистика сайта: сколько ссылок, байтов и ошибок?
        Публикация сайта в интернет через ftp.
        К сожалению, наш обожаемый Хабр в нынешней версии не может показывать видео с Vimeo (А вот Суперхабр уже может!), а ютубовские окошки слишком маленькие чтобы разглядеть интерфейс. Поэтому осмелюсь продложить вам альтернативные способы просмотра видео. В нашем скромном блоге можно посмотреть ролики в большом разрешении через Vimeo или через silverlight-плеер или скачать в mp4-формате.
    Поделиться публикацией

    Похожие публикации

    Комментарии 64

      0
      Не понравилось следующее:

      Видео #1
      1. Не соглашусь про "удобство" wysiwyg - ибо он подчас генерирует такую кашу из html, что хоть стой, хоть падай. В большинстве случаев, на "чистку" кода уходит столько же времени, сколько бы ушло один раз разобраться с нужными элементами и написать всё ручками.
      Ну и в любом случае связка Браузер + текстовый редактор будет работать быстрее любого хтмл-IDE. (:

      Видео #2
      1. Темплейт или шаблон? Уж определитесь. да и вообще, лучше термины на русском и английском не мешать.

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

      В целом: интересно посмотреть на Dreamweaver от M$, но не более.
      Плюс, саму идею таких редакторов не понимаю (простую html-ку в разы быстрее набросать в любом "блокноте", а про сложные сайты с поддержкой активного контента в видео ничего сказано не было :-), и M$ плохо перевариваю.
        –6
        > на "чистку" кода уходит столько же времени
        а зачем чистить код? =)
          0
          зачем грузить сайт кучей лишнего мусора типа пары десятков пустых див-тэгов и прочего?
          плюс, чем понятнее код, тем легче его потом модифицировать/оптимизировать/использовать в других проектах.
          имхо, кнешна...
          • НЛО прилетело и опубликовало эту надпись здесь
              0
              ах да. я и забыл, что каждый пустой тэг увеличивает загрузку страницы в ИЕ на 0,7 мс (%
        • НЛО прилетело и опубликовало эту надпись здесь
            0
            1. Дело не в "не умею" - тем же Dreamweaver'ом (с которого, насколько я понял, сей продукт и содран) пользовался одно время очень активно. Просто я не вижу смысла в такой готовке.
            Если под intellisense имеется в виду поддержка автоматического расставления закрывающих тэгов итп - это элементарно можно настроить в том же emacs или vi. Скорость вёрсти увеличивается в н-дцать раз, если сначала всё продумать, а потом написать. А не заниматься перетаскиванием дивов и прочего туда-сюда, попутно генерируя тонны мусора (чем, обычно, многие и занимаются в подобных редакторах)

            2. Наверное, я хардкорный обычный пользователь. Мне проще выучить несколько хтмл-тэгов, и написать всё в том же notepad, чем тратить 200 (или сколько там) деревянных на программу, которая интеллектуально закрывает за меня тэги (соглашусь, важная особенность, особенно для людей, печатающих в слепую 10-пальцевым методом :-) и выдает подсказки.
            А, ну да, ещё в браузере лишнюю закладку не надо открывать, чтоб страницу посмотреть. Удобно (%
            • НЛО прилетело и опубликовало эту надпись здесь
                0
                1. хм. Ну, если вы к тому, что FrontPage вышел на 3 года раньше Dreamweaver - да, наверное они были "первопроходцами" (% давайте может ещё Xerox Star вспомним?
                про мусор лично мы с вами ничего не обсуждали (или вы тут под несколькими никами? извиняйте, не знал).
                В чём неверность аргумента не объясните нам, сирым?

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

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

                желаю и дальше так же успешно читать между строк и вести дискуссии.
                • НЛО прилетело и опубликовало эту надпись здесь
                    0
                    1. Можно. Ровно столько же времени будет уходить на редактирование в любом блокноте, alt-tab и f5 в браузере. если не быстрее.
                    2. Ну, если новости нужно на ежедневной основе обновлять - создаётся простейший "добавлятель" новостей на том же php. Избавляя тех, кто по долгу службы должен вносить новости, вообще от какой-либо необходимости видеть код. Нет?

                    Для меня важно качество результата. Дешевле один раз потратить время на обучение, и потом делать качественную работу, чем работать в стиле fast & durty. "Сейчас" оно, конечно, быстрее и проще, но потом аукнется. Так аукнется, что все преимущества сойдут на нет.

                    За пожелания - пожалуйста, могу ещё сгрузить. (:
                    • НЛО прилетело и опубликовало эту надпись здесь
                        0
                        1. да затем, что вы других аргументов, кроме как своих, не слышите.
                        2. "Дай человеку рыбу, и ты прокормишь его на один день. Научи человека ловить рыбу – и он прокормится всю жизнь".
                        и ещё "скупой платит дважды".

                        ну да каждому своё.
                        кстати, у секретари всегда вёрсткой занимаются? а верстальщики, наверное, в это время бухучётом время убивают. уборщица, подозреваю, занимается приемом входящих звонков, ну а директор предприятия, соответственно, моет кружки.
                        • НЛО прилетело и опубликовало эту надпись здесь
                            0
                            у вас же, похоже, религиозное верование, что МС - панацея от всех бед, а версткой должны заниматься секретарши (:
                            • НЛО прилетело и опубликовало эту надпись здесь
          +2
          Мне понравилось. Хоть лично для меня информация и не является полезной (предпочитаю более легковесные редакторы) - думаю иным будет очень интересно и приятно просмотреть подобное видео. Юмор, присутствующий в серьезном видео о web-редакторе по началу немного раздражал. Однако, в итоге шутки хоть и не сильно смешили, но создали ощущение атмосферы дружеской беседы, а не лекции (что делает большинство подобных видео) - это только плюс.
          Спасибо большое за проделанную работу =)
            +5
            честно говоря не совсем понравился способ подачи информации, да и сам голос.
              0
              Я подумаю над тем, чтобы сделать себе операцию по изменению голоса. :) А если серьезно, то очень важный момент — выбор микрофона и последующая обработка звука. Надо мне попробовать разные микрофоны - голос будет звучать по-разному.
                +1
                Мне показалась легкая неуверенность в голосе.
                  0
                  Так и есть! Я же дизайнер! Долгие годы сидел в офисе и рисовал картинки. Скринкасты - новое для меня дело.

                  С другой стороны, а для кого это обычное дело? Бросайте камни!
                    0
                    Да не, причем тут камни,это так, объяснение проблем с голосом. Собственно еще один два ролика и это пройдет.
                0
                согласен. голос нормальный, но подача хромает...
                –1
                А оно не херит стандарт как IE?
                Или все же это обычный html-editor?
                  0
                  Всё это конечно замечательно, но хотелось бы действительно услышать от опытных верстальщиков каким ПО они пользуются, что могут посоветовать. И есть ли дейсвительно какой либо универсальный инструмент для верстки.
                  Например я ради энтузиазма перебрал наверно десяток всевозможных редакторов, самым толковым был Дримвывер. =)
                    +1
                    Дримвывер для верстки очень удобен, но при желании можно перейти на Aptana Studio
                    0
                    Не нашел принципиальных отличий от Dreamweaver 4, коим и пользуюсь уже много лет )
                      +1
                      Видео не смотрел, ибо звука на работе нет.

                      Насчет WYSIWYG. Пользуюсь Dreamweaver. В режиме сплит. Исключительно для того, что бы вносить изменения в верстку следующего характера:
                      - вставить таблицу (два клика мышкой или же минута на написание всех тегов вручную)
                      - набор и форматирование текста (прописание всяких strong, абазцев, списков гораздо удобнее в визуальном режиме)
                      - нахождение нужного куска кода по физическому расположению на странице

                      Ну и просто удобно, когда существенная часть изменения верстки сразу отражается в визуально окне. Не нужно переключаться в браузер. Разумеется, речь не идет о тонкой подгонке стилей и проверки верстки на кроссбраузерность.
                        0
                        Имхо для верстки Dreamweaver, для кодинга Eclipse
                          0
                          По-моему, вполне неплохо получилось.
                            +1
                            Для вёрстки блокнот, для кодинга блокнот
                              0
                              это несерьезно. блокнот даже номера строк не проставляет.
                                0
                                Да нет же, я имел ввиду не обычный мелкомягкий блокнот, а Notepad++
                              0
                              Для вёрстки я использую Notepad++, потом прогоняю на валидность кода в HTML Validator'e
                                0
                                Прошу меня простить, но я вроде бы не проводил опроса "кто в чем верстает?" Или я что-то пропустил?
                                  0
                                  надо в начало и в конец статьи дописать "Мне все равно что вы используете для верстки!" =)
                                    0
                                    А зачем и в начало и в конец? Типа открывающий и закрывающий теги? :)
                                      0
                                      Если закроешь, нафига тогда вообще писать ;-)
                                        0
                                        типа чтобы невнимательные люди все-таки обратили внимание на этот текст и не писали сюда свое мнение, которое не по теме.
                                  +1
                                  Имхо под ASP.NET, вполне хватает Visual Studio (тем более есть express версии, которые бесплатны).
                                    0
                                    Вы, наверняка, не дизайнер! Они как огня боятся монстра в виде Visual Studio.
                                      0
                                      Express версия вовсе не гигант :)
                                    0
                                    Любой верстальщик просто обязан представлять себе то, что он верстает. Да и поскольку щас большинство более менее крупных сайтов на CMS, то WYSIWYG просто не поможет, так как необходимо редактировать множество отрезков-шаблонов, и DWT тут не поможет.
                                    Сам же верстаю под Adobe Dreamwear и про WYSIWYG давно забыл.
                                      0
                                      Извините, а это все к чему?
                                        0
                                        Я, наверено, не понял смысл. Это просто мои мысли по теме.
                                        0
                                        Хотел сказать, что все навороты Expression по большей части никому не нужны, тем более при том, что существуют не менее качественные подобные продукты.
                                          0
                                          А зачем вы это хотели сказать? Какая цель?
                                            0
                                            Да что так нервничать. Ну решили поговорить о том, кто где верстает. Не устраивает, что пишут в Вашем топике - ну уж извините. По теме писать особо нечего.
                                              –1
                                              Простите, а где вы увидели "нервы"? Подумайте сами, с чего мне нервничать?

                                              Кстати, откуда инфа, что по теме писать особо нечего?
                                                0
                                                Откуда инфа? Моё личное мнение.
                                        0
                                        Верстаю в MS SharePoint Designer. Очень удобно. Автоматически все ошибки подсвечивает. Всегда валидный и правильный код получается с первого раза. (Пишу только руками, если что )
                                        Чем Экспрешен отличается от Дизайнера?
                                          0
                                          поставил, субъективно только дизайном отличается. более приятный и спокойный
                                          +1
                                          Мне смущает, что ТурбоМилк (это их блог) подготовил этот ролик не потому что им понравилась технология (я бы с удовольствием посмотрел на ролик о том, как делать иконки, в чём они бесспорные мастера), а из-за сотрудничества с Microsoft. Т. е. эти ролики банальная PR-акция (что не уменьшает информационную ценность), а не «любительское гик-видео», как нас обманывает тов. kortunov.
                                            +1
                                            интересно, а г-н посмотреть профиль kortunov это как-то прокомментирует?
                                              0
                                              Что касается "совместно с Microsoft", то мы гордимся этим. Как ни крути, но Microsoft — одни из флагманов рынка и нам приятно, что они что-то реализуют соместно с нами, а не с кем-то другими. В какой-то мере это является признанием наших заслуг.

                                              Мы будем безмерно счастливы, если какая-то компания, которая добъется успеха правильным с вашей точки зрения способом будет что-то реализовывать соместно с нами. Мы открыты!


                                              — Из коментариев Дениса Кортунова на их сайте.
                                                0
                                                Спасибо большое за цитату! Это весьма к месту тут.
                                                  0
                                                  Т. е. Вы говорите, что можете помочь PR отделам других компаний своими читателями и своим авторитетом? ;) ИМХО, иконки у Вас получалось делать гораздо лучше и дело это гораздо более полезное.
                                                    0
                                                    Если вы хотите видеть ситуацию только так, то дело ваше. Только вот не вам решать чем нам заниматься в будущем.
                                                0
                                                я там чуть ниже ого-го как прокомментировал
                                                0
                                                А меня смущает как легко вы простые вещи назвали "информационной ценностью", а очень сложные вещи "банальностью". В данной ситуации главную ценность имеет "формат", а не "информация". Если расмматривать все это действо как Проект, то я в последнюю очередь использовал бы прилагательное "банальный". Более того, это один из самых необычных наших проектов, в который мы вложили столько креатива и времени, что никаким иконкам и не снилось.

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

                                                Почему Турбомилк считается клевым предприятием? Все очень просто! Мы пытаемся смотреть в будущее. Даже если это будущее непонятно для некоторых. Вот и сейчас мы смотрим в будущее и видим там видео в интернете. Это многим интересно и весьма перспективно.

                                                Но вы-то видите только "технологию" верстки. И абсолютное большинство комментаторов в этом топике. Это грустно, но мы уже привыкли. Простите, но мы не будем слушать вашего мнения, а продолжим поступать так как нам кажется верным.

                                                Уверен, что в будущем вы нас поймете и простите. Возможно даже посчитаете, что мы поступили верно.
                                                  0
                                                  Вы так говорите, когда во Flash поддержки видео нет эти несколько лет. Будущее видео в простом теге <video> а не проприетарных технологиях для которых требуются специальные plugin’ы и т. д.

                                                  Чтобы говорить о перспективах, скажите, Вы видели Mozilla Prizm, AIR, Tamarin, Java Web Start? Silverlight — это копия ActionScript годичной давности. Сейчас ведутся эксперименты с новыми технологиями…

                                                  Вы же сами писали, что « в сотрудничестве с Microsoft», при чём тут «смотрим в будущее». Может я сейчас скажу неподтверждённое фактами мнение, но все эти «смотрим в будущее и видим там видео в интернете» (которое уже давно там отлично работает с помощью Flash) просто попытка увести внимание от PR и ещё больший PR никому не нужных «велосипедных» технологий.
                                                    0
                                                    Это не попытка увести от PR, это предложение заглянуть "чуть дальше". Только вы опять увидели только то, что сами захотели. Какая разница как видео в интеренете будет реализовано? Мне абсолютно фиолетово. Пусть это будет флеш или что-то еще. Главное, что мы уже сегодня умеем делать ролики. А завтра будем уметь делать остроинтересные и выскококачественные ролики.

                                                    Я видел AIR и Tamarin. Мне очень понравилось. Если повезет, то и на этих техлогиях мы что-то сделаем.
                                                –1
                                                видеоспам(pr), ничего интерестного
                                                  0
                                                  Спасибо! Было интересно и ненапряжно, в отличие от видео подобного рода.
                                                  Больше всего нравится в EW то, что классы и идентификаторы в html выполнены ссылками на соответствующие места в CSS. Нигде такого не видел больше.

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

                                                  Самое читаемое