Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

dw grid expanded layout view

Posted on 2013-11-07
8
Medium Priority
?
338 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 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

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…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
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…
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.
Suggested Courses

610 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