Create an Interactive Homepage Marquee with jQuery (2012)
Дата Выпуска: 26 Марта 2012
Производитель:
Lynda.com
Автор:
Chris Converse
Продолжительность: 46m 49s
Тип раздаваемого материала: Видеоурок
Язык: Английский
Перевод на русский: НЕТ
Транскрипт: Еще не выпущен производителем
GUI: нет
Описание: In this course, author Chris Converse builds a visually rich, interactive marquee to aggregate and display content on a web site home page. This course covers cropping and resizing artwork in Adobe Photoshop, creating HTML and CSS layouts, and dynamically generating marquee elements with the open-source JavaScript framework jQuery. Tutorials on animating between content panels are also included.
Topics include:
Creating project folders
Exporting graphics from Photoshop
Downloading and setting up Aptana Studio
Creating the HTML and JavaScript files
Setting up the Document Ready script
Generating the navigation buttons
Calculating and animating between photos
Setting the caption text
Preloading images and initializing the marquee
Содержание
Introduction 03m 53s
Previewing the project across browsers and devices 03m 14s
About the exercise files 00m 39s
1. Creating Project Folders 01m 16s
Creating folders for the project 01m 16s
2. Preparing Web Graphics 03m 38s
Exporting graphics from Photoshop 03m 38s
3. Creating HTML Markup 07m 06s
Downloading and setting up Aptana Studio 01m 02s
Creating HTML and JavaScript files 03m 42s
Creating HTML for the container 02m 22s
4. Dynamically Generating Marquee Elements 12m 33s
Setting up the document.ready script 02m 58s
Inserting photos into the marquee container 04m 56s
Generating the navigation buttons 02m 15s
Setting the navigation state 02m 24s
5. Creating Animations Between Marquee Panels 03m 32s
Animating photos by calculating image position 03m 32s
6. Initializing Marquee on Page Load 13m 30s
Initializing the marquee 03m 58s
Setting the caption text 03m 42s
Changing the caption to match the photo 03m 51s
Preloading images before initializing the marquee 01m 59s
7. Where to Go From Here 01m 21s
Where to go from here 01m 21s
Файлы примеров: присутствуют
Формат видео: клипы QuickTime (.mov)
Видео: AVC 960x600 15fps ~200Kbps
Аудио: AAC 48kHz 2ch 96Kbps
Разницу между данной раздачей и этой смотри в содержании.
