DIV+CSS开发软件之Adobe Dreamweaver介绍
接下来我们(myeducs.cn)给大家介绍是大家最熟悉不过的软件Adobe Dreamweaver,他被称为网页三剑客之一主要成员。
Dreamweaver我们常称他为DW,是开发DIV+CSS比较好的工具。
copyright myeducs.cn 网学
Dreamweaver特点
1、开发css具体完善快捷简便提示功能
2、新建html和css文件非常方便
3、代码和效果可以上下对应浏览参考
接下来我们给介绍使用Dreamweaver技巧
使用Dreamweaver提示功能快速写CSS代码,CSS属性英文的拼写一直是新手学习感觉不可解决的问题。这里我们使用DW的提示功能即可无需让你记住具体英文单词的拼写,我们只需要记住的是一看某英文单词就知道它的属性、管什么的、属性值有什么、属性常用值代表什么,如看见font-size你就应该知道他是与文字有关,是管理字的大小,他的值是数字如font-site:20px;,代表字大小为20像素。 copyright myeducs.cn 网学
1、使用Dreamweaver提示属性,如下图
copyright myeducs.cn 网学
2、提示css属性的值
首先选择css属性列表的属性并按回车选中蓝色背景的CSS属性(如图overflow蓝色底的属性)
按完回车选择好css属性后将提示该属性值的可选列表(如下图,提示:可以使用键盘小键盘带上下箭头,上下选择属性或属性值 div)
这样熟练运用将很快开发css样式。
新建html和css文件方便性
我们新建一个html和css文件更加方便,新建出来的html基本是标准的基本html页面。
介绍新建一个html文件
1、首先点击Dreamweaver软件的“文件(F)”中的“新建(N)”
2、在弹出的窗口中选择“空白页”,再选择“HTML”如果是新建css文件则点“CSS”。
3、点击右下角的“创建(R)”,这样就新建出一个标准的最基本的html文件页面。
如果是新建CSS文件只需在新建文件时候的第2步选择“CSS”即可创建一个css文件。
最后保存html或css为自己需要文件名即可。
代码和效果可以上下对应浏览参考
在软件打开一个html文件点击“拆分”即可将窗口风格为上下两部分,上部分为代码模式,下部分为浏览网页模式。
窗口的代码区与浏览区图例如下
虽然有时候我们在开发div css的时候,浏览区不一定标准显示,但是我们可以通过浏览器很快找到浏览区具体内容的代码位置,方便我们开发查找代码。
以上是myeducs.cn总结Dreamweaver“DW”软件在开发DIV+CSS的时候常用方法和功能。希望大家在实际制作使用时候多总结多熟悉各类。
至于大家说,有的人可以只用记事本可以写网页、写CSS、写程序。对此大家不必去特意要求自己,因为各人的情况不同,而开发网页的软件有很多,各个语言的编程都是有自己的对应软件。只要大家从基础做起,找到适合自己顺手开发工具或者手写都可以。假如你用记事本手写一个网页需要2天时间,如果一个人用工具辅助开发只需要半天的时间,你说如果你们两个去应聘同一个职位老板会要谁?所以大家在以后多总结,多实践,找出适合自己开发工具和技巧是最佳之选。