3 Replies Latest reply: Feb 4, 2010 11:45 AM by onefiftymph RSS

    Can this page be made all in Dreamweaver?

    onefiftymph Community Member

      http://www.mammothmountain.com/MyMammoth/?section=weather

       

      I like the collapsing panels, and especially the folder-like tabs under the "WEATHER" section. Are these tabbed folders ("Extended Forecast", "Resources", "Road Conditions") collapsible Spry panels or something else? Are they made with custom graphics or can DW make folder-like tabs like this?

       

      I'm not making any sense out of the source code, what is CSS, what is Spry.  I like the white-on-white with subtle dropshadows. Are these dropshadows CSS or custom graphics? Is this entire page creatable in Dreamweaver alone?

       

       

      tia

        • 1. Re: Can this page be made all in Dreamweaver?
          jessegiga Community Member

          Hi Tia,

             Hmmm.... just to clarify, Dreamweaver is a tool in your toolbox that helps you create webpages, but you may need some accessories to enhance this tool and make it better. It's kind of like asking if you own a welder and some steel, could you build a car...? Yes, you could - but you'd need some other tools as well...

           

          More than likely, the developer who created this site used Dreamweaver (since it's become the industry standard), so technically it can be built with DW. But the bells and whistles you mention are created with extra javascripts or other specialty coding not found in the "auto-generated" features - that was likely hand coded, and customized. Dreamweaver does have some "okay" methods of creating the Drop-down menus and the collapsable tabs on the right in their Spry technologies, but they aren't quite as flashy as the ones used here.

           

          If you're just starting out, I would suggest starting with the basics first - even a seasoned developer would spend several days developing a site like this - take your time, and as you begin to find a comfort zone, then begin testing other methods and adding to your toolbox. The top navigation that "springs open can be found in several places on the internet (some for a price, some for free), as well as many of the other aspects of the site that you mentioned...

           

          Hope that helps - good luck!

           

          Jesse

          www.jgigandet.com

          • 2. Re: Can this page be made all in Dreamweaver?
            Nancy O. CommunityMVP

            If you have a good grasp of Photoshop or Fireworks for graphics, HTML, CSS and JavaScript or  jQuery script libraries, you can do it in DW or any other HTML editor.  The quality of websites you create depends on the skills you bring to the table.

             

            HTML = content

            CSS or Cascading Stylesheets = styles

            JavaScripts, Spry, Ajax, DHTML = functionality and interactivity

             

            I like the white-on-white with subtle dropshadows. Are these dropshadows CSS or custom graphics?

             

            Your example uses custom graphics, but box-shadows and text-shadows are possible with CSS3 code alone.

            http://alt-web.com/DEMOS/CSS-Shadows.shtml

             

            I like the collapsing panels, and especially the folder-like tabs under the "WEATHER" section.

             

            Those are Tabbed Panels.  You could use jQuery, or DW's built in Spry Tabbed Panels for this.

             

            Start here:


            HTML & CSS Tutorials - http://w3schools.com/

             

            Creating  your first website in DW CS4 -
            http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html

             

             

            Nancy O.
            Alt-Web Design & Publishing
            Web | Graphics | Print | Media  Specialists
            www.alt-web.com/
            www.twitter.com/altweb
            www.alt-web.blogspot.com

            • 3. Re: Can this page be made all in Dreamweaver?
              onefiftymph Community Member

              Thanks Jesse and Nancy for the helpful replies.