原创divcss网页布局初体验

整个写作过程,内容安排,都是环环相扣的,也是一个历史经验的归纳总结。

这个学习思路和方法,多年来,被来自全国各地的众多学生所学习使用。

每一节的内容,都跟之前的内容,有着或多或少的联系。

综合之前所讲的知识,本篇,我们来个串烧。

围绕怎么做一个简易的网页,回顾其步骤:

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、独自练习试试,看能掌握多少?

-------------------------------

文/节选自《网页设计宣言》

赞赏

长按







































北京白癜风治好要多少钱
湖南治疗白癜风医院



转载请注明:http://www.guyukameng.com/html/8295.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了