当前位置：首页 > 网站建设 > 正文内容

dreamweaver框架网页制作（用dw制作网站网页框架）

网站建设2年前 (2023-03-17)1312

本篇文章给大家谈谈dreamweaver框架网页制作，以及用dw制作网站网页框架对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、怎么用Dreamweaver CS5设计网页框架？
2、怎么用Dreamweaver制作网页？
3、如何用dreamweaver设计有3个窗口的框架结构网页
4、如何使用Dreamweaver制作一个网页
5、如何使用DreamWeaver做框架
6、要怎么用dreamweaver制作嵌套式层次结构框架网页

怎么用Dreamweaver CS5设计网页框架？

先用Dreamweaver建一个本地站点文件夹，再规划好网页的布局，再按自己的喜好用photoshop做好图片，用Flash做好动画，还有一款软件是Fireworks也很好用，最后把做好的东东导入到Dreamweaver里的指定位置，再加上文字就可以了。

怎么用Dreamweaver制作网页？

1、双击打开Dreamweaver这款软件，进入Dreamweaver的操作界面。点击上方文件，下拉找到新建。

2、点击新建后，选择空白页，文档类型为HTML。布局为无，点击右下角创建。结果如下图所示。

3、页面右侧找到插入选项，点击他。并将它拉伸变长，找到表格选项。

4、对话框弹出后，设置表格大小。行：3，列：1，其余暂时不变。完成后点击确定。

5、在设计视图可看到，我们设置的3行1列的表格。在代码视图可看到，设置3行1列表格的代码，我们继续在设计视图进行操作。

6、点击表格内部，下方出现表格设置。在表格第一行输入网页的标题文字，随后点击下方，水平：居中对齐，垂直：居中。并设置表格宽高，此时宽为51。

7、将鼠标光标放在表格第二行，点击右侧图像，下拉后第一行点击图像。

8、对话框出来后，在下方文件名中输入，插入图片的名称，点击确定即可。

9、在表格第三行，输入文字：我的链接。并在后面附上链接，可复制可手工输入。

10、点击上方文件，找到保存选项，点击保存。然后在对话框中输入此文件名，并保存在你容易找得到的地方，在点击确定即可。

11、点击上方，像地球一样的图标，下拉后，点击在IE浏览器中预览，也可以在自行安装的浏览器中预览。

如何用dreamweaver设计有3个窗口的框架结构网页

布局

里有框架

设置可编辑区域

该输入啥输入啥

表单在插入里，会出来个红框，在框里添加表单

元件

如何使用Dreamweaver制作一个网页

建议百度搜索一下Dreamweaver是使用教程和建简单网页方法，很容易懂的。

在桌面上找到dreamweaver软件，双击打开。

进入后，在中间区域的居中位置，可以快捷的新建网页文件及其他文件，也可以用文件-》新建的方式新建文件，此处采用文件新建。

单击文件-》新建，页面类型选择html，点击创建即可创建一个空白页面出来了。

网站是有站点的，下面新建一个站点，单击站点-》新建站点，弹出如下对话框，将网站名称起名为“第一站”，站点文件夹点击后面的文件夹小图标新建一个即可，文件夹只能用英文字母。

点击高级设置修改默认文件夹。

都设置妥当后在页面的代码区域输入如下代码.

点击顶部的小地球图标可以在浏览器中预览，会提示是否保存页面，点击是。

选择保存的名称一般情况下网页的首页都叫index，将名称更改后确认即可在浏览器中看到刚才的成果啦。

如何使用DreamWeaver做框架

步骤如下：在开始菜单打开dreamweaver，打开之后，选择html，就进入网页的编辑窗口；进入框架编辑，切换过来工作区为“经典”；击框架右下角的黑色三角形，就出现许多种框架格式，选择“顶部和嵌套的左侧架”，当然你可以根据实际需要选择，这种框架也是比较常用的；选择“顶部和嵌套的左侧框架”后会出现一个对话框，如果没有修改的必要，那就选择默认的就行，单击“确定”，对框架进行编辑；如果在右侧没有显示框架的窗口，那么可以在“窗口”选项中打开框架窗口，也可以直接按"shift+f2"快捷键打开；对框架进行各种编辑，如修改边框颜色和宽度等；因为框架每一个框都是一个独立的网页，所以保存的时候要特别注意，不仅需要保存每个网页文件，还得保存边框的结构。