整个写作过程,内容安排,都是环环相扣的,也是一个历史经验的归纳总结。
这个学习思路和方法,多年来,被来自全国各地的众多学生所学习使用。
每一节的内容,都跟之前的内容,有着或多或少的联系。
综合之前所讲的知识,本篇,我们来个串烧。
围绕怎么做一个简易的网页,回顾其步骤:
1、新建站点,在css文件中添加居中代码。
2、打开index.html,按照网页的六个组成部分,依次创建logo层、导航层、banner层、内容层、友情链接层、版权层
3、在firework中切图,在firework中,打开之前做好的网页效果图psd源文件。按照6大组成部分,进行切图。作为初学者,可以先不考虑网页中的文字。(关于如何切图下节讲)
4、在纸上,记录下每一部分宽高具体的尺寸。
5、通过css控制面板,对每个层进行定义,如它们的宽、高,边框、背景、填充、边界等。定义的时候,必须定义左浮动。
在我们通过css来定义div的时候,这个地方一定要对应。
比如要定义这个divid=logo/div
我们点击右上角css样式属性里的“+”图标(如下图)
点击之后,就会出来这个对话框。
因为logo的选择符是#,所以这里一定要对应选择高级。
回想一下我们之前讲过的css三个选择符。
6、预览其效果,感受其作用。
7、看其效果,对应的去看代码及其含义。
我相信有很多人会说,你说的这些,心里倒是明白了。做的时候还是有很多问题啊。
心里明白了,思路理清了。学习的目的就达到了。
我一直说,做好一个网页如果给10分,那么理清思路就已经得6分了。
想当年,我学习的时候,就是因为不知道做网页的思路,花费掉了两年多的时间。真正去做,用的时间实在是太少了。
思路理清楚了,克服细节的问题,找百度就好了。
比如说,用ps怎么做金属字,百度一下:ps金属字。
你看的将是超详细的步骤,比我写的还好,我又何必多此一举呢?互联网真是个好东西。
这就跟广告公司,做设计一样。好的设计,不是说技术多牛,而是谁的创意最牛。
作业:
1、做网页最重要的是什么?
2、独自练习试试,看能掌握多少?
-------------------------------
文/节选自《网页设计宣言》
赞赏