Solved

dw grid expanded layout view

Posted on 2013-11-07
8
325 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 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 52

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 52

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

Industry Leaders: 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!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
push Book Today button to right 10 66
Magento: different theme for Pc and for mobile devices 4 78
need help with share buttons 11 71
SQL to JSON 14 39
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

733 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