Как да създадем фотогалерия в Microsoft Expression

Създаването на уеб страница, независимо дали е за бизнес или личен проект, често изисква добавянето на фотогалерия. Тя може да представи завършени проекти, продукти или лични моменти. В Microsoft Expression Web процесът е прост и интуитивен.

Стъпка 1 – Подготовка на изображенията

Прехвърлете желаните снимки от цифрова камера, CD, USB флаш памет или скенер към компютъра и ги запазете в една обща папка.

Стъпка 2 – Отваряне на сайта

Стартирайте Expression Web, от менюто File → Recent Sites изберете сайта, в който желаете да вмъкнете галерията. В левия панел отворете HTML‑страницата, където ще се появи галерията.

Стъпка 3 – Импорт на папката с изображения

Отидете на File → Import → File. В диалоговия прозорец изберете Folder и посочете папката с вашите снимки. След натискане на „OK“ папката ще се създаде като подпапка в главната директория на сайта.

Стъпка 4 – Създаване на контейнерен слой

В панела Layers (долу вдясно) кликнете върху Insert Layer. Изберете новия слой, в панела Tag Properties задайте Center, задайте желаните ширина и височина и задайте Layer ID – container.

Стъпка 5 – Добавяне на първата снимка

Кликнете вътре в слоя container, след това отново Insert Layer и го преименувайте на „Photo 1“. Натиснете иконата Insert Picture From File и изберете съответната снимка.

Стъпка 6 – Позициониране

Използвайте Absolute Positioning, за да поставите слоя Photo 1 на желаното място в галерията. Повторете стъпки 5 и 6 за всяка останала снимка.

След като всички изображения са добавени и позиционирани, запазете страницата и прегледайте резултата в браузъра.