资源描述：
安装并运行Dreamweaver20201项目三2Dreamweaver2020的工作页面电子商务网页编辑软件Dreamweaver2020
1安装并运行Dreamweaver20201任务分析相关知识任务实施知识链接
2任务分析：安装Dreamweaver2020并运行该软件任务分析
3相关知识2相关知识：目前制作网页中比较广泛使用的Dreamweaver的最新版本是2020，Dreamweaver是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JAVA等内容的支持，设计师和程序员几乎可以在任何地方快速制作和进行网|站建设。AdobeDreamweaver使用所见即所得的接口，亦有HTML编辑的功能。借助于经过简化的智能编码引擎，人们可轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解HTML、CSS和其他Web标准。使用视觉辅助功能，可减少错误并提高网站开发速度。
4步骤四步骤三步骤二步骤一选择“新建”，进入Dreamweaver初始界面进入Dreamweaver初始界面运行Dreamweaver，进行简单选择之后完成导向设置在官网或是百度搜索Dreamweaver下载并运行安装文件任务实施3
5任务实施3Dreamweaver2020安装页面步骤一|1在官网或是百度搜索Dreamweaver下载并运行安装文件。官网链接：https://www.adobe.com/cn/products/dreameweaver.html
6任务实施3安装进度页面安装完成页面步骤一1依照提示激活用户、输入相关信息后，进入安装进度界面。等待一段时间后，出现安装完成界面。点击“关闭”，即安装成功，并能在“开始”菜单中找到Dreamweaver。
7任务实施3初次使用向导步骤二2在桌面上依次点击“开始”→“AdobeDreamweaver2020”，运行Dreamweaver2020，会出现初次使用向导，进行简单选择|之后完成向导设置。
8知识链接4此处是Dreamweaver2020可选择作为默认编辑器的文件类型。例如，动态网页文件扩展名有asp、jsp、aspx和php；JavaScript脚本扩展名为js；CSS样式表文件扩展名为CSS等。小知识
9任务实施3Dreamweaver2020初始界面图步骤三3进入Dreamweaver2020初始界面
10任务实施3Dreamweaver2020工作界面步骤四4选择菜单栏的“文件”→“新建”，在打开的对话框中，文档类型为“HT-ML“，单击“创建”，即可进Dreamweaver2020的工作界面。
11Dr|eamweaver2020的工作页面2任务分析相关知识任务实施
121任务分析任务分析：布置Dreamweaver2020软件的窗口布局：文档区显示黑色网格，把右侧浮动面板的插入面板拖到文档编辑区，右侧浮动面板组区显示CSS面板和文件面板。Dreamweaver2020的窗口布局
1354321Dreamweaver2020的文档编辑区Dreamweaver2020中的浮动面板Dreamweaver2020的插入菜单栏Dreamweaver2020中的属性面板Dreamweaver2020的菜单栏相关知识26Dreamweaver2020自定义工具栏|n相关知识2Dreamweaver2020菜单栏知识点一1Dreamweaver2020的菜单栏位于窗口的最上端，如下图所示。Dreamweaver2020几乎所有的操作在菜单栏的菜单选项中都能找到。
14相关知识2Dreamweaver2020的插入菜单栏知识点二2Dreamweaver2020的插入菜单栏默认布置在浮动面板中。使用Dreamweaver2020插入菜单栏中的选项，可以在编辑区中插入相应的各种元素，如超链接、图像、表格、媒体、日期等。Dreamweaver2020的插入菜单栏如下图所示。
15相关知识2Dreamweaver2020的|文档编辑区知识点三3Dreamweaver2020的文档编辑区是制作网页的区域，如图所示，网页元素可以通过各种方式插入文档编辑区中。在文档编辑区的左上角显示网页的文档名称，默认是Unitled1，如果名称后有“*”，表明该网页文件发生了修改却没有保存，保存后“*”会消失。
16相关知识2代码视图模式拆分视图模式知识点三3文档工作栏中有三个按钮，依次是“代码”“拆分”“设计”，这三个按钮分别对应着文档编辑区的三种工作模式。在设计视图模式下，可以实现可视化的设计方式；在代码视图模式下，可以通过编写HTML代码的方式制作网页；在拆分视图模式下，可以同时使用|代码视图和设计视图。默认情况下是设计视图模式。
172相关知识文档编辑区的下端是状态栏，状态栏左侧为标签选择器。通过标签选择器能够方便地选中文档编辑区的内容。例如，编辑区内有一个表格，光标定位到某行里，单击标签选择器中的<ｔｄ>标签，便能选中表格中的单元格。知识点三3标签选择器
18相关知识2状态栏右侧的按钮知识点三3状态栏右侧的按钮依次是代码错误状态、文件类型、显示大小、插入/改写状态、光标所在代码行、列信息、预览按钮。预览按钮可用来设置浏览器的信息，单击后弹出的浏览器信息菜单，在菜单中可以选择用何种浏览器。浏览器信息菜单
19相关知识2知识点三3单击|菜单中的“编辑列表”项，弹出首选项对话框，在该对话框中可以通过“＋”和“－”来添加浏览器类型，并能定义主浏览器与次浏览器。首选项对话框
20相关知识2属性面板知识点四4在文档编辑区的下方有一个属性面板，当选中文档编辑区中的某个网页元素时，通过属性面板可以定义该元素的属性。属性面板与文档和文档窗口之间的按钮用于关闭属性面板，打开属性面板要通过菜单栏中的“窗口”→“属性”选项打开。不同的网页元素对应的属性面板也不同，但在使用属性面板之前，都要保证网页元素处于选中状态，默认状态下属性面板。通过单击属性面板右下角的按钮可以收起属性面板。
21相关知识2知识点五|5在整个工作界
