1. 设定一个800X600像素的空白背景,颜色模式选取RGB模式。
    RGB模式是由红色、绿色、蓝色三种颜色相叠而成,使得网页色彩内容更加鲜亮清晰。
    新建文件,点击确定键,空白文件将自动显示在软件中。
    对于新建空白文件来说,图像的宽度和高度大小须按照等比例进行设计,也可以不勾选重新定义新像素来实现。

  2. 打开一张背景图片,将其移动到白色背景画布中。选择圆角矩形工具,设置路径转换为选区,像素设为5,以确保圆角矩形的四个角度更加明显。
    选择渐变工具,使用系统自带的黑白渐变,修改颜色为灰白。也可以设置前景色为灰色,背景色为白色进行渐变填充,然后点击确定。

  3. 选择工作路径,鼠标左键CRL点击工作路径,设置为选区。选择渐变类型,画出从上到下白色至浅灰色的渐变效果图。

  4. 修改选区像素,使之缩小一些,然后从下向上再次渐变。使用Alt快捷键复制选区,如图所示。
    找到合适的车的图标,使用磁性套索工具勾勒好,然后左键拖拽到位,选择个图层,水平分布和居中分布对齐。

  5. 选择钢笔工具勾画另一个车的标志,调整到合适位置进行调整。
    点击图层后进行左对齐分布,使标志分布在最左边位置。

  6. 再次选择一个不同的车的图标设计图片,使用钢笔工具勾画图标,或者为方便直接用魔棒工具选择图形的一部分。

  7. 选中图形,全部选中相应图层,调整水平分布和左对齐分布。当分布不均匀时按住鼠标左键自动进行调整。
    所有图标自由变换到合适位置,如图。

  8. 在适当的位置输入文字,设置文字颜色为黑色。将三个文字图层按住Shift键和方向键进行移动调整以改变字体排列。
    调整车的图片便于观看,文字排版即可。

  9. 提高Web应用程序开发技巧:
    1)自动部署:把一个Web应用程序迁移到生产环境一定要尽可能简单快捷。为了实现真正的敏捷性,必须将Web应用程序经常频繁地部署到生产环境,否则延迟会跨越开发周期堆积。
    2)减少复杂性:一个应用程序越复杂,改变它就越困难。可以将系统分成几个更小的子系统来完成任务。但需要一种可以帮助理解复杂系统和开发团队进行组件分组的技能。
    3)从第一天起以生产为目标:对于一个时间紧迫的业务问题来说,制定快速解决方案以后再修改这个程序适应生产环境是十分具有诱惑力的。
    4)影响分析:要快速改变,团队需要确定这些改变不会破坏已完成的工作。使用以下三个步骤最小化这个问题:首先在开发过程中使用影响分析工具;其次进行回归测试;最后确保变更的影响可以被度量。

  10. 网页模板设计与应用技巧:
    1)超链接访问后hover样式不出现问题:改变CSS属性的排列顺序,例如:L-V-H-ps。
    2)解决IE6的浮点双倍边距BUG:加上display:inline;ps。
    3)FF下文本无法撑开容器的高度:去掉height设置min-height(px)。
    4)web标准中IE无法设置滚动条颜色:将body换成html。
    5)无法定义1px左右高度的容器及解决方法:例如使用overflow:hidden|zoom:.8|
    line-height:1px或设置margin-top:-50%。

  11. 建立日期显示方式:
    一、采用VBScript脚本语言
    通常使用其内部提供的日期和时间函数:
    Date——返回系统日期
    Weekday(x)——返回日期x是星期几
    Year(x)——返回日期x的年份
    Month(x)——返回日期x的月份
    Day(x)——返回日期x的日期

    二、采用JavaScript脚本语言
    使用Date对象中以下方法处理有关日期和时间操作:
    getDate()——获得当前日期
    getDay()——获得当前星期
    getMonth()——获得当前月份
    getYear()——获得当前年份

    设计过程中,进入HTML编辑方式,在需要显示日期的位置插入代码。两种方法都能显示系统当前的日期,具有各自特点和优势。

以上是对于网页模板设计与应用技巧的分析,希望能对您的学习有所帮助。