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. Software required: Adobe Photoshop CC 2015, Sublime Text 2, Adobe Illustrator CC 2015.
Introduction and Project Overview Hi everyone. My name is Gary Simon, and I've been a freelance designer for the last 15 years and I've had the privilege of working with over 1000 clients on a wide variety of projects. In this course we're going to dive into the exciting world of navigations and explore some of the most used modern techniques. Initially, we're gong to tackle the design and integration of a modern navigation for a responsive website. This will include designing a mock-up of the intended UI for both desktop and mobile and writing the HTML and CSS to make it a reality. Then we're going to tackle a secondary project that involves a scrolling one page navigation. Some of the key takeaways from watching this course include learning how to design quick mock-ups using Photoshop, understanding and writing code in HTML, CSS, and jQuery for navigations, as well as gaining some very useful navigation techniques. By the end of the training you will have a solid understanding of designing and implementing modern navigation techniques. I'm excited to share these techniques with you, so let's get started with the first lesson.