import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.URL;
import java.net.URLConnection;
/**
* 使用URLConnection下载文件或图片并保存到本地。
*/
public class URLConnectionDownloader {
public static void main(String[] args) throws Exception {
String url = "http://mt1.google.cn/vt/v=w2.114&hl=zh-CN&gl=cn&x=1&y=1&z=1";
// String url = "http://www.google.cn/intl/zh-CN/images/logo_cn.gif";
String fileDir = "d:\\a\\";
String fileName = "abc.jpg";
makeDir(fileDir);
download(url, fileDir+fileName);
System.out.println("下载图片完毕！");
}
/**
* 下载文件到本地
*
* @param urlString
* 被下载的文件地址
* @param filename
* 本地文件名
* @throws Exception
* 各种异常
*/
public static void download(String urlString, String filename)
throws Exception {
// 构造URL
URL url = new URL(/blog_article/urlString/index.html);
// 打开连接
URLConnection con = url.openConnection();
// 设置Java服务器代理连接，要不然报错403
// 浏览器可以访问此url图片并显示，但用Java程序就不行报错Server returned HTTP response code:403 for URL
// 具体原因：服务器的安全设置不接受Java程序作为客户端访问(被屏蔽)，解决办法是设置客户端的User Agent
con.setRequestProperty("User-Agent", "Mozilla/4.0(compatible;MSIE 5.0;Windows NT;DigExt)");
// 输入流
InputStream is = con.getInputStream();
// 1K的数据缓冲
byte[] bs = new byte[1024];
// 读取到的数据长度
int len;
// 输出的文件流
OutputStream os = new FileOutputStream(filename);
// 开始读取
while ((len = is.read(bs)) != -1) {
os.write(bs, 0, len);
}
// 完毕，关闭所有链接
os.close();
is.close();
}
private static void makeDir(String fileFolder) {
File file = new File(fileFolder);
if (!file.exists() && !file.isDirectory())
file.mkdir();
}
}
《优秀网站设计:打造有吸引力的网站(原书第3版)》
基本信息
原书名：Web Style Guide, 3rd Edition
作者： (美)Patrick J. Lynch Sarah Horton
译者： 李静
丛书名： UI设计丛书
出版社：机械工业出版社
ISBN：9787111399599
上架时间：2012-10-17
出版日期：2012 年10月
开本：16开
页码：1
版次：1-1
所属分类： 计算机 > 计算机网络 > Web Server > 综合
计算机 > 软件与程序设计 > 网络编程 > 综合
更多关于 》》》《优秀网站设计:打造有吸引力的网站(原书第3版) 》
内容简介
书籍
计算机书籍
经典畅销书全新升级，10余年长销不衰，被翻译为近10种文字在全球范围内出版，被誉为网站设计领域的典范之作。书中系统讲解了网站设计与规划的流程、步骤、方法、技巧、普适性原则，以及应该避免的错误，为建设优秀的网站提供了大量最佳实践。
《优秀网站设计:打造有吸引力的网站(原书第3版)》一共12章：第1章介绍了网站设计的步骤，旨在让读者对网站设计有宏观的认识；第2章讲解了网站设计中通用的可用性设计原则和方法；第3章则从信息架构的角度科学地阐述了网站内容的规划方法；第4章详细讲解了各种类型的网站的界面设计；第5章介绍了网站的整体架构思路和方法；第6~8章分别讲解了网站的页面结构、页面设计和版式设计等细节问题；第9章讲解了网站的编辑风格以及在线样式的设计；第10~12章介绍了如何在网站设计中巧妙地使用表格、图形和多媒体等元素，从而使网站更有吸引力。
目录
《优秀网站设计:打造有吸引力的网站(原书第3版)》
译者序
序言
第3版序言
第1章 步骤 ·1
1.1 网站开发团队 1
1.2 初始规划 8
1.3 网站和文档的类型 11
1.3.1 静态与动态网页 11
1.3.2 web内容管理 12
1.3.3 web工具的演化 15
1.3.4 平衡基于web的服务 17
1.4 网站开发过程 18
1.4.1 网站定义和规划 18
1.4.2 信息架构 22
1.4.3 网站设计 22
1.4.4 网站建设 24
1.4.5 网站营销 26
1.4.6 跟踪、评估和维护 27
1.5 制订项目章程 29
1.6 运行web项目的常用设备 34
第2章 通用可用性 36
2.1 通用可用性的基础知识 36
2.1.1 可访问性 36
2.1.2 可用性及以用户为中心的设计 37
2.1.3 通用设计 37
2.2 通用可用性指南 37
2.2.1 超越“典型”用户 38
2.2.2 支持适应性 38
2.3 设计进程中的通用可用性 41
2.3.1 用户调研 44
2.3.2 设计和评估 46
第3章 信息架构 50
3.1 组织信息 50
3.1.1 内容目录 51
3.1.2 分块信息 54
3.2 网站结构 55
3.2.1 网站的浏览功能 55
3.2.2 使用网站搜索来导航 56
3.2.3 网站结构主题 57
3.3 展示信息架构 61
3.3.1 网站图表 61
3.3.2 线框图 63
第4章 界面设计 68
4.1 导航和路径搜索 68
4.1.1 路径：带路 70
4.1.2 区域与边界：矛盾的一致性 70
4.1.3 节点：本地咖啡馆还是泰晤士广场 70
4.1.4 地标：“你在这里” 71
4.1.5 小结：网站中的路径搜索原则 71
4.1.6 浏览与搜索 71
4.1.7 定位 72
4.1.8 支持web搜索用户 72
4.2 界面设计 74
4.2.1 清晰的导航帮助 75
4.2.2 没有尽头的页面 75
4.2.3 直接访问 76
4.2.4 单一性及一致性 76
4.2.5 设计完整性和稳定性 78
4.2.6 反馈及对话 79
4.2.7 宽带与交互 79
4.2.8 界面设计惯例 80
4.3 信息设计 82
4.3.1 独立页面 83
4.3.2 总结：信息设计指南 84
4.4 企业界面 85
第5章 网站结构 87
5.1 语义内容标注 87
5.1.1 html文档结构 88
5.1.2 注意浏览器的不同 91
5.1.3 关于语义标注的小结 91
5.2 网站文件结构 91
5.2.1 隐蔽的网站语义 92
5.2.2 命名惯例 92
5.2.3 高效可维护的结构 94
5.2.4 html内容窗口的语义结构 97
5.3 搜索引擎优化 98
5.3.1 web搜索的长尾 99
5.3.2 基本的搜索引擎原则 99
5.3.3 针对搜索优化页面 102
第6章 页面结构 108
6.1 结合环境进行网站设计 108
6.1.1 万维网 109
6.1.2 企业web标识 109
6.2 页面结构和网站设计 109
6.2.1 页眉 109
6.2.2 浏览栏 112
6.2.3 内容区域 113
6.3 页面模板 115
6.3.1 内部页面模板 115
6.3.2 次页模板 116
6.3.3 主页 117
第7章 页面设计 124
7.1 文档设计 124
7.1.1 适应性设计 125
7.1.2 文档顺序 126
7.1.3 选择性显示 127
7.1.4 文本替代物 128
7.1.5 了解媒介 128
7.2 视觉设计 129
7.2.1 一致性 132
7.2.2 对比 132
7.2.3 空白区域 135
7.2.4 样式 136
7.2.5 简单 136
7.2.6 视觉设计的gestalt原则 137
7.3 页面框架 137
7.3.1 固定页面宽度 138
7.3.2 灵活页面宽度 139
7.4 页面宽度和行长 140
7.4.1 页面长度 141
7.4.2 页眉和页脚 143
7.4.3 网页的垂直分层 144
7.5 网页的设计网格 146
第8章 版式 150
8.1 web字体特色 150
8.1.1 动态构建 151
8.1.2 内容结构及视觉逻辑 151
8.1.3 层叠样式表 151
8.1.4 一致性 154
8.2 易读性 155
8.2.1 对齐与空白 155
8.2.2 对齐选项 156
8.2.3 行长 157
8.2.4 字体颜色 158
8.3 字体 159
8.3.1 选择字体 160
8.3.2 字号 162
8.4 强调 164
8.5 图文效果 167
第9章 编辑风格 169
9.1 构建散文 169
9.1.1 网站结构 170
9.1.2 页面结构 170
9.2 在线样式 173
9.2.1 对比和强调 173
9.2.2 散文风格 174
9.2.3 其他风格 174
9.2.4 关键字 175
9.2.5 标题和子标题 177
9.2.6 页面标题 177
9.3 web文档的文本格式 178
9.4 链接 179
9.4.1 说明性链接 180
9.4.2 链接下划线 180
9.4.3 已访问和未访问的链接 180
第10章 表格及应用 182
10.1 交互支持技术 182
10.1.1 ajax 184
10.1.2 可访问性 185
10.2 设计web应用程序 185
10.2.1 约束与简明 185
10.2.2 设计模式 186
10.2.3 控件 186
10.2.4 交互引导 188
10.2.5 响应错误 191
10.3 设计进程 194
10.3.1 线框图 194
10.3.2 原型 194
第11章 图形 196
11.1 网络图形的角色 196
11.2 充当内容的图形 197
11.2.1 插画 198
11.2.2 解释概念以及清晰显示数据 198
11.2.3 综合的视觉展示 198
11.2.4 网络中的图形交流 200
11.3 web图形的特点 200
11.3.1 彩色显示 200
11.3.2 屏幕分辨率 201
11.3.3 伽玛值 201
11.3.4 图形和带宽 202
11.4 图形文件格式 202
11.4.1 gif图形 203
11.4.2 gif文件压缩 203
11.4.3 抖动 203
11.4.4 改善gif压缩 204
11.4.5 隔行显示的gif 204
11.4.6 透明的gif 205
11.4.7 jpeg图形 205
11.4.8 png图形 207
11.5 成像策略 207
11.5.1 界面元素 207
11.5.2 将照片另存为gif格式 207
11.5.3 将照片另存为jpeg格式 208
11.5.4 将示意图和插画另存为矢量图形 208
11.5.5 对web网站的图形归档 209
11.5.6 总结：文件格式 209
11.6 屏幕上的图像 210
11.6.1 屏幕显示与打印彩色艺术作品的对比 210
11.6.2 复杂的插画或者照片 211
11.6.3 用于计算机屏幕显示的示意图 212
11.6.4 图形文字 214
11.6.5 使用大图 214
11.6.6 隐藏图形 215
11.7 图形标注 215
11.7.1 高度和宽度标签 215
11.7.2 替代性文字 216
11.7.3 彩色背景 217
11.7.4 背景图形 220
第12章 多媒体 222
12.1 对多媒体的一些考虑 222
12.2 网络多媒体策略 223
12.2.1 音频 223
12.2.2 幻灯片 224
12.2.3 视频 224
12.2.4 动画 225
12.2.5 文本替代物 225
12.3 多媒体准备 226
12.3.1 加工 226
12.3.2 传输 227
12.4 设计和多媒体 228
12.4.1 通知用户 228
12.4.2 提供控件 229
12.4.3 支持键盘交互 230
12.4.4 提供选择 230
附录a 缩写词 232
附录b 参考文献 234
本图书信息来源于：中国互动出版网
padding:描述控件里面的内容与控件的关机，内边距；有四个方向属性；paddingleft......
layout_margin:描述控件之间的位置关系，外边距；有四个方向属性；layout_margingleft.....
gravity:设置该控件的对齐方式；
layout_gravity:设置它在父控件中的对齐方式；
尺寸：
FrameLayout(框架布局)
LinearLayout (线性布局)
linearLayout中有一个重要的属性 android:layout_weight="1"，这个weight在垂直布局时，代表行距；
水平的时候代表列宽；weight值越大就越大。
属性值为具体的像素值，如30dip，40px (建议用dip)
android:layout_marginBottom 离某元素底边缘的距离
android:layout_marginLeft 离某元素左边缘的距离
android:layout_marginRight 离某元素右边缘的距离
android:layout_marginTop 离某元素上边缘的距离
AbsoluteLayout(绝对布局)：
犹如div指定了absolute属性
用X,Y坐标来指定元素的位置
android:layout_x="20px"
android:layout_y="12px"
RelativeLayout(相对布局),
android:layout_above=“@+id/给定的ID” 将该控件的底部至于给定ID的控件之上
android:layout_below 将该控件的顶部至于给定ID的控件之下
android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐
android:layout_alignBaseline 该控件的baseline和给定ID的控件的baseline对齐
android:layout_alignBottom 底部边缘与给定ID控件的底部边缘
android:layout_alignLeft 左边缘与给定ID控件的左边缘对齐
android:layout_alignRight 右边缘与给定ID控件的右边缘对齐
android:layout_alignTop 将顶部边缘与给定ID控件的顶部对齐
android:alignParentBottom 如果该值为true，底部和父控件的底部对齐
android:layout_alignParentLeft 如果该值为true，左边与父控件的左边对齐
android:layout_alignParentRight 如果该值为true，右边与父控件的右边对齐
android:layout_alignParentTop 如果该值为true，顶部与父控件的顶部对齐
android:layout_centerHorizontal 如果值为真，该控件将被至于水平方向的中央
android:layout_centerVertical 如果值为真，该控件将被至于垂直方向的中央
android:layout_centerInParent 如果值为真，该控件将被至于父控件水平方向和垂直方向的中央
TableLayout(表格布局) 。
表格布局类似Html里面的Table。每一个TableLayout里面有表格行TableRow，TableRow里面可以具体定义每一个元素，设定他的对齐方式 android:gravity="" 。
TableLayout置底，TableRow在TableLayout的上面
Button、TextView等控件就在TableRow之上
TableLayout之上也可以单独放控件
android:collapseColumns=0,1：以第0行为序，隐藏指定的列：隐藏第0列，第一列；
android:shrinkColumns：将指定的列设为可收缩的列，该列会收缩至适应屏幕;
android:stretchColumns：将指定的列设为可伸展的列，该列会尽量伸展以填满空间
android:layout_column:控件在TableRow中所处的列
android:layout_span:控件所跨越的列数
这五个布局元素可以相互嵌套应用，做出美观的界面。
Layout用到的一些重要的属性
android:textSize 指定控件当中字体的大小
android:background 指定该控件所使用的背景色，RGB命名法
android:width 指定控件的宽度
android:height 指定控件的高度
android:layout_width 指定Container组件的宽度
android:layout_height 指定Container组件的高度
android:layout_weight View中很重要的属性，按比例划分空间
android:sigleLine 如果设置为真的话，则控件的内容在同一行中进行显示
android:scaleType 是控制图片如何resized/moved来匹对ImageView的siz
android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物
android:layout_marginBottom 离某元素底边缘的距离
android:layout_marginLeft 离某元素左边缘的距离
android:layout_marginRight 离某元素右边缘的距离
android:layout_marginTop 离某元素上边缘的距离
EditText的android:hint 设置EditText为空时输入框内的提示信息。
android:scaleType： 是控制图片如何resized/moved来匹对ImageView的size。
ImageView.ScaleType / android:scaleType值的意义区别：
CENTER /center 按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示
CENTER_CROP / centerCrop 按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)
CENTER_INSIDE / centerInside 将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度，居中显示
FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置
FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置
FIT_XY / fitXY 把图片不按比例扩大/缩小到View的大小显示
MATRIX / matrix 用矩阵来绘制，动态缩小放大图片来显示。