Web Design

Web Design Using Dreamweavers Layers Feature

I had been using Macromedia merchandise for my web site manufacturing for years. I just currently determined a brand new way to the layout that has made my life lots less complicated. Prior to the “Layers” characteristic, I continually observed it difficult to make a web page look the way I wanted it to due to the fact that I had to positioned everything into tables or just position my pix round 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 became able to discover it and put it to use as it has made a well sized distinction inside the layout for net web sites 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 with which you may work in. 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 which while you click on your mouse button in this rectangular it allows for you to reposition the layer to in which ever you want to locate it 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 manipulate over in which it’s far placed in your web page and 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 due to the fact with layers you’ve got total manage over each thing of the design, with out 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 size of 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 “Overflow”. If you drop down this field you’ve got some alternatives, Visible, Hidden, Scroll, and Auto. For the instance I am explaining here you’ll select “Scroll”. This tells Dreamweaver to write down in the code that in case your textual content over flows the dimensions you 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 in addition to setting the succession of every layer. I do exceedingly suggest that if making a decision to use more than one layers which you keep yourself a primary headache and label each layer according to with 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 is a kewl function which may become off at the top right-hand facet of the “Layers” Properties field. Just installed a test mark underneath “Prevent Overlaps” and you then do not should fear about it. Dreamweaver will routinely ensure that not anything 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 of what 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, in case you go to ‘Modify’ - Convert - you’ve got the two alternatives I simply 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 way of setting layers at the web page in positive areas. This characteristic is specially used for the ones web surfers who have 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, then you definitely might do not forget this feature. Personally, I don’t use it because it’s miles uncommon that people in recent times have 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

10 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

Web Design

How to Appraise the Value of Web Design Services

Sign up for our Newsletter and
stay informed