静态网页制作

Posted 2020-07-10 屈震

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

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

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

    模板的类型在于你选择的主题，所以个人建议先选好主题再找模板。比如如果你像做一个科幻类的网站，就要找一个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， 点击放大等特效。

 

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

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