2 Replies Latest reply on Apr 16, 2010 7:27 PM by pixlor

    Question about building a page in fireworks and 403 forbidden

    glacierfanclub

      Hi guys,

       

      Thanks for any input you can give me on this.

       

      I've been trying to recreate a page from our website in fireworks. The page can be located here:

       

      http://sevenbarfoundation.org/newsletter-mg/general.html

       

      I'm kind of new to this, and I have been able to generally recreate the page in fireworks by copying the images and rebuilding based on dimensions. It is when I try to upload the page that I am running into problems.

       

      Once I have the page looking how I would like it I have exported it and saved it as CSS and images. From there it looks like I should open it in dreamweaver which I have done, but i'm not really sure what to do there. It basically seems like people just use dreamweaver as the FTP client. I have tried this as well as uploading it through my own FTP client, and each time I get a 403 forbidden when I go to look at the page.

       

      Any help here would be great. Just trying to figure out if I am not saving it properly in one of those two programs. It gives me an .htm file, a css file and a png file which I have uploaded onto the server into the folder that I need it to be in. Just keep getting that annoying 403!

        • 1. Re: Question about building a page in fireworks and 403 forbidden
          pixlor Level 4

          First, Dreamweaver is much more than a glorified FTP client! Dreamweaver is a Web site authoring and management application. That is the program you should use to build your HTML, not Fireworks.

           

          Fireworks is a Web layout/design and graphics production application. Fireworks can export HTML or HTML and CSS, but that export ability is intended to create mockups and prototypes, not live sites. The code Fireworks creates is...well...awful. You need to learn how to write HTML from scratch, not let a graphics program write it for you.

           

          The single .png file is also not going to work for you. The page you link to has several separate images. You need to create slices on your Fireworks document and export them as individual images, which you then reference in the HTML.

           

          Here are a couple of good tutorials for beginners:

          http://www.sitepoint.com/article/html-css-beginners-guide/

          http://net.tutsplus.com/tutorials/html-css-techniques/design-and-code-your-first-website-i n-easy-to-understand-steps/

           

          This tutorial is on the general theory of slicing. As such, it's helpful: http://www.slicingguide.com/

          In Fireworks, you use the slicing tool (looks like a green rectangle), to draw slices over the areas you want to export as individual images. These green rectangles appear in the Web layer. You can set the export properties of each slice separately. When you export, you can export all your images, or just the images from selected slices. And I really haven't said anything, so start with the help files, then post back with specific qustions.

           

           

          As to your 403 error problem, it's something with the configuration of the server, it has nothing to do with Fireworks or Dreamweaver. Read these articles:

          http://www.checkupdown.com/status/E403.html

          http://en.wikipedia.org/wiki/HTTP_403

          • 2. Re: Question about building a page in fireworks and 403 forbidden
            pixlor Level 4

            Also...there are .png files and .png files. Fireworks takes the basic .png format and expands it to contain the vector and layer data. Other applications are not capable of interpreting the special Fireworks data, and will only show the visual data as flattened, even though it's all still in there. Consequently, when you want to produce a .png file for the Web you want to export. Exporting produces a flattened version that has much less data in it (and so is smaller).

             

            Some time ago, I read a tip on this forum that I try to follow. Name your working Fireworks documents with .fw.png and your flattened, exported images with .png. That way, it's easier to keep track of what's what. It's also a good idea because Fireworks will happily write a flattened image over a working document of the same name, causing you to lose all the detailed work you had.

             

            In the File menu, you Save your working Fireworks document, but you Export (or Image Preview, then Export) flattened images for the Web. Save your work, export for the Web.