想知道dw怎么做网页子页面？超详细图文步骤来了！

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

今天就来唠唠我平时用Dreamweaver（咱们都叫它dw）是怎么捣鼓出网页子页面的。这东西不难，熟练就那么几下。

我的准备工作

开干之前，我一般会先确保我的网站项目已经在dw里设置好。就是那个“站点”菜单里的“管理站点”，得先有个根目录，这样dw才知道文件都放哪，互相链接也方便。没设置这个的话，后面管理起来就乱糟糟的。

开始新建子页面

第一步，打开dw。这没啥好说的，双击图标就完事儿。

第二步，创建新文件。打开dw后，我会直接点顶上的“文件”菜单，然后选“新建”。这时候会弹出来一个框框，问你要创建啥类型的。咱们做网页嘛肯定选“HTML”。然后右边默认一般是“无”，有时候可能会选个带框架的，但我现在一般用不到，就选“无”，然后点“创建”。

这时候屏幕上就出现一个空白的页面，代码视图那边也就几行基本的html结构。

保存并命名

第三步，赶紧保存。新建页面，我第一件事就是按`Ctrl + S`保存。为啥这么急？因为不保存的话，它就是个“未命名文档”，后面链接它的时候会很麻烦，而且万一dw抽风关，那就白干。

保存的时候，dw会让你选地方。这时候，之前设置好“站点”的好处就来，它会直接定位到我的网站根目录。我会想好这个子页面是干嘛的，比如是“关于我们”的页面，我可能就会在根目录创建一个叫`about`的文件夹（如果还没建的话），然后把这个新页面保存进去，文件名就叫`*`。或者如果网站结构简单，就直接放根目录，叫`*`也行。文件名最好用英文小写，别用中文，也别带空格，这是老习惯，能避免不少麻烦。

添加内容

第四步，往页面里塞东西。一个空白页面肯定不行。我会在“设计”视图或者“拆分”视图里开始加内容。比如，先打个标题，用加粗或者标题标签（比如`

`标签）弄一下，告诉大家这是啥页面。然后敲一些介绍文字进去。

有时候，为让子页面跟首页风格统一，我会把首页的导航栏、页头、页脚那部分代码复制粘贴过来。如果用模板功能（dw那个.dwt文件），这一步就省事多，新建的时候基于模板建，这些公共部分就自动带过来。不过今天咱们说的是最基础的做法，就先手动复制粘贴。

先把首页（比如）用dw打开。

切换到“代码”视图。

找到页头、导航、页脚对应的代码块，选中，复制。

切换回咱们新建的子页面（比如）。

在“代码”视图里，找到合适的位置，粘贴进去。

调整一下内容区域，把这个子页面特有的文字、图片放进去。

建立链接

第五步，把子页面链接起来。子页面做好，得让用户能点过去。我得回到首页（或者其他需要放链接的页面），找到导航栏或者某个按钮、文字。

选中那段文字（比如“关于我们”），然后在下面的“属性”面板里（要是没看到，就去“窗口”菜单里把它勾选出来），找到“链接”那个框框。

这里有两种方式：

直接输入路径：如果我知道`*`就在根目录，我就直接在框里输入`*`。如果它在`about`文件夹里，我就输入`about/*`。
用“浏览文件”小图标：点那个像文件夹一样的图标，dw会弹出个窗口让你选文件。直接在你的网站目录里找到刚才保存的`*`，选中，点“确定”。dw会自动帮你填好相对路径，这个方法不容易出错。我个人更推荐这个方法，特别是文件层级多的时候。

链接填好后，记得保存修改过的首页（或其他页面）。

测试看看

一步，预览检查。都搞定后，我会按F12键（或者点那个小地球图标），在浏览器里预览一下首页。然后找到刚才添加的链接（比如“关于我们”），点一下，看看能不能正确跳转到咱们新建的`*`子页面。再看看子页面的内容、样式是不是都对头。

如果跳转不，或者页面显示不正常，就回到dw里检查下链接路径对不对、文件是不是都保存、代码有没有哪里贴错。

基本上，我用dw创建一个子页面的流程就是这样。多做几次就顺手，没什么特别高深的技术，就是一步步来，细心点就行。

上一篇: 想去万州工作就上万州人才网汇杰人才网，岗位又多又好！

想知道dw怎么做网页子页面？超详细图文步骤来了！

随便看看