刚开始琢磨这事儿
那天闲着没事刷网页，脑子里突然蹦出个问题：Photoshop不就是个修图搞设计的吗？它真能捣鼓出个像模像样的网页来？反正电脑里装着它，闲着也是闲着，不如亲自上手试试，看看到底行不行。
动手开整第一步：画草图
我寻思得先有个想法。就打开PS，新建了个空白的画布，宽度设了个常见的1024像素，高度先不管。脑子里想着常逛的那些网站首页啥样，开始乱画框框：这放个导航条，那儿放个大图轮播，下面再来几排内容方块，最底下塞个页脚。颜色也随便抹了点，看着顺眼就行，心里知道这就是个样子货。
把图片变成网页零件
页面大概有了个模样，但整个还是张图。得把它“拆”开！我找到了PS左上角那个像小刀一样的“切片工具”。对准我画好的那些区域——导航、轮播图、内容块……一个一个咔嚓咔嚓地切过去。切完感觉特像给页面做了分尸手术，一块块的。
保存零件（切片）
切好了得导出来。点开“文件”菜单，找到“存储为Web所用格式”，旧版本的话。跳出来一大堆选项，有点懵。干脆选了最常用的“JPEG”格式，质量拉到“高”。然后看到底下有个“存储...”的按钮。点了之后，PS问我存哪儿，还要选个名字。我弄了个新文件夹放着它。关键的一步来了： 在弹窗右下角，“格式”那儿一定要选“HTML和图像”！选好了再点“存储”。
- 切片这块儿最容易懵，得看准选中的是整个切片还是某个区域。
- 质量别设太低，不然图模糊了难看。
看成果（简陋的网页）
跑去刚才存文件的地方一看，PS自动生成了一个HTML文件和一个叫“images”的文件夹。双击那个HTML文件，呼一下，浏览器就弹出来了！刚才在PS里画的框框图片，真的被拼成了一张简陋的网页！点哪都没反应，毕竟就是些图片拼的嘛但是位置都对得上。
然后我就去扒拉那个HTML文件，用记事本打开一瞧，里面全是一行行的代码，好多 标签啥的，引用的就是我导出的那些小图片。仔细看，表格里排的
图片路径，就是按我在PS里切好的位置摆的。
那点感想
折腾完就明白了两件事：
- PS确实能整出个像网页的东西来，但本质上只是把设计好的图切成小块，然后用代码（表格）拼起来显示。做出来的就是个纯“图片架子”，不能真的点击跳转、交互那些。
- 这法子搁现在有点过时了。想搞真能用的、好看的网页，后面还得把这堆图片、HTML代码，放到正经写代码的工具（比如Dreamweaver或者手写）里，慢慢加功能、调细节、弄样式，麻烦着。PS更像是打草稿或者做页面效果预览。
反正结论就是：能搞出个静态样子，想直接当成品网页用？门儿都没有！当个设计原型看看样子还行。
