分类: 网页设计 |
预览模式: 普通 | 列表

如何制作会移动的广告条

一、用DreamWeaver打开任意一个网页,空白页也可。在菜单中选择“插入Insert”-> “层Layer”,即看到网页中多了一个空白Layer1,你也可以为他命名。再将光标点到空白Layer1内,选择“插入Insert”-> “interactive Image”-> “rollover image”,在弹出的对话框中分别插入你的广告条的图片(请注意original image 表示第一张图片,rollover image 表示当鼠标移到第一张图片时,又出现的图片,而且一定要把preload rollover image选中),调整层大小,使层尽可能与图片大小相近。

  二、在菜单栏选择“修改Modify”-> “时间轴Timeline”-> “添加对象到时间轴Add object to Timeline”。点击后,弹出对话框,告诉你只有图象和层才能添加到时间轴。对话框按确定后,我们选中Layer(单击层标记或层边界,或用层面板选择一层,当一个层被选中时,层边界会显示出调整大小手柄,按住鼠标左键不放,拖进时间轴动画栏的第一频道,即面板上竖写1,2,3等等的“1”那行,时间轴里面马上增加了一个默认的15帧动画。

然后,单击动画栏最后关键帧标记,再选中页面中的层Layer1,将它拖动到动画的结束点,或者在“层的属性面板”改变层的“左L”属性大小来确定结束帧层的位置。此时,页面中显示了从动画起始位置到结束位置有一线条,这就是层的运动轨迹。要想让页面打开时候它就开始运动,就在“时间轴TimeLine”面板上的“自动播放Autoplay”前打勾,如图3所示:按在时间轴上中部的“-> ”箭头不放,就可以直接预览这直线动画了,或者按下F12键预览。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1998

如何在网页中插入Flash动画

在制作网页时,除了插入文本、图片等内容,有时候还需要插入flash动画、音频、视频等来增强页面表现力。

    由于页面内容不可能只有一个Flash,所以还是需要进行布局,这就又用到了表格,正好在上篇文章已经介绍过表格的制作和表格的嵌套方法,很容易地做到温故而知新。

    新建页面,插入一个两行一列的表格,设置表格背景色为#FF99FF,在上面的单元格中输入标题“展示Flash”,将字体设置为粗体并居中显示。在下面的单元格中插入Flash。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2125

如何在网页中插入视频

有些朋友在为公司制作网页时,经常会遇到要求在网页中插入视频的要求吧?

    在过去这可能是个难题,可在现在,这完全是小菜一碟。因为现在有了很多服务稳定、内容丰富的视频网站,我们可以将视频放到视频网站上,再链接到自己的公司网页中。

    提到视频网站,相信大家都不会陌生,而且应该运用起来比较娴熟吧?没错,用视频网站上的视频嵌入到自己的网页中就像在网页中插入Flash一样简单,基本上只会用到两种方法,请看下面的详细介绍。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1955

网页设计的总体要素

一、定位
     每个网站都应有自己的独特目的。相对于现实的单位来说,也就是企业CI设计中的企业宗旨。而目前的很多网站,尤其是一些小公司或个人网站对此把握得并不到位。就象是文章的中心思想不明确。定位不清楚,使浏览着不知其所云。
     二、功能的实现
     网站有了、定位有了,接下来要对网站功能的实现及实现的过程细心安排。要做到流畅、完备、可信、安全(尤其是一些电子商务站电)。这几点是一个优秀网站的精神所在,也是吸引力的来源。例如几大搜索引擎、电子邮局,把功能的实现做到了几乎完美的地步。例如雅虎,几乎没有艺术与设计可言,他只靠完备的功能来吸引大众,是只靠功能的实现来获得成功的典范。(但是总有一天会把艺术效果提高上去的,否则很可能会落后。)
     三、艺术在网络的价值

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2054
Google 所提出的「整体网页设计」最近被越来越多地提起。对于设计师和开发者而言,它所涉及到的内容并没有表面上看起来那么粗犷简单。

用最简单的方式来解释,所谓的整体网页设计是将整个项目视为一个整体来审视,来看待和处理,深入理解和洞悉整体中每个环节之间的关系,把控全程。如果视觉设计不理想,再好的内容都无法脱颖而出,它们应当是一体的。同样的,如果世界上视觉设计最优秀的网页却缺少可用性,那么它也难以在用户面前立足。这些都是没有借助整体网页设计的方法而出现的常见问题,也是绝大多数网页设计项目所亟待解决的问题。

以下是「整体网页设计」的工作原理。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2251
为用户,在很多时候会很容易判断出一个网站的用户体验是否优秀,因为主观感受是很难被欺骗的。但是作为网站的设计者和开发者,角色转换之后,所需要面对问题就复杂得多。身为构建者,要让体验尽善尽美需要花费大量的时间精力来完善整个体验的闭环。今天为你所整理的这7个 UX设计的原则,能够帮你更好地进行网站的 UX设计,并且尽可能地将整体的用户体验提升到一定高度。

1. 围绕用户体验来进行整体设计

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2302
Echo :本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。

根据组件的用途,可以分为六大类:Feedback 反馈、form 表单、basic 基础、data 数据 、navigation 导航、other 其他。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2411