Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Exporting your web page or just some plain HTML text from QuarkXPress is about as simple as you can imagine. There is a little button at the bottom of the Web Layout space called Export. When you click on it, you have some options. The main one is HTML. When I choose it, it just prompts me for a location to put my HTML page and all the related graphics and everything else it needs. I'll create a new folder on my Desktop. Call it Petstumes website. Make sure I'm exporting the HTML in the format that I want.
Choose which pages I want to export, because it could be multiple pages. Select my Encoding. If you leave all the defaults the way they are, it should work just great. Ask it to include an External CSS File or build that CSS information into the HTML pages and then launch my web browser and show it to me, here we go. That literally is how fast it happened. The web page is created. All the items are separate. So, let's look at the Source file and see how it's built. If you are familiar with HTML pages and CSS, you can see that it's a fairly straightforward arrangement.
So, let's have a look at the folder structure to see what files it exported and how. Here is our website. The HTM page, the CSS file and all the images that are used in it. Now, as I mentioned before, it's important when you are exporting your files to try to get all of these pictures to be showing in high-resolution. So, one thing you may do just before exporting is just Ctrl-click on each one and check that the Preview Resolution is to set to Full and that includes line-art such as this logo.
What we just saw on that folder was a result of all the default settings in QuarkXPress. But you do have control over how each individual item is exported. For example, if I click on this picture right here, and I go down to the Measurements palette and look at this new tab called Export, I can control the name of the file as it appears on the hard drive when it's exported. The Alt Text that's assigned to it, here I might want to put in frog dog, whether you want your image exported in PNG format, JPEG, GIF or even SWF, if you want it interlaced or not and how you want your colors to appear.
For text boxes, you can click on the text box and when you click on the Export tab, you have control here on the end over whether it's exported as a picture of the text, so it looks exactly like it does in QuarkXPress, or as an actual text box in HTML, where it takes on the formatting based on the CSS style sheets and the settings in the browser. Now, if you want to control the file structure, that's under Preferences. You can select Preferences from the QuarkXPress menu on a Mac or under the Edit menu in Windows. And if you scroll down to the Web Layout area, and click on General, you will see down here, the Image Export Directory.
You can name it anything you like and you can put it anywhere you'd like. If you wanted to create a table on your web page, all you need to do is use the Table tool here, build your table and it will export as an HTML table. To get further into the details of how to create web pages in QuarkXPress, you can look in the Help file, which actually contains quite a lot of useful information about how to use each feature in the web space. Now, what you've just seen is exactly how to export a complete web page, but there may be an occasion where all you want to do is export a plain HTML file from text that you've formatted in QuarkXPress.
You might be able to guess that the way you do that is you go to the text that you are interested in exporting, say this multiple column text right here, and just like exporting text for any other purpose, you can just go to the File menu > Save Text, but instead of choosing something like Plain Text or Microsoft Word, choose HTML. Put it where you want it, call it what you'd like, page 2 story.htm, click Save and now when I double-click that file on the Desktop, it opens into the browser and shows me the text, formatted pretty much the way I did it.
Notice that there is bold text in here,and if I scroll down, there is some Italic text. It keeps just the basic features such as Bold, Italic, Underline, the usual HTML text related formats. If you use the standard web font to create it, in this case I used Georgia, it even keeps the font style and the relative sizes. And at the end, you may even notice, hey! Here is a little dog. Well, because that dog is in the Webdings font, this web browser knew how to render it. Let's just have a quick look at the Source code to see what it looks like in HTML format.
It talks about fonts, it provides the text, it formats it in Bold Italics and wraps it in an HTML wrapper. Being able to export your text in HTML format is really handy because if you are working with a web page designer, you can format your text in QuarkXPress and send it to them just the way you want it to appear. QuarkXPress also allows you to import HTML text into a text box. But it strips out all the codes and formatting, giving you just plain text. If you want to import an existing website or web page, I have some bad news for you.
You can't. The tools in QuarkXPress let you design fantastic web pages and to import the text and pictures from a website but there is no way to import a web page design as a whole into QuarkXPress for editing.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42844 Viewers
119 Video lessons · 54195 Viewers
65 Video lessons · 14449 Viewers
113 Video lessons · 82871 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.
Your file was successfully uploaded.