October 2013
Beginner
336 pages
15h 2m
English
Content preview from The Graphic Designer's Guide to Portfolio Design, 3rd Edition
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 10
The Web-Based Portfolio
Web Page Design
I want you to design a four-page editorial spread for me, using Adobe InDesign. “Piece of cake,” I hear you say. “No problem!” You gather your images and body copy. You write a headline and a sub-headline, add a few touches here and there, and voilà—a terrific page design is created. Oh, if only it were that easy in Web design! You see, in traditional page design, the layout is not hindered by anything but your imagination. You have complete control over layout and type usage. The same is not true in Web design. Web pages are created using a language called HTML (hypertext markup language), which provides the content and structure of the pages. It also says where images, type, and other elements should be.
Why Web Page Design Isn’t Like Page Design
The good news is that programs such as Dreamweaver (or a WYSIWYG Web editor) can help you to realize your vision. The bad news is that your vision may need to be compromised a bit. Having said that, let’s see just what we need to make the Web site of your dreams.
Step 1: Start with a layout.
Step 2: Gather your assets.
Step 3: Create and code your interface.
Step 4: Publish your pages.
Step 1: Start with a Layout
You’ve gathered your artwork. You have all of your sketches for your design, and you’re ready to begin the development of your Web site. If you’ve read chapter 9, you have familiarized yourself with the basics of interface design. You have thought about the questions that ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.