Dreamweaver网页制作初级教程:初识DW

 时间:2026-02-15 14:57:01

1、我们要用到的工具叫做Dreamweaver CS6,当然,CC以及其他版本都同样适用。

Dreamweaver网页制作初级教程:初识DW

2、虽然有很多大神叫嚣可以用txt直接建站,但是,一款好的工具,是一个成功网站的开始。所以我们首先来找一款好的工具。最初建站大多用微软的frontpage,但是由于其功能较专业工具比较少,所以慢慢被摒弃。

Dreamweaver网页制作初级教程:初识DW

3、安装完Dreamweaver CS6后,我们打开软件,进入最初的界面。然后可以找到第一个选项:HTML,具体意思大家自行查看。

Dreamweaver网页制作初级教程:初识DW

4、单击,就可以进入编辑页面了。

Dreamweaver网页制作初级教程:初识DW

5、和其他软件差不多,dw也分为菜单栏这些。这个就不用一一说明了。不过,蕉槐巨有几个命令得说一下。左上角我们点击代码,就会进入单独的代码视图。

Dreamweaver网页制作初级教程:初识DW

6、当然,如果选择拆分,会同时出现代码视图以及预览视图。

Dreamweaver网页制作初级教程:初识DW

7、预览是可视化的,代码是数据化的,这个应该比较容易伟码。一般来说,两者相互,我们在代码视图写入代码,视图将会把代码转换为可斤艳视化的视图呈现出来。

Dreamweaver网页制作初级教程:初识DW

8、比如我们在代码区输入

<body>

时光电影图解 【sgtjmovie】

</body>

保存(ctrl+S)

Dreamweaver网页制作初级教程:初识DW

9、那么,预览视图就会出现相应的内容了。

Dreamweaver网页制作初级教程:初识DW

10、第一课到这里,喜欢学习的朋友们可以继续关注哦。

  • Dreamweaver中CSS3选择器:nth-child()的用法
  • Dreamweaver如何插入Spry数据集
  • Dreamweaver怎样实现飘浮光球特效
  • Dreamweaver如何设置文件视图列
  • Dreamweaver如何插入段落
  • 热门搜索
    小学生国庆手抄报 动物手抄报大全 家庭文明公约手抄报 弟子规手抄报大全 弘扬法治精神手抄报 关于感恩老师的手抄报 我为队旗添光彩手抄报 简单的手抄报 关于诗词的手抄报 关于迎新年的手抄报