Создание страницы-визитки: от дизайна до функционала. Часть II

Уважаемые читатели techdesigner.ru!



Я очень хотел выложить вторую часть урока (первая http://techdesigner.ru/blogs/post-7721/),

но подумав, решил, что Техдизайнер это всё-таки ресурс не для начинающих верстальщиков, а для художников, дизайнеров, визуализаторов и прочих творческих людей.
Поэтому, всё запаковано в архив и доступно для скачивания. Писать кучу кода и объяснять что и для чего - всё-таки не для аудитории сайта.



Если вы абсолютно не знакомы с вёрсткой, созданием лэйаутов, советую начать с ресурса http://htmlbook.ru. 


Что в архиве:

полностью свёрстанная динамическая страница, прекрасно отображающаяся во всех современных браузерах



Наглядно представлено использование CSS-фреймворка:

работа с контейнерами и блоками;

наследование стилей;

совместное использование стилей

работа со шрифтами, отсутствующими в системе пользователя и подключение Google-шрифтов



Представлены jQuery-эффекты, CSS3-эффекты, переключение блоков, навигация в пределах страницы.



Небольшой предпросмотр эффектов

Использование трёх картинок в промо-блоке

Использование трёх картинок в промо-блоке, эффект при наведении на одно изображение 

контейнер «Portfolio», блок «web-sites»

Для чего?
Я надеюсь, что использование CSS-фреймворка (любого, не только представленного) поможет в вашей работе. Если вы дизайнер, а не верстальщик - вы будете представлять работу, которую будут делать после вас. Если вы начинающий верстальщик, вы с лёгкостью будете применять (и развивать) полученные знания.

Если у вас возникнут вопросы, пишите в ветке, постараюсь ответить.

Скачать:http://narod.ru/disk/39991026001/My%20Project.zip.html

Спасибо 
пользователям techdesigner.ru за проявленный интерес!