写给程序员的Web设计书【下载在线阅读书评】

搜索书名或作者...

当前位置：首页 > 计算机 > 写给程序员的Web设计书

写给程序员的Web设计书

8.3 ( 29个评分 )

作者：	【美】霍根
译者：	吴珂
版权：	北京图灵文化发展有限公司
出版：	2011-08-01

读者保障计划

¥ 12.00 | 原价~~¥ 18.00~~ 纸书~~¥ 59.00~~ 2.0折

立即支付加入购物车试读

身为程序猿，你的Web页面设计还停留在dreamweaver？
OUT！会开发，还要懂设计；会设计，还要做得好设计。
《写给程序员的Web设计书》来帮你！

这是一本适合开发人员和Web设计师研读的书，本书系统而深入地阐释了网站的设计与实现，帮助开发人员秒懂什么是设计——设计真的并非如“艺术”那样让人模不着头脑，而是有规矩可循的。
本书主要内容有：如何挑选配色，如何选择字体，如何用Photoshop实现基本设计，如何创作Banner等页面元素，如何制作HTML和CSS模板以及如何测试设计的兼容性和可访问性等。内容精准到位，案例实用，无论你是初学者还是经验丰富的设计师，都能在这本书中有所收获。

显示全部

读者评论

真希望我在第一次做网站的时候就能看到这本书。本书涵盖了Web开发的方方面面，当你需要改进网站时，这本书能为你解答很多问题。 ——Shae Murphy， Social Brokerage CTO 作为Web开发人员，我自以为了解HTML和CSS。这本书让我认识到，只了解那些基础知识是不够的，Web设……
版权声明

Copyright © 2009 Brian P. Hogan. Original English language edition, entitled Web Design for Developers: A Programmer's Guide to Design Tools and Techn……
第1章　引言

如果你曾经写过Web应用程序并想让它变得更漂亮，如果你想知道你中意的网站是如何用CSS拼凑起来的，那么这本书就是为你准备的。但是，如果你想问的是，舔多少下才能把夹心棒棒糖的巧克力糖心舔出来，本书就无能为力了，维基百科才是你应该去的地方。这本书是为没有设计背景的程序员准备的，它涵盖了Web设计的主要……
第一部分　设计基础

本书的示例网站——Foodbox是一个网络社区，用户可以在上面上传和分享菜谱。网站想做成市面上那些流行的社交网站的样子，用户到时可以给菜谱贴标签、留评论，并且能做出自己的烹饪书。网站具有充足的资金支持，同时还拥有一群很有天赋的开发人员。你的同事Steve刚刚去给网站老板们过目了演示产品，回来后把画……
第二部分　图像设计

我们的原始设计草图包含Foodbox的Logo。你时常会碰到要在已有的Logo的基础上修改或者再设计的情况，客户也有可能把Logo交给第三方来设计，你则需要将完成的Logo融合在页面里。就Foodbox来讲，我们需要根据现有的网页设计来完成一个新的Logo，因为上一版的网站并没有提供一个Logo，也……
第三部分　建设网站

你已经在设计页面上花了大把的时间了，现在要做的是将这个样式页转换成功能齐全的网页。这个过程需要经过几个步骤。先要考虑以什么样的结构来组织内容，其次要写出HTML的框架，用简单并且结构化的标签来定义页面上的区域。最后，需要用CSS来为内容添加上基本样式布局。同样地，你还需要为页面添加颜色、字体样式和图……
第四部分　准备上线

搞定浏览器兼容性能占到网页开发工作量的一大部分，特别是当你面对大量受众的时候。你无法为他们指定一款浏览器来看你的网页，所以你不得不让你的网站能够在尽可能多的用户面前正常显示。你已经可以让Firefox浏览器正常显示网站了，现在需要学习如何让它在其他浏览器中看起来没有问题，这里说的其他浏览器包括了IE……
参考书目

[Alb75] Josef Albers. Interaction of Color. Yale University Press, New Haven CT, 1975. [Ash08] Tim Ash. Landing Page Optimization: The Definitive Guid……

显示全部

移动设备阅读

扫二维码下载客户端

<% if(!status.free) { %>
<% if(!status.paid || !status.login){ %>
<% if(status.data.webreader && status.limitedfree) { %>
<a href="http://www.duokan.com/reader?id=2d6f6910323311e28a9300163e0123ac" class="u-btn4 limitedfreetag" hidefocus="hidefocus">免费读全本<span class="icn-limitfree2"></span></a>
<% } else if(status.data.webreader && [127255, 110818].indexOf(+status.data.sid) == -1) { %>
<a href="http://www.duokan.com/reader?id=2d6f6910323311e28a9300163e0123ac" class="u-btn2" hidefocus="hidefocus" target="_blank">阅读</a>
<% } %>
<% } %>
<% if(!status.paid){ %>
<a onclick="_hmt.push(['_trackEvent', 'book_detail_page', 'pay_click'])" href="/pay/<%= status.data.sid %><%= status.coupon ? '#coupon' : '' %>" class="u-btn j-buy" hidefocus="hidefocus">
<% if(status.coupon){ %>
<span class="quan">券</span>免费兑换
<% }else{ %>
购买全本
<% } %>
</a>
<% }else{ %>
<% if(!status.data.webreader){ %>
<a href="javascript:void(0)" class="u-btn-disable" hidefocus="hidefocus">已购买</a>
<% }else{ %>
<a href="http://www.duokan.com/reader?id=2d6f6910323311e28a9300163e0123ac" class="u-btn2" hidefocus="hidefocus" target="_blank">阅读</a>
<% } %>
<% } %>
<% }else{ %>
<% if(!status.paid){ %>
<% if(!!status.data.webreader){ %>
<a href="http://www.duokan.com/reader?id=2d6f6910323311e28a9300163e0123ac" class="u-btn2 j-free" hidefocus="hidefocus" target="_blank">阅读</a>
<% } %>
<a href="javascript:void(0);" class="u-btn j-get" hidefocus="hidefocus">加入书架</a>
<span class="added" style="display:none">已加入书架</span>
<% }else{ %>
<% if(!status.data.webreader){ %>
<a href="javascript:void(0);" class="u-btn-disable" hidefocus="hidefocus">已领取</a>
<% }else{ %>
<a href="http://www.duokan.com/reader?id=2d6f6910323311e28a9300163e0123ac" class="u-btn2" hidefocus="hidefocus" target="_blank">阅读</a>
<span class="added">已加入书架</span>
<% } %>
<% } %>
<% } %>

<ul class="f-cb">
<% if(!status.cart && !status.paid && !status.free){ %>
<li class="cart"><a class="j-cart" href="javascript:void(0);" hidefocus="hidefocus">加入购物车</a><span style="display:none;" href="javascript:void(0);">已加入</span><span class="u-sep">|</span></li>
<% }else if(status.cart && !status.paid && !status.free){ %>
<li class='cart'><span href="javascript:void(0);" hidefocus="hidefocus">已加入</span><span class="u-sep">|</span></li>
<% } %>
<% if(!status.fav) { %>
<li><a class="j-fav" href="javascript:void(0);" hidefocus="hidefocus">收藏</a><a style="display:none;" href="javascript:void(0);" class="j-cancel-fav">已收藏</a><span class="u-sep">|</span></li>
<% }else{ %>
<li><a class="j-fav" href="javascript:void(0);" style="display:none;" hidefocus="hidefocus">收藏</a><a href="javascript:void(0);" class="j-cancel-fav">已收藏</a><span class="u-sep">|</span></li>
<% } %>
<li class="">
<a href="javascript:void(0);" class="j-share" hidefocus="hidefocus">分享</a>
<% if(!status.free) { %>
<span class="u-sep hide-in-wx">|</span>
<% } %>
</li>
<% if(!status.free) { %>
<li class="u-gift hide-in-wx"><a href="/giving/<%= status.data.sid %>" hidefocus="hidefocus">赠送<b class="icn-gift"></b></a></li>
<% } %>
</ul>

<div class="u-comm-reply">
<% if(book.logged) { %>
<div class="form">
<form>
<input name="content" data-required="true" type="text" class="u-txt" value="" />
<a href="javascript:void(0)" class="u-btn j-doreply" hidefocus="hidefocus">发表回复</a>
</form>
<div class="u-msg u-msg-error" style="display:none">回复不要太快哦~</div>
<div class="u-msg u-msg-error" style="display:none">回复内容不能为空哦</div>
<div class="u-msg u-msg-ok" style="display:none">回复已提交审核...</div>
</div>
<% }else{ %>
<div class='form_disable'><em>快登录帐号来一起讨论吧～</em><a href="javascript:void(0);" hidefocus="hidefocus" class="j-login">登录</a><span class="u-sep">|</span><a href="javascript:void(0);" class="j-login" hidefocus="hidefocus">注册</a></div>
<% } %>
<% if(book.total) { %>
<div class="list">
<div class="total">共<span class="num"><%= book.total %></span>条回复</div>
<ul class="u-replylist j-replylist">
</ul>
<% if(book.total > 10) { %>
<div class="w-more2"><a href="<%= window.dk_data.comments_url + '/' + comment_id %>">查看全部回复<b></b></a></div>
<% } %>
<div class="icn-quotes"><span>“</span></div>
</div>
<% } %>
<div class="icn-triangle icn-triangle-top1"><span class="t"></span></div>
</div>

[

{ sid : '33887',
id : '70a09b8d0f9244b8b634b99a51802e48',
webreader : 1,
title : '人性的弱点（无删改全译本）',
price : '3.99',
old_price : '6.0',

new_price : '3.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01YkQg1YLWw/SRjJ7VF1sNk9Rr.jpg!vt',
url : '/book/33887',
authors : '【美】卡耐基'
}
,

{ sid : '190646',
id : '45013909183c4c5ba21b9a62b01f1515',
webreader : 1,
title : '三生三世·枕上书（全集）',
price : '20.0',
old_price : '30.0',

new_price : '20.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p019XPv0r4Hj/4lGh0pR0AfHEDU.jpg!vt',
url : '/book/190646',
authors : '唐七'
}
,

{ sid : '142643',
id : 'f6bc038ea46c468ca1e76037686a2c4a',
webreader : 1,
title : '余生，请多指教',
price : '6.99',
old_price : '12.0',

new_price : '6.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p017adQ9VSix/DZIezwcRkWHIO1.jpg!vt',
url : '/book/142643',
authors : '柏林石匠'
}
,

{ sid : '139361',
id : '34cf560b9f49419885cc6568fad4b1c1',
webreader : 1,
title : '墨菲定律',
price : '9.99',
old_price : '12.0',

new_price : '9.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p018a6dBKUeB/xogBmi0ZZumd9B.jpg!vt',
url : '/book/139361',
authors : '李原'
}
,

{ sid : '32382',
id : 'a73e48dc04e448208dc7c77193bed74b',
webreader : 1,
title : 'UCD火花集 1',
price : '15.99',
old_price : '18.0',

new_price : '15.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01yFCWPUyP0/fMbcO8cQ2PoQta.jpg!vt',
url : '/book/32382',
authors : 'UCDChina'
}
,

{ sid : '72003',
id : '77b0b0c8d3d84a1387cc313e8f75fb57',
webreader : 1,
title : '众妙之门：移动Web设计精髓',
price : '22.99',
old_price : '25.0',

new_price : '22.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01KRchMvxne/f3lHXitRJBTOrw.jpg!vt',
url : '/book/72003',
authors : '【德】Smashing Magazine 杂志'
}
,

{ sid : '169021',
id : '49bdc9986f084e609f95a294811925b9',
webreader : 1,
title : 'Windows PowerShell实战指南（第3版）',
price : '43.99',
old_price : '45.0',

new_price : '43.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p011lWz1PN3l/nZyQx11Sml6GOh.jpg!vt',
url : '/book/169021',
authors : '【美】Don Jones，Jeffery Hicks'
}
,

{ sid : '152684',
id : '7f290d5ff10e4405ae6a7d201b44c263',
webreader : 1,
title : '代码整洁之道',
price : '37.99',
old_price : '40.0',

new_price : '37.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01ScWQlEtrg/5IdLZH76jm2ykE.jpg!vt',
url : '/book/152684',
authors : '【美】Robert C. Martin'
}
,

{ sid : '25642',
id : '2ac7f248bbb948bab754b759e66ef198',
webreader : 1,
title : '超越想象：Windows 8应用设计与开发',
price : '25.0',
old_price : '30.0',

new_price : '25.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01FUi3IAHTa/hhG9t2mekKsEGY.jpg!vt',
url : '/book/25642',
authors : '朱宏\\n亓光宇\\n李孟晓'
}
,

{ sid : '137961',
id : 'e4fa9eb567e74b7eb243eb74eda1d2fc',
webreader : 1,
title : 'Cocos2d-JS游戏开发',
price : '34.99',
old_price : '40.0',

new_price : '34.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01dDuE5Cm90/60zqqc7w1j60hu.jpg!vt',
url : '/book/137961',
authors : '凌建风'
}
,

{ sid : '65919',
id : '1ecbbb2f501c4cd1a3f97233b5f46ab2',
webreader : 1,
title : 'Web前端工程师修炼之道（原书第4版）',
price : '25.0',
old_price : '108.0',

new_price : '25.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01hojoVzEMP/zRJCAayWeygvzC.jpg!vt',
url : '/book/65919',
authors : 'Jennifer Niederst Robbins'
}
,

{ sid : '186804',
id : '0428480581774f8096fc26d46ad31c19',
webreader : 1,
title : '深入理解JavaScript特性',
price : '40.0',
old_price : '60.0',

new_price : '40.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01WBx2ETpWQ/pBrZmS3G3qZeJH.jpg!vt',
url : '/book/186804',
authors : '【阿根廷】尼古拉斯·贝瓦夸'
}
,

{ sid : '68632',
id : 'fe642f1091b9471dbba5b6855ffeb7ca',
webreader : 1,
title : '论道HTML5',
price : '25.0',
old_price : '30.0',

new_price : '25.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p018w91p9PNr/dO2QOCR5jSgENK.jpg!vt',
url : '/book/68632',
authors : '秀野堂主\\n蒋宇捷\\n罗睿'
}
,

{ sid : '45824',
id : 'b3d127c5116f4b1eb85dea0a12998ad1',
webreader : 1,
title : '众妙之门：抓住访客心理的网页设计',
price : '22.99',
old_price : '25.0',

new_price : '22.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01TZSR4HdWq/Iu2imzRAbOwdzQ.jpg!vt',
url : '/book/45824',
authors : '【德】Smashing Magazine'
}
,

{ sid : '160663',
id : 'b47621ac799d4ed2850dee3b6910ce2f',
webreader : 1,
title : 'Head First JavaScript程序设计',
price : '64.99',
old_price : '88.0',

new_price : '64.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p0107OfLTPz3/AVGNzrXOR0jpVo.jpg!vt',
url : '/book/160663',
authors : '【美】Eric T. Freeman\\n【美】Elisabeth Robson'
}
,

{ sid : '68451',
id : '7346b26e24dd4e479805d2528980eca0',
webreader : 1,
title : '分布式Java应用：基础与实践',
price : '9.99',
old_price : '49.8',

new_price : '9.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01PwTuaoTUi/il07vbG1u4xsUb.jpg!vt',
url : '/book/68451',
authors : '林昊'
}
,

{ sid : '66097',
id : '8dbf83ecacc545ed8e7f7bc0a01b4829',
webreader : 1,
title : '移动设计',
price : '30.0',
old_price : '40.0',

new_price : '30.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01m7eEPMLhR/GyySMiZEbvL0Zq.jpg!vt',
url : '/book/66097',
authors : '傅小贞\\n胡甲超\\n郑元拢'
}
,

{ sid : '11747',
id : 'd92c65e8320e11e28a9300163e0123ac',
webreader : 1,
title : '卓越程序员密码',
price : '12.0',
old_price : '18.0',

new_price : '12.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p014VH0D1r8r/0hKtjqviAxeZjU.jpg!vt',
url : '/book/11747',
authors : '【美】Ka Wai Cheung'
}
,

{ sid : '94749',
id : '99f064f2361a45e7ad343511b0220f24',
webreader : 1,
title : '移动应用UI设计模式（第2版）',
price : '34.99',
old_price : '40.0',

new_price : '34.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01b0a0uCMii/ucA5mnh5YHhp2d.jpg!vt',
url : '/book/94749',
authors : '【美】Theresa Neil'
}
,

{ sid : '28747',
id : '519eb239ca2c4517bf5e1c07789c29c7',
webreader : 1,
title : '网站UI设计之道 2',
price : '37.99',
old_price : '40.0',

new_price : '37.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01hMA9QkykN/n9NynflRs1YvTE.jpg!vt',
url : '/book/28747',
authors : '【德】Smashing Magzine'
}

]