论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

CSS网页布局开发应该使用什么软件比较好?

文章类别:div+css布局 | 发表日期:2008-9-26 11:13:53

  CSS网页布局开发应该使用什么软件呢?这是一个非经常见的问题。往往会令新手朋友感觉迷茫,今天21shipin.com就这个问题我们来说一说吧。假如你有什么想法可以参与评论,大家集思广议吧。

  有很多朋友是用DreamWeaver进行开发,DreamWeaver是三剑客之一,在传统的table布局中,可视化的环境让我们编辑网页非常轻松,各项功能面板进行设置即可达到想要的效果。虽然简化了操作,方便了我们的制作,但我们丢掉了很多东西,以至于有朋友从业几年了,却完全看不懂HTML代码,看不明白那些标签的真正含义是什么。

  CSS网页布局是建立符合WEB标准的网页,表现、内容、行为分离。我们要简化我们的代码,让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码,而且不够简化。一句代码能够搞定的设置,DreamWeaver或许搞出四五句话来帮你完成。更重要的是,假如项目是由一个多人团队协作完成,这样由DreamWeaver所制作出来的代码,往往会让其他成员感觉很棘手,一堆代码,没有明确的界定与规律,无从下手与识别。这与table布局时的代码大同小异。

  有些朋友或许会说,我们可以使用DreamWeaver的代码提示功能,辅助编码。例如我们在代码中键入“F”往往DreamWeaver就会提示以“F”有关的一些样式,这对于英文基础薄弱的朋友来说是雪中送炭。这个功能我们可以使用,但请注重,不要产生依靠的心理。假如你到了一个新单位,或者加入一个新的项目团队,或者处理一些应急问题,脱离了DreamWeaver这个环境,你很快就愣了,完全不知道如何进行样式的编写。而且这样长久下去,你对代码的含义理解也不够明确与清楚。

  假如你想对CSS了如指掌,你想对CSS网页布局的工作非常熟练。21shipin.com建议你扔掉一切辅助软件,用记事本进行开发。假如感觉很困难或者一些单词记不住。没有关系,放一个参考列表在手边,一行一句,一个词一个字母的慢慢的进行编写。一两天以后,你感觉就适应了,一两个星期以后,你就完全熟练了。实践证实这样的付出是值得的,你完全能理解代码是什么,为了少敲字母,你会尽量的想办法去精简你的代码,用很少的代码实现同样的功能与样式设置。假以时日,你的代码就规范了,你就越接近高手的境地了。

  当我们熟练了,我们为了提高工作效率,让开发的速度更快,我们就可以使用相关的辅助软件了。例如最通用的DreamWeaver。或者其它开发工具Notepad 、TopStyle。关于Notepad、TopStyle我们将在21shipin.com以后的文章中推出专题教程。欢迎你的关注。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058