Exporting Your Web Pages

Exporting Your Web Pages

When your Web page is finished, the next step is to export it as HTML. Follow these steps to organize your files before you begin to export:

  1. Create a directory to round up all the pieces (such as pages and pictures) and name it.

    This folder acts as your Site Root Directory.

  2. Copy all the pieces to the Site Root Directory.

    Make sure that none of the pieces are in subfolders.

  3. Open the Preferences dialog box (either choose QuarkXPress Preferences on the Mac or EditPreferences in Windows, or press Option+Shift+z+Y or Ctrl+Alt+Shift+Y) and then select the General pane.

    Two fields appear: Image Export Directory and Site Root Directory.

  4. In the Image Directory, enter a name such as images or image_folder to specify where QuarkXPress will store all your pictures when it exports your pages.

  5. For the Site Root Directory, click the Select button to the right of the field and navigate to your directory folder. Highlight that folder in the window and then click the Select button at the bottom of the dialog box.

With the directories prepared and the pieces in place, you’re ready to export. To do so, follow these steps:

  1. Choose FileExportHTML.

    The Export HTML dialog box appears (as shown in Figure).

    Click To expand
    Figure: The Export HTML dialog box.

  2. Either keep the Pages field set to All or enter a range of pages just as you would in the Print dialog box.

  3. Check the External CSS File check box if you want QuarkXPress to place the style information in the exported Web layout as a CSS (cascading style sheet) file in the export folder.

    Cascading style sheets (CSSs), like the style sheets that you use in word processors or in QuarkXPress layouts, are a simple mechanism for ensuring consistent use of style (such as colors and fonts) in Web pages.

  4. Check the Launch Browser check box to display the first exported page in your default browser.

  5. Click the Export button.

You can upload files to the Web in a number of ways, but however you choose to do this, you need to perform the following:

  • Subscribe to a Web hosting service or an Internet service provider (ISP) that offers Web hosting. If you have a Web address, you may already be working with a hosting provider. You may even be entitled to some free storage space along with your e-mail service. You might also ask some of your Web-savvy friends what host provider they recommend. Ask lots of questions because host providers offer all sorts of perks with their services, including technical support, monthly stats, and ready-made CGI scripts designed specifically for their servers. These scripts are free and can be incorporated with the forms in your QuarkXPress Web layouts easily.

  • Register a domain name. Some people might tell you to do this first, in case some hotshot out there is ready to pounce on the name before you do. But we recommend that you wait until you decide on your host provider. A good host provider can have your domain name up and running in an hour. It makes sense to let the folks at the host provider do the work because they have the experience.

    • Your host provider representative can help you register your domain name on the spot.

    • The host provider can screen the Web to make sure that the name you want isn’t already taken.

  • Find a reliable FTP client software application. File Transfer Protocol (FTP) basically means the path for getting your HTML pages from here (your computer) to there (your ISP). FTP client software is the software that you use to get your pages from here to there. FTP client software packages are inexpensive, and some — such as Transmit, Fetch, WS_FTP Pro, CuteFTP, and AbsoluteFTP — are well worth the money. It is also worth noting that Fetch offers a Macintosh version of its product, whereas many FTP clients are for Windows only. If you are using Mac OS X, Panic Software’s Transmit is a very full-featured and reliable FTP client.

If you’re using a Web server to which you have direct access, you can simply copy the files there with a disk or over the network. However you get your files onto the Web, chances are that you’ll need to copy the various files in specific directories that match the page hierarchy of your site.

Often, images are stored within an Images folder inside the folder that contains their Web pages, but they can also all be stored in one master folder. Work with your Web master to determine how the pages are saved on the server. In many cases, the Web page designer won’t have to worry about this, but in smaller operations, the Web page designer could be the Web master.

 Python   SQL   Java   php   Perl 
 game development   web development   internet   *nix   graphics   hardware 
 telecommunications   C++ 
 Flash   Active Directory   Windows