dw创建站点新手入门指南？(零基础五步开始建站)

发布日期： 2025-11-06 阅读量： 作者： admin

今天折腾了一整天DW建站，专门给完全没碰过代码的小白趟了条路。按我这五步走，包你晚饭前就能看到自己的网站雏形！

第一步：挖地基

打开DW那会儿真的懵，满屏幕按钮看得眼晕。摸索半天才在左上角揪出「站点」菜单，抖着手点了「新建站点」。弹出来的框框里噼里啪敲网站名，我直接用了「菜狗之家」——反正是练手嘛本地文件夹特意在桌面建了个新文件夹，生怕把其他文件搅和乱套。

在右侧文件面板刚建好的站点上右键，选「新建文件夹」时手滑点成了「新建文件」，愣是造出个乱入的txt文件。删了重来后老老实实建了images文件夹放图，再建个css文件夹准备收拾样式。新建首页时纠结半天选.html还是.php，闭眼选了html，反正能显示字就行。

双击打开刚建的*，空白页面看得心发慌。鼠标戳进设计视图（左下角那个「拆分」视图真心救命，左边看代码右边看效果），直接往空白处敲「欢迎来菜狗之家遛弯！」。心血来潮想加张狗子照片，结果从images文件夹拽图进来时卡住不动，重启DW才老实。

踩坑实录：

看纯文字页面太寒酸，壮着胆子点开css文件。本想改个喜庆的红色背景，在body{}里写background-color:red; 结果预览时整个页面红得刺眼。手忙脚乱改成#ffe6e6这种肉粉色，折腾半小时才调出能看的淡黄色背景。

激动地按F12预览，浏览器跳出来个「无法访问此网站」当场心凉半截。赶紧回DW检查，原来没点菜单栏「地球图标」选择本地预览。正确操作后网页终于蹦出来了！虽然排版歪得像喝醉，但好歹标题图片都在，乐得我截了张图发朋友圈嘚瑟。

晚上八点瘫在椅子上看这个歪歪扭扭的网页，突然理解为啥人家说「亲手搭出第一个网页的快乐，堪比孩子第一次走路」。明天准备拿邻居家猫主子照片再练练手，迟早给自家狗子搞个排面网站！