v

您的位置:VeryCD教育计算机


《Dw jQuery开发创建交互式图片库视频教程》(Lynda.com Dw jQuery Projects Creating an Interactive Video Gallery)[光盘镜像]

  • 状态: 精华资源
  • 摘要:
    主讲人Chris Converse
    发行日期2011年
    对白语言英语
    文字语言英文
  • 时间: 2011/08/01 14:51:45 发布 | 2011/08/04 09:17:50 更新
  • 分类: 教育  计算机 

MTina

精华资源: 3862

全部资源: 3863

相关: 分享到新浪微博   转播到腾讯微博   分享到开心网   分享到人人   分享到QQ空间   订阅本资源RSS更新   美味书签  subtitle
该内容尚未提供权利证明,无法提供下载。
中文名Dw jQuery开发创建交互式图片库视频教程
英文名Lynda.com Dw jQuery Projects Creating an Interactive Video Gallery
资源格式光盘镜像
主讲人Chris Converse
发行日期2011年
对白语言英语
文字语言英文
简介

IPB Image

语言:英语
网址: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 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·

正在读取……

这里是其它用户补充的资源(我也要补充):

暂无补充资源
正在加载,请稍等...

点击查看所有33网友评论

 

(?) [公告]留口水、评论相关规则 | [活动]每日签到 轻松领取电驴经验

    小贴士:
  1. 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  2. 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  3. 勿催片。请相信驴友们对分享是富有激情的,如果确有更新版本,您一定能搜索到。
  4. 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
  5. 如果您发现自己的评论不见了,请参考以上4条。