Skip to main content

如何使用Adobe Dreamweaver

一 Dreamweaver 操作環境介紹 part3 (四月 2025)

一 Dreamweaver 操作環境介紹 part3 (四月 2025)
Anonim

Adobe Dreamweaver是Web设计人员的强大工具,因为它可以用很多东西来处理它。当然,你可以做的所有事情都让学习变得困难。了解Dreamweaver可以执行的许多操作,包括最新版本CS5中的更改。不要忘记查看Dreamweaver CS5中缺少的内容。

定义网站

  • 开始一个新的网站
  • 创建一个网站
  • 在您需要时,仅设置您需要的站点部分* CS5中的新功能
  • 设置远程,QA和测试服务器以获得更完整的工作流程* CS5中的新功能
  • 创建和发布新目录
  • 更改doctype
  • 在您的网页中包含元数据

让您的网站生效

  • 定义远程站点
  • FTP文件到Web服务器
  • 使用版本控制系统检入和检出文件
  • 与Subversion连接以获得更高级的版本控制* CS5中的新功能
  • 给你的队友留言

创建网页

  • 以WYSIWYG模式写一页
  • 用HTML写一个页面
  • 从模板创建新页面
  • 从头开始创建新页面
  • 创建一个模板
  • 将文件保存到您的站点目录
  • 定义页面属性

CSS

  • 使用CSS样式表
  • 添加内联样式
  • 创建外部样式表
  • 附加外部样式表
  • 创建类,ID,标记和复合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

测试你的页面

  • 在实时视图中测试您的页面,以查看由JavaScript和交互性引起的更改* CS5中的新增内容
  • 验证您的HTML
  • 在多个浏览器中预览您的页面
  • 使用BrowserLab在其他操作系统中预览您的页面* CS5中的新功能
  • 使用Device Central检查页面在移动设备上的显示方式
  • 检查浏览器兼容性
  • 更改设置以匹配您的网站需要使用的内容
  • 检查内部站点链接
  • 测试您网站的可访问性(不再在CS5中)
  • 将Word文档转换为HTML

自定义Dreamweaver

  • 添加扩展程序
  • 禁用扩展程序
  • 使用快捷方式自定义Dreamweaver

提高效率

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