本教程是由Digital-Tutors机构出品的PS与HTML网站导航设计训练视频教程，Digital-Tutors Building Modern Navigation Designs in Photoshop and HTML，时长：1小时55分，大小：390 MB，MP4高清视频格式，附工程源文件，教程使用软件：Photoshop CC 2015, Sublime Text 2, Adobe Illustrator CC 2015，作者：Gary Simon，共16个章节，语言：英语。

本教程中，我们会制作两个项目，展示现代导航的功能。

第一个项目的制作过程中，我们会设计一个响应式网站，并合成现代导航。然后是第二个项目，我们制作HTML，单页导航。课程中，我们会学习使用Photoshop快速制作模型的技巧，并学习为导航写入HTML, CSS和 jQuery编码。

学习完本教程，我们会扎实掌握设计和使用现代导航技术的知识。

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多材应用方面，实际上，Photoshop的应用领域很广泛的，在图像、图形、文字、视频、出版各方面都有涉及。

Digital-Tutors机构是号称全球最大的CG付费教程网站，2000多万次视频播放记录，顶级客户的优秀项目实例，被誉为教学和娱乐结合的最好的教程，RenderMan创建人称之为“完美的学习站点”，成立至今已经有12年之久，内容集中在视频制作和游戏制作两大板块，其网站完整的教学的理念，先进的技术支持（他们甚至开启了移动手机看教程的计划，支持IPAD/IPHONE/ANDROID），都让人耳目一新。尤其是多层级的教学难度设置，有趣的考试内容，时不时的竞赛，让DT成为非常活跃的一个CG机构。

Digital-Tutors Building Modern Navigation Designs in Photoshop and HTML

In this Photoshop and HTML course, we’ll create two full projects to illustrate the power of modern navigations.

With our first project, we’ll tackle the design and integration of a modern navigation for a responsive website. Then, we’ll move onto our second project where we’ll build a scrolling, one-page navigation. Along the way, you’ll learn tips for doing quick mockups in Photoshop and writing the HTML, CSS and jQuery code necessary for building navigations.

By the end of this Photoshop and HTML training, you’ll have a solid understanding of designing and implementing modern navigation techniques.