dreamweavercs5 cs5下载下来,在点击解压缩过程中,一直提醒怎在准备文件,正在对下载文件解

您的位置: >
Dreamweaver CS5中文版免费下载
&Dreamweaver CS5中文版下载软件大小:&96 MB 软件语言: 简体中文 授权方式: 免费版& 软件性质: 国外软件&&&&&&&&&&& 软件分类: 网络工具/主页制作 运行环境: WinXp/Win2003/WinVista/Win 7/Win2000Dreamweaver CS5软件介绍Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器,Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,您可以使用 CSS 检查工具进行设计,使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。   &Dreamweaver CS5的新增功能:1、集成 CMS 支持 新增功能    2、CSS 检查 新增功能      3、与 Adobe BrowserLab 集成 新增功能     4、PHP 自定义类代码提示 新增功能      5、CSS Starter 页 增强功能      6、与 Business Catalyst 集成 新增功能      7、保持跨媒体一致性     8、增强的 Subversion 支持      9、仔细查看站点特定的代码提示。 安装Dreamweaver CS5方法:1、首先双击解压AdobeDreamweaver-CS5.zip.rar,解压后可以找到一个“Set-up.exe”文件,双击进行安装。如果双击打不开说明你的电脑系统中没有安装解压软件,可点击后面的winrar软件链接下载并安装软件进行解压.安装过程中会出现Adobe软件许可协议,可以选择显示语言,选择好需要的语言之后,点击右下方的接受按钮:2、在此输入序列号和选择自己所需要使用的语言,设置完成之后,点击下一步按钮:3、在安装选项中选择所需要安装的位置,设置好之后,点击右下方的安装按钮,进行安装:4、安装完成之后会出现谢谢和安装已完成的字样(说明Dreamweaver CS5安装成功了)。此时我们就可以使用Dreamweaver cs5进行日常的工作。
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
&& 评论:0
没有相关软件!西西软件下载最安全的下载网站、值得信赖的软件下载站!
→ Adobe Dreamweaver CS5中文版安装向导图文示例介绍
简体中文加强版
类型:滤镜插件大小:7.6M语言:中文 评分:6.1
软件使设计人员和开发人员能充满自信地构建基于标准的网站。同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,您能以可视方式或直接在代码中进行设计,使用内容管理系统开发页面并实现精确的浏览器兼容性测试。相比而言,Adobe Dreamweaver CS5 功能更加丰富,因此使用的人也很多,但是这款软件的安装对于一些电脑初学者来说,还是有一定的困难,小编应众多西西网友的要求,特写了这一篇图文安装教程,希望能帮到大家。1、下载完成后,解压到电脑的任一目录2。、运行Adobe Dreamweaver CS5安装向导,如下图所示:4、这时有可能会出现一个提示:不用管它,点击”忽略并继续“,如下图:5、选择”接受“,出现如下界面,此时要求提供一个注册码。6、点击下一步后,出现一个对话框让你输入adobe ID,这里可以不用输入,直接跳过。7、这一步选择你要安装的组件,各位网友们按照自己的需要选择吧,这里我全选了。8、选择安装之后,就开始安装了,安装时间比较长,耐心等待……,装了360的网友们可能会有提示,选择允许就行了。如下图所示;9、耐心等待几分钟之后就完成了。11、到这里基本上就安装完成了,但是Adobe Dreamweaver CS5 相对于经典版本Dreamweaver 8.0来说,布局有些变化,有可能网友们不习惯,其实可以改过来的。如下图所示:是不是有似曾相识的感觉?本安装教程仅供学习使用,喜欢的童鞋请购买Adobe Dreamweaver CS5软件。
3d模型3dmax插件大全
如今电子商务发展势头迅猛,各种商品广告在网络上铺天盖地,怎样让自己的商品能更全面更显眼的展现给消费者成了所有商家宣传展示自己商品的重中之重。传统的二维照片显然已经无法满足这一要求,于是商品展示技术便开始步入人们的视野。模型的展示,用户不仅仅可以更为清晰直观地浏览广告内容,其互动性以用户为核心,任意视角全方位浏览欣赏,同时根据要求制作用户可直观地参与内容,其广告效果可想而知。这里给大家收集整理了很多...
07-05 / 8.0M
推荐理由:&一款人|体穴位3D模型软件,这是一款显示三维人|体的穴位软件,其中包括12正经全部309个穴位,傻瓜操作
10-19 / 7.6M
推荐理由:常春藤生成插件,3ds max 藤类植物模型生成插件,非常棒的插件。
结合 MAX 的动画工具可以制作藤条生长动画
04-24 / 12.5M
推荐理由:网上收集的模型库,很多哦~希望多童鞋们有帮助!
03-25 / 412KB
推荐理由:3d max游戏人物模型 包含一个人物模型。用于帮助初学者自学。
要从最基本建模开始学,建议大家去看网络教程
10-26 / 20.5M
推荐理由:如果有学3D人体建模的可能会有点用,亲,你学了没,啥,没有?没有还不赶紧去学― ―!额,这个这个嘛,自己
01-25 / 92.9M
推荐理由:西西小编整理的一些3D人物模型的素材包,如果大家有兴趣的话可以下载来看看,都是一些美女帅哥的模型哦~
除了能够制作出精细的模型外,其中最大的一个亮点就是它的插件功能强大,只要你能够想到的效果,都有相应的插件可以替你实现。这里西西给大家收集了很多非常实用的插件。插件后缀名介绍.位于建立命令面板中,可创建包括建模增加辅助物等的新对象。.位于变动命令面板中,增加新的修改命令,可在中找到。.属于大气效果灯或渲染类插件,位于的环境编辑器中,也可在菜单的面板中找到。.属于特殊用途的插件,位于程序命令面板。.属于后期...
10-20 / 85.5M
推荐理由:3dmax2010是我目前用的3dmax软件中比较好的版本了,刚开始用这个软件的童鞋,就会发现不能贴图,你们想想国
04-02 / 30M
推荐理由:Forest Pack Pro(森林插件)为3ds max提供了创建大面积森林及植被的完整解决方案,使用此插件你能够创建数百
05-15 / 47.0M
推荐理由:&由Ma5汉化。智能安装,不需原版,内附示例、教程、授权程序及安装说明。 DreamScape又称幻景大师,是
03-01 / 26.8M
推荐理由:&V-Ray 顶渲中英文双语切换版,是学习及掌握V-Ray的最佳选择,在使用时,可进行中英文自由切换,从而对
08-03 / 14KB
推荐理由:&1 解压 2打开(4polybomb mutimse)文件会看见 文件夹(scripts)和文件夹(ui)3 将scripts完全打开(
10-19 / 25.9M
推荐理由:Forest Pack Pro (专业森林制作)是 Itoo 出品的一款可以让你在短时间内做出专业的大面积树林,草丛,人群等
01-2901-2701-2701-2701-2701-2601-2501-2501-2101-13
阅读本文后您有什么感想? 已有0人给出评价!
名称大小下载用dreamweaver cs5做网页,我想把文件放在网页中,只显示文件名,浏览时网页时点击可以直接下载?_百度知道
用dreamweaver cs5做网页,我想把文件放在网页中,只显示文件名,浏览时网页时点击可以直接下载?
提问者采纳
&!DOCTYPE&html&PUBLIC&&-//W3C//DTD&XHTML&1.0&Transitional//EN&&&&html&xmlns=&&head&&meta&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&/&&title&无标题文档&/title&&/head&&body&&a&href=&flies.zip&&点击下载&/a&&/body&&/html&把你的文件做成压缩格式的,比如后缀名是zip格式的,在网页里做连接,就可以做到。如上面的例子。
提问者评价
来自团队:
其他类似问题
为您推荐:
dreamweaver的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁dreamweavercs5怎么安装_百度知道
dreamweavercs5怎么安装
提问者采纳
  点击创建“Adobe ID”填写相关的资料后,点击安装.zip”注册机压缩包并解压;  点击“忽略并继续”安装,复制红色框框中的序列号,语言选择“简体中文”点击继续  Dreamweaver CS5注册机破解的安装步骤,打开解压好的注册机文件双击“Dreamweaver.keygen.CS5.exe”点击开始安装软件,你也可以选择安装在其他的位置;  点击开始菜单——所有程序——将软件发送到——桌面快捷方式,点击创建,找到“Dreamweaver;  软件正在安装中;  将注册机的序列号粘贴在“序列号空格中;  点击“接受”继续安装;  软件就安装好了;  选择安装“试用版”语言栏上选择“简体中文”点击下一步,点“Set-up.keygen.CS5,点击完成,系统默认安装在C盘,安装完成后点完成;  选择安装位置.exe”,下次使用软件就会方便许多:  打开你下载好的文件夹;  再次打开下载好的文件夹
来自团队:
其他类似问题
为您推荐:
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁dreamweaver,cs5
您的位置: →
dreamweaver,cs5
第一篇:dreamweaver,cs5Dreamweaver CS5 网页制作教程笔记
该教程使用 Dreamweaver CS5 作为开发工具,结合老师的网站开发经验,为大 家讲解网页制作的每个环节。希望通过本套课程的学习,大家能灵活运用 Dreaweav er 完成网站的开发。课程分为 12 课共 118 节视频讲解,并随光盘附带课程素材、板 书及相关软件。
第一课:网页设计基础
1-1 网站的概述
1-2 初识 Dreamweaver
1-3 Dreamweaver CS5 的用户界面
插入面板显示方式的调整切换
网页显示比例 大小尺寸 占用数据空间 1-4 网页文件的基本操作
1、创建网页文件
2、网页文件的保存
保存快捷键 Ctrl+S
网页保存的名字必须是字母或数字
修改后没有保存的文件名带*
注:网站首页文件的命名一般用“index.html”,首页的文档命名如下
3、网页预览
主要浏览器预览的快捷键是 F12
浏览器可以通过以上方式添加
1-5 设置网页外观属性
1、页面属性的设置
网页空白区域单击后,点击“页面属性”,对相关要素进行设置 3、添加字体
1-6 创建站点
1、站点也叫做根目录,是是一个文件夹,是网站的网页和所有素材存储的地方。2、创建站点:站点的名称用中文,站点的文件夹名称用英文。
3、新建网页保存:新建的网页保存命名必须用英文
1-7 设置默认图像文件夹 1、在站点根目录创建图片素材存储的文件夹
文件夹的命名一定不能用中文,最好使用“images”命名 2、设置 images 文件夹为网站图片储存的默认文件夹
3、网页中插入图片时,点击保存确定,电脑中任何储存位置的图片素材都会被自动 复制保存到站点根目录下的 images 文件夹中。
1-8 站点的管理
1、双击打开所要编辑的网页
2、新建网页的另一种方法:点击站点,右击新建文件 ,单击命名新建的网页文件。用同样的方式可以新建文件夹。
网页文件在不同文件夹之间移动时,需要更新网页的链接才能保证网页中的链接有 效。
子文件夹中创建新网页的方式与上边的 创建方式相同。
3、不同站点之间的切换
4、站点的复制或删除
1-9 补充(Dreamweaver CS5 的安装)
第一篇:dreamweaver,cs5Dreamweaver CS5 技巧
1. 用 Dreamweaver 4.0 轻松设计会自动弹性调整的网页 首先需要保证的是你的页面内容采用了表格的格式, 然后打开你 要 编 辑 的 页 面 , 按 “ Ctrl+F6 ” 或 者 菜 单 “ View → TableView → Layout?View”转换到布局视图。这时可以看到单元格的列宽,在列 宽数字的旁边还有一个小小的下拉式箭头, 点击你要设定弹性显示的 列上方的小箭头,接着选择“将列设为弹性显示” (Make Column Autostretch)。该列方框上方就会出现一条波浪形的线,而不是刚才 表示列宽的数字。完成后你的页面就变成了一个具有弹性的页面了。此外,需要注意页面中不要有尺寸过大的图片。2. 用 Dreamweaver 4.0 制作有闪动效果的 Flash 按钮 选择菜单 Insert→Interactive?Images→Flash?Button 就可看 到有哪些内嵌按钮。在弹出的对话框里,你可以在“Style”列表里 选择自己想要的按钮样式, 在预览(Sample)窗口里可以看到这种样式 的效果如何。选择好之后,在“Button?Text”窗口输入按钮上面的 文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小, 在“Link”窗口输入链接的目标,在“Target”窗口选择链接打开的 方式,在“BgColor”选择按钮背景颜色,在“Save?As”窗口输入保 存的文件名。完成这些后,按下“OK”按钮,你就完成了一个 Flash 按钮啦。这个按钮还会自动插入你的网页中,然后在 Dreamweaver 编 辑窗口选中你刚才制作的按钮,属性窗口就会显示出这个按钮的属
性,单击上面的“Play”按钮,你就可直接在编辑窗口预览这个按钮 的闪动效果。需要注意的是 Dreamweaver?4.0 的这个功能不支持中文 字体。3. 在 Dreamweaver 4.0 中自定义键盘快捷键 选择菜单“Edit→Keyboard?Shortcuts” ,在对话框中会列出目 前已经启用的以及可以更改的快捷键一览表, 你可以在这里把快捷键 改成自己习惯用的。如果要更改快捷键, 首先要选取你要更改的命令, 接着选取目前的快捷键,这个快捷键就会出现在“Shortcuts”列表 中,然后在“Press Key”窗口输入你想要使用的快捷键,然后点击 “Change”按钮更改即可完毕。你还可以利用“+”“-”按钮增加或 、 者删除当前的快捷键。4. 让 Dreamweaver 和 Fireworks 整合 如果你的电脑里同时安装了 Dreamweaver/Fireworks,那么你就 可以使用 Dreamweaver?4.0 提供的整合 Fireworks 的功能。利用这个 功能你可以把你的 GIF 图片修改得更加动人,轻松地实现动画效果。在 Dreamweaver 编辑窗口选择好你要修改的 GIF 图片, 然后在图片属 性窗口单击“编辑(Edit)”按钮,这时系统会自动启动 Fireworks 软 件编辑这个图片。仔细看,你会发现 Fireworks 的图片编辑窗口已出 现 Editing?From?Dreamweaver 这样的文字和图样,也就是说这个图 片是为 Dreamweaver 页面进行图片编辑的。现在我们在 Fireworks 里 选 择 要 编 辑 的 图 片 , 选 择 菜 单 “ Modify → Animate → Animate?Selection” 。在弹出的窗口里设Z动画的属性:选定动画的
帧数、 动画移动的方向、 透明度等等。然后把修改好的文件导出即可。这样,在 Dreamweaver 编辑窗口会自动更新刚才修改好的文件,使你 的页面图片动起来。5. 巧用网站报告器 在 Dreamweaver?4.0 里提供了一个网站报告器, 利用这个网站报 告器可以帮助你在你的网站众多文件中快速找到和修复错误。单击菜 单“Site→Reports”即可启动报告器,选择你要检查的项目,然后 单击“Run”按钮即可查出你网站上的一般问题。你也可以自己编写 报告器来查出网站上的一些特殊问题 (一般问题通常是一些文本丢 失或文档未命名) 。6. 快速恢复多次操作 在制作页面时,我们可能需要不停地修改页面,有时还要恢复过 去的操作,我们可以使用“Edit”菜单里的“Undo”命令,可是这个 命令每次只能恢复一次,如果我们需要恢复多次操作,那就要不停地 “Undo” ,实在太烦。在 Dreamweaver?4.0 里提供了一个 History 窗 口,可以让我们轻松地恢复多次操作。在“Windows”菜单里选择 “History”即可开启这个历史窗口。在这个窗口把你每一次的操作 都保留下来了,利用窗口左边那个滑动指针,就可以不停地恢复,还 可以撤销每一次操作,包括已经存盘的。而且还可以把这个历史纪录 保存下来共享。7. 隐藏浮动面板 打开 Dreamweaver,给人的第一印象是一堆浮动面板,往往弄得
你眼花缭乱,虽然它可以拖开,但毕竟占据着本来就很有限的屏幕, 若把它关闭了,等一下用它时又要去打开。其实你只要按一下 F4 键, 所有浮动面板都不见,再按 F4 他们又都重现于屏幕上了。8. 快速预览网页 初学 Dreamweaver,往往找不到预览菜单,不得不另外启动 IE 浏览器来预览网页的实际效果。其实 Dreamweaver 的预览菜单放到 File 菜单下了,要预览正在编辑的网页,按 F12 键就可以了,方便 得很呢!而且还可设Z在不同的浏览器中预览,在 File 菜单下的 Preview in Browser 中选择 Edit Browser List 就可选择不同的浏 览器进行预览。以测试你的网页对不同浏览器的适应性。9. 在 HTML 检示窗中显示行号和自动换行 虽然 Dreamweaver 的 Behaviors 是一个 JavaScript 小程序的巨 集,许多实现特殊网页效果的 JavaScript 程序都不用动手编程,但 有时需要编写一点小程序时,显示程序行号显得尤为必要,特别是在 程序发生错误时,往往都有是提示在“XX 行有错误” ,若一行一行地 去数行号不仅太累而且还容易数错, FrontPage 中老是为数错行号 在 而烦恼。在 Dreamweaver 中可方便了,只要在 HTML 源代码检视器窗 口中,选中“Line Numbers” (行号)复选框,则会在源代码检视器 窗口中对每条 HTML 语句自动显示行号,一目了然。同样有时一行代 码较长, 只要在 HTML 源代码检视器窗口中, 选中 “Warp” (自动换行) 复选框,则会激活窗口的自动换行特性,过长的代码会自动从窗口的 边缘绕回。
10. 如何获得颜色的十六进制代码 在设计网页时,有时要用到 16 进制的颜色代码,以前经常为这 事头痛,在 Dreamweaver 中只要按属性面板上“bg”边上小方框右下 角的小三角形,在弹出的颜色板上,鼠标指到哪儿,马上就能显示出 相应颜色的 16 进制代码,真方便。11. 制作背景音乐 在 Dreamweaver 中插入背景音乐是非常容易实现的, 这里介绍两 种方法,由大家选择。(1) 在页面不显眼的地方插入一空层 , 并在层内放入一个 ActivX 对象 ,双击该对象,在打开的对话框中选择一个 MIDI 音乐文件,然 后在层对象属性面板中设定其可视性为 “Hidden” 保存变动后按 F12 , 预览网页,听听是否有音乐声。(2)另一种方法是利用 Dreamweaver 的“Behaviors”行为编辑 器 ,单击“+”按钮,选择其中“Play Sound”选项,在弹出的对 话框中选择一个音乐文件即可。自己动手试一试吧! 12. 让背景图不滚动 与 FrontPage 不同,Dreamweaver 中插入的背景图是会随文字滚 动的。有的时候我们需要制作固定的背景图,怎么办呢?先定义一张 背景图,按“F10”打开 HTML 源文件,找到定义背景图片的语句,例 如 background=″images/background.JPG″,在它的后面空一格加 上一句 bgproperties=″fixed″。预览一下,是不是有点小小的成 就感。
13. 定义大小不变的文字 为什么别人网页上的文字那么漂亮, 不管你怎么按浏览器字体按 钮上的大小,他们的字体尺寸都不会发生变化。其实他们使用了网页 中的“CSS”样式表技术,在 Dreamweaver 中要实现这一功能是非常 简单的。首先按“F7”或者选择“窗口”菜单中的“样式表”选项打 开样式表编辑器,在窗口中单击鼠标右键选择“新建” ,在弹出的对 话框中输入需要定义的样式表名称,按“确定” ,然后在列表中选择 第一项“类型” ,并给具体的文字属性定义参数(一般来说文字的大 小在 800×600 的屏幕中选择 10.5 较为适宜) ,按“确定”后,定义 好的样式表就出现了。选择网页编辑窗中的文本, 单击新的样式表名, 可以看到选中的文本发生的变化。预览一下,试试定义的文本字体尺 寸还会不会随浏览器的选择字体大小而改变。14. 插入 Flash 动画 Macromedia 公司的 Flash 动画因其具有交互性、传送速度快等 特点,已逐渐成为网页制作的一项新武器,如果你的网页上能插入一 段 Flash 动画,那么一定会使你的作品增色不少。在 Dreamweaver 中 插入 Flash 制作的 SWF 格式动画十分容易, 单击对象工具栏上的 Flash 徽标或单击的“媒体”下的“Flash” ,就可以打开选择 SWF 动画文件 的对话框了,选好文件后可在其属性面板中设定播放的参数,即大功 告成。15. 让表格给网页留白 在 Dreamweaver 的新网页上输入文字时,默认格式是顶天立地
的,十分不美观。要避免这一缺憾其实很简单,只要大家用好表格工 具就行了。具体做法是:在新页面上插入一张居中对齐的表格,为了 能够使表格方便控制,最好设定奇数列,并且数值不要太大。这样在 单元格内输入的文字就被限制在一个可以随意调整宽度的区域内, 就 不愁文字不听使唤了。16. 改变状态栏提示文字 一般情况下,当浏览器装入一个页面时,在其状态栏上显示的是 该页面的地址名称,十分呆板。你有没有想过给浏览器的状态栏增加 一点个性呢?如果有的话,那么请按照以下的步骤,定制自己喜欢的 文字吧!首先打开“Behaviors”行为编辑窗,单击“+”按钮,选 择“Set Text Set”下的“Text Of Status Bar”选项,然后在方框 中输入自己的文字,例如“欢迎来到我的主页”等,单击“确定”即 可。17. 整合的文本代码编辑器 可视化网页编辑软件的最大不便之处就是很难对源代码进行编 辑,更别说 JavaScript 了;不过 Dreamweaver?将使你处理代码变得 异常轻松。这个内建的文本代码编辑器主要的新功能是自动缩排 (可 以一次选取多行进行缩排) ,?还可以进行符号的检测,如果在编写代 码忘了一个“” ,它将给出提示。在工具表中的下拉菜单会列出当前 网页中所有自定义 JavaScript 函数,可让你在网页原代码中自由跳 转, 原始码导航工具” “ 可以让专业人士方便地处理 JavaScript 函数, 在文本代码编辑器中输入 JavaScript 代码,系统将用不同的颜色来
显示。18. 在 Dreamweaver 中输入多个空格 我们平时输入的空格是半角字符, Dreamweaver 中只能输入一 在 个,要想输入多个空格只要输入全角空格就可以了。输入全角空格的 方法是:打开中文输入法,按 Shift+Space 切换到全角状态。这时你 输入的空格就是全角空格了。19. 解决 Dreamweaver 的 BUG 之一 在 Dreamweaver 3.0 中行为面板(Behavior inspector)中, “Events for”下拉菜单项无法打开。这样一来,很多特技效果形同 虚 设 , 根 本 没 法 制 作 。其 实 这 应 该 算 Dreamweaver 3.0 和 中 文 Windows98 不兼容的一个地方吧,在英文 Windows98 中就没有这个问 题。而实际上这个菜单还是可以打开的, 只不过是不能正确显示罢了。在选中下拉菜单后,我们可以用上下键来选择我们想要用的浏览器。20. 用 Dreamweaver 3.0 的模版制作网页,设Z行为(Behavior) 在使用模板(Template)做出 淼耐 页中不能新增行为。这是因 为新增行为需要在 HTML 文件的 Head 部分之中插入 JavaScript,而 使用了 Template 后,HTML 文件的 Head 部分会被“封锁”住。如果 要在使用模板生成的网页中应用行为, 你就需要事先在模板中定义好 行为,然后把它定义为模板的可编辑区域。随后,你就可以在网页中 更改这个行为了。但这也只限于更改行为的触发事件(events)和动 作(actions)的具体内容,而不能更改动作的类型。21. 给文字施加行为(Behavior) ,制作动态文字特效
在 Dreamweaver 中普通的文字是以字符为单位的,不能作为对 象,即一些非常有用的 JavaScript 事件不能赋予文字。因为文字不 像图片和其他控件有具体的“标记” ,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文字做成超链接来处理。这样文字就成 为了对象,可以施加行为了。但是这样又带来了一些不需要的超链接 属性,比如下划线,以及 hover、visited 等颜色变化。要想单纯为 文字添加特效,可以先把所想设Z的文字做成超链接,然后再在它的 上面添加行为,最后我们再把超链接转变为普通文字。具体的步骤如 下选中你想编辑的文字,在链接目标框里随便填入几个字符。选中 这个链接,单击窗口(Windows)→行为(Behaviors) ,弹出行为面 板。“+” 按下 添加你想要的行为, play sound 等。如 打开 Dreamweaver 的超文本编辑器, 找到这个链接, 把改为, 把改为。最后把 “href=...” 删掉。保存此页。按 F12 预览一下。效果还不错吧! 22. 精确定位网页中各个元素的位Z 精确定位网页中各个元素的位Z有两种方法:使用表格或层。使 用表格是目前比较通用的做法,具体方法是:先在网页中建立一个表 格,注意表格的边框宽度应为0。然后再把各个元素按照你的要求放 在各个表格单元之中。仔细调整表格单元的大小以及表格边框的位 Z,这时在表格单元中的元素也会随之移动位Z。这样你就可以比较 精确地定位网页中各个元素的位Z了。使用表格的优点是通用,几乎 各个版本的浏览器可以致支持表格。它的缺点是使用起来比较麻烦,
需要仔细进行调整, 而且定位不十分精确。层在网页中可以随意放Z, 因此我们可以使用层来进行精确定位。使用方法是,在网页中插入一 个层,然后把你想要定位的元素放在层里,接着我们就可以把层放到 所想要任何位Z了。此外, 你还可以借助标尺和网格进行精确的定位。因为层只在最新的浏览器中被支持,所以为了兼容旧的浏览器,我们 可以把层转变为表格。方法是选择“修改(Modify)→版面布局模式 (Layout Mode) →把层转化成表格(convert layers to table)”即 可。注意这时的层不能有重叠,我们可以在插入层之前选择“查看 (view) →防止层交错(prevent layer overlaps)”来避免层的重叠。一般来说转换后的页面可能会有一些变化,还需要我们手工进行调 整。最后有一点要注意,在进行表格和层的相互转换时,最好不要在 一个页面中同时使用层与表格,那样可能会把你的页面弄得一团糟。23. 改变浏览者的鼠标形状 这是通过编辑样式表来实现的。具体方法是选择 “文字 (text) →定制样式(CSS Style)→编辑样式表(Edit Style Sheet),弹 ” 出编辑样式表窗口,在其中选择“新建(new)。接着选择“建立一 ” 个定制的样式(Make custom style),给这个样式表起名,单击确 ” 定。编 辑该样式表,选 择扩展项 (extension),在右边的光 标项 (Cursor)中选择要出现的指针效果即可。24. 去掉超链接文字之下的下划线 这一效果是通过编辑样式表来实现的。具体方法是“点击文字 (text) →定制样式 (CSS Style) →编辑样式表 (Edit Style Sheet), ”
出现编辑样式表窗口,选择“新建(new)。接着选择重定义 HTML 标 ” 记(Redefine HTML Tag) ,并在下面的标记(Tag)选单中选择 a。编 辑该样式表,选择类型(type),在右边的装饰(decoration)中选中 无(none )即可。25. 制作一个跟着页面走的图像 这一效果是通过 JavaScript 实现的。一般来说完成这样一个效 果需要一定的编程能力, 但现在我们可以通过 Dreamweaver 的插件轻 易 地 实 现 。你 可 以 到
.cn/classroom/chajian/chajian2.z ip 下载这个插件。插件的安装方法:解压缩后拷贝到 Dreamweaver 下的文件夹 Configuration\Objects 内的一个新建文件夹里面即可。重新启动 Dreamweaver 之后, 我们就可以在对象面板之中找到新安装 的插件了。点击插件的图标,在弹出的对话框中填入图像的存放地址 以及图像的显示位Z就可以了。26. 制作鼠标移上去后有变化的动态菜单 所谓动态菜单其实是两幅图,一幅是鼠标不放在上面所显示的, 另一副是鼠标移上去所显示的。我们可以利用 Dreamweaver 提供的行 为之中的 swap image 来实现这个效果。首先插入一副图片,用鼠标 单击它,在属性面版的连接栏内输入要连接的网页。然后打开行为面 板添,点击“+”号,选择 swap image。接着出现一个窗口,要你选 择鼠标移上去后所显示的图片,在此选择第二副图片,点击“确定” 。好了,效果完成了,多简单。
27. 用 Dreamweaver 制作出一个类似于下拉菜单的效果 制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是在页面中插入一个单行多列的表格, 作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层,在层中输入第一个 下拉菜单的内容,并把这个层移动到表格第一列的下面。同理,对其 他菜单项也作如上的操作, 插入相应的层。把所有层的显示属性(vis) 改为隐藏(Hidden) 。选 择 表 格 的 第 一 个 单 元 , 单 击 窗 口 ( Windows ) → 行 为 (Behaviors) 弹出行为面板。“+” , 按下 添加行为 Show-Hide layers, 并将第一个层(Layer1)属性改为显示(Show),其他层的属性改为隐 藏(Hide)。接着在行为面板中编辑这个行为, 将它的触发事件(events) 改为 onMouseover。这样,当鼠标移动到第一个表格单元之上时,第 一 个 下 拉 菜 单 就 会 显 示 出 来 。接 着 再 添 加 一 个 行 为 Show-Hide layers,并将所有层的属性改为隐藏。接着在行为面板中编辑这个行 为,将它的触发事件(events)改为 onMouseout。这样当鼠标从第一 个表格单元之上移开时,第一个下拉菜单就会隐藏起来。对其他的菜 单项重复上述操作。但要注意设Z“菜单二”时,第二层显示,其他 层隐藏;设Z“菜单三”时,第三层显示,其他层隐藏;依此类推下 去。好了,做好了,按 F12 看看吧。28. 轻松制作下载文件 用 Dreamweaver 其实很简单,把要让浏览者下载的文件名写上, 然后拖动鼠标选取这段文字,在文本的属性面板上“Link”的属性输
入框中写上文件名就行了。注意:若被下载的文件与该网页不在同一 目录下,则文件名必须包含相对路径,否则在下载时将提示找不到文 件。29. 利用 Dreamweaver 的书签制作跳转链接 利用 Dreamweaver 的书签我们可以实现这个功能。具体方法是将光标移到你想跳转到的地方,选择菜单中的“插入(Insert)→书 签(Name Anchor),输入书签的名称。接下来,在你想调用链接的 ” 链接目标框中填入“#书签名称” ,这样一个页面内的跳转链接就做好 了。在这里,如果我们在书签名称前填入网页的名称,就会跳转到其 他页面中的书签处。比如说我们在 Link 处填入“index.htm#top” , 当浏览者点击这个链接时就会跳转到 index 页面中的 top 书签处。30. 去掉图片和表格接触地方的空隙 要使图片和表格接触的地方不留空隙, 仅在表格属性面板上把外 框线(border)设为 0 是不行的,还需要在表格的属性面板上把单元 格的两个属性设为 0(即 cellspacing=&0&和 cellpadding=&0&) 。31. 用 TracingImage 帮助定位网页中各元素的位Z TracingImage 是 Dreamweaver 一个非常有效的功能,它允许用 户在网页中将原来的图案设计作为辅助的背景。这么一来,用户就可 以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位 Z了。TracingImage 的具体使用是这样的:首先使用各种绘图软件 作出一个想象中的网页排版格局图, 然后将此图保存为网络图像格式 (包括 gif、jpg、jpeg 和 png) 。用 Dreamweaver 打开你所编辑的网
页,在页面的空白区单击右键,选择“Page Properties...” ,然后 在弹出的对话框中的 Tracing Image 项中输入刚才创建的网页排版格 局图所在位Z。再在 Image Transparen 中设定 TracingImage 的透明 度,OK。这样你就可以在当前网页中方便地定位各个网页元素的位Z 了。使用了 TracingImage 的网页在用 Dreamweaver 编辑时不会再显 示背景图案,但当使用浏览器浏览时正好相反,TracingImage 不见 了,所见的就是经过编辑的网页(当然能够显示背景图案) 。32. 关于“Convert Table widths to Pixels”和“Convert Table widths to Percent” “Convert Table widths to Pixels”和“Convert Table widths to Percent”是 Dreamweaver 两个设Z表格宽度的重要功能。当你打 开一个带有表格的网页时,在状态栏中点中〈table〉标签,在随后 显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义 “Convert Table widths to Pixels”就是将表格中所有单元的宽度 以像素表示,而“Convert Table widths to Percent”是将表格中 所有单元的宽度以百分比表示。仔细想想他们的作用,如果将一个表 格的宽度全以像素表示,但浏览窗口被放大时,表格就不会随之放大 单元格的宽度。而使用了“Convert Table widths to Percent”后 能够使你在 640×480 分辨率下建立的 100%宽的表格在更高的分辨率 下依旧保持 100%的宽度。所以活用这两个功能可以使网页排版事半 功倍。33. 调用 Style 而不致使网页原代码混乱不堪
调用 Style 的方法很多,你可以单击右键选择 Custon Style 来 调用 Style 规范,也可以在状态栏中的元素列表上单击右键来调用 Style。虽然不同的方法达到的效果看似一样,但实际上产生的 HTML 代码则完全不同。比如用 Custon Style 来调用 Style 规范,在网页 代码中就生成一个〈span〉标签,这样标签一多就会使文件十分臃肿 而且影响浏览器的解析速度, 所以我建议尽量使用状态栏中的元素列 表来调用 Style。还有一个小技巧,如果你要使用一个 Style 定义某 表格单元中的所有文字,只要在〈td〉标签中调用 Style 就行了,而 不需要在一个个定义〈p〉标签。注意这个方法不适用于〈table〉标 签,因为在〈table〉标签中用 Style 定义的文字格式会被 Netscape 忽略。34. 使用定制窗口功能测试网页在不同分辨率下的效果 谁都不希望看见自己辛辛苦苦做的网页在不同的分辨率下面目 全非, 所以测试网页在不同分辨率下的浏览效果是网页制作中很重要 的一步。我们可以在 Dreamweaver 的操作界面中的状态栏中间,选择 需要的分辨率来调节窗口大小, 从而实现在不同分辨率下测试网页效 果。35. 上传网站时无需使用第三方 FTP 软件 Dreamweaver 中融入了 FTP 功能,而且为网站上传作了优化。我 们可以做一个简单的比较,当你使用一般的 FTP 软件上传网站时,是 不是都按本地机上的网站目录在服务器中新建目录, 然后再一个个文 件上传。这种做法实在没错,但由于本地机中的网站目录中并不是每
个文件都被网页调用(比如在建网页时留下的备份文件) ,所以筛选 文件的繁重工作量只有用户自己知道。但使用 Dreamweaver 上传网页 就可以方便得多,由于 FTP 功能在幕后为用户进行了许多必要的工 作,所以用户只要将网站地图内相关的 HTML 文件上传,Dreamweaver 就会自动将与此 HTML 文件相关的所有其他本地文件一并上传(如图 像、ZIP 文件、FLASH 文件甚至是各种 REAL 文件) 使用 Dreamweaver 。内带的 FTP 功能的具体做法是:编辑已经定义过的 SITE,在“Site Definition for...”面板中选择“Web Server Info” 。如果网页是 通过 FTP 方式上传的话,将“Server Access”设为 FTP,在 FTP Host 中添入 FTP 服务器的地址,在 Host Directory 中添入远程登入目录, 在 Login 中添入用户名,再填好 Password。经过了以上的设定,就 可以在 Site 面板中按 Connect 按钮,当 Dreamweaver 成功连入服务 器后,Connect 按钮会自动变为 Disconnect,并且在一旁亮起一个小 绿灯。接着要做的事就是在要上传的 HTML 文件上单击右键,选择 “Put”即可。当此 HTML 文件上传成功后,状态条中将显示 Put Depanding File,说明 Dreamweaver 正在上传这个 HTML 文件所调用 的其他本地文件。不仅如此,Dreamweaver 还可以直接下载服务器上 的文件进行修改,方法么,只要使试试 Put 旁的 Get 按钮就明白了。36. 实现用鼠标指向链接时出现下划线的效果 有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会 出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠 样式表(CSS)来实现,在 Dreamweaver 中编辑层叠样式表不用编写
代码,具体操作方法如下(1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去 显示“show css styles”的那个按钮) ,在弹出的 CSS Styles 面板 上双击(none) ; (2)此时,可看到弹出的 Edit Style Sheet 面板,在该面板 上按 New 按钮; (3)再在弹出的 New Style 面板上点取 Redefine HTML Tag(重 新定义 HTML 标记)再在 Tag 中选择“a” (超级链接标记)标记后按 OK 按钮; (4)这时可看到弹出的 Style dehinition for a 的对话框, 在此对话框中可以设Z超级链接的许多属性,你可以按你的意愿设 Z,但我们这里主要是要去掉那讨厌的下划线,所以我们在 decoration 属性中选择“none” ,这样就把下划线去掉了;然后我们 再选择颜色为:#339966。按 OK 按钮返回到 Edit Style Sheet 面板; (5)在 Edit Style Sheet 面板上再按 New 按钮; (6)在弹出的 New Style 面板上点取 Use CSS Selector ,再 在该面板上的 selector 选择框中选择“a:hover” (定义当鼠标在超 级链接上时链接的属性) ,按 OK 按钮; (7)在弹出的 Style dehinition for a:hover 的对话框中, 我们在 decoration 属性中选择“underline” ,这样就把下划线又加 上了; 然后我们再选择颜色为#FF3300。OK 按钮返回到 Edit Style 按 Sheet 面板; (8)在 Edit Style Sheet 面板上再按 Don 按钮,至此所有设
第一篇:dreamweaver,cs5一、Dreamweaver MX 中文版建站初步
建立一个网站,首先要在本地机器上做好网站,再传到网上的虚拟空间上。现在免费的 网页空间很少了, http://www.51.net 还可以申请到可以使用几个月的免费空间, 在 这对于 学习网页制作已经够了。接下来主要介绍本地站点的建立,站点文件命名。简明步骤1、在 C 盘新建一个文件夹→在 Dreamweaver 中定义站点→新建文件和文件夹→给文件 和文件夹命名。目标是做一个个人网站。打开“我的电脑”,打开 C 盘,点鼠标右键,选择 新建。
2、选择文件夹选项
3、C 盘下会出现一个新建文件夹图标
4、输入你想要的站点名称,这里输入 media,其实可以任意输入名称的,要注意的是, 尽量不要用中文命名,以免出现意想不到的麻烦!
5、 现在开始在 Dreamweaver MX 中把 media 这个文件夹定义为站点。打开 Dreamweaver, 在菜单栏上,点击“站点”菜单,选择“新建站点”命令。
6、接下来需要给站点起一个名字,可以起任意一个名字。
7、这里起名为 media,按下一步。
9、按“下一步”按钮,选择是否使用服务器技术。因为实例建立的是一个静态站点, 就选择“否,我不想使用服务器技术”。
10、按“下一步”按钮,因为要传到网上的虚拟主页空间,就要选择“编辑我的计算机 上的本地副本,完成后再传到服务器上”。
11、按“下一步”,选择要定义的本地根文件夹。
12、这里选择 media 文件夹。
13、点“选择”按钮,因为没有使用远程服务器,就选择“无”。
14、按“下一步”按钮。
15、按完成按钮,一个站点就定义好了。
二、文件命名及修改默认扩展名
站点定义好之后,就要开始新建网页文件和文件夹了,在站点中点击右键,选择“新建 文件” 。
给新建的文件输入名称。
新建文件夹与新建文件类似,就不重复了。在文件命名和站点结构方面,养成良好的习
惯很重要。网站首页默认的文件名, 取决于申请的主页空间, 一般是 index.htm、 index.html、 default.htm 等。同类型的文件,最好放在一个文件夹中,例如把图片文件,都放在 image 文件夹中。不 要把所有文件都放在根目录下, 把一个栏目的所有文件放在一个文件夹中, 在链接网页和维 护时会很方便。文件和文件夹的命名,可以用栏目名称的拼音,也可以用栏目名称的英文, 团队开发时,有统一的命名规则相当重要。例如“个人简历”这个栏目,命名的文件夹名称 可以是 jianli,如果命名成英文,可以是 me。论坛这个栏目的命名,大家都是用 bbs 作文件 夹名称。Dreamweaver MX 默 认 扩 展 名 是 .htm , 如 果 要 修 改 默 认 扩 展 名 是 .html , 可 以 在 Dreamweaver MX 的安装路径下找到 MMDocumentTypes.xml 这个文件,此文件位于C:\Program Files\Macromedia\Dreamweaver MX\Configuration\DocumentTypes 文件夹下。双击 MMDocumentTypes.xml,在 Dreamweaver MX 中打开。
把第三行的 html 移动到“htm,html,shtml,shtm,stm,lasso,xhtml”这部分最前面 的位置,改成“html,htm,shtml,shtm,stm,lasso,xhtml”即可。
保存文件。重新打开 Dreamweaver MX,新建一个文件,默认扩展名变成.html 了,其它 扩展名修改方法类似。
三、页面属性的设置
双击 media 站点中的 index.htm,打开一个空白的页面。我们将从这个空白页面开始制 作,了解页面属性的设置和作用。1、在工作区点鼠标右键,选择“页面属性”。
2、打开“页面属性”对话框。
3、设置“页面属性”。
在标题上输入 5dmedia,在背景、文本、链接、访问过的链接、活动链接等几部分选取 颜色。设置左边界、顶部边界、边界宽度、边界高度都为 0,可以使页面中的表格与背景没 有空隙。
4、如果不设置设置左边界、顶部边界、边界宽度、边界高度,就会与顶部和左边有明 显的空隙。
5、在文档编码区可选择要采用的字符集。在中国大陆,使用的是简体中文(GB2312) 编码;繁体网站,使用的是繁体中文(big5 码);英文网站使用的是西欧语系(Latinl)。另外,用得比较多的还有背景图像,选择一个已经做好的图像,就可以设置页面的背景图。
四、在 Dreamweaver 中插入背景音乐
1、代码法 &bgsound&是用来插入背景音乐,但只适用于 IE,其参数设定不多。如下&bgsound src=&your.mid& autostart=true loop=infinite& bgsound 标签共有六个属性,其中 balance 是设置音乐的左右均衡,delay 是进行播放延 时的设置,loop 是循环次数的控制,src 则是我们音乐文件的路径,volume 是音量设置; autostart 设置音乐是否在网页加载时自动播放。一般在添加背景音乐时,我们并不需要对 音乐进行左右均衡以及延时等设置, 所以仅需要几个主要的参数就可以了。最后的代码如下&bgsound src=&music.mid& loop=&-1&& 其中,loop=&-1&表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即 可,Infinite 表示重复多次。这种添加背景音乐的方法是最基本的方法, 也是最为常用的一种方法, 对于背景音乐的 格式支持现在大多的主流音乐格式,如 WAV、MID、MP3 等。如果要顾及到网速较低的浏 览者,则可以使用 MID 音效作为网页的背景音乐,因为 MID 音乐文件小,这样在网页打开 的过程中能很快加载并播放,但是 MID 也有不足的地方,它只能存放音乐的旋律,没有好 听的和声以及唱词。如果你的网速较快,或是觉得 MID 音乐有些单调,也可以添加 MP3 的 音乐。只要将上述代码中的 happy.mid 改为 happy.mp3 即可。提示:在 FrontPage 中加入背景音乐要比 Dreamweaver 相对方便一些,只要在“背景”对 话框中进行相关设置即可。这种方法就是直接把&bgsound&标记放于网页文件的&head&...&/head&之间,设置好 mid 文件的路径就 OK 了。2、插件法 下载插件:sound.mxp 下载后双击文件, 就可以直接安装。安装完成后可以在“常用”面板上看到一个喇叭图 标。直接点击此按钮,就弹出如下图所示的插入窗口:
Forever:设置无限循环播放;Never:不循环播放,即只播放一次;NO of times:设 置播放的次数。点击“Browser”按钮选择好声音文件之后,按确定完成即可。打开代码视图,可以看 到&body&和&/body&标记之间增加了两行代码,事实只需要一行即可。&bgsound src=&sound/lonely.mp3& loop = &-1&&
&embed src=&sound/lonely.mp3& hidden=&TRUE& autostart=&TRUE& loop= &TRUE&&&/embed& 其中 autostart 用来设置打开页面时音乐是否自动播放,而 hidden 设置是否隐藏媒体播 放器。因为 embed 实际上类似一个 Web 页面的音乐播放器,所以如果没有隐藏,则会显示 出你系统默认的媒体插件的。第一种方法(即使用&bgsound&标记)当页面打开时音乐播放,如果将页面最小化以后 播放音乐会自动暂停,如果使用第二种方法(即使用&embed&标记)则不会出现这种情况, 只要不将窗口关闭, 它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加 音乐的方法。3、直接插入法 Shift+F3 打开“行为”面板,选择“+”“播放声音”,选择正确的浏览器支持的音乐 文件就 OK 了。
在页面中选择该插件图标,在属性面板中单击“参数”按钮,打开“参数”对话框。
修改“AutoStart”后面的“Value”值“false”为“true”,这样就达到打开页面背 景音乐就响起的效果。4、使用“标签”命令 步骤 1:把光标定位于合适的位置,单击“插入”|“标签”命令; 步骤 2:弹出“标签选择器”对话框,依次展开左侧的“HTML 标签”|“页元素”结构 树,然后在右侧的列表中选择 bgsound 选项。
步骤 3:单击“插入”按钮,弹出“标签编辑器-bgsound”对话框,在“源”文本框中 输入背景音乐的路径和名称,然后在“循环”下拉列表中选择“无限(-1) ”选项。
步骤 4:依次单击“确定”和“关闭”按钮,即可在网页中插入背景音乐,保存网页并 预览,可播放插入的背景音乐。
dreamweaver,cs5相关文章
《》由(易啊教育网)整理提供,版权归原作者、原出处所有。
Copyright &
All Rights Reserved.

我要回帖

更多关于 dreamweaver cs5教程 的文章

 

随机推荐