Lynda com Creating a responsive Web Design 視頻教學 英文正式版

　


　
軟體簡介:
　
Discoverhowtomakeyourwebsitemorereadableandefficientacrossvarious
screensizesanddevices.JoinauthorChrisConverseasheshareshisown
specializedtechniquesforcreatingaresponsivesite.Thecoursetakesthe
sitefromstart-to-finish,fromcompingyourideasinPhotoshop,tosetting
uptheHTMLpageandcontainers,tostylingestablishedelementsforsmall,
medium,andlargescreens.Inparticular,Chrisshowshowtoloadimageswith
CSS,repositionthenavbarforbetterviewingonmobiledevices,andhowto
makethedownloadtimefasterforsmallscreensbyprovidingmultipleversions
ofyourbannergraphicandotherimages.

ThiscoursewascreatedandproducedbyChrisConverse.lynda.comishonored
tohostthistraininginourlibrary.

Topicsinclude:

Understandingyoursoftwareneeds
Planningyourlayout
Addingcontainers,content,andlinks
Creatingandslicingmultiple-sizedbannerimagesinPhotoshop
LinkingtoCSSfileswithmediaqueries
Settingtheviewportscale
Stylingheadings,bodytext,andfooters
Stylingandrepositioningnavigationlinks