书籍详情
深入浅出HTML与CSS、XHTML
作者：（美）弗里曼（Freeman,E.），（美）弗里曼（Freeman,E.） 著
出版社：O'Reilly
出版时间：2006-05-01
ISBN：9787564103194
定价：¥98.00
购买这本书可以去
内容简介
在你成为一名行家之后，阅读HTML书籍给你的唯一感受就是厌烦吗？那么现在就是你拿起《深入浅出HTML与CSS、XHTML》来真正学习HTML的时候了。这本书展示了学习创建符合工业标准的Web页面的完整历程——然而，除了阅读，你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建Web页面。并且，你还将学习HTML如何与CSS一起工作。哦，如果你从未听说过CSS，没关系——我们不会告诉其他人你仍然停留在上个世纪末，但是，如果你要创建本世纪的Web页面，那么，你应该了解和熟悉CSS。《深入浅出HTML与CSS、XHTML》能让你避免认为Web-safe颜色还是紧要问题的尴尬，以及不明智地把标记放入你的页面。最大的好处是，你将毫无睡意地学习HTML、XHTML和CSS。如果你曾经读过深入浅出（HeadFirst）系列图书中的任一本，就会知道书中展现的是什么：一个按人脑思维方式设计的丰富的可视化学习模式。本书的编写采用了许多最新的研究，包括神经生物学、认知科学以及学习理论，这使得本书能让HTML和CSS深深地烙印在你的脑海里。学会创建Web页面的真正诀窍，并认识到为什么你的老板所说的关于HTML表格的一切都有可能是错误的（以及做什么来代替）。最重要的是，在鸡尾酒会上当你的同事随口提及他的HTML现在如何完整以及他的CSS是在外部样式表里时，你表示认同，这会给酒会客人留下深刻的印象。“书中每章的核心部分设计精致，每种思想既有趣又实用。”—KenGoldsteinDisneyOnline执行副总裁“本书是一个全面的最新的介绍，它介绍了关于Web页面标记和表示的着眼于将来的实践。”—DannyGoodman《DynamicHTML：TheDefinitiveGuide》作者“过去通常是长期的麻烦和充满错误的学习过程，现在被巧妙地简化为一本吸引人的平装书。”－MikeDavidsonNewsvineInc.CEO“我喜爱《深入浅出HTML与CSS、XHTML》的原因是它以一种愉快的方式教会你需要学习的每件事。”－SallyApplinUI设计师和艺术家
作者简介
Elisabeth和EriccFreeman是非常畅销的《深入浅出设计模式》一书的作者，现在他们在O’Reilly公司策划深入浅出（HeadcFirst）系列书籍。之前他们在迪斯尼公司领导互联网和数字媒体的开发，在那里，他们参与创建了几个当今最受欢迎的Web站点，如ABCNews.com，1Disney.com.aElisabeth和Eric两人都拥有耶鲁大学的计算机科学专业学位：Elisabeth拥有硕士学位，Eric拥有博士学位。
目录
Intro.
Whoisthisbookfor?
Weknowwhatyourbrainisthinking
Metacognition
Bendyourbrainintosubmission
Technicalreviewers
Acknowledgments
1TheLanguageoftheWeb
TheWebkilledthevideostar
WhatdoestheWebserverdo?
Whatyouwrite(theHTML)...
Whatthebrowsercreates...
YourbigbreakatStarbuzzCoffee
CreatingtheStarbuzzWebpage
CreatinganHTMLfile(Mac)
CreatinganHTMLfile(Windows)
Meanwhile,backatStarbuzzCoffee...
OpeningyourWebpageinabrowser
Takingyourpageforatestdrive...
Tatgsdissected...
Meetthestyleelement
GivingStarbuzzsomestyle...
Whodoeswhat?
FiresideChat
BulletPoints
ExerciseSolutions
2Meetingthe'HT'inHTML
HeadFirstLounge,Newandhnproved
Creatingthenewlounge
Whatdidwedo?
Whatdoesthebrowserdo?
Understandingattributes
Technicaldifficulties
Planningyourpaths...
Fixingthosebrokenimages...
ExerciseSolutions
3WebPageConstruction
FromJournaltoWebsite,at12mph
Theroughdesignsketch
Fromasketchtoanoutline
FromtheoutlinetoaWebpage
TestdrivingTony'sWebpage
Meettheelement
LooooongQuotes
Addinga
Therealtruthbehindtheandmystery
Usetheelementtomakealist...
ConstructingHTMLlistsintwoeasysteps
Puttingoneelementinsideanotheriscalled"nesting"
Tounderstandthenestingrelationships,drawapicture
Usingnestingtomakesureyourtagsmatch
Inlineorblock?
ExerciseSolutions
4ATriptoWebville
GettingStarbuzz(oryourself)ontotheWeb
Findingahostingcompany
Howcanyougetadomainname?
Movingin
Gettingyourfilestotherootfolder
AsmuchFTPasyoucanpossiblyfitintwopages
Backtobusiness...
Mainstreet,URL
WhatistheHTTPProtocol?
What'sanabsolute.path?
Howdefaultpageswork
HowdowelinktootherWebsites?
LinkingtoCaffeineBuzz
Webpagefitandfinish
Linkingintoapage
Usingtheelementtocreateadestination
Howtolinktodestinationanchors
Linkingtoanewwindow
Openinganewwindowusingtarget
ExerciseSolutions
5MeetingtheMedia
Howthebrowserworks,withimages
Howimageswork
Andnowfortheformalintroduction:meettheelement
Alwaysprovideanalternative
Creatingtheultimatefansite:myPod
Whoa!Theimageiswaytoolarge
FixingupthemyPodHTML
Reworkingthesitetousethumbnails
Turningthethumbnailsintolinks
So,howdoImakelinksoutofimages?
Whatformatshouldweuse?
Tobetransparent,ornottobetransparent?Thatisthequestion...
Wait,whatisthecoloroftheWebpagebackground?
Checkout-thelogowithamatte
AddthelogotothemyPodWebpage
ExerciseSolutions
6SeriousHTML
CubicleConversation
AbriefhistoryofHTML
Wecan'thaveyourpagesputtingthebrowserintoquirksmode
Addingthedocumenttypedefinition
MeettheW3Cvalidator
ValidatingtheHeadFirstLounge
Houston,wehaveaproblem...
Addingatagtospecifythecontenttype
Makingthevalidatorhappywithacontenttag..:
Thirdtime'sthecharm?
Changingthedoctypetostrict
Dowehavevalidation?
Fixingthenestingproblem
Onemorechancetobestrict...
StrictHTML4.01,grabthehandbook
FiresideChat
HTMLArcheology
ExerciseSolutions
7Puttingthe'X'intoHTML
WhatisXML?
WhatdoesthishavetodowithHTML?
SowhywouldyouwanttouseXHTML?
TheXHTML1.0checklist
GoingfromstrictHTMLtoXHTML1.0
OldschoolHTML4.01Strict
NewandimprovedXHTML1.0
Validation:it'snotjustforHTML
FiresideChat
HTMLorXHTML?Thechoiceisyours...
ExerciseSolutions..
8AddingaLittleStyle
You'renotinKansasanymore...
OverheardonWebville's"TradingSpaces"
UsingCSSwithXHTML
Let'sputalineunderthewelcomemessage,too
Specifyingasecondrule,justforthe
GettingtheLoungestyleintotheelixirsanddirectionspages
Linkingtotheexternalstylesheet
It'stimetotalkaboutyourinheritance...
Whatifwemovethefontupthefamilytree?
Overridinginheritance
Creatingaselectorfortheclass
Takingclassesfurther...
Theworld'ssmallestandfastestguidetohowstylesareapplied
Whogetstheinheritance?
MakingsuretheLoungeCSSvalidates
ExerciseSolutions
9ExpandingyourVocabulary
Textandfontsfrom30,000feet
Whatisafontfamilyanyway?
SpecifyingfontfamiliesusingCSS
DustingoffTony'sJournal
HowdoIdealwitheveryonehavingdifferentfonts?
So,howshouldIspecifymyfontsizes?
Let'smakethesechangestothefontsizesinTony'sWebpage
Changingafont'sweight
Addingstyletoyourfonts
StylingTony'squoteswithalittleitalic
HowdoWebcolorswork?
HowdoIspecifyWebcolors?Letmecounttheways...
Thetwominuteguidetohexcodes
HowtofindWebcolors
BacktoTony'spage...
Everythingyoueverwantedtoknowabouttext-decorations
Removingtheunderline...
ExerciseSolutions
10GettingIntimatewithElements
Theloungegetsanupgrade
Startingwithafewsimpleupgrades
Checkingoutthenewlineheight
Gettingreadyforsomemajorrennovations
Acloserlookattheboxmodel...
Whatyoucandotoboxes...
Creatingtheguaranteestyle
Padding,border,andmarginsfortheguarantee
Addingsomepadding
Nowlet'saddsomemargin
Addingabackgroundimage
Fixingthebackgroundimage
Howdoyouaddpaddingonlyontheleft?
Howdoyouincreasethemarginjustontheright?
Atwo-minuteguidetoborders
Borderfitandfinish
InterviewwithanHTMLclass.
Theidattribute,1002uses
Usinganidinthelounge
Remixingstylesheets
Usingmultiplestylesheets
ExerdseSolutions
11AdvancedWebConstruction
AcloselookattheelixirsHTML
Let'sexplorehowwecandivideapageintologicalsections
Addingaborder
Anover-the-bordertestdrive
Addingsomerealstyletotheelixirssection
Thegameplan
Workingontheelixirwidth
Addingthebasicstylestotheelixirs
Whatweneedisawaytoselectdescendants
Changingthecoloroftheelixirheadings
Fixingthelineheight
It'stimetotakealittleshortcut...
Addingsinthreeeasysteps
Theelementanditsmultiplepersonalities
Howcanyoustyleelementsbasedontheirstate?
Puttingthosepseudo-classestowork
Isn'titabouttimewetalkaboutthe"cascade"?
Thecascade
Welcometothe"What'smyspecificitygame"
Puttingitalltogether
ExerciseSolutions
12ArrangingElements
DidyoudotheSuperBrainPower?
Usetheflow,Luke
Whataboutinlineelements?
Howitallworkstogether
Howtofloatanelement
Behindthescenesatthelounge
ThenewStarbuzz
Movethesidebarjustbelowtheheader
Setthewidthofthesidebarandfloatit
Fixingthetwo-columnproblem
Settingthemarginonthemainsection
Backtoclearinguptheoverlapproblem
Rightytighty,leftyloosey
Liquidandfrozendesigns
Howabsolutepositioningworks
ChangingtheStarbuzzCSS
Onetradeoffyoucanmaketofixthefooter
Positioningtheaward
Howdoesfixedpositioningwork?
Usinganegativeleftpropertyvalue
Gettingrelative
Tothree-columnsandbeyond...
ExerciseSolutions
13GettingTabular
HowdowemaketableswithHTML?
HowtocreateatableusingHTML
Whatthebrowsercreates
Tablesdissected...
Addingacaptionandasummary
Beforewestartstyling,let'sgetthetablebackintoTony'spage...
Gettingthoseborderstocollapse
Howaboutsomecolor?
Tonymadeaninterestingdiscovery...
AnotherlookatTony'stable
Howtotellcellstospanmorethanonerow
Thenewandimprovedtable
Troubleinparadise?
OverridingtheCSSforthenestedtableheadings
GivingTony'ssitethefinalpolish
ExerciseSolutions
14GettingInteractive
Howformswork
Howformsworkinthebrowser
WhatyouwritetheXHTML
Whatthebrowsercreates
Howtheelementworks
GettingreadytobuildtheBeanMachineform
Addingtheelement
Howelementnameswork
BacktogettingthoseelementsinyourHTML...
Addingsomemoreinputelementstoyourform
Addingthe
Givethecustomerachoiceofwholeorgroundbeans
Punchingtheradiobuttons
Completingtheform
Addingthecheckboxesandtextarea
WatchingGETinaction
ToTableorNottoTable?That'sthequestion...
Gettingtheformelementsintoatable
StylingtheformandthetablewithCSS
ExerciseSolutions
15TheTopTenTopics(wedidn'tcover)
MoreSelectors
Frames
Multimedia&Flash
ToolsforCreatingWebPages
Client-sideScripting
Server-sideScripting
TuningforSearchEngines
MoreaboutStyleSheetsforPrinting
PagesforMobileDevices
Blogs
Index...
ColorInset
Whoisthisbookfor?
Weknowwhatyourbrainisthinking
Metacognition
Bendyourbrainintosubmission
Technicalreviewers
Acknowledgments
1TheLanguageoftheWeb
TheWebkilledthevideostar
WhatdoestheWebserverdo?
Whatyouwrite(theHTML)...
Whatthebrowsercreates...
YourbigbreakatStarbuzzCoffee
CreatingtheStarbuzzWebpage
CreatinganHTMLfile(Mac)
CreatinganHTMLfile(Windows)
Meanwhile,backatStarbuzzCoffee...
OpeningyourWebpageinabrowser
Takingyourpageforatestdrive...
Tatgsdissected...
Meetthestyleelement
GivingStarbuzzsomestyle...
Whodoeswhat?
FiresideChat
BulletPoints
ExerciseSolutions
2Meetingthe'HT'inHTML
HeadFirstLounge,Newandhnproved
Creatingthenewlounge
Whatdidwedo?
Whatdoesthebrowserdo?
Understandingattributes
Technicaldifficulties
Planningyourpaths...
Fixingthosebrokenimages...
ExerciseSolutions
3WebPageConstruction
FromJournaltoWebsite,at12mph
Theroughdesignsketch
Fromasketchtoanoutline
FromtheoutlinetoaWebpage
TestdrivingTony'sWebpage
Meettheelement
LooooongQuotes
Addinga
Therealtruthbehindtheandmystery
Usetheelementtomakealist...
ConstructingHTMLlistsintwoeasysteps
Puttingoneelementinsideanotheriscalled"nesting"
Tounderstandthenestingrelationships,drawapicture
Usingnestingtomakesureyourtagsmatch
Inlineorblock?
ExerciseSolutions
4ATriptoWebville
GettingStarbuzz(oryourself)ontotheWeb
Findingahostingcompany
Howcanyougetadomainname?
Movingin
Gettingyourfilestotherootfolder
AsmuchFTPasyoucanpossiblyfitintwopages
Backtobusiness...
Mainstreet,URL
WhatistheHTTPProtocol?
What'sanabsolute.path?
Howdefaultpageswork
HowdowelinktootherWebsites?
LinkingtoCaffeineBuzz
Webpagefitandfinish
Linkingintoapage
Usingtheelementtocreateadestination
Howtolinktodestinationanchors
Linkingtoanewwindow
Openinganewwindowusingtarget
ExerciseSolutions
5MeetingtheMedia
Howthebrowserworks,withimages
Howimageswork
Andnowfortheformalintroduction:meettheelement
Alwaysprovideanalternative
Creatingtheultimatefansite:myPod
Whoa!Theimageiswaytoolarge
FixingupthemyPodHTML
Reworkingthesitetousethumbnails
Turningthethumbnailsintolinks
So,howdoImakelinksoutofimages?
Whatformatshouldweuse?
Tobetransparent,ornottobetransparent?Thatisthequestion...
Wait,whatisthecoloroftheWebpagebackground?
Checkout-thelogowithamatte
AddthelogotothemyPodWebpage
ExerciseSolutions
6SeriousHTML
CubicleConversation
AbriefhistoryofHTML
Wecan'thaveyourpagesputtingthebrowserintoquirksmode
Addingthedocumenttypedefinition
MeettheW3Cvalidator
ValidatingtheHeadFirstLounge
Houston,wehaveaproblem...
Addingatagtospecifythecontenttype
Makingthevalidatorhappywithacontenttag..:
Thirdtime'sthecharm?
Changingthedoctypetostrict
Dowehavevalidation?
Fixingthenestingproblem
Onemorechancetobestrict...
StrictHTML4.01,grabthehandbook
FiresideChat
HTMLArcheology
ExerciseSolutions
7Puttingthe'X'intoHTML
WhatisXML?
WhatdoesthishavetodowithHTML?
SowhywouldyouwanttouseXHTML?
TheXHTML1.0checklist
GoingfromstrictHTMLtoXHTML1.0
OldschoolHTML4.01Strict
NewandimprovedXHTML1.0
Validation:it'snotjustforHTML
FiresideChat
HTMLorXHTML?Thechoiceisyours...
ExerciseSolutions..
8AddingaLittleStyle
You'renotinKansasanymore...
OverheardonWebville's"TradingSpaces"
UsingCSSwithXHTML
Let'sputalineunderthewelcomemessage,too
Specifyingasecondrule,justforthe
GettingtheLoungestyleintotheelixirsanddirectionspages
Linkingtotheexternalstylesheet
It'stimetotalkaboutyourinheritance...
Whatifwemovethefontupthefamilytree?
Overridinginheritance
Creatingaselectorfortheclass
Takingclassesfurther...
Theworld'ssmallestandfastestguidetohowstylesareapplied
Whogetstheinheritance?
MakingsuretheLoungeCSSvalidates
ExerciseSolutions
9ExpandingyourVocabulary
Textandfontsfrom30,000feet
Whatisafontfamilyanyway?
SpecifyingfontfamiliesusingCSS
DustingoffTony'sJournal
HowdoIdealwitheveryonehavingdifferentfonts?
So,howshouldIspecifymyfontsizes?
Let'smakethesechangestothefontsizesinTony'sWebpage
Changingafont'sweight
Addingstyletoyourfonts
StylingTony'squoteswithalittleitalic
HowdoWebcolorswork?
HowdoIspecifyWebcolors?Letmecounttheways...
Thetwominuteguidetohexcodes
HowtofindWebcolors
BacktoTony'spage...
Everythingyoueverwantedtoknowabouttext-decorations
Removingtheunderline...
ExerciseSolutions
10GettingIntimatewithElements
Theloungegetsanupgrade
Startingwithafewsimpleupgrades
Checkingoutthenewlineheight
Gettingreadyforsomemajorrennovations
Acloserlookattheboxmodel...
Whatyoucandotoboxes...
Creatingtheguaranteestyle
Padding,border,andmarginsfortheguarantee
Addingsomepadding
Nowlet'saddsomemargin
Addingabackgroundimage
Fixingthebackgroundimage
Howdoyouaddpaddingonlyontheleft?
Howdoyouincreasethemarginjustontheright?
Atwo-minuteguidetoborders
Borderfitandfinish
InterviewwithanHTMLclass.
Theidattribute,1002uses
Usinganidinthelounge
Remixingstylesheets
Usingmultiplestylesheets
ExerdseSolutions
11AdvancedWebConstruction
AcloselookattheelixirsHTML
Let'sexplorehowwecandivideapageintologicalsections
Addingaborder
Anover-the-bordertestdrive
Addingsomerealstyletotheelixirssection
Thegameplan
Workingontheelixirwidth
Addingthebasicstylestotheelixirs
Whatweneedisawaytoselectdescendants
Changingthecoloroftheelixirheadings
Fixingthelineheight
It'stimetotakealittleshortcut...
Addingsinthreeeasysteps
Theelementanditsmultiplepersonalities
Howcanyoustyleelementsbasedontheirstate?
Puttingthosepseudo-classestowork
Isn'titabouttimewetalkaboutthe"cascade"?
Thecascade
Welcometothe"What'smyspecificitygame"
Puttingitalltogether
ExerciseSolutions
12ArrangingElements
DidyoudotheSuperBrainPower?
Usetheflow,Luke
Whataboutinlineelements?
Howitallworkstogether
Howtofloatanelement
Behindthescenesatthelounge
ThenewStarbuzz
Movethesidebarjustbelowtheheader
Setthewidthofthesidebarandfloatit
Fixingthetwo-columnproblem
Settingthemarginonthemainsection
Backtoclearinguptheoverlapproblem
Rightytighty,leftyloosey
Liquidandfrozendesigns
Howabsolutepositioningworks
ChangingtheStarbuzzCSS
Onetradeoffyoucanmaketofixthefooter
Positioningtheaward
Howdoesfixedpositioningwork?
Usinganegativeleftpropertyvalue
Gettingrelative
Tothree-columnsandbeyond...
ExerciseSolutions
13GettingTabular
HowdowemaketableswithHTML?
HowtocreateatableusingHTML
Whatthebrowsercreates
Tablesdissected...
Addingacaptionandasummary
Beforewestartstyling,let'sgetthetablebackintoTony'spage...
Gettingthoseborderstocollapse
Howaboutsomecolor?
Tonymadeaninterestingdiscovery...
AnotherlookatTony'stable
Howtotellcellstospanmorethanonerow
Thenewandimprovedtable
Troubleinparadise?
OverridingtheCSSforthenestedtableheadings
GivingTony'ssitethefinalpolish
ExerciseSolutions
14GettingInteractive
Howformswork
Howformsworkinthebrowser
WhatyouwritetheXHTML
Whatthebrowsercreates
Howtheelementworks
GettingreadytobuildtheBeanMachineform
Addingtheelement
Howelementnameswork
BacktogettingthoseelementsinyourHTML...
Addingsomemoreinputelementstoyourform
Addingthe
Givethecustomerachoiceofwholeorgroundbeans
Punchingtheradiobuttons
Completingtheform
Addingthecheckboxesandtextarea
WatchingGETinaction
ToTableorNottoTable?That'sthequestion...
Gettingtheformelementsintoatable
StylingtheformandthetablewithCSS
ExerciseSolutions
15TheTopTenTopics(wedidn'tcover)
MoreSelectors
Frames
Multimedia&Flash
ToolsforCreatingWebPages
Client-sideScripting
Server-sideScripting
TuningforSearchEngines
MoreaboutStyleSheetsforPrinting
PagesforMobileDevices
Blogs
Index...
ColorInset
猜您喜欢
