任务一创建站点

网站建设与维护项目一创建网站站点CONTENTS目录Part1认识DreamweaverCS6Part2创建站点01

任务一

认识DreamweaverCS6

DreamweaverCS6的概念什么是DreamweaverCS6？Dreamweavercs6是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页（通常是标准通用标记语言下的一个应用HTML），对于初级人员，你可以无需编写任何代码就能快速创建web页面。

DreamweaverCS6安装步骤【解压到指定程序】【步骤1】：首先我们需要下载Dreamweavercs6官方中文原版安装程序，下载完毕后直接点击压缩包程序解压到指定文件夹。解压完毕后会自动启动安装程序，在这个过程可能会出现下图所示弹框，点击忽略即可。【忽略弹窗内容】DreamweaverCS6安装步骤【选择试用】【步骤2】：进行安装了，这里我们先选择试用，接受许可协议。【接受许可协议】DreamweaverCS6安装步骤【登录/注册账号】【步骤4】：接受许可协议后，AdobeDreamweavercs6将会要求登录你的Adobe账号来将试用注册到你的账号中，如果你已经登录Adobe账号直接点击下一步即可，登录操作完成后就进入安装内容界面了，由于小编的系统为32位，下面的图则只有一个安装选项，若是64位系统的朋友则会有32位与64位两个安装内容，可选择都安装也可只安装一个。【安装内容界面】DreamweaverCS6安装步骤【安装中】【步骤5】：等待安装完成，这个过程大约5~10分钟左右，序安装完毕，点击立即启动先看看程序是否安装完整，然后关闭程序。【关闭程序】DreamweaverCS6安装步骤【安装中】【步骤6】：下载Dreamweavercs6破解补丁，下载完毕后压缩包中有32与64两个文件夹分别代表32位程序与64位程序的补丁，选择适合自己系统的补丁。打开Dreamweavercs6安装文件夹，将适合自己系统的破解补丁文件夹中的文件拖入程序安装文件夹中覆盖同名文件。再打开程序发现程序不再提示需要注册激活，到此Dreamweavercs6安装破解完毕!【破解完毕】DreamweaverCS6界面功能介绍界面布局在Windows系统中的集成DreamweaverCS6工作区预设布局与DreamweaverCS5的布局种类相比，除了经典、编码器、编码人员(高级)、设计器、设计人员（紧凑）和双重屏幕几种布局模式外，还新增了BusinessCatalyst、流体布局、移动应用程序这三种布局模式。DreamweaverCS6界面功能介绍DreamweaverCS6的工作界面主要由菜单栏、文件工具栏、文件窗口、状态区、“属性”面板和面板组等组成。菜单栏在菜单栏中主要包括“文件”、“编辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“窗口”和“帮助”10个菜单。单击任意一个菜单，都会弹出下拉菜单，使用下拉菜单中的命令基本上能够实现DreamweaverCS6的所有功能，菜单栏中还包括一个工作界面切换器和一些控制按钮。DreamweaverCS6界面功能介绍①文件：在该下拉菜单中包括了“新建”、“打开”、“关闭”、“保存”和“导入”等常用命令，用于查看当前文件或对当前文件进行操作。②编辑：在该下拉菜单中包括了“拷贝”、“粘贴”、“全选”、“查找和替换”等用于基本编辑操作的标准菜单命令。③查看：在该下拉菜单中包括了设置文件的各种视图命令，如“代码”视图和“设计”视图等，还可以显示或隐藏不同类型的页面元素和工具栏。④插入：用于将各种网页元素插入到当前文件中，包括“图像”、“媒体”和“表格”等。【“文件”下拉菜单】【“编辑”下拉菜单】【“查看”下拉菜单】【“插入”下拉菜单】DreamweaverCS6界面功能介绍⑤修改：用于更改选定页面元素或项的属性，包括“页面属性”、“合并单元格”和“将表格转换为APDiv”等。⑥格式：用于设置文本的格式，包括“缩进”、“对齐”和“样式”等。⑦命令：提供对各种命令的访问，包括“开始录制”、“扩展管理”和“应用源格式”等。⑧站点：用于创建和管理站点。。【“修改”下拉菜单】【“格式”下拉菜单】【“命令”下拉菜单】【“站点”下拉菜单】DreamweaverCS6界面功能介绍⑨窗口：提供对DreamweaverCS6中所有面板、检查器和窗口的访问。⑩帮助：提示对DreamweaverCS6文件的访问。【“窗口”下拉菜单】【“帮助”下拉菜单】DreamweaverCS6界面功能介绍文件工具栏使用文件工具栏可以在文件的不同视图之间进行切换，如“代码”视图和“设计”视图等，在工具栏中还包含各种查看选项和一些常用的操作。①“代码”按钮：单击该按钮，仅在文件窗口中显示和修改HTML源代码。文件工具栏中的常用按钮的功能如下：②“拆分”按钮：单击该按钮，可在文件窗口中同时显示HTML源代码和页面的设计效果。③“设计”按钮：单击该按钮，仅在文件窗口中显示网页的设计效果。。DreamweaverCS6界面功能介绍④“在浏览器中预览/调试”按钮：用于将各种网页元素插入到当前文件中，包括“图像”、“媒体”和“表格”等。⑤“文件管理”按钮“：单击该按钮，在弹出的下拉菜单中包括“消除只读属性”、“获取”、“上传”和“设计备注等命令。【““在浏览器中预览/调试”下拉菜单】【“首选参数”对话框】⑥“检查浏览器兼容性”按钮：：单击该按钮，在弹出的下拉菜单中包括“检查浏览器兼容性”、“显示所有问题”和“设置”等命令。DreamweaverCS6界面功能介绍⑦“标题”文本框：用于设置或修改文件的标题。【“文件管理”下拉菜单】【“检查浏览器兼容性”下拉菜单】DreamweaverCS6界面功能介绍文件窗口文件窗口用于显示当前创建和编辑的文件，在该窗口中，可以输入文字、插入图片和表格等，也可以对整个页面进行设置，通过单击文件工具栏中的“代码”按钮、“拆分”按钮、“设计”按钮或“实时视图”等按钮，可以分别在窗口中查看代码视图、拆分视图、设计视图或实时显示视图。【文件窗口】DreamweaverCS6界面功能介绍状态区状态区位于文件窗口的底部，提供与用户正在创建的文件有关的其他信息。在状态区中包括卷标选择器、窗口大小弹出菜单和下载指示器等功能。【状态区】“属性”面板“属性”面板是网页中非常重要的面板，用于显示在文件窗口中所选元素的属性，并且可以对选择的元素的属性进行修改，该面板中的内容因选定的元素不同会有所不同。【“属性”面板】DreamweaverCS6界面功能介绍【折叠“属性”面板】DreamweaverCS6界面功能介绍面板组面板组位于工作窗口的右侧，用于帮助用户监控和修改工作，其中包括“插入”面板、“CSS样式”面板和“组件”面板等。1．打开面板如果需要使用的面板没有在面板组中显示出来，则可以使用“窗口”菜单将其打开，具体的操作步骤如下：【步骤1】在菜单栏中单击“窗口”菜单，在弹出的下拉菜单中选择