1新建一个8X6像素的空白背景，颜色模式设置为RGB模式。
RGB模式下的色彩是由红、绿、蓝三种颜色叠加而成，可以更直观地展示网页中的色彩效果。

新建文件后，点击确定，空白文件将自动显示在软件中。在设计空白文件时，图像的宽度和高度需要按照等比例进行设计，也可以取消勾选重新定义新像素。

打开一张风景图片，将其移动到白色背景画布中。选择任意形状工具，设置路径为5个像素，像素越大，形状边缘越圆滑。接着，选择渐变工具，选择系统自带的黑白渐变，修改颜色为灰白，也可以设置前景色为灰色，背景色为白色进行填充。然后点击确定。

选择工作路径，鼠标点击工作路径并设置为选区，选择线性渐变类型，画出渐变的颜色。渐变的方向从上到下，呈现出白色到浅灰色的渐变效果。

接着，调整收缩像素的大小，将选区缩小一些，再次从下向上进行渐变操作。使用Alt键复制出渐变效果，然后选择图片中的一个元素图标，用磁性套索工具勾勒出形状，并将其移动到合适的位置。选择对齐图层，水平分布，居中对齐。

再次使用钢笔工具勾画另一个元素图标，并调整到合适位置。点击图层后进行左对齐分布，使元素整齐排列在形状的左侧。

选择一张新的设计图片作为背景，用钢笔工具或魔棒工具进行勾勒。选中图形，全部选中相应图层，调整水平分布和左对齐分布。当需要调整样式时，可以按住鼠标左键自动进行调整。

将所有元素自由变换，调整到合适的尺寸和位置。按下Ctrl+T实现元素的自由变换。在HTML编辑方式中输入相应的文字，设置文字颜色为黑色，将三个文字图层移动调整后排版。

为了更好地观看效果，对图片进行适当调整，并优化网页布局，使整体页面更加美观、协调。提高Web应用程序开发的技巧1.
自动部署
把一个Web应用程序迁移到生产环境需要尽可能简单快捷。
为了实现真正的敏捷性，跟上业务发展的步伐，必须频繁地将Web应用程序部署到生产环境，否则，延迟会影响到开发周期。

如果新版本部署到生产环境需要花费两天时间，那么生产力会受到严重影响。

减少复杂性
一个应用程序越复杂，改变它就越困难。
解决方案是将大系统分解成几个更小的子系统。完成这个任务需要一种技术：既能帮助理解复杂的系统，又能帮助开发团队将系统拆分成多个更容易管理的组件。

从第一天起就以生产为目标
对于时间紧的业务问题，制定一个快速解决方案，以后再修改应用程序以适应生产环境，看起来很敏捷，但实际上，监控、可扩展性、日志和用户管理等都是不可忽视的因素。

理想的解决方案是在一个可以自然而然提供这些功能的平台上构建Web应用程序。
4.
影响分析
要快速进行改变，团队需要确定这些变更不会破坏已完成的工作。以下三个步骤有助于减小问题：首先，在开发过程中使用影响分析工具；其次，进行回归测试；最后，确保变更的影响可以被度量，特别是把生产性数据放到生产性服务器中时。
5.
知识传递
人员离职、不同团队负责开发和维护，或必须将团队重新分配到不同的项目中，这些都是需要在知识传递方面投资的理由。

但是，不要把知识传递的重担压在开发者的肩上。文档无法满足这方面的需求，走查代码缓慢且困难。应该使用领域特定语言或可视化的语言，把这个工具交给工具来完成。
6.
灵活控制
面对需要两天才能批准迁移到生产环境的官僚化流程时，只需要1秒部署流程的优势将完全消失。要实现真正的灵活性，有两件事是必需的：全面问责制——当问题发生时，知道该找谁求助；更重要的是，可以回滚一个不太成功的部署。
7.
与项目干系人进行合作
越早获得项目干系人的反馈，Web应用程序开发就越早走上正轨。如果方向错误，开发速度再快也没意义。

考虑这一点，项目干系人可以提供关于他们想看到哪些改进的反馈，这是至关重要的。
看起来好像有很多工作需要做——这些步骤都不是一触而就的，但是通过它们，开发团队的生产力将显著提高。

网页设计常见问题1.
超链接访问过后hover样式就不出现的问题
被点击访问过的超链接样式不再具有hover和active状态。解决办法是改变CSS属性的排列顺序：L-V-H-ps：好在自己一开始书写时就没有把这四种样式写全过，我只写a:link，a:hover，一直也没出现什么问题，后来发现ie6下a:visited和ff下的颜色不一致，这才发现这一个问题。看来没有问题也不代表书写正确。

IE6的双倍边距BUG
浮动后本来外边距1px，但IE解释为2px。解决办法是加上display:inline。刚开始接触这一工作的时候真的是不知道怎么回事，还以为是各个浏览器之间的解释不同，制作时只能小心翼翼地以ie6的宽度来定义，可惜ff和ie经常预览效果不一致，被某些人抓住不放，当时很是气愤和郁闷，一气之下疯狂百度和谷歌，可惜那时候抓不住关键词，走了不少弯路才找到问题答案，好在现在解决了。

为什么FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器不会象IE6里那样被撑开。那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height属性，设置min-height：px；这里为了照顾不认识min-height的IE6可以这样定义：

div{height:auto !important; height:px; min-height:px;}

为什么web标准中IE无法设置滚动条颜色
了解解决办法是将body换成html。当时被要求要重新定义滚动条的时候，我查到了两个方法，一种如上，一种是js仿制滚动条，我应用的是上面的这种，但是发现不兼容IE，后来不了了之了，再后来偶然间才发现了这个解决办法。

为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的。解决的方法也有很多，例如：overflow:hidden|zoom:0.8|line-height:1px。

怎么才能让层显示在FLASH之上
解决的办法是给FLASH设置透明。

怎样使一个层垂直居中于浏览器中
这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二。margin的值就是div宽度的1/2。

网页上显示日期的两种方法
在上网的时候，经常会在一些网页上看到当前的日期，如“今天是XX年XX月XX日星期X”等字样。为了显示系统当前的日期，一般采用脚本语言VBScript或javascript，两种语言有其各自的特点，特别在网页教学中，通过这两种语言的运用和对比，能达到较好的教学效果。现分别介绍它们的设计过程。

一、采用VBScript脚本语言
利用VBScript内部提供的Date方法来显示系统当前日期：Date——返回系统日期Weekday(x)——返回日期x是星期几Year(x)——返回日期x的年份Month(x)——返回日期x的月份Day(x)——返回日期x的日期。

二、采用javascript脚本语言
使用javascript内部的Date对象处理有关日期和时间的操作。以下方法可用于显示日期：getDate()——获得当前日期；getDay()——获得当前星期；getMonth()——获得当前月份；getFullYear()——获得当前年份（四位数字）。

以上就是一些常见的网页设计问题和相应的解决方案。希望对你有所帮助。