Създайте чисто портфолио (оформление на част 2)
Не толкова отдавна публикувахме урок за създаване на изчистен дизайн на портфолио във Photoshop. Днес ще направим портфолиото си функционално и ще го направим да се изобразява в браузъра. В този урок ще ви покажем как да направите уебсайт с помощта на html5 и css3 и да направите слайдер с помощта на jQuery.
Краен резултат:
Нарязване на изображения
Изрежете изображението на логото и превключвателите за плъзгача
Също така се нуждаем от спрайтове, за да направим прехода на изображения от черно-бяло към цветно.
Нуждаем се и от изображение за запълване.
Стъпка 0 - подготовка
Не забравяйте първо да създадете отделни папки за изображения, стилове и скриптове.
Стъпка 1 - Структура на документа
Ще използваме HTML5. IE не поддържа новите HTML5 елементи, така че ще включим скрипта 'html5shiv' в нашия документ.