写给程序员的Web设计书

写给程序员的Web设计书
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者: [美] ,
2011-08
版次: 1
ISBN: 9787115259110
定价: 59.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 248页
字数: 341千字
正文语种: 简体中文
原版书名: Web Design for Developers: A Programmer's Guide to Design Tools and Techniques
11人买过
  • 《写给程序员的Web设计书》系统而深入地阐释了网站的设计与实现,帮助读者从开发人员的角度理解什么是设计。通读《写给程序员的Web设计书》之后,读者可以跨越纯视觉思考者和纯线性思考者之间的交流鸿沟。《写给程序员的Web设计书》的主要内容有:如何挑选配色,如何选择字体,如何用Photoshop实现基本设计,如何创作Banner等页面元素,如何制作HTML和CSS模板以及如何测试设计的兼容性和可访问性等。
    《写给程序员的Web设计书》适合开发人员和Web设计师研读,对于那些独立且没有设计背景的开发人员非常有用。 霍根,BrianP.Hogan,是一名自由职业者和开发顾问。他从1995年就开始从事专业网站开发,使用ASP、PHP和Ruby开发过各种类型的网站和Web应用程序。他喜欢传授技术知识,撰写技术文章,尤其擅长网页设计和开发方面的技术。 第1章引言
    1.1说在前面的话
    1.2网页设计实战
    1.2.1明确要求
    1.2.2Photoshop时间
    1.2.3代码时间
    1.2.4一切就绪
    1.2.5现实不一定总是如此美好
    1.3YourFoodbox.com
    1.4准备好了吗
    1.5致谢

    第一部分设计基础
    第2章网页(再)设计的基础--重新设计Foodbox
    2.1目前的网站
    2.2收集需求
    2.3明确目的
    2.4从哪里入手
    2.5画出你的想法
    2.5.1一些约定俗成的布局风格
    2.5.2三张草图
    2.6挑选草图
    2.7小结

    第3章配色
    3.1色彩基础
    3.1.1色调、饱和度和亮度
    3.1.2加法混色和减法混色
    3.2色彩环境感知
    3.3用颜色唤起情感
    3.3.1暖色
    3.3.2冷色
    3.3.3中性色
    3.3.4颜色和用户
    3.4配色方案
    3.4.1单色方案
    3.4.2相似色方案
    3.4.3互补色方案
    3.4.4分离互补色方案
    3.5网络安全色
    3.6创建配色方案
    3.6.1用技术法选择颜色
    3.6.2用自然选择法选择配色
    3.7选择一个方案
    3.7.1前景色和背景色
    3.7.2链接
    3.8小结

    第4章字体和排版
    4.1深入字体
    4.2字体类别
    4.2.1衬线字体
    4.2.2无衬线字体
    4.2.3等宽字体
    4.3字体限制及应对方法
    4.3.1网页安全字体
    4.3.2图片替换
    4.3.3用字体栈来定义备用字体
    4.3.4选择备用字体
    4.4挑选字体
    4.4.1页面内容字体
    4.4.2标题字体
    4.5使用基线网格
    4.5.1行距
    4.5.2计量单位
    4.5.3为Foodbox选择字体
    4.6小结

    第二部分图像设计
    第5章为Foodbox设计Logo
    5.1建立工作目录
    5.2Foodbox的Logo
    5.3当我们需要自己设计Logo的时候怎么办
    5.4小结

    第6章设计样式页:页面结构
    6.1关于图层
    6.2基本结构
    6.2.1屏幕大小
    6.2.2定宽布局
    6.2.3设置网格
    6.2.4用辅助线划定区域
    6.2.5画出不同区域
    6.3放置Logo
    6.4用图层组组织图像
    6.5给Logo加上倒影
    6.6页脚
    6.7小结

    第7章设计样式页:内容相关
    7.1制作搜索框
    7.2餐谱导航标签云
    7.3范围潜变
    7.4做一个美味的摘要
    7.5主要内容
    7.6浏览器模仿
    7.7小结

    第8章样式页上的按钮
    8.1制作搜索图标
    8.1.1创建图标背景
    8.1.2绘制放大镜
    8.1.3放置搜索图标
    8.2创建注册和登录按钮
    8.2.1添加文字
    8.2.2添加注册按钮
    8.3文字内容来了
    8.3.1替换掉原来的乱码
    8.3.2添加“最新菜谱”区
    8.4小结

    第三部分建设网站
    第9章用HTML做出主页
    9.1网页标准化
    9.2首页的结构
    9.3语义化的标签
    9.4主页的框架
    9.4.1doctype
    9.4.2html标签
    9.4.3属性
    9.4.4head和body标签
    9.4.5没有闭合标签的标签
    9.4.6页面标题
    9.4.7body标签:重头戏
    9.5页头
    9.6侧边栏
    9.6.1搜索表单
    9.6.2菜谱标签云
    9.6.3食材标签云
    9.7主要内容
    9.7.1意大利面图片
    9.7.2注册和登录按钮
    9.7.3最新菜谱区
    9.8页脚
    9.9验证标签
    9.9.1为网页开发设置Firefox浏览器
    9.9.2WebDeveloper工具栏
    9.9.3验证文档
    9.10HTML
    9.11小结

    第10章为样式页面添砖加瓦
    10.1图像优化
    10.2处理不同格式的图像
    10.2.1GIF
    10.2.2PNG
    10.2.3JPEG
    10.3文档切片
    10.4创建切片
    10.5将Banner导出成PNG文件
    10.5.1隐藏图层
    10.5.2保存切片
    10.6导出其他图片
    10.7小结

    第11章使用CSS布局
    11.1浏览器招人厌
    11.2CSS基础
    11.2.1选择符
    11.2.2声明:属性和值
    11.2.3关于“层叠”
    11.3浏览器如何解析CSS
    11.3.1嵌入式
    11.3.2style标签
    11.3.3外部CSS文件
    11.4创建并链接新的CSS样式表
    11.5定义基本结构、页头和页脚
    11.5.1浏览器默认
    11.5.2盒模型
    11.5.3将内容居中
    11.5.4定义页头和页脚
    11.6将页面的单栏变成双栏
    11.6.1文档流
    11.6.2浮动
    11.6.3背景颜色和浮动
    11.7为内容加上外边距
    11.8主区域
    11.8.1主区域文字
    11.8.2注册按钮区域
    11.8.3最新菜谱
    11.9回到页脚
    11.10小结

    第12章利用覆盖法替换各区域中的标题
    12.1什么是覆盖法
    12.2为覆盖做准备,调整HTML
    12.3覆盖文字
    12.4替换所有其他标题
    12.5替换链接
    12.6这种方法的缺陷
    12.7小结

    第13章添加样式
    13.1设置字体和颜色
    13.1.1风格手册的重要性
    13.1.2伪类
    13.2标签云
    13.3搜索表单
    13.4页脚
    13.5清理零散的角落
    13.5.1去掉图片的边框
    13.5.2拉伸Banner里的颜色
    13.6小结

    第14章制作打印机友好的页面
    14.1准备工作
    14.2链接打印用样式表
    14.3去掉不需要的元素
    14.4设置外边距、宽度和字体
    14.4.1页面外边距
    14.4.2选择一个字体
    14.4.3加上一个分隔符
    14.5搞定链接
    14.6还要应付不习惯专有打印样式的用户
    14.7小结

    第四部分准备上线
    第15章让网页适应IE和其他浏览器
    15.1确定要支持哪些浏览器
    15.1.1支持浏览器
    15.1.2只支持某些特性
    15.2关于浏览器的一些数据
    15.3InternetExplore:你无法逃避的恶魔
    15.4IE
    15.4.1IE的诡异模式
    15.4.2XML序言
    15.4.3在doctype上方的注释
    15.5IE
    15.5.1修复不正常的地方
    15.5.2解决分栏的问题
    15.5.3修正透明问题
    15.5.4修复页头图片下面的空白
    15.6IE
    15.7其他浏览器
    15.8小结

    第16章可访问性和可用性
    16.1可访问性对你来说意味着什么
    16.2关于可访问性的基础问题
    16.2.1盲人
    16.2.2色盲用户
    16.2.3有视觉缺陷的人
    16.2.4有听力缺陷的用户
    16.2.5行动障碍和没有鼠标的用户
    16.3包容一切
    16.3.1导航
    16.3.2处理出错信息
    16.3.3跨浏览器测试
    16.4重要的商业问题
    16.5改进Foodbox网站的可访问性
    16.5.1添加跳转链接
    16.5.2屏幕阅读器和display:none
    16.5.3用“负位置”隐藏跳转链接
    16.5.4表单的标签
    16.6使用制表键
    16.7可访问性清单
    16.8小结

    第17章制作收藏夹图标
    17.1创建简单的图标
    17.2创建收藏夹图标
    17.3小结

    第18章搜索引擎优化
    18.1内容为王
    18.1.1“欺骗”搜索引擎
    18.1.2到底什么是内容
    18.2选择关键字
    18.2.1猜想他们是如何找到你的
    18.2.2决定你想如何被发现
    18.2.3看看竞争对手
    18.2.4添加关键字
    18.3完善页面内容
    18.4不要因为优化而忽略了用户
    18.5你和链接
    18.6到最后其实都是常识
    18.7小结

    第19章针对移动设备的设计
    19.1移动用户
    19.2关于(很)小屏幕
    19.3JavaScript
    19.4提供移动版
    19.4.1移动版样式表
    19.4.2用户代理探测
    19.4.3使用子域名
    19.5做决定--到底要支持什么平台
    19.5.1在不产生重复内容的情况下制作一个镜像
    19.5.2调整内容
    19.5.3处理程序
    19.5.4进一步改进
    19.6为移动用户做重构
    19.7小结

    第20章测试与性能优化
    20.1优化性能的策略
    20.2确定影响性能的因素
    20.2.1速度测试
    20.2.2YSlow
    20.3解决性能问题
    20.3.1设置超时报头
    20.3.2用ETag改进缓存
    20.3.3用资源服务器分发请求
    20.3.4文件压缩
    20.3.5压缩脚本文件
    20.4图片优化
    20.5小结

    第21章后续工作
    21.1其他页面和模板
    21.2高级模板
    21.3网格系统和CSS框架
    21.3.1YUI网格
    21.3.2960网格系统
    21.3.3框架不是万能的
    21.4替换CSS
    21.5不要忘记为有版权的照片付钱
    21.6视觉效果
    21.6.1缩放图片
    21.6.2写代码
    21.6.3把动画放到主页上
    21.7多试多做

    第22章推荐阅读
    22.1色彩资源
    22.2关于字体和排版的书
    22.3技术书籍
    22.4网站资源
    参考书目
  • 内容简介:
    《写给程序员的Web设计书》系统而深入地阐释了网站的设计与实现,帮助读者从开发人员的角度理解什么是设计。通读《写给程序员的Web设计书》之后,读者可以跨越纯视觉思考者和纯线性思考者之间的交流鸿沟。《写给程序员的Web设计书》的主要内容有:如何挑选配色,如何选择字体,如何用Photoshop实现基本设计,如何创作Banner等页面元素,如何制作HTML和CSS模板以及如何测试设计的兼容性和可访问性等。
    《写给程序员的Web设计书》适合开发人员和Web设计师研读,对于那些独立且没有设计背景的开发人员非常有用。
  • 作者简介:
    霍根,BrianP.Hogan,是一名自由职业者和开发顾问。他从1995年就开始从事专业网站开发,使用ASP、PHP和Ruby开发过各种类型的网站和Web应用程序。他喜欢传授技术知识,撰写技术文章,尤其擅长网页设计和开发方面的技术。
  • 目录:
    第1章引言
    1.1说在前面的话
    1.2网页设计实战
    1.2.1明确要求
    1.2.2Photoshop时间
    1.2.3代码时间
    1.2.4一切就绪
    1.2.5现实不一定总是如此美好
    1.3YourFoodbox.com
    1.4准备好了吗
    1.5致谢

    第一部分设计基础
    第2章网页(再)设计的基础--重新设计Foodbox
    2.1目前的网站
    2.2收集需求
    2.3明确目的
    2.4从哪里入手
    2.5画出你的想法
    2.5.1一些约定俗成的布局风格
    2.5.2三张草图
    2.6挑选草图
    2.7小结

    第3章配色
    3.1色彩基础
    3.1.1色调、饱和度和亮度
    3.1.2加法混色和减法混色
    3.2色彩环境感知
    3.3用颜色唤起情感
    3.3.1暖色
    3.3.2冷色
    3.3.3中性色
    3.3.4颜色和用户
    3.4配色方案
    3.4.1单色方案
    3.4.2相似色方案
    3.4.3互补色方案
    3.4.4分离互补色方案
    3.5网络安全色
    3.6创建配色方案
    3.6.1用技术法选择颜色
    3.6.2用自然选择法选择配色
    3.7选择一个方案
    3.7.1前景色和背景色
    3.7.2链接
    3.8小结

    第4章字体和排版
    4.1深入字体
    4.2字体类别
    4.2.1衬线字体
    4.2.2无衬线字体
    4.2.3等宽字体
    4.3字体限制及应对方法
    4.3.1网页安全字体
    4.3.2图片替换
    4.3.3用字体栈来定义备用字体
    4.3.4选择备用字体
    4.4挑选字体
    4.4.1页面内容字体
    4.4.2标题字体
    4.5使用基线网格
    4.5.1行距
    4.5.2计量单位
    4.5.3为Foodbox选择字体
    4.6小结

    第二部分图像设计
    第5章为Foodbox设计Logo
    5.1建立工作目录
    5.2Foodbox的Logo
    5.3当我们需要自己设计Logo的时候怎么办
    5.4小结

    第6章设计样式页:页面结构
    6.1关于图层
    6.2基本结构
    6.2.1屏幕大小
    6.2.2定宽布局
    6.2.3设置网格
    6.2.4用辅助线划定区域
    6.2.5画出不同区域
    6.3放置Logo
    6.4用图层组组织图像
    6.5给Logo加上倒影
    6.6页脚
    6.7小结

    第7章设计样式页:内容相关
    7.1制作搜索框
    7.2餐谱导航标签云
    7.3范围潜变
    7.4做一个美味的摘要
    7.5主要内容
    7.6浏览器模仿
    7.7小结

    第8章样式页上的按钮
    8.1制作搜索图标
    8.1.1创建图标背景
    8.1.2绘制放大镜
    8.1.3放置搜索图标
    8.2创建注册和登录按钮
    8.2.1添加文字
    8.2.2添加注册按钮
    8.3文字内容来了
    8.3.1替换掉原来的乱码
    8.3.2添加“最新菜谱”区
    8.4小结

    第三部分建设网站
    第9章用HTML做出主页
    9.1网页标准化
    9.2首页的结构
    9.3语义化的标签
    9.4主页的框架
    9.4.1doctype
    9.4.2html标签
    9.4.3属性
    9.4.4head和body标签
    9.4.5没有闭合标签的标签
    9.4.6页面标题
    9.4.7body标签:重头戏
    9.5页头
    9.6侧边栏
    9.6.1搜索表单
    9.6.2菜谱标签云
    9.6.3食材标签云
    9.7主要内容
    9.7.1意大利面图片
    9.7.2注册和登录按钮
    9.7.3最新菜谱区
    9.8页脚
    9.9验证标签
    9.9.1为网页开发设置Firefox浏览器
    9.9.2WebDeveloper工具栏
    9.9.3验证文档
    9.10HTML
    9.11小结

    第10章为样式页面添砖加瓦
    10.1图像优化
    10.2处理不同格式的图像
    10.2.1GIF
    10.2.2PNG
    10.2.3JPEG
    10.3文档切片
    10.4创建切片
    10.5将Banner导出成PNG文件
    10.5.1隐藏图层
    10.5.2保存切片
    10.6导出其他图片
    10.7小结

    第11章使用CSS布局
    11.1浏览器招人厌
    11.2CSS基础
    11.2.1选择符
    11.2.2声明:属性和值
    11.2.3关于“层叠”
    11.3浏览器如何解析CSS
    11.3.1嵌入式
    11.3.2style标签
    11.3.3外部CSS文件
    11.4创建并链接新的CSS样式表
    11.5定义基本结构、页头和页脚
    11.5.1浏览器默认
    11.5.2盒模型
    11.5.3将内容居中
    11.5.4定义页头和页脚
    11.6将页面的单栏变成双栏
    11.6.1文档流
    11.6.2浮动
    11.6.3背景颜色和浮动
    11.7为内容加上外边距
    11.8主区域
    11.8.1主区域文字
    11.8.2注册按钮区域
    11.8.3最新菜谱
    11.9回到页脚
    11.10小结

    第12章利用覆盖法替换各区域中的标题
    12.1什么是覆盖法
    12.2为覆盖做准备,调整HTML
    12.3覆盖文字
    12.4替换所有其他标题
    12.5替换链接
    12.6这种方法的缺陷
    12.7小结

    第13章添加样式
    13.1设置字体和颜色
    13.1.1风格手册的重要性
    13.1.2伪类
    13.2标签云
    13.3搜索表单
    13.4页脚
    13.5清理零散的角落
    13.5.1去掉图片的边框
    13.5.2拉伸Banner里的颜色
    13.6小结

    第14章制作打印机友好的页面
    14.1准备工作
    14.2链接打印用样式表
    14.3去掉不需要的元素
    14.4设置外边距、宽度和字体
    14.4.1页面外边距
    14.4.2选择一个字体
    14.4.3加上一个分隔符
    14.5搞定链接
    14.6还要应付不习惯专有打印样式的用户
    14.7小结

    第四部分准备上线
    第15章让网页适应IE和其他浏览器
    15.1确定要支持哪些浏览器
    15.1.1支持浏览器
    15.1.2只支持某些特性
    15.2关于浏览器的一些数据
    15.3InternetExplore:你无法逃避的恶魔
    15.4IE
    15.4.1IE的诡异模式
    15.4.2XML序言
    15.4.3在doctype上方的注释
    15.5IE
    15.5.1修复不正常的地方
    15.5.2解决分栏的问题
    15.5.3修正透明问题
    15.5.4修复页头图片下面的空白
    15.6IE
    15.7其他浏览器
    15.8小结

    第16章可访问性和可用性
    16.1可访问性对你来说意味着什么
    16.2关于可访问性的基础问题
    16.2.1盲人
    16.2.2色盲用户
    16.2.3有视觉缺陷的人
    16.2.4有听力缺陷的用户
    16.2.5行动障碍和没有鼠标的用户
    16.3包容一切
    16.3.1导航
    16.3.2处理出错信息
    16.3.3跨浏览器测试
    16.4重要的商业问题
    16.5改进Foodbox网站的可访问性
    16.5.1添加跳转链接
    16.5.2屏幕阅读器和display:none
    16.5.3用“负位置”隐藏跳转链接
    16.5.4表单的标签
    16.6使用制表键
    16.7可访问性清单
    16.8小结

    第17章制作收藏夹图标
    17.1创建简单的图标
    17.2创建收藏夹图标
    17.3小结

    第18章搜索引擎优化
    18.1内容为王
    18.1.1“欺骗”搜索引擎
    18.1.2到底什么是内容
    18.2选择关键字
    18.2.1猜想他们是如何找到你的
    18.2.2决定你想如何被发现
    18.2.3看看竞争对手
    18.2.4添加关键字
    18.3完善页面内容
    18.4不要因为优化而忽略了用户
    18.5你和链接
    18.6到最后其实都是常识
    18.7小结

    第19章针对移动设备的设计
    19.1移动用户
    19.2关于(很)小屏幕
    19.3JavaScript
    19.4提供移动版
    19.4.1移动版样式表
    19.4.2用户代理探测
    19.4.3使用子域名
    19.5做决定--到底要支持什么平台
    19.5.1在不产生重复内容的情况下制作一个镜像
    19.5.2调整内容
    19.5.3处理程序
    19.5.4进一步改进
    19.6为移动用户做重构
    19.7小结

    第20章测试与性能优化
    20.1优化性能的策略
    20.2确定影响性能的因素
    20.2.1速度测试
    20.2.2YSlow
    20.3解决性能问题
    20.3.1设置超时报头
    20.3.2用ETag改进缓存
    20.3.3用资源服务器分发请求
    20.3.4文件压缩
    20.3.5压缩脚本文件
    20.4图片优化
    20.5小结

    第21章后续工作
    21.1其他页面和模板
    21.2高级模板
    21.3网格系统和CSS框架
    21.3.1YUI网格
    21.3.2960网格系统
    21.3.3框架不是万能的
    21.4替换CSS
    21.5不要忘记为有版权的照片付钱
    21.6视觉效果
    21.6.1缩放图片
    21.6.2写代码
    21.6.3把动画放到主页上
    21.7多试多做

    第22章推荐阅读
    22.1色彩资源
    22.2关于字体和排版的书
    22.3技术书籍
    22.4网站资源
    参考书目
查看详情
其他版本 / 全部 (1)
您可能感兴趣 / 更多
写给程序员的Web设计书
争吵的恋人:我们为什么相爱,又为什么争吵
[美]约翰·金,[美]瓦妮莎·贝内特
写给程序员的Web设计书
蒙特卡洛的密码锁(数学大师的逻辑课) 文教科普读物 [美]雷蒙德·m.斯穆里安(raymondm.smullyan)
[美]雷蒙德·m.斯穆里安(raymondm.smullyan)
写给程序员的Web设计书
福尔摩斯的棋盘:关于国际象棋的推理题(数学大师的逻辑课)
[美]雷蒙德·m.斯穆里安
写给程序员的Web设计书
《生命大设计.重构》(关于“生命创造现实”这一惊人事实,独特且完整的科学探索与哲学诠释)
[美]鲍勃·伯曼 著;杨泓 译;[美]罗伯特·兰札;马泰·帕夫希奇(斯洛文尼亚)
写给程序员的Web设计书
杰出投资者的底层认知:成功投资与明智创富的10个茅塞顿开之问(《聪明的投资者》新时代精华版)
[美]J.戴维·斯坦恩(J.David Stein) 著;刘寅龙 译;庞鑫
写给程序员的Web设计书
浴缸里的海洋
[美]塞思·菲什曼
写给程序员的Web设计书
新视界文库-生命故事:生物学上的伟大发现
[美]肖恩·B.卡罗尔
写给程序员的Web设计书
洛丽塔原型:小说《洛丽塔》背后的萨莉?霍纳绑架案
[美]萨拉·魏恩曼 著;真故图书 出品
写给程序员的Web设计书
托尔斯泰
[美]莉莎·克纳普(Liza Knapp)
写给程序员的Web设计书
奇迹之门 《纽约时报》畅销书作家写给孩子的一封“成长家书”。让父母的爱与肯定,成为孩子探索世界的底气。拥抱成长的不确定性,打开通向无限可能的“奇迹之门”。
[美]艾莉森·麦基/文 (美) 柳泰恩 图
写给程序员的Web设计书
全球通史(全六册)(另一个角度的“全球通史”,不一样的视野与新知。以地理为骨,历史为肉,一部超级丰满的世界通史。)
[美]塞缪尔·古德里奇 译者:冷惠玲、冯佳娜、王小忠、孙丽霞、李江艳
写给程序员的Web设计书
《星际争霸》动画影像艺术
[美]罗伯特·布鲁克斯