PS设计网页页面的教程

装修宝典09

PS设计网页页面的教程,第1张

PS设计网页页面的教程
导读:网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。但是你想要做好一个稿子就不是那么简单了。这当中有一些天赋的因素,但是更多的是学习。你可以从模仿别人的稿子开始,渐渐的融入自己的东西。要做好网页设计,一定要多看,拼命的看并且吸收里面的

网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。

但是你想要做好一个稿子就不是那么简单了。

这当中有一些天赋的因素,但是更多的是学习。

你可以从模仿别人的稿子开始,渐渐的融入自己的东西。

要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。

我看了你所描述的情况,您说了,是学完PS后,转换成html 。其实经常做网页的人都是做完PS效果图后,然后对进行切割处理,切割的方式要尽可能的方便HTML布局。

既然你对布局还是不太熟练,可以先用table来搭建大的页面框架,保证整体不会乱掉,然后再用Div+CSS去填充页面的内容,CSS的学习和使用也是一个过程,你可以先试着使用CSS去实现一些样式效果,不必考虑布局的问题,等到你对CSS的修饰手段掌握的差不多的时候,可以再试着去用DIV加CSS布局。其实布局有很多方式,但都离不开CSS样式修饰。有时候为了提高页面的加载速度和显示效果,采用Ul Li加CSS的时候也很多。重要的是把CSS学好,就好比你学会的房子的建筑技术,给你换了不同的材料,你也能很快的去建出来房子。但是你建筑技术就不过硬,用什么材料,建出来的房子质量都不一定好~

学习的过程是一个慢慢摸索的过程,就好比你在一湖池水里寻找东西,你在任何一个地方下水都是无关紧要的,只要我们明确自己的目标,你一定会成功的~加油吧~

看来我有必要再重申一下我的观点,网页设计显然已经饱和了,不再是过去一个静态网页都上百的时代了,做网页想独创?不可能,除非你很顶尖很有主导地位,网页永远都是互相雷同的,不能否认,只有借鉴才会有更多的优秀作品面世,现在靠做网页混饭吃很吃力了,至少现在成本越来越低,收费也越来越低,我所说的flash现在还没有饱和,依然有活力的,不过flash的命运是被另一个动画软件所代替,但是flash的性质会一直延续下去,这符合传统动画不消失的特性,3D现在尚未成熟,成本过高,现在的广告动画用flash做多轻松,我不认为我所说的是错误的,PS切片后导出这是我之前的做法,但是现在当然是在PS里做效果图啦,不过网页设计没那么复杂,不用PS导出切片照样可以做的很好,现在做CSS还是可以的,加上PS,应该还是可以,但是现在单单会一样显然是不行的,得追随潮流,要学习新的事物,很多公司都是要求会的种类要多,但是不一定都精,精一样就可以了,CSS还是不错的,你攻克一下PS吧,不错的打算,网上视频不可不看,那是基础,如果连基础都不愿意看,那怎么能学好呢,更好还是跟有老资格的同事学习,进步会很快的

顺便说一句,不要随意驳斥他人,看清再说,每个人的观点纵使有偏差,有少许的错误,但是犯不着互相攻击,认识不同才能造就丰富多彩的社会

网页设计模板是什么,怎么利用网页设计模版?

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD文件(可用Photoshop、ImageReady或Fireworks修改),按钮PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为dwt。

2)模板的作用:有利于保持网页风格的一致;提高工作效率。

1创建模板

1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开:Window菜单--Templates

2)创建基于文档的模板:File菜单-Save

Template

2设置模板页面属性

1)用模板创建的文档继承模板的页面属性,页标题除外。

2)设置:Modify菜单-Page

Properties

3定义模板的可编辑区

1)定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、New

Editable

Region

2)取消可编辑区标记

Modify菜单-Templates-Remove

Editable

Region

应用和更新

1应用模板创建文档

1)应用模板创建文档

使用模板创建新文档:File菜单-New

Template

或:File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板:Modify菜单-Templates-Apply

Template

Page-模板面板中选定模板-单击Select

或:从模板面板中拖一个模板到文档中

或:从模板面板中选定一个模板,单击Apply

2)可编辑区和锁定区

在应用了模板的文档中,只有可编辑区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。

具体操作:Modify菜单-Templates-Detach

Template

2修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存

3更新站点中使用模板的所有文件

Modify菜单-Templates-Update

Pages

如何 *** 网页模板

首先你要明白网页 *** 的流程:

1、网页设计师(主要是用PS)先将网页设计出来。

2、进行网页 *** ,就是切片,div+css布局,将变成网页。

3、后台 *** 。可以自己开发,也可以套用cms,如dedecms,phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。

后台目前流行PHP语言。这些都是基础

5、需要学习的有,html,div+css,js(jquery),php等。

教程网站,百度“W3C”,即可

如果你只是 *** 模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要 *** 网页模板,要先懂得最基本的网页 *** *** 。比如构思好网站结构之后,用网页 *** 软件《dreamwearer》打边框,设计框架和布局,然后插入,输入文字等媒体内容。然后可以保存为模板。

ps怎么设计网页模板

ps怎么设计网页模板ps怎么设计网页模板我们在看网站的时候会发现设计师们也越来越注重模式设计,不同的网站设计风格,需要不同的设计思路,网站的设计需要什么要求呢接下来小编就带大家来看看网页的设计 *** 。在网站设计中使用字体的步骤。首先,我们需要先确定一个网站的类型和类型。如果是企业网站,我们就需要将网站的内容编写成标题、副标题和正文,然后根据内容的主题来设计网站的页面,同时也要注意网站中的字体的统一性。如果是商城网站,我们应该使用衬线体、手写体、圆角矩形体、粗体、倾斜体等。另一种简单的网页形式,如站酷、淘。最主要的是表现网站的内容。这是因为其他网站从来也不是为了好看而设计的,都是为了让用户感到舒适。

*** 主页是一项非常复杂的工作,跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考,找出一些灵感,然后搜集相关的素材,并按照自己的思路去慢慢溶图、渲染颜色,处理明暗及细节等。最终效果

一、网页首页模版创建

1、首先打开我们下载的ps软件,左上角选择文件-新建(快捷键ctrl+N),然后创建一个1920x3000的画布,网页设计分辨率选择72就可以,颜色模式我们选择RGB,点击创建;(注意宽度选择的是像素)

为什么我们要创建1920宽的呢,目前我们的显示器分辨率一般为1920px,所以创建1920px宽度的可以使我们的网页背景正好显示完整,左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素,方便我们测量宽高。操作步骤为:编辑-首选项-单位与标尺(快捷键ctrl+K,找到单位与标尺)

3、选择视图-标尺(快捷键ctrl+R)调用我们的刻度尺,方便直观的看到宽度和高度;左击刻度尺拖出2条参考线分别到360和1560刻度,使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域,使用(快捷键ctrl+;)可以显示关闭刻度。

为什么要使用1200px的宽度呢,因为目前主流的网页设计主体内容宽度为980px和1200px,而1200px可以显示更多的内容,网页也可以显得更加的高端大气。

二、使用矩形工具 *** 黑色背景导航条:

1选择“矩形工具”,设置填充色为“#333”,描边设为空;

2创建“图层1”点击画布,在弹出的窗口中设置宽度1920,高度25,点击创建;

3使用移动工具将导航条移动到左上角;

三、logo导入

1、使用文件->打开(ctrl+o),将logo打开;

2、ctrl+A选中,然后复制粘贴到当前页面中;

3、移动到指定的位置