?
Solved

dw grid expanded layout view

Posted on 2013-11-07
8
Medium Priority
?
348 Views
Last Modified: 2013-11-08
I am new to grids.  So far they scare the crap out of me.  

I have a dw cs6 missing manual that recommends I expand the layout view from standard to expanded.   I have dw cs6 version 12.2.  How do I turn this on?

In particular, I need to locate the "insert fluid grid layout div tag" button.  The insert button doesn't give this option either.

Help please!
0
Comment
Question by:nsitedesigns
  • 5
  • 3
8 Comments
 

Author Comment

by:nsitedesigns
ID: 39632043
p.s.  I know something is wrong because when i click on the "pre-inserted" div that is present from the get-go, it acts differently. I can click on this div and get the hide/duplicate/delete icons.  When I click on the divs I added, there are no icons that appear.
0
 
LVL 54

Accepted Solution

by:
Scott Fell,  EE MVE earned 1500 total points
ID: 39632454
Which grid are you using?    I started out a long time ago using http://www.blueprintcss.org very simple.    But now primarily I use bootstrap and foundation.    When you say fluid, do you really mean fluid or responsive.    Both bootstrap and foundation are responsive meaning  items on the page can change based on the viewport.  Font sizes, div's hiding, appearing, stacking, images changing etc.  

Otherwise, grids are typically based on a certain amount of columns and from there it is paint by numbers.  If you  have a 12 column grid and the grid uses col-1 for 1/12 of the page, col-3 for 1/4th of the page, col-6 for half the page and col-12 for a full page you would end up with something like this for a full header and the body split in 2 columns.

<div id="container">
     <div id="header" class="col-12">I am the header</div>
     <div class="col-12">
          <div class="col-3">I am a narrow left side</div>
          <div class="col-9">I am a wider right side>
      </div>
</div> 

Open in new window

You don't have to go overboard on columns. If you have tabular data - keep that in a table.  Once you get the hang of it, you will hit your head for not using a grid sooner.

Try your best to get out of your comfort zone and type out your code in the codeview.  Go ahead and use the split view in dreamweaver so you can see what happens as you type.  But don't freak out if what you see in dreamweaver is not what you think it should be. Test in your browser.   As you break out of relying on the DW wizards, you will find  you can actually work faster and smarter.
0
 

Author Comment

by:nsitedesigns
ID: 39633346
I am using the fluid grid that is in DW.  They refer to it as fluid grid.  I just had a question as to where this icon is located that all text books (and youtube videos) say you should click on to get a new div.  It is in the expanded view but I cannot get the expanded view.  I think once I can find that, it will be easier.  

Thanks for the tips on the other programs you use.  I will have to check them out too.  But, since I have tons of books and really am comfortable with DW, I would really right now, just want to learn how to do it in an envrionment I am familiar with.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39633382
I am sorry I can't help more. I have DW5.5.  I can help with code, not with the software.
0
 

Author Comment

by:nsitedesigns
ID: 39633455
THanks anyways.
0
 

Author Comment

by:nsitedesigns
ID: 39633876
Just talked to adobe.  The newest version 12.2 eliminated the expanded view with this button. drat.
0
 

Author Closing Comment

by:nsitedesigns
ID: 39633881
I will give points because the suggestion was good but it did not answer my original DW question.  Plus, points given for all the typing!  : )
0
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39634000
Thank you.  If it does not really answer the question, we can just un accept and delete the question.  

Look into using http://getbootstrap.com/.  You will spend a day of learning curve and playing but in the end it will much easier.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month9 days, 4 hours left to enroll

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question