A Cutting Edge DHTML Site This site is Dynamic in its HTML implementation. Things move, objects change. This is accomplished through the use of DHTML... a combination of HTML, Javascript, and CSS. Needless to say, WebTech is designed for viewing in MSIE4, MSIE5, MSIE5.5, Netscape 6, and Netscape 4. With the exception of Netscape 4, all the features used in the site's design will work perfectly. Netscape 4 lacks support for some of the CSS implementations... but this is only a cosmetic issue that will not affect the ability to view the site in its entirety. What Features can I find in WebTech? WebTech uses some cutting edge techniques to achieve our goal of an exciting site with intuitive navigation:
Why Do We Use Templates? The Menu system throughout the site is far easier to set up initially when you use Dreamweaver Templates. Templates allow you to make changes to the menu and have those changes update all pages in the site that are attached to the Template. We have supplied 2 Templates:
Why 2 Templates? The majority of pages in the site are attached to maintemplate. But the Portfolio Page has a special need. The Portfolio frame uses a dual stacked i-frame setup in the right sidebar to present both a menu of thumbnails and its related content... in separate windows. The effect is dramatic and very intuitive. Since Dreamweaver cannot "translate" i-frames (you can't see them in your Dreamweaver window) we wanted to safeguard against accidental deletion of the i-frame code. Therefore, each i-frame configuration is driven by its own template. The locked and editable regions are set up to prevent "accidents"! The only pages that are not attached to Templates are the News Pages and the Portfolio Content Pages. Are there any Disadvantages to Using Templates? The benefits of using Templates far outweigh any disadvantages. The biggest disadvantage is that you cannot add behaviors to pages based on Templates. You can edit and change existing javascript behaviors in attached pages so long as:
Of course, you can always detach a page from its Template if you have any special needs. Once detached, the page can be edited in any way you choose. However, updates made to the Template will no longer update detached page(s). If you are not familiar with Dreamweaver Templates, please take some time to go through your Dreamweaver Documentation and learn about this wonderful productivity tool. How do Templates Work? Templates contain 2 types of content:
Important: Only Changes made to Locked Regions are reflected in the pages based upon a Template. Changes made to the Editable Regions of Templates will not be reflected in the other pages. As you read through your Design Pack documentation, we will reference content as being in either Locked or Editable regions of a page.
How do I add new Pages or Change the names of pages supplied with this Design Pack? Add new pages by:
Changing the names of existing pages:
Warning: Do not change file names or site structure from outside the Dreamweaver Site Window to avoid corrupting links and rendering your site unnavigable. Why are there some Framesets in this site? The 2 framesets in WebTech serve one purpose: To provide a means for Netscape browsers (other than version 6) to see the content otherwise seen in the inline frames embedded in the right sidebar of each page. These framesets use the same pages that load into the I-Frames. You should not have to edit these framesets. Simply editing any of the News pages, or the Portfolio pages will automatically take care of the framesets. Note that we use identical names for the I-Frames and the frameset frames for the Portfolio pages (portoFrame)... so your links will work in both the framesets and the I-Frames! Here's a brief overview of the logic involved: The Portfolio Page (portfolio/portfolio.htm) houses 2 I-Frames in the right sidebar:
The frameset portfolio/nsframeset.htm is comprised of 2 frames:
So, to change the content or look of the portfolio, you only need work with:
The same logic applies to the I-Frames throughout the rest of the site that load the various News Pages... with one difference. The Netscapenews folder contains a page called nnewsmenu.htm, which contains hyperlinks to all the news pages. If you add a news page, you'll need to update this page so that the Netscape News Frameset (nnewsframeset.htm) has access to all the News Pages. Modifying the Design As with all Design Packs, the look of WebTech is a breeze to makeover. The Layers and Table Tutorial comprehensively covers the nuts and bolts of how to build a WebTech page. The Images Tutorial explains how easy it is to edit the included Fireworks images. Typestyles are driven purely by linked Style Sheets. Change a style, and you automatically change the look of all pages linked to that style's CSS File. So, in a very short time, you can turn WebTech into a totally unique site that expresses your individual style. For further assistance on Style Sheets, visit our support forum
|