《中文版+Dreamweaver+CS6网设计教程-IT168文库》由会员分享，可在线阅读，更多相关《中文版+Dreamweaver+CS6网设计教程-IT168文库（51页珍藏版）》请在金锄头文库上搜索。
1、第1章 Deamwae C6简介DeamwverC是一款功能强大的可视化的网页编辑与管理软件。运用它,不仅可以轻松地创立跨平台和跨浏览器的页面,也可以直接创立具有动态效果的网页而不用自己编写源代码。reameaerC6最重要的优势在于可以进行多任务工作，并且在操作措施、界面风格方面更加人性化。顾客可以根据自己的喜好和工作方式，重新排列面板和面板组,自定义工作区。本章重要内容l reamweaveS的新增功能。l Dreaweave CS6的安装、删除和启动。l Damwer C6的工作界面。l Deamweaer C的一般操作。本章重点l mwaer C6常用面板的使用措施。l Dramwev
2、e CS6的文献操作。1.1 DremweaerS概述DremweveS6是世界顶级软件厂商Ade推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。在业界一般将ramweaver、Flash、Fireworks称为“网页三剑客”。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,因此对于初级人员,不必编写任何代码就能迅速创立Wb页面。其成熟的代码编辑工具更合用于Web开发高档人员的创作。C6新版本使用了自适应网格版面创立页面,在发布前可使用多屏幕预览审视设计,大大提高了顾客的工作效率，而改善的T性能可更高效地传播大型文献。“实时视图”和“多屏幕预
3、览”面板可呈现HML5 代码，顾客能更以便地检查自己的工作。1.2 reamweaver S6的新增功能相对于此前的版本,Dreamweave CS的功能重要在如下方面进行了增强。1. 可响应的自适应网格版面使用响应迅速的CSS 自适应网格版面，可以创立跨平台和跨浏览器的兼容网页设计。运用简洁、业界原则的代码可为多种不同设备和计算机开发项目,提高工作效率。顾客可直观地创立复杂网页设计和页面版面,不必忙于编写代码。2.改善的TP性能运用重新改良的多线程TP 传播工具可节省上传大型文献的时间。而迅速高效地上传网站文献可缩短制作时间。3. AdobeBuinessatalyst 集成使用 Dream
4、weave中集成的 Busins Catalst 面板连接并编辑顾客运用 AdoeBuinesatayt(需此外购买)建立的网站。运用托管解决方案建立电子商务网站。4. 增强型jQuery 移动支持使用更新的 jQer 移动框架支持为 iOS 和 dod 平台建立本地应用程序。建立触及移动受众的应用程序，同步简化顾客的移动开发工作流程。5.更新的 PhoneGa 支持更新的 Aob Pona支持可轻松为 Adroid 和iOS系统建立和封装本地应用程序。通过改编既有的 HTML 代码来创立移动应用程序,并可使用 PhoneGap模拟器检查顾客的设计。6. CSS转换将CSS 属性变化制成动画转
5、换效果,可使网页设计栩栩如生，在顾客解决网页元素和创立优美效果时,能保持对网页设计的精确控制。 更新的实时视图使用更新的“实时视图”功能可在发布前测试页面。“实时视图”现已使用最新版的 Webit 转换引擎，可以提供绝佳的 HML 支持。8. 更新的多屏幕预览面板可运用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板目前可以协助顾客检查HTML5的内容呈现。. 浏览器兼容性检查reameaer C6中新的浏览器兼容性检查功能可生成报告(见图-1),指出多种浏览器中与 SS 有关的呈现问题。在代码视图中，这些问题以绿色下划线来标记,如图-2所示，因此可以精
6、确地懂得产生问题的代码位置。拟定问题之后，如果懂得解决方案,则可以迅速解决问题；如果需要理解具体信息,则可以访问 AdobeCSS Advsr。图11 浏览器兼容性检查报告图1- 绿色下划线标记1 AdobeSSAdirdobeCSS Ado 网站包具有关最新的CSS问题信息,在浏览器兼容性检查过程中可通过 Dremeaver 顾客界面直接访问该网站。CSS Advsor 不止是一种论坛、一种 WiKi页面或一种讨论组，它可以以便地为既有内容提供建议和改善意见,或者以便地添加新的问题,以使整个社区都可以从中受益。1. CS 布局Drawever提供了一组预先设计的CS 布局，可以协助顾客迅速设
7、计好页面并开始运营,并且在代码中提供了丰富的内联注释以协助顾客理解SS页面布局，如图1-3所示。Wb 上的大多数站点设计都可以被归类为一列、两列或三列式布局，并且每种布局都涉及许多附加元素(例如标题和脚注）。reaweaver提供了一种涉及基本布局设计的综合性列表,顾客可以自定义这些设计以满足自己的需要。图-3 S布局12. 管理CSS借助管理CSS 功能，可以轻松地在文档之间、文档标题与外部表之间、外部CSS 文献之间以及更多位置之间移动C 规则。此外,还可以将内联 CSS转换为 SS 规则，并且只需通过拖放操作即可将它们放置在所需位置。13. be Dece CntraAdbe Dee C
8、entr 与Dreweaver 相集成,并且存在于整个 Cave Suite 3软件产品系列中,使用它可以迅速访问每个设备的基本技术规范，还可以收缩 HML页面的文本和图像，以便使显示效果与设备上浮现的完全同样,从而简化了移动内容的创立过程。4. Adobe Bie CS6将 dbe Brige CS6与 emwv一起使用可以轻松、一致地管理图像和资源。通过 Adobe Brdg 可以集中访问项目文献、应用程序,以及设立 XM 元数据标记和搜索功能。15. 增强功能Dreamweavr具有HTL格式化功能,但没有CSS格式化功能，而Dreaeavr CS6增长了CS的格式化功能。13 eamw
9、eaver CS6的安装、卸载和启动本节重要简介如何安装和卸载eamaver CS6，以及运营Drweaer C6的措施。1.31 系统规定如下硬件和软件是运营Dreamvr S6所必需的。对Mirsoft Wndows系统的规定如下。l 解决器:Inte Pnim 4 或 Ahlon 64(或兼容解决器)。l 操作系统:Widos XSP2 或更高版本,Widows ist Ho Prmim、Bsness、Eneris 或Ultima（仅提供对32位版本的认证支持)。l RAM：512 MB。l 硬盘：13 以上可用空间。l 媒体：DVD-ROM驱动器。l Internt 连接（用于激活）。
10、对Macitosh系统的规定如下。l 解决器:G、G5 或基于 Inte 的 Ma。l 操作系统:Mac O 10.或10.7版。l RAM:512 MB。l 硬盘:1 GB以上可用空间。l 媒体：D-RM 驱动器。l teret 连接(用于激活)。1.2 安装Deameaver 6安装Dreamweaer CS6时，一方面关闭系统中目前正在运营的所有应用程序,涉及其她 dob 应用程序,然后执行下列操作之一。l 将安装光盘插入驱动器中,然后按照屏幕阐明进行操作。注意：如果安装程序没有自动启动,请双击光盘根目录中的Setup.ee文献(Wdow)或Seu文献(MacS）。l 如果顾客是从网上下
11、载的软件，请打开文献夹并双击Stup.e文献(Wdo)或etup文献(Mc O)，然后按屏幕阐明进行操作。下面是安装过程简介。(1)在“Aobe软件许可合同”界面(见图14）中单击“接受”按钮,进入安装位置界面。图1-4 “Adob软件许可合同”界面（)在安装位置界面(见图5）中单击“安装”按钮，进入“安装”界面,如图-6所示。图1-5 安装位置界面图6 “安装”界面(3)进入“安装完毕”界面后,单击“关闭”按钮退出安装,如图-所示。图7 “安装完毕”界面.3 卸载Dreaweaver S6若要卸载DrawaS6软件，一方面关闭系统中目前正在运营的所有应用程序,涉及其她 Ade 应用程序，然后
12、执行下列操作之一。l 在Winow XP系统中，打开 Windows“控制面板”窗口，然后双击“添加或删除程序”图标，打开“添加或删除程序”窗口。选择要卸载的产品，单击“更改/删除”按钮,然后按屏幕阐明进行操作。 l 在 indw Vista系统中，打开 indos“控制面板”窗口,然后双击“程序和功能”图标，在弹出的界面中选择要卸载的产品,单击“更改/删除”按钮，然后按屏幕阐明进行操作。 l 在 a 系统中，请勿通过将应用程序拖入废纸篓的方式进行卸载,应安全卸载软件，即选择“应用程序”|“实用程序”“dob 安装程序”命令中的产品安装程序，以管理员身份通过身份验证,选择“删除组件”命令,然后
13、按屏幕阐明进行操作。.3.4 启动与退出Dremweaver C6Dreawave C6的启动与退出方式有诸多种，下面具体简介。1. Dreamweaver S的启动Dreamwavr CS6启动方式有许多种，但一般用得较多的是如下两种。 1)从“开始”菜单中启动单击Windo桌面左下角的“开始”按钮，在“程序”子菜单中选择 “Ado Dreaeae CS”命令进行启动。 2)用快捷方式启动 在桌面上单击Deawev S6的快捷启动图标，即可启动。eamweer C6的启动界面如图-8所示。图- 启动界面初次启动Dmweave CS6后的主窗口界面如图19所示。如果不想每次启动时都显示该界面,
14、则选中“不再显示”复选框即可。图1-9 DreamweaverCS6主窗口界面2. Dreamweaver CS的退出退出Daever CS6 的方式有诸多种,但平时用得最多的不外乎如下几种。l 在rewever 6主窗口中的“文献”菜单中选择“退出”命令。 l 在 DreameverCS6被激活状态下,直接按 lt+F4 组合键。l 单击Dremeaver CS6主窗口左上角的控制菜单图标，从弹出的菜单中选择“关闭”命令，或者直接双击控制菜单图标。 l 单击emweaer CS6主窗口右上角的“关闭”按钮。1.4 DremwaverCS6的工作窗口Drameave CS6的工作窗口重要涉及功能菜单、插入栏、文档工具栏、文档窗口、状态栏、属性面板、功能面板等，如图110所示。合理使用这几种板块的有关功能，可以使设计工作成为一种高效、便捷的过程。图110 Dremwaver CS的工作窗口1.4.1 功能菜单所谓功能菜单
