网站用ps切图时不知道怎么切了发现切后不知道怎么用div排那个导航

PS切图技巧

1. 确定切图范围：根据设计稿，明确需要切图的元素范围。
　　2. 切片规划：使用PS中的切片工具，根据页面元素和布局的需要，合理规划切片。
　　3. 导出图片：将切片后的图片导出为web格式，如PNG或JPG。

DIV布局导航的实践

1. 搭建基本结构：使用HTML创建基本的DIV结构，如头部、导航、主体和底部等。
　　2. CSS样式设置：通过CSS为DIV设置样式，包括颜色、字体、布局等。
　　3. 导航布局：将切好的图片作为背景或元素，利用DIV进行导航布局。例如，可以使用ul和li标签创建导航菜单。
　　4. 响应式设计：为了适应不同设备的屏幕尺寸，需要使用媒体查询等CSS技术进行响应式设计。

PS切图与DIV布局的配合

1. 图片与DIV的对应关系：确保切好的图片与DIV的尺寸和位置相匹配。
　　2. 导航条的布局：利用DIV的浮动、定位等属性，将导航条布局在合适的位置。
　　3. 调试与优化：在完成布局后，需要进行调试和优化，确保导航条的功能和视觉效果符合设计要求。

常见问题与解决方案

1. 切图不准确：检查切片工具的使用是否正确，或者重新规划切片范围。
　　2. DIV布局混乱：检查HTML和CSS代码是否正确，或者调整DIV的属性进行优化。
　　3. 导航条不显示或错位：检查图片是否正确导入，以及DIV的布局和定位是否正确。

　　通过本文的介绍，我们了解了在网站设计过程中，如何使用PS进行切图，并利用DIV进行导航布局。在实际操作中，我们需要掌握PS的切片工具和导出技巧，以及HTML和CSS的DIV布局方法。还需要注意图片与DIV的对应关系，以及导航条的布局和调试。在遇到问题时，我们需要耐心地检查并寻找解决方案。通过不断的实践和我们可以提高网站设计的效率和质量。