回答读者提问(10)——每天被问得最多的一个问题
每天我们的信箱中,收到的询问得最多的问题是类似于这样的问题:
“你好!我想从基本的开始学,我能学会吗?不知道要多久才能学会?”
因此,这里统一回答一下,相信对很多初学者这初初学者有一些帮助。首先要解决“旗帜”问题,然后再解决“道路”问题:)
最了解你的人是你自己,因此,能不能学会,以及多长时间能学会,这是一个“小马过河”的问题,对于蜗牛和大水牛,同样的一条河,过去的难度完全不同。每人的基础、理解能力、接受能力,创造能力都不一样,因此确实很难找出一个标准的回答。
不过,你自己可以看看,如果学习其他的东西的时候,你都比别人快,学得比别人好,学这个也一定比别人快。因为任何技术都是相通的。如果你是一个普通人,但是肯花力气,跟于钻研,那么学习使用一个软件不是一个困难的事情(但使用软件做出好作品,是另一回事,就像我们每个人都会写汉字,但是能当书法家的可能是万分之一)。如果每天花一点时间,一边学习,一边实践,能搞自己找出一些条件,让自己动手,多练习,那么我可以给出一个大致的时间表:
- 学习HTML+Dreamweaver软件制作基本的网页——1个月;
- 学习使用Flash,掌握基本动画的制作方法——1个月;
- 有HTML+Dreamweaver基础,学习CSS,如果是开发人员(理工科)出身——1个月;
- 有HTML+Dreamweaver基础,学习CSS,如果是非理工科出身——2个月;
- 学习Photoshop/Fireworks软件,如果有美术基础——1个月;
- 学习Photoshop/Fireworks软件,如果没有有美术基础——学了似乎没有太大用,1个月学习基础的操作即可。
如果决定学习了,比如想学习Flash,那么就要确定各一条习路线。从学习的角度来说,如果希望系统地,按部就班地学习Flash,从入门开始一点点深入\提高,可以买一些书来跟着学,这样会比较系统,可以看看这本书是不是适合: http://learning.artech.cn/20070411.mastering-serie-published.html
如果觉得读书比较累,也可以到我们的网站中找一些视频演示的课程,一边看,一边实践,很快就可以掌握这个软件的使用方法了,当然如果希望做出更专业的效果,还需要多练习才可以! 我们的关于Flash的课程在:http://learning.artech.cn/category/flash ,就按照这个顺序学习就可以了!
关于如何学习Flash,这里可以列几点学习的基本思路,供参考.
- 首先掌握一下 Flash的两个基本概念——“笔触”和“填充”,然后掌握几种基本的绘图工具。
- 然后一定要理解“元件”和“实例”的概念。
- 在此基础上,就可以制作动画了,重点掌握“运动”动画和“变形”动画的原理和方法。
- 然后重点理解电影剪辑元件的作用。
- 接下来需要学会两种特殊的动画——“遮罩动画”和“路径动画”。
- 至此, Flash制作动画的核心内容已经都掌握得差不多了。
- 下面就是掌握一些辅助的功能,例如加入声音、视频等等。
- 在下来就需要制作一些交互性的动画了,掌握按钮的原理和用法。
- 在下来简单了解一点Actionscript的基本语法的语句,如果仅是为了做设计,就不需要太深入地掌握ActionScruipt了。
当然,要成为一名优秀的设计师,仅仅会使用软件是不够,掌握了软件的使用方法以后,更多要思考创意,制作出更精彩的动画来。
关于其他的技术,以后有时间,再来总结一些学习“路线”给大家。
7,566


关于初学网页美工的人,根据本人的一些成长经验,在此也提出自己的一些看法与建议,仅供参考:
html、css、js、jquery、as、”flash”、”ps”、”fw”、”dw”
前五个是一些技术,后四个是一些工具。
以上不是所有都要学,做人不能太贪,想要全部学好几乎是不可能的,奥懂得团队合作与技术分工。
建议初学者走两种路线:
1、代码路线:ps(或fw)+dw+html+css+js+jquery。ps学会左侧工具、图层操作、图层样式,dw不用专门学(将它看作一个简单编辑器,重要的是其代码提示功能,其他都不重要,看视频时你就知道怎么使用,所以不用看书学),css是重点(确实得花一个月左右来学它,建议买一本或图书馆借一本基础书籍来看,看上2~3遍,然后边看视频边练习写一点代码,不懂就百度、谷歌,当然最好有人给你指导,没人指导自己就百度、谷歌勤快点,坚持一个月你就入门了),js开始的时候了解一下就够了(找一本基础书,熟悉基本语法,忌看XXX实例的书籍),jquery也是一块重点(它是js封装的一个极其实用的框架,write less do more,在有js基础上非常容易上手)
2、效果图路线:ps+flash+dw+html+css+as ,第一条路线的重点是能写出优秀的html、css、js代码,但如果没有最初的一个优秀的效果设计,代码再规范、再兼容都无处发挥。这条路线要求要有美术功底,对网页元素有很好的研究和见解,ps要求精通蒙版、通道、滤镜等高级图片处理方法,懂设计,dw+html+css了解他们的工作原理,as算是提高吧,一般人感觉p张效果图没什么,简单p张确实没什么,一些小的网站确实没什么好p的,客户要求也不高,但是要成为一个优秀的网页设计师,这是第一关。
说简单点,页面设计=网页效果图+(html+css+js+flash+…),要精通这两个方面你就是一个绝对优秀的网页设计师,但个人精力毕竟有限,所以建议先精通某一方面,再朝另一个方面发展。
葱饼,
您的总结很有道理!
我理解实际上就是工作的核心技能,您说的前者,就是以开发为核心技能的,后者就是以美术设计为核心的。
二者差异还是很大的,但是无论做什么工作,都需要一些别人不容易掌握,自己擅长的东西,才能有好的发展。
说得中肯,很好,谢谢老师。希望快点写出点有关其他技术的“路线”文章来。比如JAVA,数据库,软件测试等。谢谢老师了
半路出家的人学设计建议早转型(这里说的是“设计”不是“制作”),因为这是一个二极分化很严重的行业,对于半路出家的人,不客气的说,除非天性好或成功升入管理层,否则今后的路会越走越窄。
温老师:请教,在IE6中,当鼠标经过(一段链接文字)时呈现表格,而离开时表格框架还在!!如何解决。
简要xhtml代码:abcdefg……
简要CSS代码:a table { display: none;} a:hover table {position:absolute;display:block;}.
当在外套上一层或多层div时情况有所不同,但框架一样存在。谢谢!
阿魏 ,
这种写法是很不标准的写法,可能你是看了我们的CSS设计彻底研究的那个下拉菜单的例子,所以这么些的。
不过一般情况,还是不建议这么写,这么些很难调出正确的效果。
为了解决IE 6 不支持 :hove 伪类的问题,我觉得最好的方法,还是用JS来实现,用jQuery以后,已经非常简单了,不用对DOM了解很多,就可以写代码了。而且几行代码就可以搞定。
温先生:我想知道 如果一个新手对DOM了解不是相当透彻 dom那些方法属性机制 还有bom其他很多很多东西不深入理解的话直接用框架合适吗。 我看很多很多论坛都在讨论dom和bom的问题,其实这样的话好像也没有必要 直接使用JQUERY 迷你版的话 仅仅也 就是增加了10多K的文件 但是节省了很多很多制作和开发与调试的时间。
米奇 ,
这要看你的要求了,如果就是为了用js做几个有限的效果,直接找些代码该该就是了,这种情况用jQeury就可以,很方便。
如果你希望理解得很透彻,学一学底层的原理,会更好,当然实际开的是,还是用jquery更好。
我给你的建议是,与其花很多力气去研究这个东西要不要学,不如花点时间把他真正学会。
最关键还是我以前说的,这些DOM、框架之类的东西,其实都很简单,只要你已经过了编程这一关,他们都是不用学的东西,一看就会。如果你没有过编程这一关,出来的任何新东西都是很难的。
这就好像会开手动档车的人,要开自动档汽车,是不用学的,上去就能开。
除非你不打算做开发,否则编程基础这一关就必须要过。只要这一关过了,其他的一切都很容易。
如果你要问怎么过这一关,答案就是写过一万行代码,就可以了。
按《彻底研究》中第12章的折叠面板及伸缩面板做网页,在IE6中预览时会在浏览器窗口顶部弹出警示:为帮助保护您的安全,Internet已经限制此文件显示可能访问您的计算机的活动内容……。那么,用这种方式做网页,在目前值得吗?有否好的应对办法?
阿魏 ,
不要紧的。
只要页面使用了,在本地浏览时就会有这个提示,你上传到服务器以后,再浏览就不会有这个提示了。
或者把你的IE的安全级别降低一点,也可以不出现这个提示。
>第202页第14行。“分析 在IE浏览器中查看效果…….”提出设置代码:
.itm a:hover {
backgroud: transparent:
}
我不明白在里面提到”当某一个元素的上级元素设置了某种背景色之后,它的后代的背景色就继承了这种颜色,……“据我所知,背景色是没有继承性的。这是怎么回事?
阿魏,
你说的是个重要的问题,我当时写书的时候,想当然了。
这里的解释不对了。对于DOM元素来说,者如你所说,background属性是不继承的。这里的情况不是不同的子元素和氟元素的关系,而是伪类的关系。
可以做一个简单的实验:
a{
background-color:#ccc
}
a:hover{
background-color:transparent;
}
这段代码的效果是,链接背景为灰色,鼠标经过是背景透明;而如果去掉对“a:hover”的设置,鼠标经过时,背景依然是灰色,所以说对于a元素,伪类会继承属性,a元素的四个伪类之间的存在覆盖的优先级:
link > visited > hover > active,有人总结记忆的规则是 LoVe:HaTe 。
温老师:
今天看了您的CSS第14课,我在IE和火狐上试了一下讲的变宽的页面制作,发现在火狐中可以,但在IE中不能实现#contentwrap中的-300PX的设置,#SIDE部分不能放到右边,自动排到了#content区的下边.如何解决?
shenxin,
如果其他都没有问题的话,你是不是两列的宽度用的是百分比设定的?如果用百分比的话,要注意左右两列的值加在一起不要等于100%,比如你希望各占一半,左边设为50%,右边就要设为49.9%这样的数值,避免因为舍入误差导致总宽度大于100%,从而把一列顶到下面。
总之,你的问题肯定是总宽度超过了container的宽度,但是具体是哪里设宽了,你需要仔细判断一下。