网页制作考试总结（技术类）

领导让我们每周写一篇技术类的博客，对于产品人来说，有点难。甚至想和领导提议说，产品部一月写一篇技术类的，不知道是否可行。所以为了让领导能找到我写的技术类的博文，就在标题后面注明了“技术类”。其实也是让自己知道哪些是技术类的。

考试已经过去2周了，但是对于这门课程还是觉得非常有意义，虽然自己经常逃课。

这门课我是为了CSS+div去的。主要涉及到4个软件：dreamweave、fireworks、photoshop及flash。而DW是其中比较重要的软件，由于大家基本都没有接触过这些，所以老师就教我们如何制作一个简单的网页，通过插入表格及添加CSS样式的方法。

一般一个网页由3部分组成，头部，中部和尾部，所以先插入一个3行1列的表格，然后再对每个部分单独进行处理。如果网页有背景，就需要在最大的table下增加一个背景的样式。再对每个区块插入表格来进行定位。所以一般在做一个页面之前，需要考虑他的结构，如何来嵌套表格，并且还能在其他页面复用，从而节约时间。

说道table，就得说一下他的一些属性，在我们做页面的时候，老师让我们只在最大的一个table下设置宽度，而其余的都设置百分比，这样就不用一个一个输入尺寸。但是我们在操作的过程中，发现如果给的图片尺寸不对，有些地方就会有部分空白，需要调整，所以如果要做得精致，还得再图片的尺寸上下点功夫。而且如果是基于界面的操作，很多时候可控性不强，即使你在DW上看到是好好的，用浏览器打开却出入很大。所以对于页面的调试比制作还需要花功夫。很多时候从页面上找不出来，只能看代码。代码是相对来说比较靠谱的东西，只是需要一定的基础才能看懂，虽然自己能看懂一些，但能不看我一般不看。

再说说CSS样式，本来是通过添加样式的方法来添加的。他会让你选择颜色，字体等一系列的参数，但是每次添加都有些麻烦，后来我就直接在CSS代码里复制修改，速度比逐个添加快很多，但是需要注意的是，有些背景图片格式不同，复制过来的时候除了名称修改之外还得修改后缀。不然图片就无法显示出来。还有样式的名称也不能用数字开头或是一些特殊字符。

最后来说说考试吧！考试分2场，一个半小时一场，前一场考DW加填空题，填空题就是把一些制作网站需要有的元素，填到word上下文中。这个只要背出来就可以了，但是DW有点难，在这么短短的时间内需要做2个页面，包括样式，结构等。虽然素材都提供给你，但是还是挺花时间的。我第二个页面没有全部做完，只能说大致样子出来了，还有很多细节都没有做好，有些没有对齐。有留白，间距不统一，反正就是很粗糙。但是第二场是我的强项，PS没有什么问题，除了耗时没有别的，有些图片来不及做，就直接从样张上截取，虽然知道这样会被扣分，但是如果老师不仔细看，估计发现不了。然后是FW，相对来说比较简单，做个简单的logo动态显示。最后就是比较难的flash。其实的确被难住了，要做洋葱剥皮的效果，这道题我正好没有看，是和代码有关的。于是我只加了一个背景。虽然我有想过动画重复来几遍，但是效果有出入，结果我还是放弃了。就这样，我整整考了3个小时。当时还是很忐忑的，觉得有些危险。前几天知道自己合格了，就松了一口气。

我不知道明年还会不会继续再去读一门课程，就看明年老师那里是否会开别的。希望政府补贴还能继续。