导航:首页 > 万维百科 > photoshop网站布局设计理由

photoshop网站布局设计理由

发布时间:2020-11-20 15:53:15

1、简述L行网页布局类型的优缺点在ps中

你用一个插件就可以快速搞定pitstop插件,它是基于PDF软件的,我给你一个视频教程你看一下,看了你就能明白了

2、photoshop网页美工期末总结与体会文章

篇一
在这一年美工总结自己接触和学习设计的一点经验心得。
一、网站的配色
我们公司主要是做一些医疗网站的,因此在整体配色的问题要特别小心,特别是我们做部队医疗行业这一块的,主打色是军绿、海蓝、宝蓝,兼且要一些部队元素,这样才能体现部队应有的权威性、稳重性和声望、精神。只有这样医院网站才能给用户带来更踏实的视觉和吸引更多的人来就诊,
二、网站的布局
做美工设计的不单要对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。整体配色、字体、各模块的间距、插图、增减内容等各个方面的敲着。
三、网站的细节
对美工设计人员来说,这点也是非常重要的,细节能否处理得当也能体现做事明细,这也是我在不断提升的一块。比如背景色、色彩渐变、各组件间间距、标题样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,那么处理细节方面也会有很大的提升。
四、用户体验度
一个网站的如果美工设计得好,给人们的第一印象是非常好,这代表着人们可能还会停留在你的网站里面继续浏览,这样也大大提高用户体验度。因为我们做医院网站的,要保持美观、权威、明细等,比如人们来到了网站浏览,如果美工图片做得非常不清晰也会影响患者对整个网站的印象,还有广告图片的位置问题,要放在一些比较显眼的地方,同时不会影响到患者查看其他内容,对于图片广告的图片,也要突出权威性和真实感,这样对就诊率的提高也会有很大的帮助的。还有美工图片的好坏直接影响了用户对网站的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。
五、个人心态
美工本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。
篇二
新的一年开始之际,在我们昂首期待未来的时候,有必要对过去一年的工作做一个回顾,总结以往的经验教训,以待在新的一年有所改进。
回顾过去一年,在领导的带领下,在各位同事的大力协助下,工作上取得满意得成果。我的岗位是美术编辑,工作岗位在开发中心,可是我的工作范围并不局限于程序开发中的模版设计等工作,而是涉及到了编辑部的广告设计,广告图片替换,页面策划修改;涉及到技术部页面制作,代码调试,样式修改,后期维护等不同工作。可以说凡是需要突出我们网络部及网站整体形象的地方,就需要美编参与工作。
设计工作是痛苦与快乐的炼狱,每当面临重大的设计任务时充满了压力,开始搜集各种资料(包括文字的、图片的),接下来寻找设计灵感,沉思、焦灼,经过痛苦煎熬,终于有了满意的创意时倍感轻松。每当经过艰苦的磨砺,自己的劳动成果得到大家的肯定时,便是工作中最大的快乐!充满了快意。
当然,工作中的痛苦与快乐首先要求有坚定的政治信念与立场,遵纪守法,爱岗敬业的强烈责任感和事业心。因为热爱自己的工作,所以精通本岗位的专业识和业务技能,熟悉有关行业规范,关注行业的发展趋势。时刻保持强烈的创新意识。
篇三
前言
目前,人类社会已经迈进了网络时代,计算机和互联网已经于老百姓的日常工作,学习和生活息息相关,人类社会目前又处于了一个历史飞跃时期,正由于高速的工业化时代迈向初步的计算机网络时代,在计算机技术,网络通讯技术的告诉发展的今天,电脑和网络正在以惊人的速度进入人类社会的各个角落。那么今后,我们将用怎样的态度和方式来面对网络科技给我们带来的物质层面和精神上的变化,我们必须对因为网络而引发的社会生产和生活各个层面的深层次变化作一个深刻的理解和清醒的认识,我想这必将成为是当今人类所面临的最大课题,可能是我们科学工作和研究者们需要面对的新的挑战。
当互联网成为第四种媒体出现的时候,它就表现出与以前的大众媒体的不同特征,在报纸、广播、电视上,普通人不可能及时发表个人对某一重大事件的看法,而互联网能随时随地公开地实行人与人之间的对话,作为受众的网民不再是被动的,他可以随时表达自己的意见,有时甚至可以成为某些事件的主角
随着对商业化使用政策的放宽,因特网已经不仅仅局限于信息的传递,网上信息服务出现了。许多机构、公司、个人将搜集到的信息放到因特网上,提供信息查询和信息浏览服务。人们把提供信息来源的地方称为“网站”,即因特网上的信息站点。凡是连入因特网的用户,无论在世界任何地方、任何时刻,都可以从网站上获取所需的信息和服务。
一、实习报告目的
刚走出社会的时候,自己就像一张白纸,工作是什么样子?要用什么样的状态去工作?这些在学校里是无法体会的。实践让我走向科技应用,走出课堂.目前,我所缺少的主要不是知识,而是缺少将知识与实际相结合的能力.我们在课堂上所学的,与在实际当中遇到的是不尽相同的.其往往具有不具有明显的特征,这需要我们进行抽象概括才能解决各种问题,而这次实习正好给了我这次实践的机会,结合实实在在的用作,运用自己所学的知识,积累经验。
二、实习单位及工作岗位简介
1、实习单位简介
该公司是一家国内专业的电子商务外包服务商,公司主要为品牌企业提供商城搭建、网站建设与运营、营销推广、数据分析、电子商务代理运营等服务。我们的优势是:公司电子商务运营经验丰富;仓储配送能力强大;网络营销实力宏厚:公司拥有丰富的网络营销经验,可以为客户提供各种营销方式,并且提供数据分析工具,同时配备专业的客服能力,结合专有的技术,公司可以为客户提供一个强大的客户服务平台。
2、工作岗位简介
该岗位主要负责公司广告、图片、动画、海报、logo、
及网页的设计制作。服从公司的指挥,认真执行其工作指令,一切管理行为向公司负责。严格遵守公司规章制度,认真履行工作职责。认真做好各类信息和质料收集、整理、汇总、归档等工作,为公司旗下各项目的成功开发提优质的素材。全面主持设计工作,担纲创意核心、设计指导、效果统筹、设计沟通的任务。负责与各岗位的协调工作,网站页面的美工设计,进行div+css网页布局及修改。配合技术部门对网站页面设计和技术的配合。
二、 实习过程
1、初来公司的时候
在接到公司面试的电话后,我来到了武汉世纪联动科技有限公司,因为我所应聘的是网页设计,所以要有一个小测验,美工部的经理发给我一个题目,根据MLB的官网风格,画出相同风格的电子商务网站。所有素材自己找,画好图纸后,用css+div进行布局。考察的主要是相关软件、的操作能力与代码掌握的熟练程度,说实话,学习photoshop和css已经有一段时间了,刚开始上机,还有点生疏。但凭借着在学校巨塔工作室学到的知识,还是画出了相应的图纸。以及对该页面进行了布局。经理看了以后,说不错,就说了句,以后的外国网站,不能出现中文。让我三天后参加培训,进行相应的考察。合格就可以正式上班。
2、三天的培训工作
三天后,我来到了公司,一看,来参加培训的人有很多,大概在是个左右,其实所谓的培训,就是让大家先熟悉网站的工作。先做了些他们平时干的活,做些广告网页,这些网页都是静态的,无需实现动态的交互,这才让我拾起了些信心,后来我发现,其实我们一起实习的,水平都差不多,我们公司主要更偏向写代码,所以我的优势就突出了。
3、最后的考核
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据实习期的表现决定去留问题,最优秀的人会转正,得到更加优厚的待遇。
考核的内容就是在公司的商务网站上任选一个页面,然后再规定的时间内做完,我还是不错的,技术比较熟练,是第四个完成的,当我们把网页做完后,由这家公司的经理进行审核,最后的结果是。我被留下了,最后完成的,就那样被活生生的淘汰了,制度虽有点不近人情,但是社会就是这么的现实,有能力就能生存。就这样,我们每个人得到了一份一月的临时合同,正式开始实习工作。
4、 正式工作
我们每天的上班时间是从早上8:30分到下午的17:00,其中,中午有两个小时的休息时间,这是我见过最有激情的一些人了,年纪轻轻的,干劲十足,来了公司以后就工作,连平时连天的内容也和本行也分不开,我喜欢他(她)们,因为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的,从上到下式的网页,通过css+div布局,这样在后期浏览器兼容测试中,就好做多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求最精,我做的网页的速度慢了很多,最初每天只能做1也页面左右,这对于我来说是不能接受的,后来我改变了工作的方法,我第次工作的时候,先订下计划,比如今天做多少页面,然后我将要做的所有页面,先做好排版,,这是的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多。我相信只要自己多加练习,速度就会提升。
三、实习内容
1、整体工作
我的工作就是负责设计整个网站的页面部分,根据网页设计师或客户所提供的主题要求来设计出整个网站。
2、工作中要完成的任务
作为一个网站美工除了要求网页三剑客,ps。这些比会的软件以外,还要对html用的很熟练,对asp或php或jsp要有初步的了解。
(1)表达一定的艺术效果
一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。
(2)使页面结构清晰可读性强
经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架,让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型的没有注意到编排清晰度、可读性的表现。
(3)实现不同的功能
在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。
(4)网页的内容
网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广告栏等。
(5)确定网站的类型
在设计网页之需要做大量的准备工作,需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页;
(6)确定网站的风格
如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感
(7)确定网页之间的链接关系
在网站的总体规划列出来后,就必须要考虑各个网页之间的关系,是星型、树型、网型还是直线链接?
(8)具体工作流程
网站美工确保项目派工单和网站资料的完整性,作出设计方案和栏目设计方案,留意客户特别要求的信息
1、研究一些同类型的优秀网站,结合从客户那里所获取的资料,总结出比较合理的布局和风格,开始设计方案和栏目设置方案.
2、设计好最佳设计方案和栏目设置方案,先让业务人员审核一次,达到要求确认后,进行PSD的样板页面设计.
3、设计好PSD样板页面,让业务员跟客户展示设计好的样板,是否符合要求,符合要求后进行广告网站的全面的PSD设计和广告网站制作. (PSD样板页面设计
对价钱跟要求并不高的客户,对网站的每个页面设计的要求是颜色基调不同、样式稍有改变,设计页面排版风格简练到位、网站贯串一副Flash动画,以增加动感这样的网站在后面制作页面简单,维护修改简单;
对价钱高但要求不高的客户,照样采用上述方法,只是在考虑项目制作时间长短的情况下,对项目的质量进行提高;
对价钱跟要求都高的客户,对网站的每个页面设计的要求是每个栏目精心设计,在保持风格的前提下,对每个栏目的样式跟颜色都有所不同、设计一个大Flash贯穿整个网站,并在每个栏目的头页或栏目导航栏上设计出简单漂亮的小Flash动画.让整个网站充满动感和活力)
4、合理切割PSD文件,导入保存成图片(.gif .jpg )形式.
5、建立网站后台文件,检查后台栏目跟块名没问题后上传到服务器
6、使用Dreamweavers对PSD样板页的样式规定进行网页排版制作,设计规范合理,扩充性强、无多余累赘代码.
7、建立网站的字体,表单按钮所需要的Css样式表
8、设计每个栏目的模板页和PHP页面,并对不同的元素使用定义好的Css样式表.
9、制作完成每个栏目设置的模板页和PHP页面后,添加网站样板资料.
10、检查网站的链接排版错误跟漏洞,从而进行修复和完善.
11、发到部门人员内部审核一遍(针对网站,不针对广告),对链接和排版错误的地方进行修改.
12、再自己浏览一遍、确认没问题后通知业务人员和客户进行验收修改.(如有兼容性的问题,则需对其兼容性的解决)
五、实习收获与体会
通过本次毕业实习我真正了解到步入社会后我们还有许多知识要学习,还有许多需要加强的地方,我的网站这方面的知识还有许多欠缺的地方,还不能熟练的掌握。我知道这不是短时间内能够学会的,这次实习对我很有大的帮助,在这过程中我还学到了很多东西。有了这次实习的经验,再以后就可以更快,更好的融入新的环境,完成学生向职场人士的转换。在实习期间通过不断的学习和总结经验,提高了处理实际问题的能力,为我以后步入社会进行总结了以下经验。
(1)用人单位在招聘员工的第一要看的就是你是否有想去学、我们一同过去的几位应聘者中,有一部分就是因为在想去学习的劲头上比别人逊色一点而落选。因为对于用人单位来说如果一个人有想去学习,那么他在这个特定的岗位上就会很快的得心应手,从而减少了用人单位要花很大的力气来培养一个员工。
(2)在工作中要有良好的学习能力,要有一套学习知识的系统,遇到问题自己能通过相关途径自行解决能力,因为在工作中遇到问题各种各样,并不是每一种情况都能把握,在这个时候要想把工作做好一定要有良好的学习能力,通过不断的学习从而掌握相应技术,来解决工作中遇到的每个问题,这样的学习能力,一方面来自向师傅的学习,想工作经验丰富的人学习,另一方面就是自学的能力,在没有别人帮组下的情况下自己也能通过努力,寻找相关途径来解决问题。
(3)良好的人际关系是我们顺利工作的保障。在工作之中不只是同技术,同设备打交道,更重要的是同人的交往。所以一定要掌握好同事之间的交往原则和社交礼仪,这也是我们平时要注意的。和谐的人际关系,能为顺利工作创造了良好的人际氛围。
另外在工作之中自己也有很多不足的地方,例如缺乏实践经验,缺乏对相关技能知识的标准掌握等。所以我常提醒自己一定不要怕苦怕累,在掌握之知识的同时加强实践,做到理论联系实际,另一方面要不断的加强学习,学习新知识、新技术。
通过这次毕业实习,把自己在学习一方面巩固所学知识,提高处理实际问题的能力,另一方面为顺利进行毕业报告做好准备,并为就自己能顺利与社会接轨做好准备,毕业实习是我们从学校走向社会的一个过渡,它为我们顺利的走出校园,走向社会为做好了准备。

3、在Photoshop里设计好网页后,在Dreamweaver里怎么导出div+css布局的静态页面?

在PS里设计好用切片把你需要的图片切出来,然后在DW里编辑用div+css布局编写好就哦了

4、浅析关于photoshop与网页布局设计的关系

一、Photoshop在网页布局设计中的作用
1、 Photoshop在网页布局计划中的作用
①布局灵活:Photoshop的灵魂是图层,每层可以放置不同的元素,图层之间可以相互链接,也可单独存放,每个图层上的图像位置可以随意挪动而不影响其它图层的图像位置,每个图层上的图像大小、色阶、亮度、饱和度透明度等可单独设置而不影响其它图层上的图像。如此灵活的功能,完全可以让设计者随心所欲设计而不受任何约束,而Dreamweaver等软件给设计者提供出自由度降低很多,其效果也会大打折扣。
②修改方便:网站建设前期首先要与客户签定合同,签定合同时客户最关心的是自己的网站是什么样子,这时设计者不可能拿出建好的网站给客户演示,这样一是成本太高,合同能否签定还不一定;二是保护知识产权,有的客户拿走设计方案交给别的公司去做,自己岂不成了给别人做嫁衣裳。最好的办法是拿出在Photoshop中做出的效果图给客户看。一般情况下,客户一次满意率非常低,总会提出修改意见,而且还会不断地提出修改方案。这时我们就可以利用Photoshop的强大功能按客户的要求方便地进行修改和优化,直到客户满意为止。如果在Dreamweaver下,每做一次大的修改,几乎跟重新设计一样费时费力,而且还不一定能达到客户要求。
③加快浏览进度。一个设计不美观不规范的网站是没有生命力,同样一个打开、下载速度慢的网站也是没有存在的价值。心理学研究表明,选择性越多,人的忍耐性越差;可选择性越大,人的忍耐性越低。在互联网高度发展的今天,同类网站多如牛毛,人们没必要在一个网站前停驻静侯你一点一点地下载、打开、测试、显示。一般情况下,下载速度一旦超过10秒,人们会自动转向其它网站。决定下载速度的因素很多,如服务器配置标准、网络传输介质、客户机的配置以及同时点击人数的多少等。但是在这些条件相同时,网页大小及网页元素的优化和配置就是唯一的因素。使用Photoshop设计的网页经过裁切后体积相对要小得多,相同的元素因为其格式变化也会大大提高下载速度,因此Photoshop就成了提高速度,提高点击率的制胜法宝。
二、用Photoshop设计网页布局应注意的几个问题
1、 网页文档尺寸与分辨率。网页文档一般为1007*600和708*800像素,分辨率为72像素,这是屏幕分辨率,太高的分辨率并不能增强效果,反而会降低下载速度。一般情况下,大型网站不要超过3屏。
2、 颜色:网站背景颜色与文件颜色要统一协调,一般不要超过两种,一些网站被批评为脏、乱、差,其要害是颜色搭配不合理,或者太多,给人一种不舒服的感觉。
3、 字体,标题。导航字体一般用黑体,正文一般用宋体,其它字体浏览器不兼容,可能造成调试时出错,给工作带来麻烦。如果为增强页面效果用到其它字体,则最好在用Dreamweaver前在Photoshop切分及图片,字体的颜色设置要考虑到整个页面效果。
4、 布局格式:虽然效果图是用Photoshop设计的,但一定要兼顾到Dreamweaver对页面布局的要求,Dreamweaver下网页布局是使用‘国’字形,还是其他模式,是否使用框架,使用框架的类型是哪一种,都是在设计前要考虑到的。否则会造成效果图与最后的网站布局出现出入,给客户和自身带来麻烦和损失。
5、 图文搭配:一个好的网站是图片多好还是文字多好,这要视网站的功能、行业、目的而定,但有个原则就是图文合理配置,而图片则要按一定的空间分布进行和谐分布。另外,图片大小要合乎美学原则,不能太大,一般用缩略图较好,如果要显示更多的图片细节,不妨给缩略图链接一个大的图片。
6、科学使用参考线。参考线是设计页面布局的有效辅助工具,我们可以先用横参考线将网页布局分成几大版块,然后用竖参考线将每个板块按我们的思路分为几个小板块,最后再整体观察一下。要精确定位网页元素,可用对齐参考线的方法来实现:“视图”—“对齐到”—“参考线”,而参考线的精确定位可以借助标尺和网格来实现,这里要注意的是网站的Logo和Banner或者导航条等都是事先设计好的,有固定大小,在做这些区域时尺寸一定要按照这些元素尺寸设计,不能有丝毫差错,否则进入DreamWeaver整合时,则可能出现空边或撑开表格的现象。
三、“切片”工具是Photoshop通向DreamWeaver的桥梁。
利用Photoshop效果图最终与客户签合同后,还不是Photoshop设计网页布局的终结,而还有关键的一步,就是“切片”,只有正确地切片后,DreamWeaver才能对效果图进行有效的整合,Photoshop在网页布局中的积极作用才发挥到了极致。要完成“切片”这关键的一步,应遵循以下原则:
1、必须依靠参考线。设计时用到参考线,切图时更要用好参考线。参考线能保证我们切出图在同一表格中的尺寸统一协调,有效避免“留白”和“爆边”。
2、 Logo和Banner必切。如果效果图中存在Logo和Banner,我们必须切片这部分,主要是为预先设计的Logo和Banner留下空间,在DreamWeaver整合时最好不用Logo和Banner的切片,而是直接用Logo和Banner原文档,这是提高Logo和Banner效果的需要。
3、虚线和转角形状必切。虚线和转角形状在DreamWeaver 不能实现,只能使用Photoshop切片。
4、渐变必切。这也是Dream Weaver实现不了的。
5、大图必切。大的图像必须切分成均匀图,这样可以提高网页下载速度。
6、特殊文字效果必切。除黑体和宋体外,其他字体必须切片。DreamWeaver下最有效的字体只有宋体和黑体,其它字体浏览器也要能不兼容。
7、导航条必切。一般情况下导航条都是特别设计的,其效果在Dream Weaver下不能实现,因此必须形成切片供后期使用。
8、有效存储切片。存储切片的文件夹必须位于站点的根目录下,文件夹名必须是英文名字。存储切片时用“文件—存储为web所用格式”命令。切片存储格式要求一般存为Gif格式。Gif占用体积小。要求较高的图像存储为JPEG格式,JPG格式显示更多的图片细节。
当然,网页布局的设计软件的使用依设计者习惯、爱好、风格不同而不一样。笔者在此只是谈一下一般的规律,以供广大网页设计初学者参考。

5、PS网页布局怎么理解

PS切图布局,没用过,DW布局的话,用div+css比较好,至于PS切图布局我们老师没有推荐

6、如何用PHOTOSHOP做网页的布局

首先要看布局需要多大 。然后新建一个网页大小的背景;在根据导航条,logo,栏版目的大小各自新建图层。权在编辑完成后将其合并。 可用ctrl+u 综合调整整体颜色;ctrl+m调整综合对比度。最后用切片导出。

7、简述ps制作网页布局的优缺点

综合各种设计方法的优缺点,可以得出利用Photoshop设计网页通常可以达到意想不到的效果,这不只是取决于他可以随意布局图片,更得意于其专业的图像处理能力。下面小编就给大家展示一下Photoshop设计网页的独特之处。 开始制作: 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设计网页内容完成。

8、网页设计中页面的尺寸怎么定?用PS设计的时候有哪些注意事项?才能在切图的时候符合网页布局?

宽度大概在960~1000px; 但是有的时候你需要考虑网页中1000以外的东西怎么延伸和扩展问题。因为目前为止,最小的分辨率是1024的,所以符合最小分辨率的就可以。

9、ps网页布局的大小问题

最常用的浏览器页面是1024*768像素,但浏览器本身还要让一定空间,所以应设为1007*600像素

10、用photoshop做网页方法

800*600我一般宽会设成780px,1024*768 宽度会设成 1000px,高度当然要看内容多少来定。
布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。
接下来就是切图了,切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小(大图为了浏览时能顺利打开最好切割成N小快),是否为背景图(有的图很大,但实际上都是小图片的平铺效果,所以遇到这种图只取小图,在网页中设为背景就可以了)。除此之外还要考虑是否可以用图片以外的元素代替,比如有的纯色块完全没必要用图片,只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具,按需要把设计好的网页切割好后用ctrl+alt+shift+s保存,就会生成一个html文件了,你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面,显示的效果和ps中的完全一致,似乎布局已经完成了。
但Dreamweaver现在才刚刚开始排的上用场,因为网页毕竟不是纯粹的图片,还需要文字、flash、声音等元素的添加,Dreamweaver要做的就是继续完善你的页面,图片越少越好,该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。
哇塞 想想都麻烦^ ^
归根结底 photoshop 是用来构图设计的,而Dreamweaver是为了完成并完善图片到网页的转换过程。

与photoshop网站布局设计理由相关的知识