Web Design

Web Design Using Dreamweavers Layers Feature

I had been using Macromedia merchandise for my website manufacturing for years. I recently determined a brand new way to the layout that has made my life lots less complicated. Before the “Layers” characteristic, I continually observed it difficult to make a web page look the way I wanted it to because I had to position everything into tables or position my pix around my text and hope for the great. Now, Dreamweaver gives this killer shortcut to making an internet site: Layers. Imagine being capable of placed whatever (text, tables, pix, whatever) WHERE EVER you want!! This is an absolute godsend in the design world as far as I am involved.

photo-1430760903787-4d91bbf15384.jpg (4500×3000)

Now, I just located this option in Dreamweaver 8. There had been previous variations of Dreamweaver (MX2004, and many others.) that also allowed for this selection. Either way, I am glad that I discovered it and put it to use as it has made a well-sized distinction inside the layout for net websites for me.

The idea is simple: create a new page. To try this, you need to have first set up inside Dreamweaver’s web page manager a domain from which you may work. By right-clicking at the site name inside the homes bar, you get a drop-down menu with a couple of options, one in all that is “New File.” Create a brand new.Html document, after which double click on that report to open it inside the most important Dreamweaver running window. The subsequent step is to insert your first layer. Under the “Insert” segment of the pinnacle device bar, visit “Layout Objects,” after which to “Layer.” A little blue field will seem on your page. If you click on the perimeter of the field, you get those little squares around the perimeter of the container bearing in mind resizing. You will also note a small rectangular within the higher proper hand facet of the brand new layer. While you click on your mouse button in this rectangular, it allows you to reposition the layer to whichever you want to locate on your website online.

You can now area whatever you want inside this box (layer) together with text, flash movies, pics, tables, library items, and so forth. The maximum excellent characteristic of this is that you have total manipulation over which it’s far placed on your web page. Dreamweaver will automatically write inside the html code the precise X & Y coordinates that your browser will translate to reveal the web page nicely. It doesn’t get plenty better than this.

I determined this selection to be very similar to working in Adobe Photoshop because with layers, you’ve got total manage over each thing of the design without the stress related to internet layout.

012-Web-Design-1.jpg (1980×746)

Now say you want to feature a few texts to a layer, but the textual content runs some distance off the page or a long way off the layer container size you chose. Well, Dreamweaver has resolved that issue as properly. In the properties inspector at the bottom of the display, you’ve got a drop-down box categorized as “Overflow.” If you drop down this field, you’ve got some alternatives, Visible, Hidden, Scroll, and Auto. For instance, I am explaining here; you’ll select “Scroll.” This tells Dreamweaver to write down in the code that if your textual content overflows the dimensions, you are certain for the layer field to insert a scroll function permitting your visitors to scroll down the text to read something you positioned in that layer box. Pretty slick!!

Other capabilities with the usage of layers are that you have a choice to call your layers inside the Layers Tab on the upper proper device menu and set the succession of every layer. I suggest that if deciding to use more than one layer, you keep yourself a primary headache and label each layer according to what it is related to on your screen. This makes modifying the layer later on a whole lot less complicated.
Layers can help you have the freedom within web layout that must be there all alongside. I propose you deliver this a try and play with it and notice what creative things you can provide you with. Go nuts with this feature and have amusing with it. You by no means recognize what is going to come out now that the boundaries have been dropped!

Other functions which are pretty slick are the capacity to overlap photos on a web page. If you have been doing an inventive presentation or something similar, this new function may become off at the top right-hand facet of the “Layers” Properties field. Just installed a test mark underneath “Prevent Overlaps,” and you should not fear it. Dreamweaver will routinely ensure that nothing overlaps within the layers. However in case, you did want to have an overlapping impact of, say, two pictures, then ensure that the Prevent Overlaps is unchecked, and you will, in addition, unlock the magic of this outstanding function.

In closing, that is a sincerely superb function, but it takes a few getting used to. It breaks all of the regulations we had previously discovered that we should and could not do with web design. This takes that to the following stage without making you attain for the aspirin.

Slider1.png (1500×700)

A few different alternatives encompass a command referred to as “convert layers to tables” and “convert tables to layers.” On the top toolbar in Dreamweaver, if you go to ‘Modify’ - Convert - you’ve got the two alternatives I mentioned. Clicking on convert layers to tables will automate Dreamweaver to start calculating down to the pixel a way to design a table out of the information you have given to it by setting layers at the web page in positive areas. This characteristic is specially used for web surfers with a browser that is not updated (i.E. Version 5 or in advance of Internet Explorer or Netscape). The new versions of most primary browsers now help and properly show layer content material inside the browser window. But if you suppose that your target audience might not have updated browsers, you definitely might not forget this feature. Personally, I don’t use it because it’s miles uncommon that people in recent times have an outdated browser era with all of the Automated Windows Updates and all.

About author

Social media fan. Unapologetic food specialist. Introvert. Music enthusiast. Freelance bacon advocate. Devoted zombie scholar. Alcohol trailblazer. Organizer. Spent 2001-2004 merchandising ice cream in Mexico. My current pet project is getting to know walnuts for fun and profit. At the moment I'm writing about squirt guns in Salisbury, MD. Spent childhood donating toy planes in Suffolk, NY. Gifted in managing jack-in-the-boxes in Miami, FL. Spent high school summers supervising the production of foreign currency in Libya.
    Related posts
    Web Design

    Class On Web Design - The Basics

    Web Design

    5 Critical Mistakes to Avoid When Choosing a Web Designer

    Web Design

    Choosing a Web Designer, five Things to Keep in Mind

    Web Design

    Web Designer's Guide to Search Engine Optimization

    Sign up for our Newsletter and
    stay informed