Lynda com Responsive Design with Dreamweaver CS6 視頻教學 英文正式版

　


　
軟體簡介:
　Thiscourseillustratestwoapproachestoresponsivewebdesign,thenewFluid
GridLayoutfeatureandmediaqueries,whichallowawidespectrumofdesigners
toreachtheirtargetaudienceviadesktops,tablets,orothermobiledevices.
AuthorJosephLoweryshowshowtousetheFluidGridLayoutfeaturein
Dreamweavertocreateasinglewebsitethatdeliversdifferentlayoutsto
targetedscreensizes.Thecoursealsooffersamoreadvancedapproachto
responsivedesignbyusingmediaqueriesmployingtheMultiscreenPreview
featureandenhancingtheresultingoutputcodeswellasmethodsforh
andlingmobilefirstprioritiesandadaptiveimages.
Topicsinclude:

ExploringthedefaultFluidGridLayout
Addingbuildingblockdivtags
Insertingcontentintoafluidgrid
Modifyingthenumberofgridcolumns
Adjustingcolumnwidthsandmargins
Buildingmediaqueriesfromscratch
Handlingorientationchanges
ApplyingJavaScripttechniques
Settingupserver-sidesolutions