你可以用Dreamweaver的事情

超过100个不同Dreamweaver的技巧和技术

Adobe Dreamweaver网页设计师是这样一个强大的工具,因为它有很多事情你可以做。当然,所有这些事情你可以使它具有挑战性的学习。找出一些Dreamweaver能做的许多事情,包括最新版本的变化,CS5。别忘了检查的事情缺少Dreamweaver CS5

说明使用Adobe Dreamweaver的人
乐动体育赞助Lifewire /对此Gilmartin

定义一个网站

  • 开始一个新网站
  • 创建一个网站
  • 建立网站,你需要的部分,当你需要他们在CS5 *新
  • 设置远程、QA和测试服务器CS5的更完整的工作流*新
  • 创建和发布新目录
  • 改变文档类型
  • 在你的页面包含元数据

把你的网站活

  • 定义一个远程站点
  • FTP文件到web服务器
  • 使用版本控制系统来检查文件
  • 与Subversion CS5的更高级的版本控制*新
  • 为你的队友留下笔记

创建Web页面

  • 写一页所见即所得模式
  • 写在HTML页面
  • 从一个模板创建一个新页面
  • 从头开始创建一个新页面
  • 创建一个模板
  • 文件保存到你的网站目录
  • 定义页面属性

CSS

  • 使用CSS样式表
  • 添加内联样式
  • 创建一个外部样式表
  • 附加一个外部样式表
  • 创建类,ID、标记和CSS选择器
  • 编辑现有的CSS规则
  • 为可打印的页面创建CSS
  • 启用和禁用CS5样式属性*新
  • 检查CSS盒模型视觉CS5 *新

文本

  • 修改文本
  • 使用不同的字体
  • 插入一个换行符
  • 使用特殊字符
  • 包括今天的日期
  • 写评论
  • 应用HTML标记为文本
  • 添加HTML属性标签

链接

  • 链接文本和图像
  • 检查网站链接
  • 更改默认链接颜色(链接,访问、悬停、活动)
  • 在链接上创建工具提示
  • 创建mailto链接
  • 创建web页面的锚

图片

  • 将图像添加到一个页面
  • 编辑图片
  • 调整图像
  • 添加alt文本图像
  • 添加额外的辅助功能选项,图像
  • 图像和文本对齐
  • 创建一个滚动的形象
  • 使用图像映射
  • 使用跟踪图像
  • 用图片占位符
  • 插入HTML烟花
  • 插入Photoshop文件

布局

  • 使用包括免费模板* CS5的新CSS起动器布局
  • 插入div布局
  • 编辑的div CSS样式面板
  • 插入绝对定位元素
  • 格式绝对定位的元素属性检查器
  • 使用统治者、网格和导游

列表

  • 添加项目符号和编号列表
  • 定制子弹和数字列表

  • 创建一个表
  • 添加标题行和列
  • 使用透明的图片表格打开
  • 创建列固定宽度和灵活的宽度
  • 变化的边界样式表
  • 嵌入一个表在一个表
  • 导入表格数据

形式

  • 使用mailto形式
  • 定义形式的行动
  • 添加文字、广播、复选框,文件,图像,选择框、隐藏表单字段
  • 让你与自定义字段和标签领域的形式访问
  • 创建自定义提交按钮
  • 验证表单与JavaScript(敏捷)

数据库和PHP脚本

  • 附上你的网站到一个数据库
  • 建立一个PHP / mySQL网站
  • 使用敏捷的元素连接到数据库
  • 在页面中插入数据对象
  • 测试和更新一个敏捷的数据源或显示
  • 在设计视图中编辑复杂的动态网站
  • 发现所有动态组装PHP CMS网站相关文件(WordPress,在CS5 Joomla, Drupal) *新
  • 自定义类提示为PHP代码,包括第三方框架CS5像Zend框架*新

  • 建立一个框架的网站
  • 编辑noframes内容
  • 你的帧格式和风格
  • 设置默认的链接的目标帧之间

添加交互性

  • 建立一个相册(在CS5不再)
  • 声音添加到web页面
  • 创建一个下拉菜单
  • 使用Dreamweaver行为打开弹出窗口,创建菜单,播放声音,交换图片,和更多
  • 一个网站添加RSS提要
  • 插入Flash文本作为一个翻转
  • 插入CSS文本作为一个翻转
  • 插入其他插件
  • 加敏捷的菜单栏、选项卡面板、手风琴、工具提示,可折叠的面板
  • 使用浏览器小部件为你的网站寻找新的小部件,而不需要知道JavaScript

测试页面

  • 测试页面实时视图来查看更改JavaScript和交互性CS5 *新
  • 验证HTML
  • 在多个浏览器预览页面
  • 使用BrowserLab预览页面在其他操作系统在CS5 *新
  • 使用设备中央检查页面如何在移动设备上
  • 检查浏览器兼容性
  • 更改设置来匹配你的网站需要什么
  • 检查内部网站链接
  • 测试你的网站的可访问性(CS5不再)
  • 把一个Word文档与HTML

定制Dreamweaver

  • 添加扩展
  • 禁用扩展
  • 定制Dreamweaver和快捷键

提高你的效率

  • 使用内置的键盘快捷键
  • 使用代码片段
  • 创建和使用模板
  • 从自定义模板生成新的页面
  • 更新的模板
  • 在另一个使用Dreamweaver库包含一个文件
  • 更新图书馆项目
  • 在另一个使用SSI包含一个文件
  • 使用搜索和替换
这个页面是有用吗?