通行证:用 户 密 码 注册 www.pconline.cn 汽车网 游戏网 时尚女性
  太平洋电脑网
首 页 |
论 坛 |
今日报价 | 产业资讯 | 产品库 | 数 码 | 硬 件 | 软 件 | 下 载 | 招聘培训 | 摄 影
网络设备 | 办公设备 | 服务器 | 二 手 | 游 戏 | 通 信 | 评测室 | 渠道商情 | 视 频
分站:北京 上海 广州 深圳 香港 广西
重庆 山东 江苏 辽宁 福建 成都 西安
手机
手 机
数码相机
数码相机
随身听
随身听
笔记本
笔记本
台式机
台式机
DIY配件
DIY配件
摄像机
摄像机
数字家庭
数字家庭
精品廊
精品廊
 
 
   
首页 新闻 应用 评测 教你学电脑 信息安全 创意设计 开发特区 下载 专题 社区  
 
特色专区:QQ大本营 | msn总动员 | 精品导用 | 组网专栏 | 设计素材 | Flash剧场 | Photoshop专区 | 视频专栏 | CG专栏 | KC通讯
 
您现在的位置: 软件资讯 > 创意设计 > 网站设计 > Dreamweaver
用Dreamweaver实现全景图浏览效果
作者:4u2v工作室 责任编辑:xietaoming

  本文选自4u2v工作室编写的《Dreamweaver网页设计与制作100例》(人民邮电出版社出版,ISBN: 7115142394 )。未经著作权所有者书面授权许可,禁止转载本文。

  购买地址:点击访问

-----------------------

  是否有见过游戏中的全景图效果,充满动画与真实感,让人难以忘怀。在本例中就介绍如何制作这样的网页。

  效果说明

  建立文件,选择一张全景图素材,然后插入少量的代码就可以实现全景图浏览效果,如图 43-1 所示。实际效果请浏览随书光盘中《源文件》目录下的相关文件。

  创作思想

  打开 Dreamweaver MX 2004 软件新建页面并插入表格,在表格的 HTML 代码中插入 <marquee> 标签,实现全景图浏览。

  操作步骤

  ( 1 )新建一个基本的 html 文件,然后保存页面为“ 43.htm ”。

  ( 2 )插入表格。要使全景图在指定的区域中走动,必须先插入表格,如图 43-2 所示。

   提示:图 43-2 中的第五步操作必须将高度设置得与图片一样高。

  ( 3 )插入标签。然后在工具栏中单击【标签选择器】图标,打开【标签选择器】对话框,在该对话框中设置参数,插入 <marquee> 标签,如图 43-3 所示。

  提示:标签选择器对话框中汇集了一些常用的标签,如 HTML 标签、 CFML 标签、 ASP.NET 标签等,通过双击相应的代码标签,就可以很轻松地在代码视图中插入代码。

[1] [2] [下一页]
  下一篇:Dreamweaver轻松制作网页转场特效  
更多相关搜索: Dreamweaver    网页设计    全景图   
正在加载评论,请稍候…

  发给好友 我要报错 投稿给我们 加入收藏 返回顶部  

本栏今日更新
相关文章
·免费总动员:101款免费软件(下)
·反盗版:用Vista正版才能享受Aero效果
·Windows Live Mail Desktop BETA火热截图
·Skype收购语音处理公司增强技术力量
·高手之路:TC插件安装和管理详解(下)
·“灰鸽子”网页木马从原理、制作到防范
·国外超写实Photoshop作品《猫》创作实录
·有种来挑战!抛个球
·Dreamweaver轻松制作网页转场特效
·Dreamweaver制作地图链接综合实例
·用Dreamweaver插件轻松制作随机广告图片
·如何用Dreamweaver加快网页图片下载
·在Dreamweaver中为网页插入Java小程序
·用Dreamweaver为自己网站制作个性小图标
·教你如何用Dreamweaver制作特色分隔线
·用Dreamweaver轻松实现个性化鼠标指针
关于我们 | 网站地图 | 广告指南 | 联系我们 | 招聘精英 | 合作联系


广东省通信管理局
ICP证粤B2-20040647
互联网清理整顿
技术支持与报障:support@pconline.com.cn
        020-87568837         
对本站有任何建议、意见或投诉,请点这里在线提交.
本网站简体、繁体两种版本,以简体版为准
PConline版权所有,未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任__