网站设计教程
网站设计是许多人的梦想,毕竟现在人都想着在网上给自己安一个家,这样就能被更多的人看见自己的个性。
操作方法
- 01
网页设计第一步是做整体框架规划,比如网站需要哪些项目,需要做一个整体的目录。类似下方图片。这一部分是最重要的,因为无框架不网站。
- 02
然后是开始网页设计了,首先是网页的logo和头部。这一部分的难点就在于你的logo要怎么排布,按照网页视觉设计的标准,是要做一条标准参考线的。所以logo的位置非常重要。
- 03
接下来是我们的导航栏,我这里做的是最简单的,只是做展示。你要设计的是导航栏各项目的位置,按钮形状等。如果有搜索,也需要考虑在其中。
- 04
第三部是设计网站的banner,也就是所谓的视觉区。视觉区一般是要图片,因为图片可以让用户打开网站第一眼就了解你网站的定位,从而决定要不要继续浏览。你要设计的是banner的尺寸,如果要做幻灯片的话,会如何变化。
- 05
接下来设计的是内容区,根据不同的内容设置不同的展现方式。例如简介的话可以是一张图片+一段文字,如果是产品介绍的话,可以是多张图片+简介。具体案例可以在网路上看别人设计的页面作为参考。
- 06
做好了主内容区,就剩下footer部分设计了。footer一般关系到网站的优化。footer部分包括的内容就根据不同的网页进行设计,例如展现你公司位置的地图,你想要体现的网站,甚至友链部分,都在这里。
- 07
最后是内链的形成。就是如果点击了你的某篇文章,会出现怎样的展现形式。所以一般一个网页设计是需要多个页面构成的。头部和底部保持不变,中间部分由ajax控制变化(这一点设计不需要懂)
- 08
当然,单纯静态页面很不好看。所以产品可能会要求做一些效果,例如悬浮窗,鼠标放上去后会实现动画效果等。对应的内容也需要网页设计进行制作。
赞 (0)