网页设计 百文网手机站

Dreamweaver窗口如何布局的方法

时间:2023-02-07 17:32:12 网页设计 我要投稿

Dreamweaver窗口如何布局的方法

  dreamweaver编辑网页 的时候,经常需要 插入一些图象什么的,假设要插入的图象很多,按照常规方法来操作就显得非常麻烦。今天,小编为大家搜索整理了Dreamweaver窗口如何布局,希望大家能有所收获!

  1、巧妙调用STYLE

  熟悉网页设计的网友就知道,调用STYLE的方法很多,我们可以单击鼠 标右键选择CUSTON STYLE来调用STYLE标准,也可以在状态栏中的元素列表 上单击右键来调用STYLE。虽然不同的方法达到的效果看似一样,但实际上 产生的HTML代码则完全不同。比如用CUSTON STYLE来调用STYLE标准,在网 页代码中就生成一个〈SPAN〉标签,这样的标签一多就会使文件十分臃肿 而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来 调用STYLE。

  2、使字体适应不同的分辨率

  我们在制作网页的时候,经常有这种体会, 那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机 上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个 计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在 DREAMWEAVER中得到了较好的解决。在文档窗口的右下角,DREAMWEAVER 显示当前文档被设计成的分辨率大小。单击哪个数字,在弹出式菜单中可 以为当前的页面指定显示分辨率,通过修改可以使你的主页更具灵活性。 使不同分辨率的显示器都能较好地显示。

  3、善用拖放技术我们在使用DREAMWEAVER编辑网页

  插入一些图象什么的,假设要插入的图象很多,按照常规方法来操作就显 得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把 DREAMWEAVER的操作窗口变成活动窗口,以腾出空间来显示EXPLORER窗口, 找到要插入的图象文件后,把它们一一用鼠标拖动到网页的适当部位, DREAMWEAVER将自动把这些图象的URL添加到文件的HTML代码中,当然这里 要求被拖动的图象文件必须是GIF、JPG等WEB图象格式的文件。对于已经在 网页中的图象也是一样,直接拖过来就可以了。但如果被拖动的图象上有 超级链接,就不可以再使用拖动技术了,因为那时拖过来的仅仅是超级链 接地址。

  拓展:Adobe Dreamweaver常用快捷键大全

  1 文件菜单

  新建文档 Ctrl+N

  打开一个HTML文件 Ctrl+O 或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中

  在框架中打开 Ctrl+Shift+O

  关闭 Ctrl+W

  保存 Ctrl+S

  另存为 Ctrl+Shift+S

  检查链接 Shift + F8

  退出 Ctrl+Q

  2 编辑菜单

  撤消 Ctrl+Z

  重复 Ctrl+Y 或 Ctrl+Shift+Z

  剪切 Ctrl+X 或Shift+Del

  拷贝 Ctrl+C 或Ctrl+Ins

  粘贴 Ctrl+V 或Shift+Ins

  清除 Delete

  全选 Ctrl+A

  选择父标签 Ctrl+Shift+<

  选择子标签 Ctrl+Shift+>

  查找和替换 Ctrl+F

  查找下一个 F3

  缩进代码 Ctrl+Shift+]

  左缩进代码 Ctrl+Shift+[

  平衡大括弧 Ctrl+’

  启动外部编辑器 Ctrl+E

  参数选择 Ctrl+U

  3 页面视图

  标准视图 Ctrl+Shift+F6

  布局视图 Ctrl+F6

  工具条 Ctrl+Shift+T

  4 查看页面元素

  可视化助理 Ctrl+Shift+I

  标尺 Ctrl+Alt+R

  显示网格 Ctrl+Alt+G

  靠齐到网格 Ctrl+Alt+Shift+G

  头内容 Ctrl+Shift+W

  页面属性 Ctrl+J

  5 代码编辑

  切换到下一个设计页面 Ctrl+Tab

  打开快速标签编辑器 Ctrl+T

  选择父标签 Ctrl+Shift+<

  平衡大括弧 Ctrl+’

  全选 Ctrl+A

  拷贝 Ctrl+C

  查找和替换 Ctrl+F

  查找下一个 F3

  替换 Ctrl+H

  粘贴 Ctrl+V

  剪切 Ctrl+X

  重复 Ctrl+Y

  撤消 Ctrl+Z

  切换断点 Ctrl+Alt+B

  向上选择一行 Shift+Up

  向下选择一行 Shift+Down

  选择左边字符 Shift+Left

  选择右边字符 Shift+Right

  向上翻页 Page Up

  向下翻页 Page Down

  向上选择一页 Shift+Page Up

  向下选择一页 Shift+Page Down

  选择左边单词 Ctrl+Shift+Left

  选择右边单词 Ctrl+Shift+Right

  移到行首 Home

  移到行尾 End

  移动到代码顶部 Ctrl+Home

  移动到代码尾部 Ctrl+End

  向上选择到代码顶部 Ctrl+Shift+Home

  向下选择到代码顶部 Ctrl+Shift+End

  6 编辑文本

  创建新段落 Enter

  插入换行 Shift+Enter

  插入不换行空格 Ctrl+Shift+Spacebar

  拷贝文本或对像到页面其他位置 Ctrl+拖动选取项目到新位置

  将选定项目添加到库 Ctrl+Shift+B

  在设计视图和代码编辑器之间切换 Ctrl+Tab

  打开和关闭[属性]检查器 Ctrl+Shift+J

  检查拼写 Shift+F7

  7 格式化文本

  缩进 Ctrl+]

  左缩进 Ctrl+[

  格式>无 Ctrl+0 (零)

  段落格式 Ctrl+Shift+P

  应用标题1到6到段落 Ctrl+1 到 6

  对齐>左对齐 Ctrl+Shift+Alt+L

  对齐>居中 Ctrl+Shift+Alt+C

  对齐>右对齐 Ctrl+Shift+Alt+R

  加粗选定文本 Ctrl+B

  倾斜选定文本 Ctrl+I

  编辑样式表 Ctrl+Shift+E

  8 查找和替换文本

  查找 Ctrl+F

  查找下一个/再查找 F3

  替换 Ctrl+H

  9 处理表格

  选择表格(光标在表格中) Ctrl+A

  移动到下一单元格 Tab

  移动到上一单元格 Shift+Tab

  插入行(在当前行之前) Ctrl+M

  在表格末插入一行 在最后一个单元格 Tab

  删除当前行 Ctrl+Shift+M

  插入列 Ctrl+Shift+A

  删除列 Ctrl+Shift+ - (连字符)

  合并单元格 Ctrl+Alt+M

  拆分单元格 Ctrl+Alt+S

  更新表格布局(在“快速表格编辑”模式中强制重绘) Ctrl+Spacebar

  10 处理框架

  选择框架 框架中Alt+点击

  选择下一框架或框架页 Alt+右方向键

  选择上一框架或框架页 Alt+左方向键

  选择父框架 Alt+上方向键

  选择子框(网页设计培训)架或框架页 Alt+下方向键

  添加新框架到框架页 Alt+从框架边界拖动

  使用推模式添加新框架到框架页 Alt+Ctrl+从框架边界拖动

  11 处理层

  选择层 Ctrl+Shift+点击

  选择并移动层 Shift+Ctrl+拖动

  从选择中添加或删除层 Shift+点击层

  以像素为单位移动所选层 上方向键

  按靠齐增量移动所选层 Shift+方向键

  以像素为单位调整层大小 Ctrl+方向键

  以靠齐增量为单位调整层大小 Ctrl+Shift+方向键

  将所选层与最后所选层的顶部/底部/左边/右边对齐 Ctrl+上/下/左/右方向键

  统一所选层宽度 Ctrl+Shift+[

  统一所(网页设计培训)选层高度 Ctrl+Shift+]

  创建层时切换嵌套设置 Ctrl+拖动

  切换网格显示 Ctrl+Shift+Alt+G

  靠齐到网格 Ctrl+Alt+G

  12 处理时间轴,图像

  添加对像到时间轴 Ctrl+Alt+Shift+T

  添加关键帧 Shift+F9

  删除关键帧 Delete

  改变图像源文件属性 Double+点击图像

  在外部编辑器中编辑图像 Ctrl+双击图像

  13 管理超链接

  创建超链接(选定文本) Ctrl+L

  删除超链接 Ctrl+Shift+L

  拖动并投放以从文档创建超链接 (网页设计培训)选取文本,图像或对像,然后Shift+拖动选择到[站点]窗口中的文件

  拖动并投放以使用[属性]检查器创建超链接 选取文本,图像或对像,然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件

  在Dreamweaver打开链接文档 Ctrl+双击链接

  检查选定链接 Shift+F8

  检查整个站点中的链接 Ctrl+F8

  14 在浏览器中定位和预览

  在主浏览器中预览 F12

  在次要浏览器中预览 Ctrl+F12

  15 在浏览器中调试

  在主浏览器中调试 Alt+F12

  在次要浏览器中调试 Ctrl+Alt+F12

  16 站点管理和FTP

  创建新文件 Ctrl+Shift+N

  创建新文件夹 Ctrl+Shift+Alt+N

  打开选定 Ctrl+Shift+Alt+O

  从远程FTP站点下载选定文件或文件夹 Ctrl+Shift+D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏

  将选定文件或文件夹上载到远程FTP站点 Ctrl+Shift+U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏

  取出 Ctrl+Shift+Alt+D

  存回 Ctrl+Shift+Alt+U

  查看站点地图 Alt+F8

  刷新远端站点 Alt+F5

  17 站点地图

  查看站点文件 F8

  刷新本地栏 Shift+F5

  设为根 Ctrl+Shift+R

  链接到现存文件 Ctrl+Shift+K

  改变链接 Ctrl+L

  删除链接 Delete

  显示/隐藏链接 Ctrl+Shift+Y

  显示页面标题 Ctrl+Shift+T

  重命名文件 F2

  放大站点地图 Ctrl+ + (plus)

  缩小站点地图 Ctrl+ - (hyphen)

  18 播放插件

  播放插件 Ctrl+Alt+P

  停止插件 Ctrl+Alt+X

  播放所有插件 Ctrl+Shift+Alt+P

  停止所有插件 Ctrl+Shift+Alt+X

  19 处理模板

  创建新的可编辑区域 Ctrl+Alt+V

  20 插入对像

  任何对像(图像,Shockwave影片等) 文件从[资源管理器]或[站点]窗口拖动到[文档]窗口

  图像 Ctrl+Alt+I

  表格 Ctrl+Alt+T

  Flash影片 Ctrl+Alt+F

  Shockwave和Director影片 Ctrl+Alt+D

  命名锚记 Ctrl+Alt+A

  21 历史纪录面板

  打开[历史纪录]面板 Shift F10

  开始/停止录制命令 Ctrl+Shift+X

  播放录制好的命令 Ctrl+P

  22 打开和关闭面板

  对像 Ctrl+F2

  属性 Ctrl+F3

  站点文件 F5

  站点地图 Ctrl+F5

  资源 F11

  CSS样式 Shift+F11

  HTML样式 Ctrl+F11

  行为 Shift+F3

  历史纪录 Shift+F10

  时间轴 Shift+F9

  代码检查器 F10

  框架 Shift+F2

  层 F2

  参考 Ctrl+Shift+F1

  显示/隐藏浮动面板 F4

  最小化所有窗口 Shift+F4

  最大化所有窗口 Alt+Shift+F4

  23 获得帮助

  使用Dreamweaver[帮助主题] F1

  参考 Shift+F1

  Dreamweaver支持中心 Ctrl+F1

【Dreamweaver窗口如何布局的方法】相关文章:

如何使用Dreamweaver窗口布局方法08-08

Dreamweaver窗口如何布局10-31

Dreamweaver窗口如何设置08-09

Dreamweaver如何利用层布局网页08-25

Dreamweaver文档窗口使用的方法技巧11-04

Dreamweaver文档窗口简介08-06

Dreamweaver怎么利用层布局网页09-04

Dreamweaver工作区布局有什么工具09-02

Dreamweaver怎么怎么利用层布局网页09-02