dreamweaver网页设计学后自测答案

我做完那份《dreamweaver网页设计学后自测》的页设时候，手边摊着三本翻烂的计学教材，屏幕上是后自第14次修改的表格布局。题目不难，测答但每道题都像在戳我的页设痛处——尤其是那道“请写出CSS样式表三种插入方式的优先级”，我答对了，计学可我知道自己上周还在用内联样式硬怼一切。后自

这份自测卷子一共四部分，测答界面操作、页设HTML基础、计学CSS布局、后自站点管理。测答界面操作那部分最没意思，页设问的计学都是“如何插入水平线”“如何设置页面属性”这类菜单点击题。我闭着眼都能答，后自因为DW的界面我太熟了，熟到有点腻。可真正卡住我的，是第二部分里一道关于表格嵌套的题目——它问“在表格中插入表格后，如何让内层表格宽度自动适应内容”。我在DW里试了三种方法，最后发现答案居然是“不设置宽度属性，让浏览器自己算”。这题让我想起刚学DW时，为了做一个自适应导航栏，硬是把表格宽度写成百分比，结果在IE里碎成一地。

CSS布局那部分最有意思，也最暴露水平。有一道题给了一段代码，问“这段样式会让段落产生什么效果”。代码里写的是p { letter-spacing: 2em; }，我差点直接写“字间距变大”，但仔细一瞧，后面还有一句text-indent: 2em。两个属性摆在一起，粗心的人会以为都是缩进，其实前者是“每个字符之间空两个中文字符的宽度”，后者才是“段首缩进两字符”。这种题不考操作，考的是你是否真的理解CSS每个属性的含义。我答对了，但我知道自己之前做网页时，经常把letter-spacing和word-spacing搞混，直到有一次做英文站，字母间距被拉得像散架的音符，才彻底记住区别。

站点管理那部分，有一道题让我印象很深：“在Dreamweaver中，当你移动一个文件到新文件夹时，软件会弹出‘更新链接’对话框，请说明该功能的作用。”这道题我会，可我突然想起上周自己干的一件蠢事——我手动在资源管理器里拖拽了一个图片文件夹，没通过DW的站点面板操作。结果整个网站的图片路径全断了，二十多张图红叉叉一片。后来我花了一个小时重新链接，一边改一边骂自己。DW的站点管理功能不是摆设，它会在你移动文件时自动更新引用路径，可如果你绕过它直接动文件系统，它再聪明也救不了你。

最后一道题是道综合题，给你一张设计稿，要求在DW里还原页面布局。设计稿是个典型的企业站头部，左边logo右边导航，下面是一条通栏banner。我用了CSS的float布局，写完发现导航栏在浏览器里错位了——因为没清除浮动。我盯着屏幕看了半分钟，然后默默补上那句clear: both。那一刻我突然明白，DW只是个工具，它不会替你思考。自测卷子考的不是软件操作，是你对网页本质的理解：内容与表现分离，结构与样式协同。

做完这套题，我估分大概85左右。扣分点主要在两处：一是表格嵌套那道题，我写了“自动调整”但没写具体方法；二是CSS优先级那道题，我漏了!important的例外情况。不过我不打算再刷一遍了。自测的意义不在于满分，而在于你发现自己在哪个环节还会卡壳。比如我，现在知道了自己最薄弱的是浮动清除和CSS优先级覆盖规则——这两块恰恰是做响应式布局时最容易出坑的地方。

你要是也打算做这份自测，我给你个建议：别光在DW里点鼠标，把每道题涉及的代码手写一遍，再拿去DW里验证。这法子笨，但管用。DW的“拆分视图”左边代码右边设计，就是给你干这个用的。