2015
Digital Tutors
Gary Simon
1:55
English

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.

1 Introduction and project overview
2 Designing the desktop mockup
3 Revising the mockup for mobile
4 Designing the navigation drawer
5 Writing the HTML
6 Styling the project with CSS
7 Finishing the first project
8 Designing an email icon
9 Finishing the icon designs
10 Mocking up vertical navigation
11 Finishing the mockup design
12 Exporting the assets
13 Writing the HTML
14 Writing the CSS
15 Finishing the CSS and beginning the JavaScript
16 Finalizing the JavaScript

Download File Size:327.1 MB

---