动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 手机学院 | 邮件系统 | 网络安全 | 认证考试
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > FrontPage教程
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ FrontPage教程 ]的信息

本月文章推荐
.Frontpage2000中文教程:第二章 .
.轻松制作自己的信息反馈WEB页.
.轻松来调整FrontPage里面的框架边.
.Frontpage2000中文教程:第四章 .
.认识FrontPage 2002扩充插件之二.
.Frontpage2000中文教程:第三章 .
.网页制作软件FrontPage XP的使用.
.使FrontPage与Dreamweaver亲密合.
.Frontpage2000值得学习的10个操作.
.认识FrontPage 2002扩充插件之六.
.FrontPage中实现Web页面自动重定.
.Frontpage2000中文教程:第三章 .
.Frontpage2000中文教程:第一章 .
.Frontpage服务器扩充程序.
.认识FrontPage 2002扩充插件之四.
.用FrontPage 2003发布您的网站.
.认识FrontPage 2002扩充插件之七.
.用FrontPage将图片转换成GIF或JP.
.Frontpage2000中文教程:第五章(.
.认识FrontPage 2002扩充插件之一.

精彩新思路:Frontpage XP玩特效

发表日期:2004-12-15 |


   你会使用Frontpage XP设计网页吗?会,相信不少人会脱口而出!的确,Frontpage XP可视化的操作界面,直观明了的操作向导,会让菜鸟网友设计网页轻松快捷的。不过,要是让你用Frontpage XP,玩出一些只有专业图象才能生成的特效,你能行吗?看看下面的内容,相信你会说“行”的!

  一、表格立体特效
   提到“立体特效”,相信许多人都以为必须借助Photoshop之类的专业工具才能实现;其实,也不全是这样。这不,本文要设计的立体表格,可是在Frontpage XP中玩出来的哟!这里的设计可不需要太多的图象软件使用经验,你只需简单地轻点鼠标,一幅漂亮的、具有立体特效的表格就能生成喽!好了,还是请大家一起来看看,如何在Frontpage XP中,一步一步设计表格的立体特效吧。

  1、启动Frontpage XP程序,打开其编辑界面,执行菜单栏中的“文件”/“新建”/“网页”命令,来重新创建一个空白网页;
  2、将鼠标移动到需要插入表格的位置处,再用鼠标依次单击菜单栏中的“表格”菜单项,从打开的下拉菜单中,执行“插入表格”命令,在随后出现的图1界面中,将表格的行数和列数均设置为“2”;


  3、同时将表格的“宽度”设置为200象素,再分别将边框粗细、单元格边距设置为0,而单元格间距设置为1;
  4、用鼠标选中插入后的表格,并单击鼠标右键,从打开的右键菜单中,执行“表格属性”命令,这样就能打开如图2所示的参数设置界面;


  5、在该界面中,我们可以将表格的背景颜色设置为“黑色”,同时选中“指定高度”选项,将表格的高度也设置为200象素;设置好后单击“应用”按钮使设置生效,再单击“确定”按钮返回到主编辑区域;

  6、再选中表格的某一单元格,并单击鼠标右键,从打开的快捷菜单中,执行“单元格属性”命令,在随后出现的属性窗口中将表格中的单元格背景颜色设置为“白色”,再单击“确定”按钮后,我们就能看到如图3所示的表格的黑色边框特效了;


  7、要生成表格的立体特效,其实就是让表格在右边框和下边框产生浅黑色的阴影就可以了,因此我们下面的任务就是为表格的右边框和下边框设计阴影效果,此时我们可以借助Frontpage XP中内置的样式功能来轻松实现;

  8、返回到图2所示的表格属性界面,用鼠标点击该界面中的“样式”按钮,这样就能打开一个修改样式的设置界面,在这里我们继续单击“格式”按钮,从打开的下拉列表中选中“边框”选项,随后我们就能看到如图4所示的“边框与阴影”设置窗口了;


  9、在该窗口的“样式”设置项处,我们将“实线”选项选中;在“颜色”设置项处将“灰色”选项选中;接着在该界面的“预览”设置项处,分别在表格的下边框应用按钮上以及右边框应用按钮上单击一下,这样就能将设置好的样式作用在表格的右边框和下边框上了;

  10、完成上面的设置后退出样式设置界面,返回到Frontpage XP程序界面的编辑状态下,再用鼠标点击一下“预览”按钮,将界面切换到网页预览状态下,此时我们就能看到一个具有立体效果的表格出现了。

  二、字幕上下移动特效
   文字按左右方向移动的效果,在许多普通的网页中但能看到,但文字按上下方向滚动的效果却很少看到;这种效果设计起来是不是很难呢?其实,这种特效的设计思路与文字左右移动的设计方法几乎一致,只不过是略微修改一下代码就可以了,下面就是具体设计步骤:

  1、打开FrontPage XP的编辑界面,将鼠标移动到需要插入文字滚动特效的位置处,再输入需要滚动显示的具体文字内容,比方说“各位网友欢迎你”;

  2、再用鼠标将这个要滚动显示的文字选中,然后在菜单栏中用鼠标单击“插入”菜单项,并从中下拉菜单中依次执行“组件”/“字幕”命令,随后我们将看到一个标题为“字幕属性”的对话框,如图6所示;


  3、在该对话框中,我们在“方向”设置项处将文字滚动的方向先设置为从“右”开始滚动;在“文本对齐”设置栏处,将“垂直居中”选项选中;此外,根据滚动的要求,我们还可以设置好滚动条滚动的延迟时间、是否重复滚动等;

  4、完成上面设置后,单击确定按钮返回到FrontPage XP的网页编辑状态,再单击一下该界面下面的“html”标签,将界面切换到源代码状态,并在其中找到“< marquee direction="right" >各位网友欢迎你< /marquee >”,在这里我们只要将其中的“right”重新改为“up”或“down”,再单击“预览”标签,就能看到文字上下滚动的特效了。

  三、图象合成特效
   图象合成功能并不是图象工具的“专利”,使用FrontPage XP我们也能快速地实现图象简单合成的特效,具体步骤为:
  1、在FrontPage XP的编辑区域中,将鼠标移动到需要插入图象的位置,并执行菜单栏中的“插入”/“表格”命令,来先插一个一行一列的表格,表格大小可以根据插入图象的大小进行确定;

  2、将鼠标移动到该表格内,执行菜单栏中的“插入”/“图象”/“来自文件”,在随后打开的文件选择对话框中,选中需要作为前景内容的图像放置到该表格里,当然为了保证合成的效果,我们要求插入的图象最好应处理成透明背景的动画,这样可以使图象合成的效果更活泼一些;

  3、下面,我们用鼠标选中表格,并单击右键,在随后打开的快捷菜单中,执行“表格属性”命令,这样就能打开一个表格属性参数设置界面,在这里我们可以将“单元格间距”、“单元格边距”以及“边框”中的“粗细”参数都设置成“0”;
  4、再在图7所示的设置框中,将“背景”设置栏处的“使用背景图片”项选中,并用鼠标单击右侧“浏览”按钮,在打开的文件选择框中,将自己满意的图像作为表格的背景,这样动画就和背景图象合成在一起了。

上一篇:Javascript实例教程(16) 使用Javascript的数学函数 人气:41378
下一篇:FrontPage2002高效使用的技巧 人气:25735
浏览全部Frontpage的内容 Dreamweaver插件下载 网页广告代码 2009年新年快乐
  最新网站源码 最新软件下载
2009-1-8 SMF论坛Simple Machines Forum v
2009-1-8 SMF论坛Simple Machines Forum v
2009-1-8 深度学习(asp)拼图游戏 v0.2.3
2009-1-8 纵横B2B电子商务系统XYECS!B2B v
2009-1-8 马克斯CMS v2.0 bulid 090105 be
2009-1-8 淘宝妈妈_淘客推广系统 v1.0
2009-1-8 淄博某企业网站源码
2009-1-8 silverlight制作的手机功能演示
2009-1-8 大型WEB束鹿三国游戏 特别版
2009-1-7 汉字任意点阵字库制作软件 V2.6
2009-1-7 书法家毛笔字生成器 Ougishi V4.
2009-1-7 字体修复大师
2009-1-7 微雨字体效果浏览器 1.0
2009-1-7 字体试衣间 2.9.6.8 豪华版
2008-11-29 Tencent Traveler 4.4
2008-11-29 龙卷风网络收音机 v3.0.0.0
2008-11-29 Intel Chipset Software Install
2008-11-29 TweakVI 1.0 Build 1100
  发表评论
姓 名: 验证码: [ 查看评论 ]
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | OPEN参数生成器 | 弹出式窗口代码产生器 | 密码登录生成器 | 在线按钮生成器 | Meta标签生成器 | 多色彩特效字代码生成器 | 网页代码调试器 | 在线FTP登陆 | Flash取色器 | 配色代码对照表 | 配色辞典 | CSS生成器 | 广告代码 | 框架网页代码生成器 | js/vbs加密 | md5加密 | 进制转换 | UTF-8 转换工具 | 在线调色板 | Html转换js | Html转换asp | Html转换php | Html转换perl
实用工具:汉字翻译拼音 | 拼音字典 | 符号对照表 | 个税计算 | 公积金贷款计算 | 购房银行按揭利率计算 | 实时汇率查询换算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 | 国家代码与域名缩写 | 文字加密解密 | 元素周期表 | 健康查询 | 世界时间 | 全国各地车牌查询 | 全国车辆交通违章查询 | 万年历 | 二十四节气 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2009 www.knowsky.com All rights reserved | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 中国語教室 ホームページ作成