最 低 价：￥63.70
| “书中每章的核心部分设计精致，每种思想既有趣又实用。” —Ken Goldstein Disney Online执行副总裁 “本书是一个全面的最新的介绍，它介绍了关于Web页面标记和表示的着眼于将来的实践。” —Danny Goodman 《Dynamic HTML：The Definitive Guide》作者 “过去通常是长期的麻烦和充满错误的学习过程，现在被巧妙地简化为一本吸引人的平装书。” －Mike Davidson Newsvine Inc. CEO “我喜爱《深入浅出HTML与CSS、XHTML》的原因是它以一种愉快的方式教会你需要学习的每件事。” －Sally Applin UI 设计师和艺术家 |
| Elisabeth和Eric Freeman是非常畅销的《深入浅出设计模式》一书的作者，现在他们在O’Reilly公司策划深入浅出（Head First）系列书籍。之前他们在迪斯尼公司领导互联网和数字媒体的开发，在那里，他们参与创建了几个当今最受欢迎的Web站点，如ABCNews.com，Disney.com。Elisabeth和Eric两人都拥有耶鲁大学的计算机科学专业学位：Elisabeth拥有硕士学位，Eric拥有博士学位。 .. << 查看详细 |
| intro.who is this book for?we know what your brain is thinkingmetacognitionbend your brain into submissiontechnical reviewersacknowledgments1 the language of the webthe web killed the video starwhat does the web server do?what you write (the html)...what the browser creates...your big break at starbuzz coffeecreating the starbuzz web pagecreating an html file (mac)creating an html file (windows)meanwhile, back at starbuzz coffee...opening your web page in a browsertaking your page for a test drive...tatgs dissected...meet the style elementgiving starbuzz some style...who does what?fireside chatbullet pointsexercise solutions2 meeting the 'ht' in htmlhead first lounge, new and hnprovedcreating the new loungewhat did we do?what does the browser do?understanding attributestechnical difficultiesplanning your paths...fixing those broken images...exercise solutions3 web page constructionfrom journal to web site, at 12mphthe rough design sketchfrom a sketch to an outlinefrom the outline to a web pagetest driving tony's web pagemeet the [q] elementlooooong quotesadding a [blockquote]the real truth behind the [q] and [blockquote] mysteryuse the element to make a list...constructing html lists in two easy stepsputting one element inside another is called "nesting"to understand the nesting relationships, draw a pictureusing nesting to make sure your tags matchinline or block?exercise solutions4 a trip to webvillegetting starbuzz (or yourself) onto the webfinding a hosting companyhow can you get a domain name?moving ingetting your files to the root folderas much ftp as you can possibly fit in two pagesback to business...mainstreet, urlwhat is the http protocol?what's an absolute.path?how default pages workhow do we link to other web sites?linking to caffeine buzzweb page fit and finishlinking into a pageusing the [a] element to create a destinationhow to link to destination anchorslinking to a new windowopening a new window using targetexercise solutions5 meeting the mediahow the browser works, with imageshow images workand now for the formal introduction: meet the [img] elementalways provide an alternativecreating the ultimate fan site: mypodwhoa! the image is way too largefixing up the mypod htmlreworking the site to use thumbnailsturning the thumbnails into linksso, how do i make links out of images?what format should we use?to be transparent, or not to be transparent? that is the question...wait, what is the color of the web page background?check out-the logo with a matteadd the logo to the mypod web pageexercise solutions6 serious htmlcubicle conversationa brief history of htmlwe can't have your pages putting the browser into quirks modeadding the document type definitionmeet the w3c validatorvalidating the head first loungehouston, we have a problem...adding a [meta] tag to specify the content typemaking the validator happy with a [meta] content tag..:third time's the charm?changing the doctype to strictdo we have validation?fixing the nesting problemone more chance to be strict...strict html 4.01, grab the handbookfireside chathtml archeologyexercise solutions7 putting the 'x' into htmlwhat is xml?what does this have to do with html?so why would you want to use xhtml?the xhtml 1.0 checklistgoing from strict html to xhtml 1.0old school html 4.01 strictnew and improved xhtml 1.0validation: it's not just for htmlfireside chathtml or xhtml? the choice is yours...exercise solutions..8 adding a little styleyou're not in kansas anymore...overheard on webville's "trading spaces"using css with xhtmllet's put a line under the welcome message, toospecifying a second rule, just for the [h1 ]getting the lounge style into the elixirs and directions pageslinking to the external style sheetit's time to talk about your inheritance...what if we move the font up the family tree?overriding inheritancecreating a selector for the classtaking classes further...the world's smallest and fastest guide to how styles are appliedwho gets the inheritance?making sure the lounge css validatesexercise solutions9 expanding your vocabularytext and fonts from 30,000 feetwhat is a font family anyway?specifying font families using cssdusting off tony's journalhow do i deal with everyone having different fonts?so, how should i specify my font sizes?let's make these changes to the font sizes in tony's web pagechanging a font's weightadding style to your fontsstyling tony's quotes with a little italichow do web colors work?how do i specify web colors? let me count the ways...the two minute guide to hex codeshow to find web colorsback to tony's page...everything you ever wanted to know about text-decorationsremoving the underline...exercise solutions10 getting intimate with elementsthe lounge gets an upgradestarting with a few simple upgradeschecking out the new line heightgetting ready for some major rennovationsa closer look at the box model...what you can do to boxes...creating the guarantee stylepadding, border, and margins for the guaranteeadding some paddingnow let's add some marginadding a background imagefixing the background imagehow do you add padding only on the left?how do you increase the margin just on the right?a two-minute guide to bordersborder fit and finishinterview with an html class.the id attribute, 1002 usesusing an id in the loungeremixing style sheetsusing multiple style sheetsexerdse solutions11 advanced web constructiona close look at the elixirs htmllet's explore how we can divide a page into logical sectionsadding a borderan over-the-border test driveadding some real style to the elixirs sectionthe game planworking on the elixir widthadding the basic styles to the elixirswhat we need is a way to select descendantschanging the color of the elixir headingsfixing the line heightit's time to take a little shortcut...adding [span]s in three easy stepsthe [a] element and its multiple personalitieshow can you style elements based on their state?putting those pseudo-classes to workisn't it about time we talk about the "cascade"?the cascadewelcome to the "what's my specificity game"putting it all togetherexercise solutions12 arranging elementsdid you do the super brain power?use the flow, lukewhat about inline elements?how it all works togetherhow to float an elementbehind the scenes at the loungethe new starbuzzmove the sidebarjust below the headerset the width of the sidebar and float itfixing the two-column problemsetting the margin on the main sectionback to clearing up the overlap problemrighty tighty, lefty looseyliquid and frozen designshow absolute positioning workschanging the starbuzz cssone tradeoff you can make to fix the footerpositioning the awardhow does fixed positioning work?using a negative left property valuegetting relativeto three-columns and beyond...exercise solutions13 getting tabularhow do we make tables with html?how to create a table using htmlwhat the browser createstables dissected...adding a caption and a summarybefore we start styling, let's get the table back into tony's page...getting those borders to collapsehow about some color?tony made an interesting discovery...another look at tony's tablehow to tell cells to span more than one rowthe new and improved tabletrouble in paradise?overriding the css for the nested table headingsgiving tony's site the final polishexercise solutions14 getting interactivehow forms workhow forms work in the browserwhat you write the xhtmlwhat the browser createshow the [form] element worksgetting ready to build the bean machine formadding the [form] elementhow [form] element names workback to getting those [input] elements in your html...adding some more input elements to your formadding the [select]give the customer a choice of whole or ground beanspunching the radio buttonscompleting the formadding the checkboxes and textareawatching get in actionto table or not to table? that's the question...getting the form elements into a tablestyling the form and the table with cssexercise solutions15 the top ten topics (we didn't cover)more selectorsframesmultimedia & flashtools for creating web pagesclient-side scriptingserver-side scriptingtuning for search enginesmore about style sheets for printingpages for mobile devicesblogsindex...color inset |
内容加载中，请稍后...
商品评论（0条）