//打算先把一些值得一说的内容先写上,免得以后忘记。至于有关我自己/ 的闲话可以慢慢再说。。呵呵。注意都不是教程,但是基本上把我学习的经验都写上了。。
要想摆脱菜鸟的境界,需要加强的有三个方面:层叠样式表(CSS),客户端脚本(Java Script/VBScript),网页美工(图像设计)。在这三个方面都打下扎实的基础,你在前台设计方面就是一个准高手了。
首先说说CSS吧。CSS用于(增强)控制网页样式并允许将样式信息与网页内容分离,对于控制整个站点的风格非常方便,已经是网页设计的必备的一种技术了。我有一个朋友,通常看到一个网页感觉不是太好时,就会点IE的查看->文字大小->最大,如果字变大了,他就得出结论--作者是个菜鸟,因为在他看来字体是必须用CSS控制的,连CSS都不会的话实在是个新手。(呵呵,其实有些英文网站对字体大小是不加控制的。。不过英文字母变大时效果可能仍然不错,而汉字通常控制在9-10pt左右显示效果较好,这个是英文和汉字本身的结构不同造成的。建议中文网站对于字体还是用CSS控制一下)
入门篇中有说过,使用DW时要重点学会CSS Styles面板的使用。DW在这个方面的设计上已经非常好,可以大大提高效率。然而我们既然要提高,就必须要学会手写代码,学会随心所欲又精确地地在HTML中的任何地方加上自己需要的Style效果而不依赖于软件。所以要学一下CSS的语法。按照其设计的初衷,CSS的功能非常强大,甚至包括了非常专业的打印,声音处理等。但就目前的网页设计来说,主要要掌握的东西不算太多。
以下是一些我自己觉得需要掌握的内容:
1。如何为网页加入CSS控制,主要有链入外部样式表文件、定义内部样式块对象、内联定义这三种方法。
2。熟悉CSS样式表常见的属性和参数,例如字体属性中的font,color,font-family,font-size,文本属性中的text-indent,align,还有背景(Background)、定位(Positioning)、尺寸(Dimensions)、布局(Layout)、边框 (Borders)、列表项目 (Lists)、表格(Table)、滚动条(Scrollbars)等等。。。这些属性可以在制作的过程中慢慢熟悉并掌握。和学习HTML一样,要注意兼容性。
其中最常用的是字体,定位,边框。在设计类站点中滚动条也是常常需要用CSS加上彩色和立体效果,但这个属性是IE5.5+特有的。
3。更高级的内容,如伪类(Pseudo-Classes),伪对象(Pseudo-Elements)等,除了常见的:link,:hover,:visited等,大多属于CSS2,特别要注意浏览器的兼容。
4。滤镜。功能非常强大,非常好玩呵呵。不过我学会图像设计后基本上就不怎么使用它了:p
to be continued.....