Solved

dw grid expanded layout view

Posted on 2013-11-07
8
314 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 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
 
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
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 

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

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
Read about why website design really matters in today's demanding market.
This video teaches users how to migrate an existing Wordpress website to a new domain.
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.

744 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now