推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>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
最新发布
Dreamweaver CS3 到底具备怎样的ASP开发能力？
直到Dreamweaver MX中文版的发布，才使得Dreamweaver开发具备了群众基础，从那一年开始，Dreamweaver MX开发ASP的书籍也多了起来。后来发展到Dreamweaver MX 2004和Dreamweaver 8，都具有很大程度上的推动作用。但是还是有一些人觉得有五大尴尬的问题摆在我们面前。1.Dreamweaver到底适合不适合用来开发ASP？2.Dreamweaver开发的程序是不是很多垃圾代码？3.Dreamweaver能开发出什么功能级别的ASP程序？4.高手好像都不用Dreamweaver来开发程序？5.其他程序员好像都鄙视用Dreamweaver来开发ASP程序。以上五个问题是使用Dreamweaver做开发的人员经常遇到的问题。实际上我觉得以上五个问题根本无需尴尬。接下来让我们一个一个来化解以上五个尴尬的问题：
Dreamweaver CS3 For ASP开发起步-建立ASP开发环境
ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进 行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。通常微软的IIS站点服务器工具是开发ASP的最好服务器工具。IIS可以在WINDOWS XP的系统安装盘中找到。你可以在控制面板的"添加或删除程序"中进行安装。 打开后选择“添加/删除Windows组件” 然后在“WINDOWS组件向导”选择IIS进行下一步安装即可。 安装完IIS。我们需要建立一个虚拟目录来作为我们存放ASP开发文件和Dreamweaver CS3站点目录的所在。首先我们在硬盘上新建一个名为“WEB”的目录。（这里我将目录建立在我的电脑的D盘中，读者可以随意建立在你想要的盘符中）然后选中该目录单击鼠标右键再选*享和安全
第五章：设计规划留言本功能流程及数据库字段
我们在Dreamweaver CS3中新建好上面我们规划的文件。如下图为了让大家专注于学习如何编程，我已经预先将留言本的主要页面做好了，大家可以在教程上面的相关下载中下载这几个页面。 我们先来看看几个主要页面的布局和样式。 新建好各项功能页面之后我们再根据页面功能来设计我们的数据库表。 一个简单的留言本我们需要有两个数据表，一个是管理员帐号密码的表，另一个是留言内容的表。相关表结构字段如下： 表名：Administrator 字段：ID （自动编号） 字段: UserName （管理员帐号）（文本） 字段：PassWord （管理员密码）（文本） 表明：GuestBook 字段：ID （自动编号） 字段：YN （是否通过审核）（是否） 字段：G_Name（留言人）（文本） 字段：G_Email（电子邮箱）（文本） 字段：G_Message（留言内容） （备注） 字段：G_Revert（回复内容）（备注） 字段：G_AddTime（留言时间） （日期） 设计完成后的效果图如下： 那么到此我们这一章的内容就讲完了。本章主要是为大家提供一个留言板构架的设计思路和数据库字段的设计流程。
第六章：利用插入记录服务器行为制作新增留言
上一章我们讲解了"设计规划留言本功能流程及数据库字段"。这一讲我们来讲解新增留言的功能。1.首先我们在Dreamweaver CS3中打开“post-message.asp”文件。如下图：2.接下来我们打开服务器行为面板选择插入记录行为。如下图：3.弹出插入记录设置面板的时候，我们选择好数据链接“CONN”，选择插入到哪个数据表，这里我们选择“GuestBook”。设置好新增完成后转到主页“index.asp”页面。由于我已经事先做好了表单页面，并且已经按照数据库字段的名称设置好了表单文本框的名称。所以我们可以看到表单元素和数据库字段已经自动对应好了。如下图：4.设置完成后单击确定我们就能在服务器行为中看到一个“插入记录（表单）”的服务器行为。如下图：5.设置完成后保存该页面，按F12开始预览该页面，并且测试输入留言数据。如下图：
第七章：显示留言列表页面的制作
在制作显示留言的主页面之前，我们先来看看我们必须在这个页面上实现什么功能。首先我们在Dreamweaver CS3中打开“index.asp”文件。如下图：从上图中我们可以看到在Dreamweaver CS3我们必须实现这样几个功能：A：首先我们必须统计留言的记录条数B：当留言数据库中没有任何留言的时候我们要显示 "留言本中目前还没有任何留言记录"，当有记录的时候我们就要隐藏这个提示。C：留言的内容，其中包括了无留言的时候不显示。也包括重复循环显示记录。D：数据分页显示。了解了我们需要实现什么功能后，我们就开始来实现这些功能。1.首先我们在Dreamweaver CS3中打开绑定窗口，选择记录集（查询）。 如下图：
第八章：设计管理员登陆页面
上一章我们讲解了"显示留言列表页面的制作"。这一章我们要学习的功能相对比较简单。1.首先在Adobe Dreamweaver CS3中打开"login.asp"文件。如下图2.打开服务器行为面板，选择用户身份验证-登陆用户。如下图3.在用户登陆设置面板中设置好各项功能。如下图从上面的图中我们可以看到很多设置选项，这里就先不详细讲解，你可以按照上图进行设置。以后我们讲更加复杂高级的案例时会详细讲解登陆用户和权限分级的功能。4.设置完成后我们就完成了这个管理员登陆页面的功能。至于限制用户登陆的功能我们会在下一章中讲到。大家设置好后可以对登陆进行测试。数据库中的默认帐号密码都是“admin”。大家可以用于登陆，你会发现当帐号密码正确时候。登陆后会转到"admin-list.asp"，而当帐号密码不正确的时候，系统还是会停留在"login.aso"页面上让您再次登陆。
在Adobe Dreamweaver CS3中实现数字分页效果
用Adobe Dreamweaver CS3+ASP做网页时,在绑定记录集后,代码页里马上出现以下代码： <% Dim Recordset1 Dim Recordset1_numRows Set Recordset1 = Server.CreateObject("ADODB.Recordset") Recordset1.ActiveConnection = MM_数据库名_STRING Recordset1.Source = "SELECT * FROM 表名" Recordset1.CursorType = 0 Recordset1.CursorLocation = 2 Recordset1.LockType = 1 Recordset1.Open() Recordset1_numRows = 0 %> 我们要来对代码做点修改，请在上面代码中修改为如下的代码： <% Dim I Dim RPP Dim PageNo I=1 RPP=50 PageNo=CInt(Request("PageNo")) ’上面即是新插入的， Dim Recordset1 Dim Recordset1_numRows Set Recordset1 = Server.CreateObject("ADODB.Recordset") Recordset1.ActiveConnection = MM_数据库名_STRING Recordset1.Source = "SELECT * FROM 数据库名" Recordset1.CursorType = 1 ’将上面代码的0改为1. Recordset1.CursorLocation = 2 Recordset1.LockType = 1 Recordset1.Open() Recordset1_numRows = 0 ’再在此行的下一行开始加入如下代码： Recordset1.PageSize=RPP If PageNo<=0 Then PageNo=1 If PageNo>Recordset1.PageCount Then PageNo=Recordset1.PageCount Recordset1.AbsolutePage=PageNo Sub ShowPageInfo(tPageCount,cPageNo) Response.Write "第"&cPageNo&"页[共"&tPageCount&"页]" End Sub Sub ShowPageNavi(tPageCount,cPageNo) If cPageNo<1 Then cPageNo=1 If tPageCount<1 Then tPageCount=1 If cPageNo>tPageCount Then cPageNo=tPageCount Dim NaviLength NaviLength=10 ’NaviLength：显示的数字链接个数 Dim I,StartPage,EndPage StartPage=(cPageNo\NaviLength)*NaviLength+1 If (cPageNo Mod NaviLength)=0 Then StartPage=StartPage-NaviLength EndPage=StartPage+NaviLength-1 If EndPage>tPageCount Then EndPage=tPageCount If StartPage>1 Then Response.Write "<a class=""pageNavi"" href=""?PageNo=" & (cPageNo-NaviLength) & """><<</a> " Else Response.Write "<font color=""#CCCCCC""><<</font> " End If For I=StartPage To EndPage If I=cPageNo Then Response.Write "<b>"&I&"</b>" Else Response.Write "<a class=""pageNavi"" href=""?PageNo=" & I & """>" & I & "</a>" End If If I<>tPageCount Then Response.Write " " Next If EndPage<tPageCount Then Response.Write " <a class=""pageNavi"" href=""?PageNo=" & (cPageNo+NaviLength) & """>>></a>" Else Response.Write " <font color=""#CCCCCC"">>></font> " End If End Sub %> 上面代码中：RPP：指定每页显示的记录条数。即每页显示几条数据。 NaviLength：显示的数字链接个数，即10就为1 2 3 ...10的连接个数。 若要显示所有连接的页（个）数，你可以设置为：NaviLength=tPageCount。 这时代码已经差不多了，但还要在显示的地方（如表格）中加点代码才行吧，（要不然怎么显示，呵~~~）如我们插入一个2行3列的表格。 1.将光标移在第一行第一列中，切换到代码中加入： <%=(PageNo-1)*RPP+I%> 这个代码是显示序号用的。 2.右边2个单元格（当然你自己可以根据需要分更多的列）就是为你要显示的记录了。请分别从绑定的记录集中选中你要显示的字段拖放在相应的单元格中，（也可以选中后再点右下角的“插入”按钮）。这里我们就先拖2个进来如“编号”和“公司名称”。分别到1行第2个单元格和1行第3个单元格中。 3.这个是个关键的，请将光标移到第一行任意单元格中，再来点选窗口底下的<tr>,这时你看看代码，<tr>....</tr>就被选中了。这时请在<tr>....</tr>的前面插入如下代码： <% If Recordset1.EOF OR Recordset1.BOF Then Else For I=1 To RPP %>再在<tr>....</tr>之后插入如下代码： <% Recordset1.MoveNext If Recordset1.EOF OR Recordset1.BOF Then Exit For Next End If %> 4.这是就完成表格的第一行的工作。下来也是关键，即分页的连接。光标在第2行第一个单元格中时在代码窗口插入： <% showPageInfo Recordset1.PageCount,PageNo %> 的代码。右边的2个单元格将其合并，在代码中插入： <% showPageNavi Recordset1.PageCount,PageNo %> 的代码。
认识 Dreamweaver 的插件机制
在第5步中有这样的一个图标，这是因为没有为对象插件按钮指定图象时，Dreamweaver 会以缺省的图标对象图标显示。 我们可以为它制作一个更加漂亮的小图标，只要制作一个 width = 18 pix，Height = 18 pix 的gif图象，取与 HTML 网页文件相同的名字，然后保存到相同的目录就可以了。这个是笔者制作的小图标： 用相同的方法做余下几个常用元素，图标也都一起做好： 打包 1.制作 .mxi 打包文件。 用文本编辑器（如window自带的记事本或者ultraEdit）写一个插件打包文件 .mxi，笔者取名为 editor.mxi，具体代码如下：打包 2.用插件管理器 Extensions Manage 打包封装，做成 .mxp 文件。 打开插件管理器 Extensions Manage File菜单，选择Package Extension命令，找到 editor.mxi 文件，用鼠标点击 OK 按钮。 打包时大家要注意，务使 editor.mxi 和其它的 html 文件与及 gif 图片处于相同的目录中，否则系统提示找不到文件。 3.打包封装完成，弹出打包成功面板： 安装测试 使用插件管理器 Extensions Manage 把 editor.mxp 文件安装进来，以测试插件是否正常运行。安装完成后插件管理器显示如下图： 让我们再来看看安装后的对象面板 superTNT 类： 效果不错吧，有没有心动呢？插件制作如此容易，你还不试着做一个？
在 Dreamweaver 中向窗口大小弹出菜单中添加新的大小
若要仅设置“宽度”或“高度”，只需将一个字段保留为空。例如，您可能在 800 x 600 像素显示器项的旁边键入 SVGA 或一般 PC，而在 832 x 624 像素显示器项的旁边键入 17 英寸 Mac。大多数显示器可以调整为不同的像素尺寸。