利用dreamweaver完成网页版面编辑

网页版面编辑主要是针对切割好的网页进行优化设置,对图片、文字、动画等进行排版操作,Adobe公司的dreamweaver是现在最为流行的页面编辑软件,可用于对Web站点网页进行设计和开发,它为设计师提供了方便的网页创作工具。

手绘效果图

在纸上先画出整个设计中理想的结构,如果详细一点的话还可以把设计的一些风格也画上。框架和大体风格确定后,继续在图纸上表明那部分栏目、内容和一些网站上的颜色符号等。这样虽然是纸上谈兵,但却是设计网站的重要组成部分。因为只有这样才不会做了以后发觉少了很多该规划的内容和风格。

网页设计创意思维的原则

何为创意?创意就是引人入胜、出其不意的想法;创意是捕捉出来的点子,是创作出来的奇招……创意并不是天才的灵感,而是思考的结果。创意是将现有的要素重新组合。在网页设计中,创意的中心任务是表现主题,即不同的“诉求重点”。

    创意是网站生存的关键,这一点相信大家都已经认同。作为网页设计师,在网页设计运用创意思维是需要遵守一定的原则的,主要有以下几条。

    1、审美原则
   
    好的创意必须具有审美性。如果一种创意不能给浏览者以好的审美感受,那么就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们的审美观念。

图形图像创意设计方法


    图形图像创意是网页创意的核心,是视觉形象的再创造过程。创意就是客观地思索,然后天才地表达。如果说图形图像的创意解决了“做什么”的问题,那么设计就是具体的“怎样做”。

    1、同构
   
    同构运用了影射和借代的手段,把要表达的内容用其他物象表达出来,利用浏览者求新求奇的心理状态,运用对比和联想的方法,达到传达信息的目的。用同构方法设计的形象幽默诙谐、印象深刻,给人一种情理之中,意料之外的视觉冲击力。同构的图形图像表现,往往含义深邃并能给人全新的视觉感受,充分表达设计师对世界的理解与审美理念。

图像的规格

网页中所使用的图形,大部分都是使用JPG和GIF两种格式。这两种格式除了具有压缩比高、利于浏览和下载的优点外,还具有跨平台的特性。不管浏览者使用何种操作系统或浏览工具,都可以直接从浏览器上看到这两种格式的图片。网页图片的特点是图片质量不需要很高。因为网络图片一般只显示于计算机的显示器上,受显示器最大分辨率的限制,即使图片的分辨率很高,颜色深度很大,我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说,分辨率为72dpi是大多数图片的最佳选择;另一个特点是,图片要尽量小。网络页面的图片用于网络传输,受到带宽的限制,文件的大小越小,下载的时间久会越短。

图像的组合

图像的组合就是把多幅图片或图形以不同方式摆放,形成一个图像群或图像组,以期传达更多信息。图像的重要程度可以因面积、摆放位置的不同而有所不同。图像组合的方式有块状和散点两种。

    1)块状组合
   
    块状组合是将图片或图形通过水平、垂直线分割,在网页上整齐有序地排成块状,这种组合形式有强烈的整体感、严谨感,并富于理性和秩序之美。如果图像大小相等,它们之间则是平等的关系。

图像的虚实

 图像的虚实对比能够产生空间感,实的物体感觉近,虚的物体感觉远。要想让图像具有虚的感觉,一种方法是将图像模糊;另一种方法是将图像的色彩层次减少,纯度降低,尽量与背景靠近,使图像产生悠远的感觉。

图像的数量

网页中图像的数量应根据网站内容需要来精心安排。只采用一幅图像,会使网站主题突出、页面安定,但要求图像的质量要高,才能显示出格调高雅的视觉效果。采用两张图的网页就相对较为活跃,同时也能产生对比的格局。三张以上的图像能够营造出热闹气氛的页面。

图像的面积

图像的大小直接关系到视觉效果与情感表达,它不仅决定了主从关系,也控制着页面的均衡与运动。一般来说,大图像能表现细节,容易形成视觉焦点,感染力强,传达的感情较为强烈,更容易吸引浏览者的注意。小图像则显得简洁精致,有点缀和呼应的作用。大小对比强烈,给人跳跃感;大小对比减弱,则页面稳定、安静。图像在网页中占据的面积大小能直接显示其重要程度。

    在网页设计中,应首先确定主要形象与次要形象,把重要的能吸引注意力的图像放大,从属的图像缩小,形成主次分明的层次格局。只有大小图像主次得当地穿插组合,才能构成最佳的页面视觉效果。

网页设计之特殊字体


    网页设计者必须考虑到大多数浏览者的机器里只装有3种字体类型及一些相应的特定字体。为我们指定的其他字体在浏览者的机器里并不一定能够找到,这个网页设计带来很大的局限。

    1、特殊字体应用
   
    一些网站设计者喜欢使用特殊的字体,虽然可以在网页中使用特殊的字体,但是如果浏览者计算机上没有安装相应的字体,则显示效果无法预料,显示的网页可能非常糟糕。为了避免你所选择的字体在访问者的计算机上不能显示,有两种解决办法,层叠样式表CSS有助于解决这些问题,而通常的方法是在确有必要使用特殊字体的地方,将文字设计成图像,然后插入页面中。