博文纲领：

ps网页设计教程

新建画布：在Photoshop中，首先新建一个六百乘六百像素的画布，背景色设置为黑色。绘制网页元素：新建图层：在图层面板中新建一个图层。绘制图形：选择钢笔工具，绘制所需的网页元素图形，如按钮、装饰线条等，并填充为白色或其他所需颜色。

网页设计期末作业PS（网页设计期末作业评语）

打开PS软件，新建一个1920*3000的文件，分辨率设为72像素，颜色选白色，这就像给网页首页准备了一张大大的画布哦！设置参考线。用guideguide插件，左右边距都调成360像素，行数12行，每行间隔20像素，这样就像给画布上画好了格子线，方便我们布局。建立首屏线。

使用PS的切片工具，将设计好的网页效果图进行切片。每个需要链接的部分都应该单独切片。使用切片选择工具选择单个切片，并为其添加链接。保存为Web所用格式：选择“文件”“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。

打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。

在Photoshop中打开设计稿，确保整个页面布局清晰可见。使用切片工具将大面积的色块单独切成一块，注意保持切片在水平线上的整齐，以便于后期网页布局的统一。完成切片后，检查切片布局是否合理，确保没有遗漏或重叠的部分。接下来，在Photoshop中选择“文件”-“保存为Web...”来输出切片。

如何用ps简单制作一个web网页

1、用PS简单制作一个web网页的步骤如下： 新建文件 打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素/英寸，颜色模式选择白色作为背景。 设置网格 安装并使用guideguide插件，设置左右边距为360像素，行数为12行，余边为20像素。这有助于规范页面布局。

2、使用PS的切片工具，将设计好的网页效果图进行切片。每个需要链接的部分都应该单独切片。使用切片选择工具选择单个切片，并为其添加链接。保存为Web所用格式：选择“文件”“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。

3、在Photoshop中制作网页的关键步骤包括尺寸与分辨率设置、文字规范、图片处理、栅格系统应用以及切图。尺寸与分辨率 选择适合的网页尺寸，如1366x761920x1080等，以适应不同屏幕尺寸。设置分辨率为72ppi，颜色模式为RGB，以适应网页显示需求。

4、用 Photoshop 制作网页需要以下步骤：确定网页的布局和设计：首先需要确定网页的布局和设计，包括页面的宽度、高度、颜色、字体、图像等。创建新文件：在 Photoshop 中创建一个新文件，根据网页的布局和设计设置文件的大小和分辨率。

5、小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。

如何使用ps和DW制作网页?使用ps和DW制作网页的方法

使用Photoshop制作网页效果图 创建背景图片：新建一个1920px*400px的文件。使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景。保存这张图片为gif格式，作为网页的顶部背景。设计网页效果图：新建一个1000*800的文件，用于设计整个网页的效果图。使用各种PS工具设计网页的布局和内容。

使用Photoshop和Dreamweaver结合制作网页，流程十分简洁。首先，在Photoshop中，运用切片工具将设计好的网页版面进行切割。接着，通过文件菜单中的保存选项，将切片保存为网页格式。这里，记得在保存时选择文件和图像选项，这样便能生成一个基本的网页文件。

首先，我们需要学习PS的基本操作。通过学习PS，我们可以掌握如何创建和编辑图像，设计网站界面，制作图标和按钮等。掌握PS的基础操作是制作网页的第一步。其次，我们需要了解DW的操作。DW是一款专业的网页制作软件，它可以帮助我们构建网页的基本结构，实现页面布局，添加链接，设置样式等。

ps怎么设计网页模板

首先，我们需要先确定一个网站的类型和类型。如果是企业网站，我们就需要将网站的内容编写成标题、副标题和正文，然后根据内容的主题来设计网站的页面，同时也要注意网站中的字体的统一性。如果是商城网站，我们应该使用衬线体、手写体、圆角矩形体、粗体、倾斜体等。另一种简单的网页形式，如站酷、淘。

一般来说，一个首页应包括banner，这是网站最上方的部分，往往用来展示网站的主要信息或图片。接下来是menu，即主菜单，它帮助用户浏览网站的不同部分。再往下，则是一系列的box，每个box代表一个独立的模块，可能展示不同的内容或功能。

如果你只是制作模板，那么就学习html，div+css，js(jquery)即可网页模板只是一个网页的模块，目的是为了方便网页编辑者可以快速导入这个模块，并且对里面的内容进行编辑，节省时间。要制作网页模板，要先懂得最基本的网页制作方法。

新建文件，一般宽度控制在1002内，高度自定。划分区域 3进行页面设计 提交客户看样稿 网页裁切与布局（目前用DIV+CSS布局）这样一个完整的网页首页模板就OK，可以移交给程序人员了。

你可以在一张图像上任意添加按钮、图片、文字等内容，做成网页最关键的一步就是切片，用切片工具托拉，就能拉出一块块的区域（这些区域后来在网页软件中可以设置链接），然后把这个文件存储为WEB所用格式，这样存储的文件是一个HTML和一个装有切成块的图。

如何用ps做ui设计 步骤：新建一张大小为640*1136的画布，然后保存，命名为5S渲染模板。创建一个新的画布，命名为：渲染。创建一个新的画布，命名为：渲染。大小可选。你可以把它变大。这要看你自己的情况。拖动5S效果图模板。PSd刚刚保存到这个画布上。

网页作业的ps的psd工程文件的问题

*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

遇到PSD文件无法打开的问题，通常是因为没有正确设置文件的关联程序。具体操作步骤如下：首先，右击该PSD文件，选择“打开方式”这一选项，随后，在弹出的窗口中选择Photoshop程序。

遇到PSCS4的psd文件打不开的问题，常见原因有三种： 扩展名被隐藏，右键-打开方式-选择默认程序，选photoshop即可。 隐藏已知文件类型的扩展名，打开我的电脑--工具（没有工具请按Alt键）--文件夹选项--查看--把隐藏已知文件类型的扩展名的对勾点掉。

怎么使用PS制作一个网页

新建文件 打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素/英寸，颜色模式选择白色作为背景。 设置网格 安装并使用guideguide插件，设置左右边距为360像素，行数为12行，余边为20像素。这有助于规范页面布局。

使用PS制作一个网页的预览图或网页元素，可以按照以下步骤进行：创建基本画布 新建一个六百乘六百像素的画布，背景色设置为黑色。这将作为你网页设计的起点。绘制网页元素 绘制图形：新建图层，选择钢笔工具，在画布上绘制所需的图形，如按钮、装饰框等，并填充为白色或其他所需颜色。

使用PS制作一个网页的预览图或网页元素，可以按照以下步骤进行：创建基础画布：新建画布：在Photoshop中，首先新建一个六百乘六百像素的画布，背景色设置为黑色。绘制网页元素：新建图层：在图层面板中新建一个图层。

使用PS制作一个网页的模拟图或元素，可以按照以下步骤进行：创建基础画布：新建画布：首先，在Photoshop中新建一个六百乘六百像素的画布，背景色设置为黑色。新建图层：在图层面板中新建一个图层，以便在独立图层上进行绘制。绘制图形与添加文字：选择钢笔工具：在新建的图层上，使用钢笔工具绘制所需的图形。