电脑

当前位置 /首页/游戏数码/电脑/列表

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

现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。

操作方法

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

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

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

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

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

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

(04)单击,就可以进入编辑页面了。

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

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

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

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

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

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

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

(08)比如我们在代码区输入<body>时光电影图解 【sgtjmovie】</body>保存(ctrl+S)

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

(09)那么,预览视图就会出现相应的内容了。

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

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