Dreamweaver CS6是Adobe公司推出的一款可视化制作编辑网页的的设计软件,和之前的版本相比,它增加和改善了很多强大的功能,比如FTP、自适应网格版面、jQuery移动支持等。这款软件的正版可以在Adobe官网上下载,不够试用期过了,可是要很多很多几千刀哦,如果你是土豪可以买一套来分享下,如果是屌丝,可以弄个盗版玩玩,毕竟只是用于学习的话应该够用了。
工具/原料
Dreamweaver CS6
一、安装和启动Dreamweaver CS6
1、下载安装Dreamweaver CS6具体怎么做百度搜一下就很多了,找个靠谱一点的即可
2、打开Dreamweaver CS6。如下图,在这个页面可以选择新建页面的类型
二、创建本地站点
1、点击“站点”---管理站点----新建站点
2、输入站点名称-----选择站点的储存文件夹-----完成-----返回上一级对话框-----完成。一个新的站点就创建完成了
二、创建远程站点的准备工作
1、单击站点----管理站点---双击已经创建的站点-----弹出‘站点设置对象’窗口----点击‘添加新服务器+’
2、填入弹出的对话框中需要的信息,具体如下:服务器名称:任意连接方法:FTPFTP地址:你选择的服务商的有效地址端口:服务器供应商提供用户名:连接到FTP服务器上的注册名密码:连接到FTP服务器上的密码‘测试’按钮:检查连接是否成功根目录:远程服务器存放网站的目录web URL:输入购买的网址完成后点击保存,返回可以在‘+’、‘--’等按钮进行增加、删除、编辑、复制服务器等操作
四、使用‘本地/网络’选项
1、在上一张图中,‘连接方法’选择‘本地/网络’的话,表示仅在本机运行web服务器。服务器文件夹:选择本地一个文件夹web URL:选择的本地文件夹位置
2、使用服务器‘高级’选项这个选项中包括:维护同步信息:本地与远程文件同步保存时自动将文件上传到服务器启用文件取出功能服务器模型:提供了8中选项
五、‘高级选项’设置
1、‘站点设置对象’中高级设置中‘本地信息’的设置,具体选项如下图:默认图像文件夹连接相对于web URL:区别大小写的链接检查:启用缓存:
2、‘启用遮盖’选择‘启用遮盖’,可以对站点设置遮盖信息
3、‘设计备注’维护设计备注:启用设计备注并共享设计备注。如下图。
4、‘文件视图列’可以设置站点管理器中文件浏览窗口所显示的内容。
5、‘Contribute'如下图:
6、’模板‘如下图:
7、’Spry'选择‘资源文件夹’位置
8、‘web字体’选择字体文件夹位置