Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In DPS, a folio corresponds to an individual publication like the issue of a magazine, but a magazine without articles would be just about empty. Likewise in order for your folio to have content you have to add articles to the folio. So let's see how. There are two sources for articles in DPS, InDesign documents and HTML files. And there are two methods for adding articles to a folio. You can create an article based on an open InDesign document or you can import documents from a folder. Here we are going to add two articles to a folio from open InDesign documents.
Articles can include one layout or two layouts for portrait and landscape orientation, but you can't mix and match within a folio and have some articles horizontal and other's vertical. All articles in a folio must be portrait only, landscape only, or dual-orientation. And that's what I have here, both of my InDesign files have both horizontal and vertical versions of the layout that I can see in the Pages panel. So let's go to the Folio Builder panel and I'll quickly build a new folio. I will call it Roux Academy.
I will leave the size 1024x768, dual-orientation. I will create a local folio and I can upload it later, and I will leave the Default Format at Automatic and JPEG Quality is High. Now I am at the Articles level and I can click Add to add the current document to my folio. I will call the new article Catalog and I will leave all the rest of the default as they are. Now that the Catalog article has been added to the folio, let's add another.
I will switch to my other document, click Add, and this one I will call Reasons and click OK. Once the articles have been added, I can click on them and I can view the layouts. So here's my landscape and here's the portrait version. I will click the triangle to go up to the Folio view and I will click Preview. Here is my first article, the catalog.
I can scroll through it and I actually created a link between this article and the other article. I can click on to go to the Reasons article. I can click and view my scrollable content here and I also have a link back to the original article. In the Content Viewer application I can also change the view, so I can switch to the portrait orientation and see how my layout looks there. Let's switch back to InDesign and I mentioned earlier there are other ways of adding articles besides creating them from currently opened InDesign documents.
One way is to import articles in the Folio Builder panel. So when I am at the Articles level, right here, I can go to the Panel menu and choose Import. In the dialog box I can either choose to import a single article or multiple articles. And I have the same options as they did in the New Article dialog box with one exception, down at the bottom I can specify a location to import the article from. Now if I want to import multiple articles at once I can make that selection and then I just specify the location.
However, in order for this to work I would first have to make sure that I had my files named in a specific manner and located in a specific folder structure. Let's switch over to the Finder and take a look at that folder structure. So at the top-level, everything is contained in a folder that corresponds to the folio. Inside that are subfolders for each article and if you're creating a single orientation, just horizontal or vertical, the article folders can contain only one InDesign file with _h or _v suffix at the end of the file name.
If you're creating dual-orientation folios each article must contain two InDesign documents, one with an _h and one with an _v. If you want to create a PNG file for the table of contents thumbnail that can also be in the article folder. The last option for importing an article into a folio is to not use InDesign as your source file at all, but instead to specify HTML content. What you'd need in that case is a folder with your HTML assets. Switch back to InDesign, and at the Articles view of the Folio Builder panel, you go to the Panel menu and choose Import.
In the dialog box choose Import a Single Article and set the options as you would for other articles, and choose the location that is the folder containing your HTML assets, including an HTML file, an images folder, and CSS for formatting the content. There are naming requirements to for HTML articles similar to what we saw for InDesign-based articles. You can use a single HTML file for both portrait and landscape orientations, or you can use separate files for the two orientations. If you're using separate HTML files you add the _v and _h suffixes at the end of the HTML file names.
If you're adding an HTML article to a single-orientation folio, you need only one HTML file with the _h or _v suffix. One other thing to note at this point about HTML articles and that's an alternative to having all the assets for each HTML file in a folder. There is also another option which is to put all the assets like images and scripts for the whole folio into one HTML resources folder which you can then import into the folio from the Folio Builder Panel menu. That's this choice right here. The file you import here must be a compressed ZIP archive with the exact name HTMLResources.zip with no spaces.
In this movie we saw how to add content to our folios from InDesign files either by adding the current document or by importing InDesign documents or HTML files that are located and named in a way that the DPS tools understand.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 63272 Viewers
119 Video lessons · 70973 Viewers
125 Video lessons · 31955 Viewers
84 Video lessons · 18586 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.