虽然网站设计代码我们看不到，但是它是非常重要的。通常我们在制作一个网站之前会先设计效果图，效果图设计好了每个模块的位置、颜色、整体的风格。通过效果图，我们就可以看到到时我们的网站长什么样了。但是我们的网站是不能直接把整张图片展示出去了，因为图片是死的，没法点击；而且图片加载很慢，会慢慢往下拉，客户体验不好；再者，图片也无法兼容手机浏览。所以这里我们就用到网站设计代码了，网站设计代码就是将设计好的整张图片切割成一小块一小块的，每个模块的位置用代码写好放在上面位置，模块除非是图片，其他的都会用代码写明，比如一段文字，就会定义文字的字体、颜色这些；比如是图片，那么就会定义图片的大小这些……代码编辑好每个模块，那么程序就可以控制对应的模块了，比如替换某个模块的文字、某个模块的图片。这样你是不是就能理解网站设计代码是做什么用的了呢。而网站设计代码不仅仅发挥这些的作用，当我们用电脑访问时，它能够根据分辨率识别给出适合电脑看的样式；当我们手机访问时，它能够根据分辨率是被给出适合手机看的样式，这个也是网站设计代码来实现的。
网站设计代码是网站制作必不可少的组成部分，只有很好地编写网站设计代码，网站设计才能发挥最大的效果，才能呈现给客户好看的动态效果。而只有实现了网站设计代码，才能跟程序做很好的结合。而网站设计代码现在通常用HTML+DIV+CSS制式的，大家也可以做下了解。HTML的版本是一直在更新的，最新的HTML版本是HTML5。
