静态网页制作

Posted 屈震

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了静态网页制作相关的知识,希望对你有一定的参考价值。

   刚刚做完团体项目,静态网页制作。有些心得与大家分享一下。

      练习做项目时,首先一定要先选主题。 一定是感兴趣或者不排斥的主题。这样的话才会兴趣而且心里也会有一定的思路和结构图。

     其次是选模板, 模板非常重要。如果有了一个漂亮而且符合主题的网站,那么你这个网站建设起来会很简便而且很好看。

    模板的类型在于你选择的主题,所以个人建议先选好主题再找模板。比如如果你像做一个科幻类的网站,就要找一个JS特效多点,炫一点的模板。

   如果要做一个相比较而言官方的网站的话,就要做的大气一点。

 

      选好模板之后,图片的选择很重要。这里,要借助PS软件对图片进行放大或缩小以及需要改善的东西。 所以这里,需要掌握基本的PS技能,以便于可以更好的使用图片,使网站更加美观。

        一般我们找完模板后,初学者有时候会找不到CSS代码或者JS代码的位置。个人建议新手应该调到拆分区域去做,这样会比较简便。 CSS样式如果找不到的话,就要找DIV中引用的CSS样式

的名称,然后你会看到右手边会有一个框显示此CSS样式的设置,如果这样不够明了的话,就把鼠标拖动到右手框位置,点击右键,点击进入CSS样式。这样就可以直接进入CSS样式里的设置了。

 

       个人比较喜欢大气一点的网站,所以感觉banner图的设计很重要, 因为如果你的banner图做的好看的话,会给人一种耳目一新的感觉。人的第一感觉很重要,第一感觉可以,那么大多数人都

会接受你的这个网页。

 

      其次是网页的颜色搭配问题。 因为我不喜欢过多花哨的颜色。所以我喜欢在一个网页上,最多放入2-3种颜色的搭配。 比如背景色可以用白色,标题用蓝色字幕,正文或解释型文字用黑体。这样

让人感觉网页干净大气,不会因为色彩的问题而感到不搭或者什么。

 

       一定要注意每个网页下面的收尾。个人喜欢用同样的首位,不管是首页还是子页,给人一种整体的协调性。但是每个网页下面一定要有收尾部分。这样才是一个完整的网页。(很多初学者可能会忽略

这个细节,千万不要忘记)

 

       插入图片时,尽量不要在html中使用hight width来调整图片的大小,这样容易图片失真或不协调。尽量使用PS调整大小,调整自己想要的像素高度和宽度,这样不影响图片的美观。而且做起来也很方便。

个人感觉PS中一些基本使用方法一定要记住,做网页时有很多时候可以用到PS。

 

       在做网页的时候,可以根据网站主题内容来使用JS特效。比如科幻类的可以多使用一些html5 css3之类的特效,这样可以显得更炫,网页更科幻。但是做一些企业类的营销性网站,建议最好别用太立体的

网页特效,很有可能与自己的主题不搭。可以挑选一些比较简单点的特效。比如一些简单的事件,显示隐藏DIV, 点击放大等特效。

 

       在做一个网页时,尽量把里面按钮都加上子页,如果不想添加这么多子页的话。就尽量不要加入按钮。  因为如果别人看到网页上有某一个按钮没有链接的话,他会随之也以为每个按钮都没有链接子页,对

于这种问题,个人感觉最好把每个按钮都加上相应的链接。

 

以上是关于静态网页制作的主要内容,如果未能解决你的问题,请参考以下文章

关于静态网页的嵌入式播放 谁会制作 祥解一下

静态网页伪静态网页和动态网页的区别于相似

用CSS样式制作一个简单的静态网页

静态网页与动态网页的区别

静态网页与动态网页的区别

静态网页与动态网页区别