IT产品热门报价
 手机 更多>>
 笔记本 更多>>
 数码产品 更多>>
 电脑硬件 更多>>
HOT: 泡泡堂 人体摄影
·北京 ·上海 ·广州
·杭州 ·深圳 ·苏州
·天津 ·西安 ·合肥
·南京 ·重庆 ·宁波

·手机 ·笔记本
·电脑硬件 ·MP3
·数码相机 ·DV
·品牌机 ·办公产品
·网络产品 ·服务器
·投影机 ·人体摄影
·两只蝴蝶 ·魔兽世界
·梦幻西游 ·Photoshop
·网际快车 ·天堂2
·Firefox ·QQ
首页 >> 学院 >> 网页制作 >> 网页制作FrontPage
精彩新思路:Frontpage XP玩特效 [网页制作FrontPage]
IT.com.cn(IT世界)
2004-12-14 15:04:00 文/逢逢


   你会使用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所示的设置框中,将“背景”设置栏处的“使用背景图片”项选中,并用鼠标单击右侧“浏览”按钮,在打开的文件选择框中,将自己满意的图像作为表格的背景,这样动画就和背景图象合成在一起了。



 

更多相关: 网页制作FrontPage
在百度中更多内容: 网页制作FrontPage
打印此页 投稿与建议 返回顶部

相关文章
  • FrontPage XP小诀窍拾零 2004年11月29日
  • FrontPage XP小诀窍集锦 2004年10月14日
  • IT产品报价快速通道
    手机 诺基亚 摩托罗拉 索尼爱立信 三星 西门子 飞利浦 LG 松下 NEC 阿尔卡特 三菱 联想 波导 迪比特 明基 夏新 多普达 南方高科 科健 中桥 大唐 东信 首信
    笔记本 IBM 惠普 戴尔 东芝 索尼 华硕 富士通 宏碁 联想 NEC 三星 LG 苹果 明基 松下 夏普 方正 清华紫光 清华同方 长城 TCL 清华同仁 优派 神舟 七喜 夏新 思登 联宝 微星 京东方 腾龙 海尔 NETBOOK 顶星 八亿时空
    数码相机 佳能 索尼 尼康 柯尼卡美能达 柯达 富士 奥林巴斯 卡西欧 松下 宾得 三星 理光 明基 爱国者 联想 拍得丽
    数码摄像机 索尼 松下 佳能 夏普 三星 JVC 掌上电脑 惠普 奔迈 神达 索尼 联想 华硕 快译通 铂杰 宏碁
    MP3 艾利和 三星 苹果 MPIO 创新 JNC 索尼 爱华 爱欧迪 WeWa!! 爱国者 天诺思 朝华 魅族 大恒 丹丁 昂达 联想 明基 友拓 松日 奥美嘉 优百特 台电 爱琴 HUU ANN 现代 纽曼 金美达 中恒 万城 德劲 Netac 方正 科旗 太阳花 爱基 锐拓 YEP DiGiME 北奥 Beto 领域 道勤 可欧 Ninon 德易城 比萨 歌美
    品牌机 联想 惠普 戴尔 IBM 苹果 宏碁 方正 清华同方 七喜 实达 长城 神舟 TCL 海尔
    服务器 IBM Sun 惠普 英特尔 浪潮 曙光 联想 方正 清华同方 日电 华硕 微星 长城 戴尔 AblestNet 宏碁 致荣 五舟 金品 大恒 越海扬波 宝德 睿智 八亿时空 智翔
    焦点 人体摄影 两只蝴蝶 魔兽世界 梦幻西游 泡泡堂 小游戏 五笔 BT 封神榜 热血传奇 Photoshop PP点点通 网际快车 天堂2 Firefox QQ
    ·Netscape 8.0五大特点
    ·珍惜眼前 《我和他》
    ·Google 体验自定义新闻
    ·常见进程Explorer和Svchost
    ·千招百式让你的ADSL跑得更快
    ·三大网络安全在线检测服务
    ·腾讯QQ全资收购FOXMAIL
    ·让IT首席顾问专家进驻QQ
    ·用PS制作精美的简历封面
    ·11px及10px的清晰汉字字体
    ·通通透透了解Cookies
    ·教你如何制作映像文件
    ·Ghost最小化克隆的两个误区
    ·恶搞改编Flash歌曲Top10
    ·光良又一部力作 《童话》
    ·笔记本电脑性能优化技巧