Dw jQuery开发创建交互式图片库视频教程 Lynda.com Dw jQuery Projects Creating an Interactive Vid

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0

资源信息： 中文名: Dw jQuery开发创建交互式图片库视频教程 英文名: Lynda.com Dw jQuery Projects Creating an Interactive Video Gallery 资源格式: 光盘镜像 主讲人: Chris Converse 发行日期: 2011年 对白语言: 英语 文字语言: 英文 概述:

语言：英语 网址：http://www.lynda.com/jQuery-1-5-tutorials/jQuery-Projects-Creating-an-Interactive-Photo-Gallery/80446-2.html 类别：教程 （xuehui@TLF） Lynda.com 出品的时长1小时52分钟的Dw+jQuery开发:创建交互式图片库视频教程。由Chris Converse演示使用HTML，CSS和开源JavaScript框架的jQuery开发一个网站的交互式图片库。从原始图片集中的不同大小图片的提取，网站布局设计，构建HTML和CSS。到逐步完善策略，使用JavaScript插件(比如lightboxe或其他交互式类型)，同时能保证向下兼容低版本浏览器和设备。本教程附带练习文件。 Course name: Dw + jQuery Projects: Creating an Interactive Photo Gallery Author: Chris Converse Duration: 01h 52m Released on: 4/27/2011 In Dw + jQuery Projects: Creating an Interactive Photo Gallery, author Chris Converse develops an interactive photo gallery for a web site using HTML, CSS, and the open-source JavaScript library jQuery. The course begins with tutorials on extracting different-sized images sets from an original photo collection, designing the site layout, and constructing the HTML and CSS. Then, following the progressive enhancement strategy, Chris utilizes JavaScript plug-ins to include lightboxes and other types of interactivity while maintaining backwards compatibility with older browsers and devices. Exercise files accompany the course. Topics include: Preparing gallery photos using Adobe Bridge Adding and linking thumbnail images Creating the layout in HTML and CSS Downloading and adding jQuery to the project Creating preview images from anchor links Implementing the preload functionality Building a customized lightbox with the Fancybox plug-in Styling the zoom and contact links 下载链接来自TLF 未经过安装测试与安全检测，使用者后果自负与本论坛无关 软体版权归原作者及其公司所有，如果你喜欢，请购买正版 目录: Introduction Previewing the project across browsers and devices 05m 32s About the exercise files 02m 19s 09m 49s 1. Preparing the Gallery Photos Renaming a series of files in Adobe Bridge 03m 07s Using GREP for more intricate file renaming 06m 42s 29m 05s 2. Creating the Layout in HTML and CSS Creating and linking HTML and CSS files 01m 32s Save For Web & Devices in Photoshop 07m 02s Creating empty CSS rules 03m 55s Create, nest, and class DIV tags 06m 00s Adding CSS properties for main container 04m 00s Adding CSS properties for content area 04m 28s Adding CSS properties for headings 02m 08s 15m 55s 3. Adding and Linking Thumbnail Images Adding and linking the thumbnail images 02m 32s Styling the thumbnail links with CSS 05m 15s Downloading and adding jQuery to your project 02m 42s Overriding the browser's default link behavior 05m 26s 11m 10s 4. Incorporating the Preview Images Creating preview images from anchor links 01m 52s Changing the preview when clicking thumbnails 05m 59s Changing the caption when clicking thumbnails 03m 19s 12m 00s 5. Adding a Preloader Adding an image preload plug-in for jQuery 02m 22s Setting a dissolve transition between previews 04m 31s Implementing the preload functionality 05m 07s 15m 20s 6. Adding a Lightbox Adding a lightbox plug-in for jQuery 02m 02s Creating a custom function for lightbox properties 07m 38s Setting links to activate the lightbox feature 05m 40s 03m 40s 7. Taking Care of the Final Details Initializing the gallery on page load 03m 40s 05m 11s 8. Styling the Hyperlinks Adding icons and styles to the zoom and contact links 05m 11s 02m 43s 9. Where to go from here Some ideas for further enhancements 02m 43s 代码 .· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■ ▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ · ████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄ ▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓ ▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓ ▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓ ▓██▓ ███████░ ████████████████████████████████████████████████▀▀ ▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄ ███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░ ▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓ ▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███ ▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██ ▀ .· ▄█▀ ▀ ▀ QUASAR PROUDLY PRESENTS · ───────────────────────────────────────────────────────────────────────── · Dw + jQuery Projects Creating an Interactive Video Gallery (c) Lynda.com Supplier . : QUASAR Size ..... : 38 x 15MB Cracker .. : QUASAR Protection : Condom Packager . : QUASAR Type ..... : Brain Enhancement Date ..... : 07–29–2011 OS ....... : Win/Mac · ───────────────────────────────────────────────────────────────────────── · Dw + jQuery Projects Creating an Interactive Video Gallery Author: Chris Converse In this course, author Chris Converse develops an interactive video gallery for the web, working in a Dreamweaver environment using a combination of HTML5 with a Flash fallback, CSS, and the open–source JavaScript library jQuery. The course shows how to design the site layout and construct the code for a player that works on multiple web browsers, platforms, and mobile devices. Techniques to enable HTML5 video on Android and ensure that Internet Explorer defaults to Flash instead of HTML5 are also demonstrated. Exercise files accompany the course. Topics include: * Preparing the graphics * Adding and linking thumbnail buttons * Designing the layout * Adding jQuery and JavaScript * Including video information in the thumbnail links * Styling the thumbnails with CSS rules * Creating a DIV container to hold the video player code * Setting up click events for the thumbnails * Incorporating the FancyBox lightbox plug–in · ───────────────────────────────────────────────────────────────────────── · INSTALLATION ──────────── Unpack, burn or mount and enjoy. · ───────────────────────────────────────────────────────────────────────── · GREETINGS ───────── We salute our friends, our loyal members and our fair competitors. · ───────────────────────────────────────────────────────────────────────── · ░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░ · ───────────────────────────────────────────────────────────────────────── ·