首 页 ┆ 源码下载 ┆ IT学院 ┆ 字体下载 ┆ 模板下载 ┆ 源码发布 ┆ 广告合作 ┆ 网站地图 ┆ 虚拟主机 ┆ 中文域名
► 设为首页
► 加入收藏
► 联系我们
源码下载 >> ASP源码 | PHP源码 | ASP.net源码 | JSP源码 | CGI源码 | VC/C++源码 | VB源码 | Delphi源码 | Flash源码
文章学院 >> 网络编程 | 网页设计 | 图形图象 | 数据库 | 服务器 | 网络媒体 | 网络安全 | 操作系统 | 办公软件 | 软件开发 | 黑客知识
字体下载 >> 精制字体 | 非英字体 | 艺术字体 | 著名字体 | 哥特式 | 简单字体 | 手写体 | 节假日 | 图案字体 | 精度像素 | 中文字体
模板下载 >> 企业门户 | 数码网络 | 休闲娱乐 | 影视音乐 | 旅游名胜 | 文化艺术 | 电子商务 | 个性展示 | 登陆导航 | Flash模板
►►您当前的位置:源码园 → IT学院 → 网页设计 → Html/Css → 文章内容

学习CSS从何入手技术

作者:佚名  来源:网上收集  发布时间:2007-9-26 2:13:49
码,由于DreamWeaver软件本身是一个很耗CPU和内存的软件,运行时编辑的速度就可想而知了。走了好长一段时间之后我才过度到了“半手写”状态,“半手写”就是利用DW提供的代码提示功能,当你写“F”时有关“F”的样式就会立刻在后面提示出来,方便你选取。如果再写上几个字母,你要的那个样式就很快找到了,这样可以加快你的写样式的速度,但有一个坏处就是如果你脱离了代提示的编辑软件你就不会写样式了,比如你在程序员那里修改微调样式时,他用的可不一定是你用的那个软件,不一定有代码提示功能,所以你只能回到自己的机器上编辑好了然后发给程序员!这样做显然是不专业的!所以如果想成为优秀的人就要做到够专业!

说了这些好象还没有说到主题:

只要已经能达到会手写的程度,用什么软件都可以,推荐使用DreamWeaver外挂TopStyle(最新版本是Pro V3.12)。

问题3:先写HTML还是先写CSS?

网上有很多种答案:先写HTML后写CSS;先写CSS后写HTML;两者同时写。我倾向于两者一起写,先写CSS或者先写HTML对于初学者都不是恰当得的方法。如果让一个人编写代码,你告诉他先写HTML,写完后 HTML不能修改了,然后你写CSS,如果他可以写出来,那这个人一定是一个水平非常高的Builder了!所以对于初学者,多数情况下我建议同时编写,具体我说一下步骤:

  1. 先要把站点建好,目录建好,比如我们建好文件夹CSS,IMAGES,这两个是最其本的,然后新建一个HTML文件,一个style.css一个空 的样式表,把HTML页连接到这个外部样式表。
  2. 然后我们先写HTML中的最基本的布局部分,都是用DIV,然后直接在DIV里加入ID或CLASS,这些 布局部分包括外套部分,头部分,中间部分,左,中,右,版权部分等。
  3. 写好这些后,这时你可以到样式表中写样式,或者你在接着写布局里的部分,我们拿头部为例,在头部写入LOGO部分,NAV部分也同样加入ID或CLASS。其它同理。

为什么说我们不可能一次性把HTML部分写好呢,因为人都是可能犯错误的,可能你的想法写的过程就是有问题的,或者为了浏览器的兼容性问题,有些是你由于经验的不足没有提前预料到的,所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。大至的写法就是这样,你也可以HTML/CSS同时进行,都是可以的,看你的习惯。我们写代码时很多时候是边写代码边测试,也不是说写一句测试一句,而是写了一段代码后就进行浏览器的测试,我是同时用IE6与FF一起测试。一个优秀的制作师他们的代码多数情况写了很多时他们才测试一下,是因为一个人如果经验多的话,他们就会知道并提前预防浏览器错误显示的发生了!所以他们写代码的速度比没有经验的人快。他们已经经历过了你所要经历的错误,你第一次遇到错误的浏览器显示问题你要花时间去修补,而他们可提前防止或遇到了可立即解决问题!这就是你与他们的不同点之一。

初学者与高手不同点之处还有一个就是高手们使用了大量的快捷键,所以一定要记住那些常用的快捷键,每一个小的细节都有一点提高,综合在一起就是很大的提高。

另外提高自己的水平最好的方法就是多实践,多找一些比较好的HTML+CSS的模板进行编码实践,开始时要选一个简单点的,把页面截图,然后把这张图用自己的想法还原成HTML页面……

最后祝愿大家学习进步。(完)。


上一页  [1] [2] 

[] [返回上一页] [打 印]
  • 上一篇文章:DIV与Table两种页面布局方式在大型网站的可用性比较
  • 下一篇文章:CSS实战:解决图片下面有空隙的简单的方法

  • 相关文章:
  • 实例讲解深入学习CSS网页定位元素
  • 新手来简单学习CSS的display属性
  • 简单学习CSS实现网页布局的基础知识
  • [图文]详细学习CSS的Margin和Padding属性
  • 实例学习CSS中的优先权的问题
  • [图文]详细学习CSS中的网页布局的属性
  • 深入学习CSS2.0结构,再谈div、span的困惑
  • 学习CSS:优化我们的CSS样式表代码
  • 让我们一起深入学习CSS样式表的滤镜
  • [图文]学习CSS:我们一起认识CSS闭合浮动元素
  • 入门:新手学习CSS样式表基础知识
  • 理论知识:关于学习CSS的25个观点
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 源码发布
Copyright © 2003-2009 Ymyasp.Com. All Rights Reserved .
备案序号:粤ICP备07029071号