怎么使用Dreamweaver做系统demo

2025-05-04 09:29:20

1、第一步：下载安装Dreamweaver 下载Dreamweavercs6，下载之后解压安装，安装过程很简单，点击下一步就可以。

3、第三步：新建HTML页面 Dreamweaver新建的HTML页面已经有了<html><head><title><body>这些基本的标签，我们可以在这个基础上编辑，要引入的css文件和JavaScript文件放到<head>标签中。

5、第五步：Dreamweaver的几种视图一 Dreamweaver有四种视图，分别是“代码”，“拆分”，“设计”和“实时视图”，掌握好这几种视图的切换，可加速编码效率。第一种视图：代码就是纯代码，打开文件默认的就是“代码”视图。这里就不截图展示了。第二种视图：拆分就是左边代码，右边页面效果的视图，编辑左边的源代码，右边的效果图跟着实时变化。

7、第五步：文件树写一个网站原型，有很多文件，这么多文件怎么管理呢？点击右侧面板中的文件面板，弹出文件树窗口。在这里可以管理网站demo使用的文件。例如：我例子中的文件树，艘早祓胂common文件夹放要使用的插件，css和JavaScript文件，以及图片等资源。login文件夹放登录相关的html文件，register文件夹放注册相关的html文件，根目录中的success.html,error.html文件都是系统中使用频繁的文件。

9、第七步：保存写好的页面一定要保存，最好是一边写一遍保存，点击菜单中的“文件”——》选择“保存”，或者按快捷键ctrl+s保存。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。