Добро пожаловать в мой уютный бложек свежесозданный блог, посвященый технологии Silverlight.

Эта статья является 3 в цикле. Вот тут есть начало и продолжение.

При построении любого GUI-приложения, содержащего более 5-6 элементов управления, резко встает вопрос их корректного позиционирования и управления их размещением в пределах родительского элемента управления.
Для решения данной проблемы существует несколько подходов. Silverlight унаследовал от WPF вариант с использованием layout-ов (иногда их называют раскладками, иногда и еще хуже). Гибкость системы раскладок позволяет создавать причудливые комбинации элементов управления, комбинируя как абсолютные, так и относительные методы позиционирования и управления размерами компонентов.

Сколько я знаком с технологией Flash, столько же я хотел научиться ее использовать. Мне хотелось уметь рисовать мультики, интерактивные сайты, игры, работающие прямо в браузере.

Я ставил Macromedia Flash, качал уроки, шаг за шагом проходил их, но бросал, не дойдя и до половины. Отсутствие дизайнерских навыков давало себя знать. В общем я уже смирился с мыслью что не дано мне стать видным флешером. И невидным – тоже.

Недремлющая компания Microsoft примерно с год назад представила свой вариант решения проблемы создания «красоты» в Web под названием Silverlight. Первая его версия была мною скачана, осмотрена и для собственного применения забракована. По сути она мало чем отличалась от обычного Flash, «только в профиль».

Но свежий ветер маркетологии принес к нам из-за морей свежую весть – оказывается, будущее будет за так называемыми Rich Internet Applications, то есть (грубо говоря) программами, которые будут одинаково работать как онлайн, так и при полном этого самого онлайна отсутствии. И самое интересное, что уже популярный и знакомый AJAX – это совсем-таки неудобно для создания RIA, а нужно нам нечто совсем другое. Вариантов «другого» оказалось немало. Многие компании ринулись строить «другое» на базе того что у них уже было. Так появились JavaFX, Adobe AIR, Microsoft Silverlight 2.0 и другие…

Из всего вышеперечисленного, именно Silverlight 2.0 пришелся мне по душе. Он разительно отличается от первой версии и предоставляет куда больше возможностей. При этом, даже такой закоренелый программист как я – может его с легкостью использовать без знаний о дизайне.

После основательной подготовки и установки всех необходимых для Silverlight-разработки программ, мы наконец-то приготовились сказать наше первое «привет мир».

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

Мы напишем супер-онлайн-web2.0-числосумматор. Если у кого-то возникает вопрос, при чем тут web2.0 – все элементарно. Наш сумматор будет складывать как раз-таки 2 числа, и кто скажет что это не 2.0 – пусть идет писать cgi на ассемблере :).

В общем, в любом деле главное – хорошее начало. А для начала нам надо создать в Visual Studio новый проект, выбрав для него тип проекта «Silverlight Application».

На технику Сетки я обратил внимание около года назад. Тогда эта техника после очень поверхностного изучения показалась мне бесполезной и очень экспериментальной, отталкивало то что для реализаций необходимо создавать лишнюю разметку. Но сейчас уже становится трудно не замечать количество веб-сайтов построенных на сетке, а так же количество статей и уроков о ней. Благодаря последним стало гораздо проще изучить и понять принципы и концепцию, сделать более менее реальные выводы. Мой вывод спустя год таков — «Это простое и полезное решение которое когда либо было создано для вёрстки веб-страниц, должен знать каждый уважающий себя веб-дизайнер.»

Прочитав заголовок, Вы, наверное, очень удивились.
Ведь казалось бы, все предельно просто — есть объект Clipboard, есть его статические методы (вроде SetText/SetData и GetText/GetData), чего еще для счастья нужно?

Однако, на практике все просто лишь до тех пор, пока Вы копируете или вставляете только базовые объекты, вроде текста или bitmap-картинки. Что же случается, когда нужно оперировать более сложной структурой?

Лично я недавно столкнулся с необходимостью копировать «гиперссылки», которые потом должны легко вставляться в Word/Outlook/любую другую программу. Причем, не полагаясь на то, что программа-получатель сама определит во вставленном тексте ссылку и не преобразует в нужный формат. Поэтому и рассмотрим работу на примере гиперссылки (алгоритм действий для любого другого формата будет аналогичным).

Итак, с чего же начать?

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

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

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


Краткое содержание ролика:

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