当前位置: > 系统使用教程 > win10使用教程 > 详细页面

技术员搞定 win10系统使用Dreamweaver CS6编写网页代码的处理教程

发布日期:2021-05-25 10:53:07 作者:棒主妇win10系统 来 源:http://www.bzfshop.net
大伙都说win7系统性能稳定,使用起来非常顺手;但系统运行时间久了就会出现问题,例如win10系统使用Dreamweaver CS6编写网页代码的情况,尤其是姑娘们遇到win10系统使用Dreamweaver CS6编写网页代码是要难过哭鼻子的,但既然电脑出现了win10系统使用Dreamweaver CS6编写网页代码的问题,我们就要想办法尽快处理好这种情况;其实解决方法很简单,只需采取以下两步措施:1、打开界面有一个快速创建文件的提示框,适合新手使用,可以直接在这上面创建文件, 2、点菜单栏的“文件”,新建,有了这两步法宝,碰到问题就不用再发愁了。假如你对技术员搞定 win10系统使用Dreamweaver CS6编写网页代码的处理教程 的问题感兴趣,不妨看看下面分享的内容。

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

8、此时我们点一下拆分,切换到拆分视图,可以看到左边是代码,右边是控件,这样我们就可以很好的进行对比;
www.w10zj.com
Win10使用Dreamweaver CS6编写网页代码的方法

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

Win10使用Dreamweaver CS6编写网页代码的方法

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

以上就是 给大家分享的使用Dreamweaver CS6编写网页代码的详细操作方法。

是不是困扰大家许久的win10系统使用Dreamweaver CS6编写网页代码的操作方法问题已经解决了呢?方法还是很简单的,如果还有不清楚的可以参考以上的教程,相信可以帮助到大家。

精彩推荐

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

bzfshop.net官网如果有侵犯您的资源,请来信告知,我们将及时处理。Copyright 2019 版权所有