写给程序员的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 : '10892',
id : '40d9a4e625a611e2a3ca00163e0123ac',
webreader : 1,
title : '人人都是产品经理',
price : '22.99',
old_price : '30.0',

new_price : '22.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p016d2jVwnTm/z9ZOGDe8Z7PlAo.jpg!vt',
url : '/book/10892',
authors : '苏杰'
}
,

{ sid : '116',
id : '407d431409b448fc8ad272d436075257',
webreader : 1,
title : '布道之道',
price : '12.0',
old_price : '18.0',

new_price : '12.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01D06nBbFtA/fgxQyn62WfvvoH.jpg!vt',
url : '/book/116',
authors : '【美】Terrence Ryan'
}
,

{ 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 : '39195',
id : '8aefc561b534490fb2824cfe6533f937',
webreader : 1,
title : '美国数码摄影教程',
price : '57.99',
old_price : '60.0',

new_price : '57.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01t4x56Y2jn/3lo5QGaBaYsbZE.jpg!vt',
url : '/book/39195',
authors : '【美】迪克曼\\n【美】金霍恩'
}
,

{ sid : '68638',
id : 'dce6701dd20f409ea0f3bdbad3badcc6',
webreader : 1,
title : 'SQL必知必会（第4版）',
price : '12.0',
old_price : '18.0',

new_price : '12.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01c2zZrbsG7/PC8EPyC9QBP1J1.jpg!vt',
url : '/book/68638',
authors : '【美】Ben Forta'
}
,

{ sid : '5267',
id : '63cde66807bc11e2b02b00163e0123ac',
webreader : 1,
title : '编程大师访谈录',
price : '24.99',
old_price : '25.0',

new_price : '24.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01IHlmcdX9c/wpIte20VIQIfMK.jpg!vt',
url : '/book/5267',
authors : '【美】Susan Lammers'
}
,

{ sid : '19342',
id : '5e4973a8650c11e2884400163e0123ac',
webreader : 1,
title : '经典音乐故事',
price : '6.0',
old_price : '6.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01h8Q4yK13g/xdIlIw3hu74YPM.jpg!vt',
url : '/book/19342',
authors : '沈弘'
}
,

{ sid : '42003',
id : '457ab3fca29242428f7303ce81ab447b',
webreader : 1,
title : '启示录：打造用户喜爱的产品',
price : '25.0',
old_price : '25.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01Dr8fqlnsX/D9Fnti2z6WGgEU.jpg!vt',
url : '/book/42003',
authors : '【美】Marty Cagan'
}
,

{ sid : '28662',
id : '0874716f47a540d899d434f7dc94472d',
webreader : 1,
title : '我是设计师',
price : '18.0',
old_price : '18.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01uhywasSkF/Rk1a8iMYcDWmmP.jpg!vt',
url : '/book/28662',
authors : '刘松\\n王蕾'
}
,

{ sid : '85361',
id : '83d323df67004f04b26774440049743c',
webreader : 1,
title : 'Blender权威指南',
price : '68.0',
old_price : '68.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01iSWJmHNYt/27Xfjk4gqg4Vtk.jpg!vt',
url : '/book/85361',
authors : '罗聪翼'
}
,

{ sid : '19517',
id : 'fb3d92a2660611e2bee100163e0123ac',
webreader : 1,
title : '响应式Web设计：HTML5和CSS3实战',
price : '18.0',
old_price : '25.0',

new_price : '18.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01AFdN1ybOe/ETki3zgkjGkt7G.jpg!vt',
url : '/book/19517',
authors : '【英】Ben Frain'
}
,

{ sid : '30747',
id : '15bc5b698dee4d92b611caec03541ea5',
webreader : 1,
title : '说服力：让你的PPT会说话',
price : '9.99',
old_price : '25.0',

new_price : '9.99',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01JxJGhInr4/NxVEwNIaCnx4Qt.jpg!vt',
url : '/book/30747',
authors : '张志\\n包翔\\n刘俊'
}
,

{ sid : '1897',
id : '09d88212e38611e18f0200163e0123ac',
webreader : 1,
title : '简约至上',
price : '12.0',
old_price : '12.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p01pWH8Iqka5/y8pXSxwM66Jbqo.jpg!vt',
url : '/book/1897',
authors : '【英】科尔伯恩'
}
,

{ sid : '13422',
id : '7d51802e349711e2953100163e0123ac',
webreader : 1,
title : '网站UI设计之道',
price : '13.99',
old_price : '40.0',

new_price : '13.99',

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

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

new_price : '15.99',

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

{ sid : '1522',
id : '87f819bad9e411e192a600163e0123ac',
webreader : 1,
title : 'HTML5和CSS3实例教程',
price : '18.0',
old_price : '18.0',

cover : 'http://cover.read.duokan.com/mfsv2/download/s010/p012hXSM0FEY/ludfzP3sOEqlGH.jpg!vt',
url : '/book/1522',
authors : '【美】霍根'
}

]