推荐阅读

精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构,网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富,通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景,漂亮的图文混排,精致的交互细节。>Cruise Me为了让项目效果突出,设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图,每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下,用户可以翻看不同主题不同旅游项目的卡片,有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR

PHOTOSHOP绘作逼真蕃茄
4.画个大椭圆,羽化20,反选,增加亮度30。 5.取消选择后,用加深和减淡工具处理周边,上面和两边减淡,底部加深。使用加深和减淡工具的时候,需要不断的尝试,这时最好给图像做个历史快照,或是复制一层来做,这样便于修改,涂抹时次数是很多的,不一会就数十次了,在历史记录中可恢复不了。 6.蕃茄有几个瓣,现在来做这几条陷下去的纹。画个椭圆,用选择-变换选区旋转和移动到适合的位置,羽化1,在凹纹的位置用减淡工具檫。 7.反选后用加深工具檫。 8.同样方法做出余下的陷纹。观察整体,再对局部作一些加深增强立体感,可加轻微杂色,数量约1。 9.给这个层命名“蕃茄”,新建一层,在上部画个小椭圆,羽化3,填充灰白性线渐变,将图层模式设为“颜色加深”,作为蒂部位下陷的暗调。向下合并到蕃茄。 10.新建一层,命名“茄蒂”,用钢笔仔细钩出蒂的形状,填充绿色(46/77/27)。 11.绘画实物时,离不开我们的好帮手――加深和减淡工具。刚接触时,我也是极为头痛的,它们不象图层样式那样,调节参数就可以得到效果的,不容易掌握。但只要经过耐心的练习和尝试,你会发觉它们实在是可爱极了。处理茄蒂时可用钢笔辅助钩出叶瓣,也需要载入茄蒂的选区,用轻移、旋转、羽化、反选等动作来得到我们需要的工作选区。完成后加杂色1.5%。

Photoshop打造斑驳压纹镂空文字效果
简 介】 利用PS可以打造出各种各样奇特的文字效果,下面我们来制作一款压纹镂空文字…… 先看一下效果: 效果图 制作工具:Photoshop CS 制作过程: 1、新建一个宽度为100像素,高度为100像素,分辨率为350像素的文件。 2、新建图层1,单击工具箱中的“自定义形状工具”,在其属性栏中单击路径按钮,并在形状下拉面板中选择五角星图案,然后在窗口中拖拽创建一个五角星路径,如图01所示。

自己动手用Dreamweaver制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手,它可以使窗口显得清爽整洁而且富有动感,笔者的几个朋友都想在自己的网页中加入类似的东东,经过共同摸索发现用Dreamweaer就可以实现这种效果,下面我们通过一个活动菜单条的制作来看看吧。 第1步:制作菜单外貌 图1 在Dreamweaer中新建一个文件,绘制一个层,在该层中插入一个表格(如图1),对该表格进行修饰,然后加入菜单项并建立各项的超链接,为了去掉超链接的下划线,可以编辑超链接的CSS样式,在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”,将“Hover”的“Color(颜色)”设置为红色,最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步:设计菜单的动态效果 1、选定层面,当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界),在窗口菜单中打开时间线面板,选定层面将其拖动到时间线上,Dreamweaer会自动产生一个长度为15帧的动画对象,拖动该动画对象的最后一个关键帧到第30帧,将其长度设置为30帧。然后在第15帧处单击右键,在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧,并将层面拖动到适当位置(如图2)。在时间线窗口中的第15帧处再次单击右键,在弹出的快捷菜单中选择“添加动作”,为该帧添加一个交互行为,Dreamweaer将自动打开行为面板。单击行为面板中的“+”按钮,从弹出的菜单中选择“Timeline/Stop Timeline”,打开“Stop Timeline”对话框,选择“Timeline1”后单击“确定”按钮关闭该对话框。交互行为的事件为“onFrame15”,动作为“Stop Timeline”,这样当时间线运行到第15帧时,动画将停止播放,这样就实现了菜单条弹回的功能。图2 2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为,这样就实现了菜单弹出的功能。添加了这两个交互行为后,在时间线窗口的相应帧上面都出现了一个蓝色方块,它代表一个交互行为。选择“自动播放和循环”复选框,使动画能够自动循环播放(如图3)。图3
最新发布

W3C教程(16):其他的W3C活动
本节概况了其他一些重要和有趣的 W3C 活动。WAI 定义了如何使残障人士更易使用 Web 内容的指导方针。WAI 通过技术、指导方针、工具、教育、研究以及开发项目,为 "Web accessibility for all" 这个目标而努力。W3C WAI 推荐标准MathML 是一项用于描述数学符号的 XML 标准。MathML 的目标的使数学能够在 Web 上被提供、接受和处理,就像 HTML 可以令文本实现的功能一样。W3C MathML 推荐标准SVG 是一门用于在 XML 中描述二位图形的语言。SVG 运行三种类型的图形对象:矢量图形形状、图像和文本。特性设置包括了变换、裁剪路径、alpha 遮罩、滤镜效果、模版对象以及可扩展性。

W3C教程(15):W3C SMIL 活动
SMIL 向 web 增加了对定时和媒介同步的支持。SMIL (Synchronized Multimedia Integration Language) 被设计为用来启用 web 上的多媒体呈现。SMIL 呈现可由音频、视频、图像、文本以及其他媒介类型组成。SMIL 是一门基于 XML 的类 HTML 语言。您可以在我们的 SMIL 教程 中阅读更多有关 SMIL 的内容。HTML+TIME 指的是对 HTML 的定时多媒体交互扩展(Timed Interactive Multimedia Extensions for HTML)。它的作用是向 HTML 添加 SMIL 1.0 的定时和同步支持。HTML+TIME 被以下单位提交到 W3C :Microsoft、Macromedia、Compaq/Digital 以及 Digital Renaissance。您可以在我们的 SMIL 教程 教程中阅读更多有关 HTML+TIME 的知识。HTML+SMIL (对 HTML+TIME 的修正)曾在一份早期的 SMIL 2.0 工作草案被提及。SMIL 2.0 成为 W3C 推荐标准后,HTML+SMIL 被从 SMIL 2.0 中删除,并成为名为 XHTM+SMIL 的独立工作草案。

W3C教程(13):W3C WSDL 活动
Web Services 与应用程序到应用程序的通信有关。WSDL 是一门基于 XML 的 Web Services 描述语言。WSDL (Web Services Description Language) 是一种用于描述 Web Services 的 XML 格式。。如需学习更多有关 WSDL 的知识,请阅读我们的 WSDL 教程。作为一种可描述 Web Services 的 XML 格式,WSDL 1.1 于 2001 年 3 月曾在一份记录中被建议到 W3C(由Ariba、IBM 以及 Microsoft)。此记录还描述了如何结合 SOAP 1.1、HTTP GET/POST 以及 MIME 来使用 WSDL。W3C WSDL 1.1 仅仅是用于讨论的纪录(NOTE)。此记录的发布不代表 W3C 对其任何程度的认可。第一份工作草案发布于 2001 年 12月 17 日。最新的工作草案发布于 2003 年 6月 11 日。W3C 的 XML Protocol 工作组目前正在工作于 WSDL 2.0。

W3C教程(12):W3C Soap 活动
Web Services 与应用程序到应用程序的通信有关。SOAP 是基于 XML 的 Web Services 间的通信协议。SOAP (Simple Object Access Protocol) 是一种中立于平台和语言的轻量级通信协议,使得程序可以通过标准的因特网 HTTP 进行通信。如需学习更多有关 SOAP 的知识,请阅读我们的 SOAP 教程。在 2000 年 5 月,SOAP 1.1 曾在一份记录中被建议到 W3C(由开发商:IBM, Lotus, Microsoft 以及 Userland),作为用于在分布式环境中交换信息的一种协议。W3C SOAP 1.1 文档仅仅是一份用于讨论的纪录(NOTE)。此记录的发布不代表 W3C 对其任何程度的认可。W3C 的 XML Protocol 工作组目前正工作于 SOAP 1.2第一份工作草案发布于 2001 年 12 月 17 日。SOAP 1.2 于 2003 年 6 月 24 日被发布为 W3C 推荐标准。W3C SOAP 主页

W3C教程(11):W3C DOM 活动
文档对象模型 (DOM) 是一个平台,一个中立于语言的应用程序编程接口 (API),允许程序访问并更改文档的内容、结构和样式。如需学习更多有关 DOM 的知识,请阅读我们的 HTML DOM 教程和 XML DOM 教程。DOM 级别 0 不是 W3C 规范。而仅仅是对在 Netscape Navigator 3.0 和 Microsoft Internet Explorer 3.0 中的等价功能性的一种定义。DOM 发展过程中的关键角色有:ArborText、IBM、Inso EPS、JavaSoft、Microsoft、Netscape、Novell、the Object Management Group、SoftQuad、Sun Microsystems 以及 Texcel。W3C 的 DOM 级别 1 建立于此功能性之上。DOM 级别 1 专注于 HTML 和 XML 文档模型。它含有文档导航和处理功能。DOM 级别 1 于 1998 年 10 月 1 日成为 W3C 推荐标准。第二版的工作草案在 2000 年 9 月 29 日。DOM 级别 2 对 DOM 级别 1 添加了样式表对象模型,并定义了操作附于文档之上的样式信息的功能性。DOM 级别 2 同时还定义了一个事件模型,并提供了对 XML 命名空间的支持。

W3C教程(10):W3C XQuery 活动
XQuery 是一门用于从 XML 文档中提取数据的语言。如需学习更多有关 XQuery 的知识,请阅读我们的 XQuery 教程。XQuery 语言支持从 XML 文档提取数据的查询工具。W3C XSL 主页

W3C教程(9):W3C XPath 活动
XPath 是一门用于选取 XML 文档的部件的语言。XPath 被设计为供 XSLT、XQuery 以及 XPointer 使用。如需学习更多有关 XPath 的知识,请阅读我们的 XPath 教程。如需学习更多有关 XQuery 的知识,请阅读我们的 XQuery 教程。如需学习更多有关 XSLT 的知识,请阅读我们的 XSLT 教程。XPath 1.0 于 1999 年 11 月 16 日成为 W3C 推荐标准。XPath 2.0 于 2007 年 1 月 23 日成为 W3C 推荐标准。XPath 2.0 是一门由 XPath 1.0 和 XQuery 衍生而来的语言。XPath 2.0 和 XQuery 1.0 的产生是同源的,它们拥有不少相同的语法,而且不少文本也是一致的。W3C XSL 主页

W3C教程(8):W3C XML Schema 活动
XML Schema 是基于 XML 的 DTD 替代物。如需学习更多有关 XML Schema 的知识,请阅读我们的 XML Schema 教程。XML 1.0 支持可定义文档结构的 DTD。XML Schema 对应用程序、文档结构、属性和数据类型有着更良好的支持。未来的 XML 版本有赖于 XML Schema 来定义 XML 文档的类型。W3C XML Schema 主页

W3C教程(7):W3C XSL 活动
样式表可描述文档如何被显示、发音或打印。XSL 语言包括三部分:XSLT、XPath 以及 XSL 格式化对象。如需学习更多有关 XSL 的知识,请阅读我们的 XSL 教程。作为一项 W3C 推荐标准,XSL 1.0 作为一门表达样式表的语言被发布于 2001 年 10 月 15 日。它由三部分组成:XSLT、XPath 以及 XSL 格式化对象。XSLT 1.0于 1 999年11月16日成为 W3C 推荐标准。XSLT 是一门用于把 XML 文档转换为其他 XML 文档的语言。XSLT 2.0于 2007 年 1 月 23 日成为 W3C 推荐标准。XSL 格式化对象一个用于规定格式化语义的词汇表。格式化指的是把XSL转换的结果转变为适合阅读器或收听器的过程。虽然不存在针对 XSL 格式化对象的独立 W3C 文档,但是还是可以在 XSL 1.0 推荐标准中找到相关的描述。W3C XSL 主页

W3C教程(6):W3C CSS 活动
样式表可描述文档如何被显示、发音或打印。CSS 是一种向网页添加样式的机制。如需学习更多有关 CSS 的知识,请阅读我们的 CSS 教程。作为一项 W3C 推荐,CSS1 发布于 1996 年 12 月 17 日。1999 年 1 月 11 日,此推荐被重新修订。作为一项 W3C 推荐,CSS2 发布于 1999 年 1 月 11 日。CSS2 添加了对媒介(打印机和听觉设备)和可下载字体的支持。CSS3 计划将 CSS 划分为更小的模块。W3C CSS 主页