本帖子已过去太久远了，不再提供回复功能。如何将psd文件切图并布局html
文章内容:如何将psd文件，切割导出图片并插入到html代码中。
内容对象:适合初学未入门的布局者。
&下面来介绍下如何将PSD切片，然后加入到HTML的简要步骤:
上图是一个用ps打开的PSD文件。接下来的工作就是将图片切割成一个小的图片，加入到HTML中。
切图的方法有很多种,这里先介绍2种:
1.&&&&&& 使用矩形选框工具(快捷键M)-&选择想要取得的部位-&按下组合键Shift,Ctrl+C复制选择内容-&然后Ctrl+n新建-&Ctrl+v复制到新建窗口-&另存为gif格式结束。
2.&&&&&& 用切片工具将图片切割好-&文件-存储为WEB格式也能将切片图片导出
3.&&&&&& 或用裁剪工具(按快捷键c)选中要切割的那一部分，并双击得到切割后的图片
切片的方法有还很多，这里我们就不一一介绍了，本人比较习惯于使用第一种方法，我觉得比较直观干净,想要哪一部分直接切下来。
下面正式开始制作:
步骤一:使用上述方法的一种获得图片;
我把这个显示器的图片切了下来图片如下:
步骤二：开始布局
打开Dreamweaver工具，新建一个html文件和一个css文件。
然后开始在html中编写代码:
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&无标题文档&/title&
&link rel="stylesheet" type="text/css" href="style.css"/&
&div class="head"&&/div&
其中&link rel="stylesheet" type="text/css" href="style.css"/&
是对外部样式文件名为style.css的引用;class为head的div是存放这块图片的容器。接下来是编写样式，样式的目的是让body背景为红色，并且让背景为我们刚切割下来的图片的div自适用居中。
*{margin:0padding:0}
background-color:
background:url(i%20mac.gif) no-
height:444
最后效果图片居中。
Jasonwu form
阅读(...) 评论()1069人阅读
杂类 （160）
导读： 　　最佳答案此答案由提问者自己选择，并不代表爱问知识人的观点 　　张珍 　　[计算机专家] 　　好像未曾见过，也没试出过 　　有以下供参考的： 　　1、windows快捷键 　　（蓝调注：原作者说 WIN 98，2k下测试通过。我挑了些快捷键用，都可用，估计在xp应该都能用） 　　1、使用Windows的快捷键 　　F1　　　　　　　　　　　显示当前程序或者windows的帮助内容。 　　F2　　　　　　　　　　　当你选中一个文件的话，这意味着“重命名” 　　F3　　　　　　　　　　　当你在桌面上的时候是打开“查找：所有文件” 　　对话框 　　F10或ALT　　　　　　　 激活当前程序的菜单栏 　　windows键或CTRL+ESC　 打开开始菜单 　　CTRL+ALT+DELETE　　 在win9x中打开关闭程序对话框 　　DELETE　　　　　　　　 删除被选择的选择项目，如果是文件，将被放 　　入回收站 　　SHIFT+DELETE　　　　　 删除被选择的选择项目，如果是文件，将被直 　　接删除而不是放入回收站 　　CTRL+N　　　　　　　　 新建一个新的文件 　　CTRL+O　　　　　　　　 打开“打开文件”对话框 　　CTRL+P　　　　　　　　 打开“打印”对话框 　　CTRL+S　　　　　　　　 保存当前操作的文件 　　CTRL+X　　　　　　　　　剪切被选择的项目到剪贴板 　　CTRL+INSERT 或 CTRL+C　 复制被选择的项目到剪贴板 　　SHIFT+INSERT 或 CTRL+V　粘贴剪贴板中的内容到当前位置 　　ALT+BACKSPACE 或 CTRL+Z 撤销上一步的操作 　　ALT+SHIFT+BACKSPACE　　 重做上一步被撤销的操作 　　Windows键+M　　　　　　 最小化所有被打开的窗口。 　　Windows键+CTRL+M　　　　重新将恢复上一项操作前窗口的大小和位置 　　Windows键+E　　　　　　 打开资源管理器 　　Windows键+F　　　　　　 打开“查找：所有文件”对话框 　　Windows键+R　　　　　　 打开“运行”对话框 　　Windows键+BREAK　　　　 打开“系统属性”对话框 　　Windows键+CTRL+F　　　 打开“查找：计算机”对话框 　　SHIFT+F10或鼠标右击　　 打开当前活动项目的快捷菜单 　　SHIFT　　　　　　　　　 在放入CD的时候按下不放，可以跳过自动播放 　　CD。在打开word的时候按下不放，可以跳过自 　　启动的宏 　　ALT+F4　　　　　　　　　关闭当前应用程序 　　ALT+SPACEBAR　　　　　　打开程序最左上角的菜单 　　ALT+TAB　　　　　　　　 切换当前程序 　　ALT+ESC　　　　　　　　 切换当前程序 　　ALT+ENTER　　　　　　　 将windows下运行的MSDOS窗口在窗口和全屏幕 　　状态间切换 　　PRINT SCREEN　　　　　　将当前屏幕以图象方式拷贝到剪贴板 　　ALT+PRINT SCREEN　　　　将当前活动程序窗口以图象方式拷贝到剪贴板 　　CTRL+F4　　　　　　　　 关闭当前应用程序中的当前文本（如word中） 　　CTRL+F6　　　　　　　　 切换到当前应用程序中的下一个文本（加shift 　　可以跳到前一个窗口） 　　激活程序中的菜单栏 F10 　　执行菜单上相应的命令 ALT+菜单上带下划线的字母 　　关闭多文档界面程序中的当前窗口 CTRL+ F4 　　 　　关闭当前窗口或退出程序 ALT+ F4 　　复制 CTRL+ C 　　剪切 CTRL+ X 　　粘贴 CTR L+ V 　　删除 DELETE 　　撤消 CTRL+ Z 　　显示所选对话框项目的帮助 F1 　　显示当前窗口的系统菜单 ALT+空格键 　　显示所选项目的快捷菜单 SHIFT+ F10 　　显示“开始”菜单 CTRL+ ESC 　　显示多文档界面程序的系统菜单 ALT+连字号(-) 　　 　　切换到上次使用的窗口 ALT+ TAB 　　2、使用“Windows资源管理器”的快捷键 　　如果当前选择展开了，要折叠： NUM LOCK+负号(-)，或者选择父文件夹左箭头折叠所选的文件夹 　　如果当前选择折叠了，要展开： NUM LOCK+* ，或者选择第一个子文件夹右箭头展开当前选择下的所有文件夹 　　展开所选的文件夹： NUM LOCK+加号(+) 　　在左右窗格间切换： F6 　　关闭所选文件夹及其所有父文件夹： 按住 SHIFT键再单击“关闭按钮（仅适用于“我的电脑”） 　　向后移动到上一个视图： ALT+左箭头 　　向前移动到上一个视图： ALT+右箭头 　　查看上一级文件夹： BACKSPACE 　　3、使用 WINDOWS键 　　可以使用 Microsoft自然键盘或含有 Windows徽标键的其他任何兼容键盘的以下快捷键。 　　在任务栏上的按钮间循环： WINDOWS+ TAB 　　显示“查找：所有文件”：WINDOWS+ F 　　显示“查找：计算机” ：CTRL+ WINDOWS+ F 　　显示“帮助” ：WINDOWS+ F1 　　显示“运行”命令 ：WINDOWS+ R 　　显示“开始”菜单 ：WINDOWS 　　显示“系统属性”对话框： WINDOWS+ BREAK 　　显示“Windows资源管理器”： WINDOWS+ E 　　最小化或还原所有窗口： WINDOWS+ D 　　撤消最小化所有窗口： SHIFT+ WINDOWS+ M 　　4、使用对话框中的快捷键 　　取消当前任务 ：ESC 　　如果当前控件是个按钮，要单击该按钮或者如果当前控件是个复选框，要选择或清除该复选框或者如果当前控件是个选项按钮，要单击该选项空格键 　　单击相应的命令 ：ALT+带下划线的字母 　　单击所选按钮 ：ENTER 　　在选项上向后移动： SHIFT+ TAB 　　在选项卡上向后移动 ：CTRL+ SHIFT+ TAB 　　在选项上向前移动 ：TAB 　　在选项卡上向前移动 ：CTRL+ TAB 　　如果在“另存为”或“打开”： BACKSPACE 　　对话框中选择了某文件夹， 要打开上一级文件夹 　　在“另存为”或“打开”对话框中打开“保存到”或“查阅” ：F4 　　刷新“另存为”或“打开” 对话框： F5 　　5、使用“桌面”、“我的电脑”和“Windows资源管理器”快捷键 　　选择项目时，可以使用以下快捷键。 　　插入光盘时不用“自动播放” 功能：按住 SHIFT插入 CD-ROM 　　复制文件 ：按住 CTRL拖动文件 　　创建快捷方式 按住 ：CTRL+SHIFT拖动文件 　　立即删除某项目而不将其放入 “回收站” ：SHIFT+DELETE 　　显示“查找：所有文件”： F3 　　显示项目的快捷菜单： APPLICATION键 　　刷新窗口的内容 ：F5 　　重命名项目 ：F2 　　选择所有项目： CTRL+ A 　　查看项目的属性 ：ALT+ ENTER或 ALT+双击 　　可将 APPLICATION键用于 Microsoft自然键盘或含有 APPLICATION键的其他兼容键 　　6、Microsoft放大程序的快捷键 　　这里运用Windows徽标键和其他键的组合。 　　indows徽标+PRINT SCREEN ：将屏幕复制到剪贴板（包括鼠标光标） 　　Windows徽标+SCROLL LOCK ：将屏幕复制到剪贴板（不包括鼠标光标） 　　Windows徽标+ PAGE UP ：切换反色。 　　Windows徽标+ PAGE DOWN ：切换跟随鼠标光标 　　Windows徽标+向上箭头 ：增加放大率 　　Windows徽标+向下箭头 ：减小放大率 　　7、使用辅助选项快捷键　　 　　切换筛选键开关 ：右SHIFT八秒 　　切换高对比度开关 ：左ALT+左SHIFT+PRINT SCREEN 　　切换鼠标键开关 ：左ALT+左SHIFT+NUM LOCK 　　切换粘滞键开关： SHIFT键五次 　　切换切换键开关： NUM LOCK五秒 　　8、IE中： 　　ALT+RIGHT ARROW　　　　 显示前一页（前进键） 　　ALT+LEFT ARROW　　　　　显示后一页（后退键） 　　CTRL+TAB　　　　　　　　在页面上的各框架中切换（加shift反向） 　　F5　　　　　　　　　　　刷新 　　CTRL+F5　　　　　　　　 强行刷新 本文转自
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：3504340次
积分：42673
积分：42673
排名：第76名
原创：899篇
转载：447篇
评论：604条
阅读：48252