Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,987 courses, including more Design and personalized recommendations.
Start Your Free Trial Now- Overview
- Transcript
- View Offline
Author
Michael Murphy
Released
10/25/2012- Understanding web concepts such as pages, pixels, and the box model
- Working within web colors and grids
- Working with type and type styles
- Designing a nav bar with tables
- Setting up a template with headers, footers, and modular content
- Experimenting with liquid and alternate layouts
- Adding interactive content such as links and video
- Exporting flat PNG and JPEG comps
- Exporting HTML and CSS content
Skill Level Intermediate
Duration
Views
-
-
- [Voiceover] Hi, I'm Michael Murphy and welcome to InDesign for Web Design. In this course I'll show you how to build and design website mock-ups using Adobe InDesign. I'll start by showing you how to set your documents with web-friendly colors, grids, and measurements, then I'll show you how to streamline your design process with styles that allow you to easily transform and edit your text, objects, and images. We'll cover how to add interactive elements to your site, like hyperlinks, video, and HTML content, then I'll walk you through different ways to export your web design and include the necessary information and visual reference a developer might need to build the site.
We'll cover all of these features plus more, so let's get started with InDesign for Web Design.
-
-
-
-
-
-
-
-
-
-
-
Introduction
-
Welcome50s
-
-
1. Setting Up Documents
-
Working with web colors9m 8s
-
Using master pages4m 58s
-
2. Working with Type and Type Styles
-
Using web fonts8m 44s
-
3. Working with Objects and Images
-
4. Taking Advantage of Tables
-
5. Putting It Together: Website Prototype Project
-
Adding custom page content6m 29s
-
6. Using Liquid and Alternate Layouts
-
7. Adding Interactive Elements
-
Adding hyperlinks6m 20s
-
Adding video8m 35s
-
Adding HTML content4m 35s
-
8. Handing It Off: Leveraging InDesign Files for Faster Implementation and Development
-
Exporting HTML and CSS7m 48s
-
Conclusion
-
Next steps37s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome