Hello! I am Designer with zero knowledge of coding, but have been setting up many wordpress and phpBB sites based on tutorials.
I can design a website failry well with CS6 tools. But cant get the hang of making 'responsive' websites. (I know that I should learn a bit of coding, but, honestly, it just doesnt get into my head unless I take structured classes.)
Can anyone point me to a simple step by step guide to crafting a responsive layout? Preferably written (not video).
(By the way: Love the new Adobe website look.)
These links should help you figure out what Responsive layouts are, what 'Fluid Grid' (Dreamweaver CS6 functionality to build responsive sites) are and some 50+ great tutorials on responsive web designing & development:
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layou ts/
http://www.hongkiat.com/blog/responsive-web-tutorials/
http://www.tripwiremagazine.com/2012/11/responsive-web-design-and-deve lopment-tutorials.html
Good luck!
-ST
Building modern web sites without a fundamental knowledge of code is like trying to drive a car blindfolded. You may reach your destination but you'll break things (many things) along the way.
CS6 Fluid Grid Layouts require a working knowledge of HTML, CSS & Media Queries because you will need to manually tweak the code. Fluid Grids are a quick start; not a quick solution.
CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-que ries.html
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsiv e-web-design/
Device Agnostic Approach
http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach -to-responsive-web-design/
Good luck,
Nancy O.
North America
Europe, Middle East and Africa
Asia Pacific