16 Replies Latest reply on Sep 7, 2007 11:03 AM by Newsgroup_User

    creating a web page in Fireworks CS3

    robweed7
      When I create a web page in Fireworks CS3 and export it the page apears on the left side of the screan. I want it to be in the center of the screan. How do I make it centered? I know that if I open it in MS Front Page I can select page properties and center the page in that program but how do I do it in Fireworks?
        • 1. Re: creating a web page in Fireworks CS3
          JoeDaSilva Level 4
          Fireworks isn't intended to create production html. At very most it's designed to create html that you use on a prototype basis.

          The idea use of Fireworks would be to create your graphics files, then assemble them in Dreamweaver, Frontpage (barf), or hand code it together.
          • 2. Re: creating a web page in Fireworks CS3
            robweed7 Level 1
            Thanks, I am a beginner. And I understand the "(barf)" with frontpage. Our church ordered frontpage for me to use, then I discovered Adobe products, and can't afford it. I did get them to get me fireworks though and as a beginner it is the coolest graphic design program I have used.


            I have another question should you know the answere. As a beginner I created the web page graphics in Fireworks then opened it in Frontpage(barf) and finished the page. I uploaded it to my server and it looks great in I-Explorer but is all chopped up in FireFox. If I publish it straight from Fireworks it looks fine in FireFox. Why, and what do i do?
            • 3. Re: creating a web page in Fireworks CS3
              JoeDaSilva Level 4
              Show us a link and we'll take a look at your code ;-)
              • 4. Re: creating a web page in Fireworks CS3
                Level 7
                robweed7 wrote:
                > Thanks, I am a beginner. And I understand the "(barf)" with frontpage. Our
                > church ordered frontpage for me to use, then I discovered Adobe products, and
                > can't afford it. I did get them to get me fireworks though and as a beginner
                > it is the coolest graphic design program I have used.

                Look at NVu which is free and does a very decent job. I tried it when it
                was only in beta and it was promising although it couldn't get me to
                switch from Dreamweaver. I haven't used the final version but I'm
                certain it will give you better results than using Fireworks' rigid and
                easily breakable exported HTML and certainly a lot better than FrontPage.

                http://www.nvu.com/

                > I have another question should you know the answere. As a beginner I created
                > the web page graphics in Fireworks then opened it in Frontpage(barf) and
                > finished the page. I uploaded it to my server and it looks great in I-Explorer
                > but is all chopped up in FireFox. If I publish it straight from Fireworks it
                > looks fine in FireFox. Why, and what do i do?

                This is because, despite its flaws (and they are severe), Fireworks'
                exported code is less proprietary and more cross browser compatible than
                FrontPage's. I believed that later versions of FrontPage created better
                code but your story proves once again that no visual Web "design"
                application that falsely promise WYSIWYG is a substitute for learning
                the basics of Web design and development and getting your hands dirty in
                HTML and CSS code to understand how things work. Web design is certainly
                not only about the visuals and any designer who thinks he can get away
                with only creating Web sites visually without the need for a working
                knowledge of the underlying code is seriously delusional (not saying
                this is your case).

                I do not mean you need to create your sites' code in NotePad (which is
                completely inefficient IMO). But you do need to understand how things
                work under the hood to make the right decisions in your editor and be
                able to fix problems. WYSIWYG is a pipe dream. Don't buy into it.

                Until you can afford something like Dreamweaver, NVu could serve your
                needs as it offers a source code view and apparently creates decent code
                out of the box. Learning to code HTML and CSS in a more text based
                application may be better for you in the long run if you are serious
                about learning this craft properly though. I'm sorry that I cannot point
                you to specific learning resources as it's been years since I was a
                beginner in this field and learned from too many sources. If there is
                one book I could recommend that I wish had been around when I started
                out in early 1996, it would be Zeldman's "Designing with Web Standards".
                This could be one of the smartest investment you make right now:

                http://tinyurl.com/2s2dhg

                (direct link to book page on Amazon)

                HTH!

                --
                Stéphane Bergeron
                reach : connect : communicate
                http://www.webfocusdesign.com
                blog : tutorials : articles : gallery
                http://www.pixelyzed.com
                • 5. Re: creating a web page in Fireworks CS3
                  Level 7
                  On 06 Sep 2007 in macromedia.fireworks, robweed7 wrote:

                  > Our church ordered frontpage for me to use, then I discovered Adobe
                  > products, and can't afford it. I did get them to get me fireworks
                  > though and as a beginner it is the coolest graphic design program I
                  > have used.

                  Adobe has a program of reduced prices for non-profits:

                  http://www.adobe.com/nonprofit/

                  You also may be able to do something through TechSoup Stock:

                  http://www.techsoup.org/stock/default.asp

                  --
                  Joe Makowiec
                  http://makowiec.net/
                  Email: http://makowiec.net/contact.php
                  • 6. Re: creating a web page in Fireworks CS3
                    pixlor Level 4
                    You should learn HTML if you're doing Web pages. Fortunately, it sounds harder to learn than it really is. For reference material, I like Elizabeth Castro's Visual Quickstart Guide. I keep my fifth edition on my desk, close to hand, but the sixth edition is now out.

                    For hand-editing code, there are some features I still move out of Dreamweaver to my favorite text editor for. TextPad will color-code HTML and includes some shortcuts for tags in what's called a Clip Library. The registration fee is $27 US (I have a license for each of my two computers), but the trial version is fully functional. I have used this program for years and have never had it crash on me. Ever. Not even when I opened a 72Mb log file on a Sun server, in Mac format, on a PC connected to the Sun over a Cat5 network. It took 20 minutes to open and another 20 to re-save into Unix format, but absolutely no hiccups.
                    *hugs TextPad*

                    As for your original question, if the code you exported from Fireworks works in IE and Firefox - if it isn't too complex - open the page in Notepad and find the opening and closing body tags. Insert a line after the opening body tag and add a center tag; insert a line before the closing body tag and add a closing center tag. The W3C will have collective heart attacks, but your page will be centered.

                    cheers!
                    • 7. Re: creating a web page in Fireworks CS3
                      JoeDaSilva Level 4
                      quote:

                      Originally posted by: pixlor
                      For hand-editing code, there are some features I still move out of Dreamweaver to my favorite text editor for. TextPad will color-code HTML and includes some shortcuts for tags in what's called a Clip Library.



                      But uh, doesn't Dreamweaver do that too?
                      • 8. Re: creating a web page in Fireworks CS3
                        pixlor Level 4
                        Oh sure, but the OP is on a budget and a trial that doesn't quit working or a registration of $27 is much easier to justify.

                        Plus, Dreamweaver does not have block editing (rectangular, rather than linear, selections), line sorting (starting with any column), or file comparison. There are some searches that are much easier with TextPad, such as finding strings in all files in a folder (and its subfolders) and then opening a file to the right line simply by double-clicking on the line in the search return....

                        Dreamweaver is wonderful to have; it saves me so much work in so many ways. But...I'd give up Dreamweaver before I'd give up TextPad. I'm glad no one has asked me to, though! :D
                        • 9. Re: creating a web page in Fireworks CS3
                          Level 7
                          Yeah.

                          --
                          Murray --- ICQ 71997575
                          Adobe Community Expert
                          (If you *MUST* email me, don't LAUGH when you do so!)
                          ==================
                          http://www.dreamweavermx-templates.com - Template Triage!
                          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                          ==================


                          "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                          news:fbpgr9$5oi$1@forums.macromedia.com...
                          >
                          quote:

                          Originally posted by: pixlor
                          > For hand-editing code, there are some features I still move out of
                          > Dreamweaver
                          > to my favorite text editor for. http://www.textpad.com will color-code
                          > HTML
                          > and includes some shortcuts for tags in what's called a Clip Library.
                          >

                          >
                          > But uh, doesn't Dreamweaver do that too?
                          >


                          • 10. Re: creating a web page in Fireworks CS3
                            Level 7
                            > Plus, Dreamweaver does not have block editing (rectangular, rather than
                            > linear, selections)

                            What is this?

                            > There are some searches that are much easier with TextPad, such as
                            > finding strings in all files in a folder (and its subfolders) and then
                            > opening
                            > a file to the right line simply by double-clicking on the line in the
                            > search
                            > return....

                            DW does this and has done so since DW2 (at least).

                            --
                            Murray --- ICQ 71997575
                            Adobe Community Expert
                            (If you *MUST* email me, don't LAUGH when you do so!)
                            ==================
                            http://www.dreamweavermx-templates.com - Template Triage!
                            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                            http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                            ==================


                            "pixlor" <webforumsuser@macromedia.com> wrote in message
                            news:fbpk64$9aa$1@forums.macromedia.com...
                            > Oh sure, but the OP is on a budget and a trial that doesn't quit working
                            > or a
                            > registration of $27 is much easier to justify.
                            >
                            > Plus, Dreamweaver does not have block editing (rectangular, rather than
                            > linear, selections), line sorting (starting with any column), or file
                            > comparison. There are some searches that are much easier with TextPad,
                            > such as
                            > finding strings in all files in a folder (and its subfolders) and then
                            > opening
                            > a file to the right line simply by double-clicking on the line in the
                            > search
                            > return....
                            >
                            > Dreamweaver is wonderful to have; it saves me so much work in so many
                            > ways.
                            > But...I'd give up Dreamweaver before I'd give up TextPad. I'm glad no one
                            > has
                            > asked me to, though! :D
                            >
                            >


                            • 11. Re: creating a web page in Fireworks CS3
                              Level 7
                              all day long -

                              Murray *ACE* wrote:
                              > Yeah.
                              >
                              • 12. Re: creating a web page in Fireworks CS3
                                Level 7
                                In spades....

                                --
                                Murray --- ICQ 71997575
                                Adobe Community Expert
                                (If you *MUST* email me, don't LAUGH when you do so!)
                                ==================
                                http://www.dreamweavermx-templates.com - Template Triage!
                                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                                ==================


                                "Alex Mariño" <alSePxmar@AmMt.net> wrote in message
                                news:fbrktk$i60$1@forums.macromedia.com...
                                > all day long -
                                >
                                > Murray *ACE* wrote:
                                >> Yeah.
                                >>


                                • 13. Re: creating a web page in Fireworks CS3
                                  pixlor Level 4
                                  quote:

                                  Originally posted by: Newsgroup User
                                  > Plus, Dreamweaver does not have block editing (rectangular, rather than
                                  > linear, selections)

                                  What is this?


                                  If I had lines like this (imagine it's in a monospaced font):
                                  aaa bbb ccc ddd eee
                                  aaa bbb fff ggg eee
                                  aaa bbb hhh iii eee
                                  aaa bbb ccc ddd eee
                                  I could set the selection to block mode and select the block
                                  fff ggg
                                  hhh iii
                                  from the center. It's extremely handy for quite a few things.


                                  quote:

                                  > There are some searches that are much easier with TextPad, such as
                                  > finding strings in all files in a folder (and its subfolders) and then opening
                                  > a file to the right line simply by double-clicking on the line in the search
                                  > return....

                                  DW does this and has done so since DW2 (at least).


                                  My bad! I guess being familiar with the feature in TextPad, first, I just went there for it. Plus, I'm not always editing Web files when I want to search for strings.

                                  Anyway...it's just a really great text editor. It isn't the same thing as Dreamweaver, but you can use it to write and edit HTML, since HTML is text.
                                  • 14. Re: creating a web page in Fireworks CS3
                                    Level 7
                                    > I could set the selection to block mode and select the block
                                    > fff ggg
                                    > hhh iii
                                    > from the center. It's extremely handy for quite a few things.

                                    Thanks for the clarification! I can't imagine when I'd ever need to use it.
                                    Can you provide a scenario?

                                    --
                                    Murray --- ICQ 71997575
                                    Adobe Community Expert
                                    (If you *MUST* email me, don't LAUGH when you do so!)
                                    ==================
                                    http://www.dreamweavermx-templates.com - Template Triage!
                                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                    http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                                    ==================


                                    "pixlor" <webforumsuser@macromedia.com> wrote in message
                                    news:fbrsvv$r70$1@forums.macromedia.com...
                                    >
                                    quote:

                                    Originally posted by: Newsgroup User
                                    > > Plus, Dreamweaver does not have block editing (rectangular, rather than
                                    > > linear, selections)
                                    >
                                    > What is this?
                                    >

                                    > If I had lines like this (imagine it's in a monospaced font):
                                    > aaa bbb ccc ddd eee
                                    > aaa bbb fff ggg eee
                                    > aaa bbb hhh iii eee
                                    > aaa bbb ccc ddd eee
                                    > I could set the selection to block mode and select the block
                                    > fff ggg
                                    > hhh iii
                                    > from the center. It's extremely handy for quite a few things.
                                    >
                                    >
                                    >
                                    quote:

                                    > There are some searches that are much easier with TextPad, such as
                                    > > finding strings in all files in a folder (and its subfolders) and then
                                    > opening
                                    > > a file to the right line simply by double-clicking on the line in the
                                    > > search
                                    > > return....
                                    >
                                    > DW does this and has done so since DW2 (at least).
                                    >

                                    > My bad! I guess being familiar with the feature in TextPad, first, I just
                                    > went
                                    > there for it. Plus, I'm not always editing Web files when I want to search
                                    > for
                                    > strings.
                                    >
                                    > Anyway...it's just a really great text editor. It isn't the same thing as
                                    > Dreamweaver, but you can use it to write and edit HTML, since HTML is
                                    > text.
                                    >


                                    • 15. Re: creating a web page in Fireworks CS3
                                      pixlor Level 4
                                      quote:

                                      Originally posted by: Newsgroup User
                                      > I could set the selection to block mode and select the block
                                      > fff ggg
                                      > hhh iii
                                      > from the center. It's extremely handy for quite a few things.

                                      Thanks for the clarification! I can't imagine when I'd ever need to use it.
                                      Can you provide a scenario?


                                      Hmm. Well...quite often I will use the Command Prompt window to make a directory listing (dir/s > list.txt) and want to have that in Excel, but...maybe I don't want the dates, just file names and sizes. I can open the file in TextPad, write a quick keystroke macro (or use the one I have saved) to delete lines I don't want, then block select the column-aligned file names, copy to column A in Excel, then block select the column-aligned sizes and copy to column B.

                                      I've had lines of text that included numbers (and sometimes other data) where I wanted the text, but not the line numbers. Search and replace is no good, because the line numbers aren't the same and possibly there are numbers in the text itself. I can block select and delete the single-digit line numbers, then the double-digit line numbers, then the triple-digit numbers.... Manually, such a task would be absurd, but with block select it's a matter of a few seconds.

                                      There have been times when I've had text organized like
                                      lorem ipsum dolor
                                      sit amet consectetur
                                      adipisicing elit sed
                                      do eiusmod tempor
                                      incididunt ut labore
                                      et dolore magna aliqua
                                      but wanted
                                      lorem ipsum dolor do eiusmod tempor
                                      sit amet consectetur incididunt ut labore
                                      adipisicing elit sed et dolore magna aliqua
                                      Just block-select the last three lines, place the cursor in the first line, beyond the last column of text and paste. (There are tabs before the right-hand block, but they won't display here.)

                                      Sometimes text is gridded or aligned, not linear and flowing, and having an edit mode that allows you to manipulate it that way is really useful.

                                      • 16. Re: creating a web page in Fireworks CS3
                                        Level 7
                                        OK - thanks....

                                        --
                                        Murray --- ICQ 71997575
                                        Adobe Community Expert
                                        (If you *MUST* email me, don't LAUGH when you do so!)
                                        ==================
                                        http://www.dreamweavermx-templates.com - Template Triage!
                                        http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                        http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                        http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                                        ==================


                                        "pixlor" <webforumsuser@macromedia.com> wrote in message
                                        news:fbs1p9$3a5$1@forums.macromedia.com...
                                        >
                                        quote:

                                        Originally posted by: Newsgroup User
                                        > > I could set the selection to block mode and select the block
                                        > > fff ggg
                                        > > hhh iii
                                        > > from the center. It's extremely handy for quite a few things.
                                        >
                                        > Thanks for the clarification! I can't imagine when I'd ever need to use
                                        > it.
                                        > Can you provide a scenario?
                                        >

                                        > Hmm. Well...quite often I will use the Command Prompt window to make a
                                        > directory listing (dir/s > list.txt) and want to have that in Excel,
                                        > but...maybe I don't want the dates, just file names and sizes. I can open
                                        > the
                                        > file in TextPad, write a quick keystroke macro (or use the one I have
                                        > saved) to
                                        > delete lines I don't want, then block select the column-aligned file
                                        > names,
                                        > copy to column A in Excel, then block select the column-aligned sizes and
                                        > copy
                                        > to column B.
                                        >
                                        > I've had lines of text that included numbers (and sometimes other data)
                                        > where
                                        > I wanted the text, but not the line numbers. Search and replace is no
                                        > good,
                                        > because the line numbers aren't the same and possibly there are numbers in
                                        > the
                                        > text itself. I can block select and delete the single-digit line numbers,
                                        > then
                                        > the double-digit line numbers, then the triple-digit numbers.... Manually,
                                        > such
                                        > a task would be absurd, but with block select it's a matter of a few
                                        > seconds.
                                        >
                                        > There have been times when I've had text organized like
                                        > lorem ipsum dolor
                                        > sit amet consectetur
                                        > adipisicing elit sed
                                        > do eiusmod tempor
                                        > incididunt ut labore
                                        > et dolore magna aliqua
                                        > but wanted
                                        > lorem ipsum dolor do eiusmod tempor
                                        > sit amet consectetur incididunt ut labore
                                        > adipisicing elit sed et dolore magna aliqua
                                        > Just block-select the last three lines, place the cursor in the first
                                        > line,
                                        > beyond the last column of text and paste. (There are tabs before the
                                        > right-hand
                                        > block, but they won't display here.)
                                        >
                                        > Sometimes text is gridded or aligned, not linear and flowing, and having
                                        > an
                                        > edit mode that allows you to manipulate it that way is really useful.
                                        >
                                        >
                                        >