Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Exporting and importing as HTML

From: QuarkXPress 8 Essential Training

Video: Exporting and importing as HTML

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.

Exporting and importing as HTML

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.

Show transcript

This video is part of

Image for QuarkXPress 8 Essential Training
QuarkXPress 8 Essential Training

120 video lessons · 8424 viewers

Jay Nelson
Author

 
Expand all | Collapse all
  1. 5m 17s
    1. Welcome
      51s
    2. Using the exercise files
      54s
    3. What is QuarkXPress?
      3m 32s
  2. 39m 1s
    1. Getting started
      2m 26s
    2. Managing files in Quark
      9m 52s
    3. Exploring the QuarkXPress interface
      11m 22s
    4. Restoring, reverting, and undoing
      4m 9s
    5. Navigating your layout
      6m 45s
    6. Adding and moving pages
      4m 27s
  3. 51m 57s
    1. Understanding items and contents
      4m 54s
    2. Making boxes and lines
      6m 32s
    3. Putting text on a path
      8m 48s
    4. Moving and locking items
      1m 44s
    5. Resizing, reshaping, rotating, and flipping items
      2m 33s
    6. Duplicating items
      3m 25s
    7. Deleting items
      1m 49s
    8. Using the Bézier Pen tool
      4m 20s
    9. Converting text to boxes
      2m 4s
    10. Understanding relationships between items
      4m 53s
    11. Merging shapes
      2m 1s
    12. Setting item styles
      5m 13s
    13. Using Item Find/Change
      3m 41s
  4. 30m 55s
    1. Reviewing the Layers palette
      8m 12s
    2. Utilizing guides and rulers
      4m 16s
    3. Understanding Guide Manager Pro
      5m 24s
    4. Using frames, dashes, and stripes
      4m 57s
    5. Setting libraries
      5m 18s
    6. Appending settings
      2m 48s
  5. 39m 57s
    1. Building a new layout
      3m 40s
    2. Creating projects and layouts
      4m 48s
    3. Working with Master Pages
      2m 44s
    4. Creating automatic text boxes
      3m 15s
    5. Working with Master Pages and Layout Pages
      5m 15s
    6. Making pages
      6m 1s
    7. Modifying your pages
      2m 5s
    8. Using automatic page insertion
      2m 44s
    9. Using automatic page numbering and "continued"
      4m 45s
    10. Working with sections and page numbering
      3m 29s
    11. Building with multipage spreads
      1m 11s
  6. 25m 5s
    1. Navigating through a layout
      1m 49s
    2. Selecting text
      4m 41s
    3. Deleting text
      1m 4s
    4. Changing text case
      59s
    5. Importing text
      4m 39s
    6. Exporting text
      2m 52s
    7. Showing invisible characters
      2m 6s
    8. Using the Glyph panel
      4m 27s
    9. Working with ligatures
      2m 28s
  7. 10m 50s
    1. Finding and changing
      6m 3s
    2. Using Spell Check
      4m 47s
  8. 35m 27s
    1. Understanding basic character formatting
      4m 15s
    2. Setting color, shade, and transparency
      2m 36s
    3. Using horizontal and vertical scaling
      3m 55s
    4. Setting kerning and tracking
      7m 38s
    5. Inserting typographic special effects
      7m 53s
    6. Adjusting font preferences and open-type fonts
      5m 32s
    7. Finding a missing font
      3m 38s
  9. 29m 29s
    1. Applying basic paragraph formatting
      3m 10s
    2. Applying leading to paragraphs
      5m 7s
    3. Establishing paragraph rules
      3m 4s
    4. Setting tabs
      6m 14s
    5. Setting hyphenation and justification
      3m 41s
    6. Understanding widow and orphan control
      3m 54s
    7. Working with hanging characters
      4m 19s
  10. 27m 53s
    1. Linking items together
      3m 58s
    2. Learning about style sheets
      1m 52s
    3. Creating style sheets
      3m 57s
    4. Editing style sheets
      4m 24s
    5. Applying styles
      3m 40s
    6. Deleting styles
      2m 7s
    7. Appending styles
      3m 17s
    8. Using grids
      4m 38s
  11. 22m 55s
    1. Building tables
      3m 19s
    2. Importing Excel tables
      3m 13s
    3. Working with tables
      5m 25s
    4. Formatting tables
      2m 50s
    5. Splitting tables with headers and footers
      3m 19s
    6. Adding graphics
      2m 41s
    7. Converting a table to text or a group
      2m 8s
  12. 14m 34s
    1. Building books
      5m 20s
    2. Creating lists
      5m 2s
    3. Building an index
      4m 12s
  13. 23m 18s
    1. Importing pictures
      4m 50s
    2. Working with pictures
      2m 48s
    3. Mastering picture management
      3m 50s
    4. Editing and exporting pictures
      2m 48s
    5. Looking into preview quality and greeking images
      5m 18s
    6. Exporting a page as EPS
      3m 44s
  14. 12m 25s
    1. Working with Photoshop documents
      4m 44s
    2. Understanding the Style menu
      3m 3s
    3. Building picture effects
      4m 38s
  15. 10m 54s
    1. Working with text runaround
      7m 32s
    2. Setting anchored boxes
      3m 22s
  16. 32m 4s
    1. What You See and What You Get
      2m 42s
    2. Describing color
      3m 28s
    3. Specifying color
      7m 13s
    4. Creating color blends
      5m 15s
    5. Setting opacity
      4m 55s
    6. Using color from outside sources
      1m 55s
    7. Understanding color management and proofing
      6m 36s
  17. 15m 8s
    1. Synchronizing items
      3m 11s
    2. Building composition zones
      4m 8s
    3. Working in shared layouts
      2m 25s
    4. Understanding job jackets
      5m 24s
  18. 15m 21s
    1. Collecting for output and exporting
      1m 14s
    2. Adjusting basic printer settings
      3m 39s
    3. Reviewing advanced printer settings
      8m 44s
    4. Establishing print styles
      1m 44s
  19. 16m 10s
    1. Creating and exporting a PDF
      4m 4s
    2. Creating PDF output styles
      1m 44s
    3. Building hyperlinks in interactive PDFs
      4m 23s
    4. Adding bookmarks for interactive PDFs
      5m 59s
  20. 20m 58s
    1. Building a web page
      4m 12s
    2. Inserting hyperlinks in a document
      3m 18s
    3. Creating a form for HTML
      2m 54s
    4. Exporting and importing as HTML
      5m 20s
    5. Building Flash projects
      5m 14s
  21. 6m 15s
    1. Working with XTensions
      3m 2s
    2. Scripting in QuarkXPress 8
      3m 13s
  22. 13s
    1. Goodbye
      13s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

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.


Mark all as unwatched Cancel

Congratulations

You have completed QuarkXPress 8 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.