南大软院大神养成计划（第一天；认识 DW）

这么高调的博客标题一看就是组织要求……【捂脸】

今天是第一天，看完了慕课的DW功能简介【捂脸】

因为并不认识JavaScript所以看起来略费劲，今天主要还是记忆各种按钮各种功能，理解性的东西似乎不多。

于是来整理一发笔记。

首先，新建文件。1.新建的文件本质是文本文件。2.站点是用来保存文件的东西……3.将文件上传到网络站点的步骤：管理站点->编辑->服务器->新建->输入用户名、密码、FTP（FTP这个高大上的东西我也并不认识，度娘说它是文件传输协议，通过FTP协议可以和FTP服务器进行文件上传和下载等操作= =艾玛觉得自己好怂）4.右下角那个框框可以切换本地\远端（简直写得像备忘录【捂脸】）。

第二，工作区概述和预览设置。1.工作区主要分为代码窗口、设计窗口和实时视图窗口。通过拆分可以同时显示两个窗口（不晓得三四个可不可以= =以后下载了DW试试……）2.通过设计窗口可以同步看到代码的效果（这个好赞！），然而可惜这个不是最终效果，只能作为参考，最终效果可以看实时视图。3.并不建议在设计窗口进行操作。（难道是因为非可控？）

第三，首选参数设置。步骤：编辑->首选参数（这是对DW整个界面的设置）。可设置代码格式、代码颜色及字体（字体为代码视图字体），可设置显示或不显示锚标记（锚标记这个东西依然不认识= =改天问度娘）。

第四，关联标签以及常用工具。似乎都在左侧竖的那一排里= =1.“折叠整个”按钮。可将代码折成小小一块，需要时双击打开或者点扩展。可用于临时收藏代码、检查末尾标签是否丢失。2.“折叠所选”，只是折叠范围可以自选，其他似乎和“折叠整个”差不多。3.行号。这个……没什么可说的样子4.选择父标签。光标停在某标签内时，点击此按钮，会选中其父级（应该是这个词吧= =需要问度娘+1），再次点击会继续向上一级寻找父级。5.选取当前代码段。这个家伙只对JavaScript脚本文件起作用。可选定光标所在的大括号之内的内容。

第五，智能提示。1.用不同的颜色标志内置函数。（好像不同的函数颜色不同来着……超级赞啊……个人喜欢五颜六色的代码……觉得各种酷炫看起来特爽而且清楚明白= =歪楼了）2.对关键字和保留字有 特殊标记。（这个好，敲错了好找，便于及时发现。）3.进一步操作提示。（个人觉得自动跳出来的属性列表这东西是键盘拯救者、手滑综合症拯救者）4,语法错误提示（我这样的15errors girl十分需要它）

第六，设计窗口功能。1.建议将设计窗口作为观察效果的参考，尽量不要在设计窗口操作。（意思是不要偷懒要coding嘛……）2.多屏幕按钮为手机端、平板电脑页面开发贴心打造，我只记住了分辨率可调QAQ。另外可视化助理中的CSS布局背景可以把不同区域划分不同颜色（这个没怎么懂……光觉得炫了……）

第七，W3C验证以及网页兼容性。“W3C验证 ”将代码发送到W3C服务器（需要网络~），下方的框框里会有错误描述（这个赞）。做完页面之后要记得验证。

第八，用DW操作CSS文件。1.添加样式表。CSS样式->附加样式表。2.编写样式表。可以纯手打，也可以从CSS样式->编辑样式(集成了CSS属性)，填写。然而只有部分属性，逃不过手打~3.禁用、启用CSS属性（禁用时代码会被注释，可用于调试。）4.CSS样式->当前->显示当前所选代码属性和内容提要。用到了什么样式就会在窗口中显示，如果要修改标签相关的样式，可右键，选择转到代码进行编辑。实用的定位功能~

第九，属性窗口及文件面板。窗口->属性，可呈现所选标签的属性。在属性窗口的操作属于非可控操作，不建议小白如我的新白透使用QAQ。

今天基本就这些了~明天继续~