Win10如何使用Dreamweaver CS6编写网页代码

Win10如何使用Dreamweaver CS6编写网页代码

发布时间:2017-11-07 15:11发布者:番茄花园-小群浏览数:806

很多朋友都会使用文本文档进行编辑代码,因为这样比较快捷。不过,这种方式编写出来的代码格式没有调理,容易出现网页界面混乱的情况。这该怎么办呢?有没有更好的代码编写方式?答案是肯定的。今天,小编就以windows10系统为例,给大家介绍下使用Dreamweaver CS6编写网页代码的方法。

推荐:win10系统下载地址

步骤如下:

1、打开界面有一个快速创建文件的提示框,适合新手使用,可以直接在这上面创建文件,如图:

Win10如何使用Dreamweaver CS6编写网页代码

2、点菜单栏的“文件”,新建,如图:

Win10如何使用Dreamweaver CS6编写网页代码

3、打开的新建对话框中选择需要新建的文件模板和文件类型,小编以空html文档为例给大家做示范,如图:

Win10如何使用Dreamweaver CS6编写网页代码

4、新建完成后有三种视图,默认进入了“设计”视图,这个视图设计网页,现的比较直观,还有代码视图,拆分视图,如下图所示:

Win10如何使用Dreamweaver CS6编写网页代码

5、在菜单栏点“插入”然后鼠标放在表单上,选择一个表单,本例选“文本域”,如图所示:

Win10如何使用Dreamweaver CS6编写网页代码

6、在完成添加表单,我们就可以输入他的ID和标签,还可以对样式,位置进行设置,下图所示,小编使用了默认设定:

Win10如何使用Dreamweaver CS6编写网页代码

7、完成样式设计后就可以直观的看到文本域已经显示在设计视图上,如图:

Win10如何使用Dreamweaver CS6编写网页代码

8、点击一下“代码”,切换到代码视图,在代码视图可以看到刚才添加的文本域所对应的代码都已经出现在“body”标签中了,如图所示:

Win10如何使用Dreamweaver CS6编写网页代码

9、此时我们点一下拆分,切换到拆分视图,可以看到左边是代码,右边是控件,这样我们就可以很好的进行对比;

Win10如何使用Dreamweaver CS6编写网页代码

10、网页编辑完成后,可以新建一个站点,在菜单栏的“站点”下选择新建站点,在站点的本地文件夹那选择你的本地电脑www服务器的目录,这个目录是最重要的,其他的可以个性化设置,如图所示:

Win10如何使用Dreamweaver CS6编写网页代码

站点添加后,可以在右侧看到本地站点的目录了,下面是我的一个测试站点的目录,可以看到很多文件和文件夹。站点设置好了后,设置文件的保存路径,点菜单栏的“文件”,然后点击“另存为”,找到你的服务器的目录,然后可以选择自己需要的文件夹或者根目录保存进去即可!

看了上述小编的介绍,相信大家对Win10如何使用Dreamweaver CS6编写网页代码已经有了一定的了解。

win10系统

网友评论

Win10系统下载 | Win11系统下载 | 软件合集

本站发布的系统与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!

如侵犯到您的权益,请及时通知我们,我们会及时处理。

Copyright @ 2023 番茄花园 版权声明 网站导航

赣公网安备 36112202000171号 赣ICP备20009800号-2