开始捣鼓之前

昨晚上躺床上刷手机，看见有人问“DW网页制作设计怎么做”，心想这玩意儿不是老古董了吗？不过转念一琢磨，还是有新人想学的。我反正闲着也是闲着，干脆翻出我那台老笔记本，装个DW试试，看看现在折腾起来啥感觉。

就得找软件。我这人懒，直接跑到Adobe官网找试用。下载速度还行，整个安装过程像在给新手机贴膜——得有点耐心，还得点好几次“下一步”，注册个账号绑定试用。搞定后桌面终于多出那个熟悉的蓝色“Dw”图标，双击点开，熟悉的配方。

第一步：新建文件瞎碰

软件一开，界面看着花里胡哨的。我直奔左上角的“文件”，点“新建”。好家伙，跳出个小窗口，一堆选项。我哪管那么多，直接勾选“HTML”，然后点“创建”。

• 选了HTML，确认。
• 看见左边“文件”面板下面空空如也。
• 点了下那个小文件夹带加号的“新建站点”按钮。
• 随便输了个名字“我的破站”，本地文件夹就选桌面上那个。
• 压根没管服务器那堆设置，直接点“保存”完事儿。

这下右边主编辑区总算出来一片空白，看着就舒服。这就是网页的底子嘛

第二步：画框框搞布局

空白的网页像个白板，得弄点结构。我点开工具栏里那个“插入”，下拉选“Div”。这时鼠标变成个加号，我在编辑区（设计视图）大概想放导航的位置画了个长条框。紧接着弹出个窗口问我叫啥、给啥样式类，我懒得动脑子，直接输入“daohang”当名字，点“确定”。

上瘾了！又在下面画了个大方框当主要内容区，输名字“neirong”；右边再塞个小长条当侧边栏，起名“cebian”；在底部划拉一个扁扁的长条当页脚，名字就叫“footer”。几个大框框位置就出来了。

第三步：塞点真东西进去

光秃秃的框没意思，得往里填东西。我双击那个“daohang”框，光标在里面闪。直接敲键盘输入“首页 简介 瞎聊 联系我”，假装是个导航栏。

再点进“neirong”区域，琢磨着放点字。点工具栏“插入”里的“图像”，从电脑里扒拉出一张前几天拍的模糊风景照扔进去。图片太大撑变形了？我直接鼠标拖拽图片右下角，手动拉小点。然后在照片下面敲了几行字：“欢迎来我这儿瞎逛，这是我自己鼓捣的网页，挺糙的。”

“cebian”也不能空着，随手打了“最近瞎忙吃饭，睡觉，打游戏。”完事。“footer”更简单，直接怼上“随便写的，别当真！”。

第四步：瞎弄点颜色样子

现在的页面一片灰白，跟没通电似的。我点开右下角的“CSS设计器”（老版本叫CSS面板）。在“选择器”那儿直接敲了“.daohang”，点“+”号新增个规则。右边冒出一堆属性选项，我直奔“background-color”看，下面选了个顺眼的蓝色，整个导航条瞬间变蓝了！顺手给文字加了白色。

依葫芦画瓢，分别选“.neirong”给个淡灰色背景，选“body”给整个网页背景搞成米白色，给“.footer”加个深灰色。看着舒服多了，至少有点颜色了。

第五步：瞅瞅效果加点链

折腾半天得看看实际啥样。直接按键盘F12，浏览器自动蹦出来显示我的破站！用鼠标戳戳点点，还行，文字图片都在。

不过导航那几个字还没链。回到DW，用鼠标把我刚打的“首页”两个字划拉选中，在属性面板（底部）有个“链接”框。我想着链到站内其他页？算了，先整个空的撑门面！直接在链接框里敲了个“”，搞定一个假链接。同样方法，把“简介”、“瞎聊”、“联系我”全变成带下划线的假链，感觉专业了一点点。

收工前瞎看看

全部弄完后，又按F12预览了一遍。网页看起来虽然简陋得像二十年前的风格，但按钮能点（虽然哪儿也去不了），布局不乱，该有的框框、字、图都在位子上。

点Ctrl+S狠狠保存。关了软件再打开，找到那个.html文件双击…浏览器还能正常显示！折腾小半天没白费，虽然丑点，但第一步好歹是迈出去了。