写给程序员的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 : '68681',
id : '41605bf2fcaa481089f14cf24a1aa0a6',
webreader : 1,
title : '设计模式：基于C#的工程化实现及扩展',
price : '8.99',
old_price : '98.0',

new_price : '8.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01Z6v0nLCcs/pKJNc5tlrkU017.jpg!vt',
url : '/book/68681',
authors : '王翔'
}
,

{ sid : '178112',
id : 'ff073d3f26c94b458eef016296cbc471',
webreader : 1,
title : '复仇者',
price : '17.99',
old_price : '30.0',

new_price : '17.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01h9GWxSpdu/JMi4DpN55yZxvg.jpg!vt',
url : '/book/178112',
authors : '【挪威】尤·奈斯博'
}
,

{ sid : '187512',
id : '8d867d2703334ce491be1af8d0ba7174',
webreader : 1,
title : '第一次十字军东征',
price : '69.9',
old_price : '78.0',

new_price : '69.9',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01sRkeIHEBq/waT6DyYzoidF6q.jpg!vt',
url : '/book/187512',
authors : '【英】彼得·弗兰科潘'
}
,

{ 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'
}
,

{ sid : '68614',
id : 'c166885852444bd28314640e4c424dd4',
webreader : 1,
title : '名利场（套装上下册）',
price : '9.99',
old_price : '18.0',

new_price : '9.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01zlyyYgNTD/1aXFLMKTtMauEw.jpg!vt',
url : '/book/68614',
authors : '【英】萨克雷'
}
,

{ sid : '155197',
id : '866844dad55d4b7eb09ce39355e2c895',
webreader : 1,
title : 'Web安全开发指南',
price : '34.99',
old_price : '40.0',

new_price : '34.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01zyMGhdQgh/tCJJ51f6SNOXYy.jpg!vt',
url : '/book/155197',
authors : '【美】约翰·保罗·米勒'
}
,

{ sid : '187444',
id : '4889b551ab054d91a2391b949b634468',
webreader : 1,
title : '你是我的荣耀',
price : '7.99',
old_price : '12.0',

new_price : '7.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01lsDy0mDUC/F1qveT8g3IgF8U.jpg!vt',
url : '/book/187444',
authors : '顾漫'
}
,

{ sid : '46302',
id : 'a5045c0531064273823d3ef03234d476',
webreader : 1,
title : '教父（全三册）',
price : '59.99',
old_price : '148.0',

new_price : '59.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01j5IjfAuRh/6m7qohOiLqZTB9.jpg!vt',
url : '/book/46302',
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 : '184483',
id : '03c87042015a40fcab962917bcdc1534',
webreader : 1,
title : '三体全集（读客经典文库 全三册）',
price : '66.99',
old_price : '98.0',

new_price : '66.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01ZhJ81EI7D/TIAveTa31m93b7.jpg!vt',
url : '/book/184483',
authors : '刘慈欣'
}
,

{ sid : '130069',
id : '4905fa0be803415abecaff959e3604a6',
webreader : 1,
title : '鬼吹灯（全集）',
price : '98.95',
old_price : '208.0',

new_price : '98.95',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01W0oricurZ/en0y5sZAKyLGXs.jpg!vt',
url : '/book/130069',
authors : '本物天下霸唱'
}
,

{ sid : '130066',
id : '609e3c03027042858dfc065ca41875aa',
webreader : 1,
title : '活着（余华作品）',
price : '19.99',
old_price : '25.0',

new_price : '19.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01LqEubbLBh/yCOv5yEeR25Djv.jpg!vt',
url : '/book/130066',
authors : '余华'
}
,

{ sid : '52873',
id : '4162dbf0e71a4b268a966ede5f9555b2',
webreader : 1,
title : '十宗罪 4',
price : '3.99',
old_price : '12.0',

new_price : '3.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01cIUgrCDMZ/sPoRk0ZP8kHo9j.jpg!vt',
url : '/book/52873',
authors : '蜘蛛'
}
,

{ sid : '80177',
id : '010cbd4962404d1b9992d8d382c6f539',
webreader : 1,
title : '艺术设计创意思维',
price : '34.0',
old_price : '40.0',

new_price : '34.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01lG3TmoDwy/aeGKFiOlJpgczH.jpg!vt',
url : '/book/80177',
authors : '崔勇\\n杜静芬'
}
,

{ sid : '184314',
id : '299ac4b5f0864c649133b96c30e8c9c9',
webreader : 1,
title : '崔斯特传奇（全六册）',
price : '118.99',
old_price : '168.0',

new_price : '118.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01XYvTZiEyY/5tUGDCj1cpPSUk.jpg!vt',
url : '/book/184314',
authors : '【美】R.A.萨尔瓦多'
}
,

{ sid : '169882',
id : 'bfd9e02c9d88457da9c0fc316525da77',
webreader : 1,
title : '为自己工作：世界顶级设计师成功法则',
price : '24.99',
old_price : '30.0',

new_price : '24.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p017NIFj6Syu/jbxiR6ES0H7Lxc.jpg!vt',
url : '/book/169882',
authors : '【英】David Airey'
}
,

{ sid : '188631',
id : '21a9abbeecfc409c906db9ee5883449e',
webreader : 1,
title : '风之影四部曲（全四册）',
price : '238.0',
old_price : '248.0',

new_price : '238.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p018NYVfddjY/mEofTleoM83llz.jpg!vt',
url : '/book/188631',
authors : '【西班牙】卡洛斯·鲁依兹·萨丰'
}
,

{ sid : '85703',
id : '8a0ca4ac65b245a9a32ace61c822ee55',
webreader : 1,
title : '银河系搭车客指南（五部曲套装）',
price : '79.99',
old_price : '108.0',

new_price : '79.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/fdsc3/p01tl5Z9HH0C/nFrwlLX7SODEDf.jpg!vt',
url : '/book/85703',
authors : '【英】 道格拉斯·亚当斯'
}
,

{ sid : '42917',
id : '9ac79bd3e0b548519e074316e4825241',
webreader : 1,
title : 'JavaScript异步编程',
price : '18.0',
old_price : '25.0',

new_price : '18.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01lteVjWWpo/MuVw5QJfNNfZuv.jpg!vt',
url : '/book/42917',
authors : '【美】Trevor Burnham'
}
,

{ sid : '93674',
id : 'd85b761e9fd74b6b91c6fa73e3b854c9',
webreader : 1,
title : '深入分析Java Web技术内幕',
price : '18.0',
old_price : '40.0',

new_price : '18.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p017DWG8PTIS/1Qqc13slH1URcQ.jpg!vt',
url : '/book/93674',
authors : '许令波'
}

]