10 Replies Latest reply on Jul 24, 2007 11:20 AM by KirtMarkle

    Frameset Transitions

    KirtMarkle
      I've just completed a rather extensive redesign of my website using Dreamweaver and a three-way frameset (Left, Top, Main)

      Everything looks and responds great; however, I'd like to find a way to avoid that annoying white flash that occurs when the mainFrame loads in a new page. When I designed the original site last year, I used only Photoshop and InDesign. When I clicked a link, the only elements that visibly changed were the new ones introduced by the click. In other words, when I clicked an image to get a detailed view, the only element that changed was the actual image; all other elements remained the same despite the fact that a new page was opening. Now, when I use frames, the entire frame flashes white and then the elements appear. I find this quite annoying and would like to find a way to get the same effect without the flash.

      Thanks.
      Kkirt
        • 1. Re: Frameset Transitions
          Level 7
          > I've just completed a rather extensive redesign of my website using
          > Dreamweaver
          > and a three-way frameset (Left, Top, Main)

          YIKES. Frames are rarely the optimal layout choice - and, are SOOO 90's.
          There are plenty of reasons not to use them, and only a few reasons for
          using them. On balance, frames are a no-go for most....

          Re: the flash - is it possible you are seeing the dreaded "FOUC"? Use
          Google to find it....

          --
          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
          ==================


          "KirtMarkle" <webforumsuser@macromedia.com> wrote in message
          news:f84ssl$jo2$1@forums.macromedia.com...
          > I've just completed a rather extensive redesign of my website using
          > Dreamweaver
          > and a three-way frameset (Left, Top, Main)
          >
          > Everything looks and responds great; however, I'd like to find a way to
          > avoid
          > that annoying white flash that occurs when the mainFrame loads in a new
          > page.
          > When I designed the original site last year, I used only Photoshop and
          > InDesign. When I clicked a link, the only elements that visibly changed
          > were
          > the new ones introduced by the click. In other words, when I clicked an
          > image
          > to get a detailed view, the only element that changed was the actual
          > image; all
          > other elements remained the same despite the fact that a new page was
          > opening.
          > Now, when I use frames, the entire frame flashes white and then the
          > elements
          > appear. I find this quite annoying and would like to find a way to get
          > the
          > same effect without the flash.
          >
          > Thanks.
          > Kkirt
          >


          • 2. Re: Frameset Transitions
            Level 7
            On Tue, 24 Jul 2007 12:55:49 +0000 (UTC), "KirtMarkle"
            <webforumsuser@macromedia.com> wrote:

            >I've just completed a rather extensive redesign of my website using Dreamweaver
            >and a three-way frameset (Left, Top, Main)


            Why not get rid of frames then ? - with things like css, server side
            includes that are SO MUCH better.

            --

            ~Malcolm N....
            ~
            • 3. Re: Frameset Transitions
              KirtMarkle Level 1
              I'd prefer not using frames, however, I'm not sure what other route to take. Does this involve Spry?
              • 4. Re: Frameset Transitions
                Level 7
                No. It involves just making flat pages and linking them together: page A
                has links to page B, page C, page D, etc.

                What is it about frames that appeals to you? Not having to manage these
                links on each page? That's where DW Templates, or server-side includes come
                in....

                --
                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
                ==================


                "KirtMarkle" <webforumsuser@macromedia.com> wrote in message
                news:f84v8f$mh6$1@forums.macromedia.com...
                > I'd prefer not using frames, however, I'm not sure what other route to
                > take. Does this involve Spry?


                • 5. Re: Frameset Transitions
                  KirtMarkle Level 1
                  (thanks for your helpful replies, by the way.)

                  Actually, I was trying to find a way AROUND having to use frames but couldn't figure it out.

                  Bascially, I'm an artist and I need to display my work in five subgroups (2003, 2004, 2005, 2006 and 2007) with buttons across the top representing each of these groups. When each button is clicked, it displays a 5x4 index of more buttons below, representing each of the 20 artworks. Then, each of those buttons, when clicked, replaces the 5x4 index with a full view of the artwork with a legend to the left. Each click of the artwork image cycles through 2 or 3 zoom views. I have also included an icon above the legend to return to the 5x4 index.

                  Complicated enough? Right now, I'm following up on your advice regarding SSI in The Dreamweaver Bible. Am I on the right track? Should I also research other possiblities?
                  • 6. Re: Frameset Transitions
                    Thumbslinger Level 1
                    It doesn't have to be complicated. Design each page as a graphic in Photoshop. Wherever you have body copy, just put it in for now and slice the page up. I don't use PS for slice generation, I use Fireworks so I can name my slices...meaning maybe you can in Photoshop, if not once you generate the HTML pages from Photoshop, open the page in Dreamweaver and set the links appropriately using image map tags.

                    Where you have body copy, remove that graphic and style the copy appropriately.

                    The point with this method is: if you're not familiar with CSS, trying to learn enough to get around the unfortunate incompatibility with the *main* browser out there will take longer than simply using a table-based layout.

                    It's not optimum and the purists will moan, but in this case you're not addressing a specific audience where every nuance needs to be considered and it still beats the pants off of using frames.
                    • 7. Re: Frameset Transitions
                      Level 7
                      Consider a product called "Site Grinder" - Google it. It may be just what
                      you need....

                      --
                      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
                      ==================


                      "KirtMarkle" <webforumsuser@macromedia.com> wrote in message
                      news:f851dq$p14$1@forums.macromedia.com...
                      > (thanks for your helpful replies, by the way.)
                      >
                      > Actually, I was trying to find a way AROUND having to use frames but
                      > couldn't
                      > figure it out.
                      >
                      > Bascially, I'm an artist and I need to display my work in five subgroups
                      > (2003, 2004, 2005, 2006 and 2007) with buttons across the top representing
                      > each
                      > of these groups. When each button is clicked, it displays a 5x4 index of
                      > more
                      > buttons below, representing each of the 20 artworks. Then, each of those
                      > buttons, when clicked, replaces the 5x4 index with a full view of the
                      > artwork
                      > with a legend to the left. Each click of the artwork image cycles through
                      > 2 or
                      > 3 zoom views. I have also included an icon above the legend to return to
                      > the
                      > 5x4 index.
                      >
                      > Complicated enough? Right now, I'm following up on your advice regarding
                      > SSI
                      > in The Dreamweaver Bible. Am I on the right track? Should I also
                      > research
                      > other possiblities?
                      >


                      • 8. Re: Frameset Transitions
                        KirtMarkle Level 1
                        Actually, part of this process is to teach myself enough web design so that I can transistion out of a career in graphics and word processing and start building web pages for a living. So I'd like to do this by using templates and SSI, if that is the way to go. I just need instructions on how to make it happen. All my pages are currently built (all 150 or so of them) and I would like to continue expanding this knowledge.
                        • 9. Re: Frameset Transitions
                          Level 7
                          Retrofitting an existing site with templates is not the best way to proceed,
                          but to get it done with a minimum of problems, the only way is to spawn a
                          new page from the template, copy and paste content from an existing page,
                          and then save the new page over the old one. Unfortunately, this means that
                          you must open each of the existing pages - 150 of them.

                          You would create your template by taking an existing page, and using FILE |
                          Save as Template...., then give the template a name - I usually use "page".
                          With this template open, you would then define the editable regions as
                          needed, giving each a descriptive name as well. Once the required editable
                          regions have been defined in the template, save it again, and begin your
                          task of spawning child pages and pasting in content.

                          Before you embark on this, it's quite important to understand the 'gestalt'
                          of templates -

                          Editable regions of templates is for each page's unique content.

                          Non-editable regions of templates (by definition, everything NOT in an
                          editable region is therefore non-editable), are for propagating changes to
                          child pages - that would be things like navigation, etc., subject to the
                          following qualifications -

                          First, I mentally separate the page layout into three sections:

                          1. Stuff that will not change for the life of the site (i.e., the basic
                          structural elements)
                          2. Stuff that *could* change from time to time (e.g., navigation elements,
                          burst advertisements, section-specific navigation, etc.)
                          3. Stuff that *will* change from one page to the next

                          Then I create a template containing all class1 elements. Next I create
                          server-side include files containing all class 2 elements and place them on
                          the template as needed. Note - some of the class 2 elements may be
                          "section-specific elements", and their placement on the template will be
                          subject to the next item. Finally, I insert editable regions to cover the
                          class 3 items, INCLUDING the section-specific navigation.

                          This allows me to just cookie-cut the rest of the site. I estimate that
                          even for fairly large sites, about 80% of my work goes into planning and
                          creating this template file.

                          Take your time, and learn as you go, but prepare before starting, too. You
                          won't regret it.

                          --
                          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
                          ==================


                          "KirtMarkle" <webforumsuser@macromedia.com> wrote in message
                          news:f854ja$su7$1@forums.macromedia.com...
                          > Actually, part of this process is to teach myself enough web design so
                          > that I
                          > can transistion out of a career in graphics and word processing and start
                          > building web pages for a living. So I'd like to do this by using
                          > templates and
                          > SSI, if that is the way to go. I just need instructions on how to make it
                          > happen. All my pages are currently built (all 150 or so of them) and I
                          > would
                          > like to continue expanding this knowledge.
                          >


                          • 10. Re: Frameset Transitions
                            KirtMarkle Level 1
                            Okay, instead of trying to describe the problem, perhaps you could have a look at my site as it now stands:

                            http://kirtmarkle.com/gallery_frameset.html

                            I have used AP elements exclusively in order to maintain a slight overlap for my buttons so they appear to "fit together" like the puzzle elements they are. Ideally, I would like the "glowing" button that appears in rollover to show in its larger form (after being clicked), much like the blue text changes to purple text when you have visited a link. I also plan to transition from the 20 button index by animating the chosen button to the position above the legend.

                            Would this be especially difficult to change to the arrangement you suggest? (at the very least, I DO plan to fix the FOUC problem, if it turns out this is my best option). Basically, I want to do this in the BEST way possible, even if it means starting over. (No sense trying to call yourself a "professional" if you are doing things in the wrong or least desired method.)

                            (and, as before, thank you in advance for your helpful replies.)

                            peace.
                            k