Dreamweaver CC 2018免费版已经正式发布了,新版本中HIDPI支援windows,可适用于多部荧屏支援,让荧幕检视文件变得更简单,在快速编辑功能中允许直接在html文件中编辑相关CSS,内置专业的Roundtrip HTML编辑器,具有语法高亮、代码错误提示等多种功能,让网页设计变得不再枯燥,多彩起来。还没有下载Dreamweaver CC 2018的朋友赶快来试试吧!
Dreamweaver CC 2018新功能
1、适用于 Windows 的 HiDPI 支持
Dreamweaver 针对 HiDPI 显示器进行了优化,为您提供包含可以正确地缩放和显示字体、图标、对话框和菜单的清晰界面。
2、适用于 Windows 的多显示器支持
在多个显示器上显示 Dreamweaver,从而扩大您的工作区。例如,将某个文档窗口拖出应用程序框,并在第二个显示器中查看它。
Dreamweaver CC 2018特点
1、所见即所得的强大功能
没有一个Web编辑软件能像Dreamweaver一样,具有所见即所得的功能,你可以在"Properties"(属性)窗体中调整参数,即刻在"Documentwindow"窗体中看到它的改变,如果你按下"F12",Dreamweaver会自动生成HTML文件格式,供欲览,以便开发人员进一步调整
2、方便快速的文本编排
与"Word"相似,具有强大的文本编辑能力,你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗体中输入文字,通过快捷的右键,选择例如"Font"(字体)类的选项进行编辑,也可以利用"Text"菜单进行更为细致的排版编辑
3、专业的HTML编辑--Roundtrip HTML
Dreamweaver与现存的网页有着极好的兼容性,不会更改任何其他编辑器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑
4、高质量的HTML生成方式
由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同,这使得设计者可以轻易掌握代码全局并加以修改
5、实时的HTML控制
设计者可以在可视化或者文本这两种方式下进行页面的设计,并且可以实时的监控HTML源代码。当设计者对代码作出任何改动时,结果将立刻显示出来
6、与流行的文本HTML代码编辑器之间的协调工作
Dreamweaver可以与目前流行的HTML代码编辑器(如BBEdit、HomeSite等)全面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习惯的基础上,充分享受到Dreamweaver带来更多功能。设计者可以使用文本编辑器直接编辑HTML,同时使用Dreamweaver生成较为复杂的动画、表格、Frame、JavaScript等。(Dreamweaver分别为Windows用户以及Macintosh用户提供了完全版的HomeSite及BBEdit这两个目前最流行的代码编辑器)
7、强大的DHTML支持
动态HTML是4.0浏览器支持的新功能,将在未来广泛应用于网络。这项技术可以增强页面的交互性、提高下载速度、使页面更美观更易于设计且富有动感。Dreamweaver 对DHTML完全支持,并提供了与之相关联的四大功能。而其它的可视化网页编辑工具几乎不提供或只小部分提供动态HTML的制作
8、重复元素库
在Dreamweaver中定义的一个站点内,设计者可以将重复使用的内容(例如Header、Footer等)独立定义。这样设计者在需要这些内容的地方只需做一个简单的插入就可以了。而且当元素库中定义的内容被修改后,整个站点中设计同样内容的地方将统一发生变化而无需再逐一修改
9、基于目标浏览器的检测
目前浏览器更新换代很快,从2.0到4.0层出不穷。同时又有IE和Netscape两大阵营竞争。设计者制作出的网页必须面向功能不同的浏览器并保持其正确性。这是一项比较困难的工作。而Dreamweaver不仅在设计时可以基于不同的目标浏览器进行不同的设计,而且在页面制作完毕后,Dreamweaver可以基于目标浏览器对页面进行检测并给出报告。在报告中将显示出被检测页面的兼容性以及在不同浏览器中页面的区别,同时还将指出页面中HTML的句法错误
10、FTP
在Dreamweaver中包含了一个界面极为友好的FTP工具。通过它,设计者可以非常方便的将设计的单一页面或者一个站点上传至服务器。同时,设计者还可以非常方便的将已经上传至服务器的文件下载以供参考和修改。在文件传输的过程中,Dreamweaver将记录下整个过程以供错误分析
11、文件锁定
这是一种专为合作开发环境设置的档案机制。可以通过标记和取出机制设置只读或可编写属性来进行文档的保护。通过这种方法可以防止不必要的数据丢失,增强了安全性
Dreamweaver CC 2018安装教程
1、由于文件过大,小便提供的网盘下载地址,建议使用百度网盘进行下载,下载完成之后进行解压缩,弹出Adobe ID登陆界面,有账号的直接点击【登陆】,没有账号的朋友点击【获取Adobe ID】进行注册
2、软件安装中,过程比较缓慢,耐心等待
3、出现如图界面,说明安装成功,根据自己情况点击,这里小编选择【是,我用过】
4、进入界面介绍界面,浏览欣赏即可
5、工作区
6、新增功能
7、进入Dreamweaver CC 2018界面,点击【开始使用】
使用教程
制作框架
在开始菜单打开dreamweaver,打开之后,见到的第一页默认应该是下图所示的这样,我们选择html,就进入网页的编辑窗口了。
如何进入框架的编辑呢,如果你的工作区不是“经典”,那就切换过来,在右上角的位置。这样方便找到布局,当然你还可以在“修改”选项中找到框架。我们就以“经典”工作区进行编辑。
单击框架右下角的黑色三角形,就出现许多种框架格式,我们选择“顶部和嵌套的左侧框架”,当然你可以根据实际需要选择。这种框架也是比较常用的。
选择“顶部和嵌套的左侧框架”后会出现一个对话框,如果没有修改的必要,那就选择默认的就行,单击“确定”,对框架进行编辑。
如果在右侧没有显示框架的窗口,那么可以在“窗口”选项中打开框架窗口,这对于我们后来的编辑很有好处,你也可以直接按"shift+f2"快捷键打开。
我们可以对框架进行各种编辑,如修改边框颜色和宽度。在刚刚打开的框架窗口里单击需要编辑的那一层的边框,或者直接单击编辑窗口里的框架边框,不过通常前者更加方便和直观。这样做之后,会出现下面的属性。我们就可以进行各种编辑了。
因为框架每一个框都是一个独立的网页,所以保存的时候要特别注意,不仅需要保存每个网页文件,还得保存边框的结构。比如说刚刚我建立的哪个框架,需要保存四个文件。