如何使用photoshop制作网页

很多朋友不知道用ps制作网页的规范。下面介绍一下。

01

打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。

02

画布创建完成后，我们在1200px左右两边拉一条辅助线固定。

03

然后打开画布大小，取消“相对”，宽度调整为1920px。

04

设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力。

网站制作流程和方法？

步骤一：必须明确想要制作一个什么样的网站，有建站意向的诸位，请先想清楚这三个问题：

1、这个网站存在的主要作用是什么；

2、我想把它建设成一个什么样的网站；

3、这个网站针对的访客群体是哪些人。

为什么想要大家先思考这三个问题呢？因为我在帮客户建设网站的时候，经常遇到一些客户，对自己的网站没有明确的大纲，等把网站制作的差不多的时候，却要求我对网站从新设计，因为他心目中的网站不是这个样子的。客户没有描述清楚想要建设什么样的网站，结果导致很多时间和精力的浪费，这个实在是不划算。

步骤二：网站需要有一个域名，域名存在的作用是为了让访客可以通过浏览器直接访问你的网站，即使访客在非洲，也可以浏览到你的网站。域名有很多种，不仅是.com域名，还有.cn域名，.org域名等。对于购买域名我给的建议是：

1、最好购买.com后缀的域名，这个最常用。

2、域名尽量短，方便访客记住；但这个不绝对，有的用户希望域名里面带有公司名称，这个也可以。

3、域名从正规渠道购买，要注意域名安全；域名对网站来说十分重要，如果域名被盗取，或者域名丢失，一定会给网站造成某种程度的损失。

步骤三：网站还需要网站空间。网站空间有很多种说法，还有人称：网站主机，其实都是同一个意思。人都需要一个家，所以我们需要购买一栋房子；同理，网站文件也需要一个存放的地方，这个就叫网站空间。网站空间也分很多种，根据网站的用户访问量和网站文件的数据大小来决定使用何种网站空间。关于网站空间的使用，我给的建议是：

最好使用国内主机，用户打开你的网页可以更快一些，并不是说国外主机不好。而是因为互联互通的原因，国内用户访问总归会慢一些；一般访客打开一个网页，超过4秒没打开，他可能就失去耐心而关掉网页。

必须注重网站空间安全性，要注意远程连接的IP和帐号密码别泄漏，也别在主机里面打开什么网页；如果网站可以使用CDN加速，最好使用，也有利于网站安全性。

步骤四：这个步骤是本文重点，选择合适的建站方式

一、自己动手制作网站

自己做需要你懂基本网站代码，像html，css和javascript这些，等你了解了最基本的页面制作原理，边学习边制作最多花你几周时间。 二、下载网站管理系统

利用专业的网站管理系统进行建站———这个不需要专业知识，学起来难度不小，只要花几天时间熟悉系统功能就可以了。对于一些中小型企业网站来说，ASP.NET的 Pageadmin网站管理系统集成了强大的后台管理功能 ，简单易用，新手根据使用教程完全可以制作出自己风格的网站。

关于网站美工，需要掌握网站图片设计软件，常用的是Photoshop软件，是美国adobe公司开发的，专业的图片处理软件。很多照相馆也用它来处理相片。

以上四个步骤，简单的向大家介绍了如何制作网站，网站制作的方法和步骤，写的不是太详细，请大家见谅。

ps可以做网页吗？

最重要的一点记得保存。这些都是熟能生巧的，多加练习就行。 设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计（例如DreamWeaver）法，利用中间软件实现格式转换法（例如Word生成HTML代码），还有就是PS设计网页法。综合各种设计方法的优缺点，可以得出利用PS设计网页通常可以达到意想不到的效果，这不只是取决于他可以随意布局图片，更得意于其专业的图像处理能力。

1、打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择 “1024 x 768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。

4、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。

5、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。

6、对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。

7、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。

8、找到保存文件的位置，打开”feifei工作室.html”文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成。至此，利用PS设计网页内容完成。

如何用photoshop做网页？

1.先用Photoshop做一个网页图片；2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；3.使用切片工具，按照绘制的表格划分切片4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。5.接下来用Dreamweaver打开html文件，为其作链接及其它。6.最后保存就完了。还不清楚的话可以Hi我！