Join Michael Murphy for an in-depth discussion in this video Print vs. web: Understanding the importance of templates, part of InDesign for Web Design.
For print designers the word template can often have a negative connotation.…It suggests a rigid consistency and lack of creative freedom from page to page.…On the web, however, a well-planned and consistent template is essential.…Websites can span dozens, hundreds, even thousands of pages, and around each page of unique content…you'll almost always find a consistent template containing all of the site's architecture,…such as headers and footers and sidebars.…It's the only way to keep that much content manageable for the site's creators and accessible for its visitors.…
Before you dive into InDesign to start a web design project, the template should be foremost…on your mind and one of the first things you nail down before working on specific pages.…You can always adjust it and adapt it along the way, but a template is like the framing…of a house.…It has to be there first to support everything you're going to place on and into it.…
Author
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
Related Courses
-
InDesign CS6: Interactive Documents
with Mike Rankin5h 11m Intermediate
-
Introduction
-
Welcome46s
-
-
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
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press 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: Print vs. web: Understanding the importance of templates