dw网页设计建站点工具详解？(Dreamweaver实用技巧)

发布日期： 2025-12-19 阅读量： 作者： admin

今天想唠唠Dreamweaver这玩意儿建站到底咋整，纯属个人踩坑记录，大伙儿凑合看。

一、开局先搞个新站点文件夹

打开DW那绿油油的图标，第一件事不是瞎鼓捣代码，得先把窝搭点开顶部菜单栏的“站点”，选“新建站点…”。名字随便起个自己能认的，比如我这回就叫“菜鸟试水站”。关键是下面那个本地站点文件夹，我就在自己电脑桌面上专门建了个空文件夹，名字叫“my_first_site”，然后在DW里用那个小文件夹图标选上它。这一步贼重要，不然以后图片、文件都得乱套。

二、塞个新HTML文件进去

站点弄好了，里面还空着！在右边那个“文件”面板里头，找到我刚建的站点名，右键点它，“新建文件”。文件名必须用“*”，这玩意儿默认是网站首页的门脸儿，直接敲回车生成。

三、瞎鼓捣点内容看看

双击“*”，它就在中间大空白区域打开了。先啥都别想，直接敲几个字，比如“欢迎来踩我的小破站！”，然后点一下左上角那个小地球图标边上的下拉框，选“实时视图”。神奇了！右边立马就显示出跟网页差不多的样子了，不过现在丑得很纯粹。

四、用表格笨办法摆个摊儿

看着光秃秃一行字，我想加点东西分分块。虽然现在人都不爱用表格排版了，说它老土，但对新手来说，表格拽着是真顺手！点到菜单栏“插入”，选“表格”，跳出来个小框。我设了1行2列（想着左边放导航，右边放正文），宽度瞎填个90%，边框啥的全默认，点确定。鼠标移到表格格子边线那儿，能直接拖拽调整宽窄，左边格调窄点当导航区。

缺点也明显：

表格一多嵌套起来就头晕眼花，找东西费劲；
想在格子里再加点复杂结构就很难受，跟套娃似的。

所以这招适合摆点简单菜摊儿，摆大排档就手忙脚乱了。

五、加点简单样式打扮打扮

字太小，颜色也不顺眼？直接在代码视图里动点手脚更快。把“实时视图”旁边那个标签点回“拆分”，左边是代码，右边是效果预览。找到标签后面，空一格敲上 style="font-size:18px; color:blue;"。哎哟右边预览那边字立马变蓝变大了！要是想给表格加点样式，就在表格的

标签里加类似的 style。

六、塞张图试试水

网页没图哪行。想在第一格（准备做导航栏那格）插个按钮图。先把鼠标点到那个表格格里，再点“插入”菜单里的“图像”。弹出来找图的时候，一定一定把图先复制到开头建好的站点文件夹里！我就在“my_first_site”下面建了个“images”文件夹专门放图。选中图，点确定插入。DW会问你要不要“复制文件到站点文件夹”，那必须勾选“是”，并且选存到“images”文件夹。这样以后把整个“my_first_site”文件夹打包发到服务器，图才不会丢。

七、看看效果

折腾完一点工具图标，点DW顶上的小地球图标选各种浏览器预览（我用自带的Edge和Chrome都点开看了下）。检查图片加载对不对，页面布局有没有歪七扭八。发现问题就切回DW继续调，调一次预览一次。

总结几条血泪教训：

建站点文件夹是头等大事，一开搞就要弄对；
图片、文件统统往里塞，别乱放其他地方；
表格搞简单布局凑合用，复杂了纯属自虐；
样式直接写在标签里上手快，适合新手瞎鼓捣；
预览键用得越勤快，后面麻烦越少。

上一篇: 创建网站的快捷方式哪家好？(对比热门工具省钱省时)

188 666 999 88
youweb@qq.com
广东省广州市番禺经济开发区58号

关注官方公众号

关于我们

案例中心: 网站建设营销传播形象策略影像大片

服务项目: 网站建设运营推广小程序短视频

新闻动态: 公司新闻行业动态技术学堂