超过100种不同的Dreamweaver技巧和技巧
Adobe Dreamweaver对网页设计师来说是一个非常强大的工具,因为它有很多你可以用它做的事情。 当然,你所能做的所有事情都会让学习变得困难。 找出Dreamweaver可以做的许多事情,包括最新版本CS5的变化。 不要忘记检查Dreamweaver CS5中缺少的东西。
定义一个网站
- 开始一个新的网站
- 创建一个网站
- 只需在需要时设置所需站点的各个部分* CS5中的新增内容
- 设置远程,QA和测试服务器以获得更完整的工作流程* CS5中的新功能
- 创建并发布新目录
- 更改文档类型
- 在你的页面中包含元数据
把你的网站生活
- 定义一个远程站点
- FTP文件到Web服务器
- 使用版本控制系统检查输入和输出文件
- 与Subversion联系以获得更高级的版本控制* CS5中的新功能
- 给你的队友留下笔记
创建网页
- 以所见即所得的模式写一页
- 用HTML编写页面
- 从模板创建一个新页面
- 从头开始创建一个新页面
- 创建一个模板
- 将文件保存到您的网站目录
- 定义页面属性
CSS
- 使用CSS样式表
- 添加内联样式
- 创建一个外部样式表
- 附上一个外部样式表
- 创建类,标识,标签和复合CSS选择器
- 编辑现有的CSS规则
- 为可打印页面创建CSS
- 启用和禁用样式属性* CS5中的新增功能
- 可视化检查CSS盒模型* CS5中的新功能
文本
- 修改文字
- 使用不同的字体
- 插入换行符
- 使用特殊字符
- 包括今天的日期
- 写评论
- 将HTML标签应用于文本
- 将HTML属性添加到标签
链接
- 链接文字和图像
- 检查网站链接
- 更改默认的链接颜色(链接,访问,悬停,活动)
- 在链接上创建工具提示
- 创建mailto链接
- 创建网页锚点
图片
- 将图形添加到页面
- 编辑图像
- 调整图像大小
- 将alt文字添加到图像
- 为图像添加其他辅助功能选项
- 对齐图像和文字
- 创建一个翻转图像
- 使用图像映射
- 使用追踪图像
- 使用图像占位符
- 插入Fireworks HTML
- 插入Photoshop文件
布局
- 使用随附的免费试用版* CS5中的新CSS起始器布局
- 插入div以进行布局
- 在CSS样式面板中编辑div
- 插入绝对定位的元素
- 在属性检查器中格式化绝对定位的元素
- 使用标尺,网格和指南
清单
- 添加项目符号和编号列表
- 自定义列表项目符号和数字
表
- 创建一个表
- 添加标题行和列
- 使用透明图像来保持表格单元格打开
- 创建固定宽度和灵活宽度的列
- 更改表格的边框样式
- 在表格中嵌入一张表格
- 导入表格数据
形式
- 使用mailto表单
- 定义表单操作
- 添加文本,电台,复选框,文件,图像,选择框和隐藏表单域
- 使用fieldset和label字段可以访问您的表单
- 创建自定义提交按钮
- 用JavaScript验证表单(Spry)
数据库和PHP脚本
- 将您的网站附加到数据库
- 建立一个PHP / mySQL网站
- 使用Spry元素连接到数据库
- 将数据对象插入到您的页面中
- 测试并更新Spry数据源或显示
- 在设计视图中编辑复杂的动态网站
- 发现所有动态相关的文件来组装PHP CMS站点(WordPress,Joomla和Drupal)* CS5中的新功能
- PHP代码的自定义类提示,包括像Zend框架这样的第三方框架* CS5中的新功能
框架
- 建立一个框架网站
- 编辑noframes内容
- 格式化和设置你的框架
- 设置帧之间的默认链接目标
添加交互性
- 建立一个相册 (不再在CS5中)
- 向网页添加声音
- 创建一个下拉菜单
- 使用Dreamweaver行为打开弹出窗口,创建跳转菜单,播放声音,交换图像等
- 将RSS源添加到网站
- 插入Flash文本作为滚动
- 插入CSS文本作为滚动
- 插入其他插件
- 添加Spry菜单栏,选项卡式面板,手风琴,工具提示和可折叠面板
- 使用小部件浏览器为您的网站找到新的小部件,而无需了解JavaScript
测试你的页面
- 在Live View中测试您的页面以查看JavaScript和交互引起的更改* CS5中的新功能
- 验证您的HTML
- 在多个浏览器中预览您的网页
- 使用BrowserLab预览其他操作系统中的页面* CS5中的新功能
- 使用Device Central检查页面在移动设备上的外观
- 检查浏览器兼容性
- 更改设置以匹配您的网站需要处理的内容
- 检查内部网站链接
- 测试您网站的可访问性(不再在CS5中)
- 将Word文档转换为HTML
自定义Dreamweaver
- 添加扩展
- 禁用扩展
- 使用快捷方式自定义Dreamweaver
提高你的效率
- 使用内置的键盘快捷键
- 使用代码片段
- 创建和使用模板
- 从自定义模板生成新页面
- 更新模板
- 使用Dreamweaver库将另一个文件包含在另一个文件中
- 更新库项目
- 使用SSI在另一个文件中包含一个文件
- 使用搜索和替换