13、DW中窗口视图：
1）代码（code）：网页的文本语言
2）设计（design）：效果图接近浏览器中效果
3）拆分（split）：两个视图窗口，即代码视图+代码效果图
注：a. 设置代码效果图显示参考尺寸1280px
b. 代码效果图窗口右下角”窗口大小”可设置窗口显示尺寸;
还可以通过窗口右下角”窗口大小”中的”编辑大小”添加窗口大小显示尺寸
（首选项窗口大小）
c. F5刷新页面
d. 浏览器-F12预览toggle device toolbar(ctrl+shift+m),可做显示参考
e. 打开DW时，先设置好代码效果图显示尺寸，再编辑代码
14、视图窗口布局：
查看垂直拆分/左侧的设计视图（在查看中操作两次）
15、缩放代码效果图：缩小/放大Ctrl+加号/Ctrl+减号
16、设置火狐浏览器为主浏览器查看的方法（F12预览）：
点击”地球”图标编辑浏览器列表弹出“首选项”面板选择“火狐浏览器”，勾选主浏览器应用
注：a. ”编辑”里如果没有想要的浏览器，需要先添加浏览器再设置（添加浏览器在电脑中的源路径）；
b. 主浏览器后面跟随F12
c. 在浏览器中预览/调试按钮：浏览器预览（地球图标）
17、自动对齐（将代码自动变成”规范格式”的方法）：
第一步：
1） 当所有代码的对齐方式混乱时，点击工具栏中最后一个图标”格式化源代码”工具
2） 点击“代码格式设置”：代码格式：勾选缩进、4个空格，点击应用（编辑首选 项代码格式）
注：首选项快捷键Ctrl+U
第二步：
点击“格式化源代码”中的“应用源格式”
优点：代码的可阅读性较强
注：”格式化源代码”工具包括：代码格式设置、应用源格式
18、显示代码提示：
a. 编辑菜单显示代码提示Ctrl+H；
注：显示代码提示出现后，选择想要的标签，按enter
19、查找（Ctrl+F）：
在查找框里直接输入所需标签名称即可
20、代码敲写时常见的错误：
a. 结构不精准例如盒子嵌套错误
针对结构不精准的找错方法：
a）. 折叠代码法查找结构错误
b）. 火狐浏览器检查法F12；点击查看器；左边/上边为html，右边/下边为css样式
c）. 注释法注释的内容暂时不生效
b）. 样式不生效（类名拼写错误）
b. 注释法没去除
c. 高度的问题
21、注释工具：
1） 添加注释的方法：
HTML注释 快捷键：输入Ctab，应用在body结构中
Css注释 /*注释文字*/，应用在head结构中
2） 位置：
工具栏中有：应用注释工具、删除注释工具
3） 删除注释的方法：
选中区域delete
4）应用：
选中区域，选择对应的注释
5）作用：
a、提示开发者代码的位置
b、如果将代码内容添加注释，此内容就会暂时不生效（注释区域会变色）
可用此方法查找代码错误
补充：
a. 一级盒左边联系方式，右边图标导航，均给予浮动，所以切好图片后，应用前景图的基本语法在body结构中，因为切图图片系统会自动编号，所以节约时间的小窍门：复制到达的数量，然后更改编号即可
b. 联系方式如果使用的P标签，需要注意，P标签自带外间距，自带外间距，会使wrap中的内容串位（内大外小引起的）
c. 图标导航中的前景图片链接不可因为整齐而添加 “空格”，因为“空白折叠现象”，内容位置会更改；如果非要添加空格，也可在 “icon_nav”添加高度
22、盒子关系：
a. 父子关系=嵌套关系
b. 兄弟关系=并列关系
注：逐级拆分即div中可放盒子
div中父子关系的间距为4个空格或1个tab键
补充：空白折叠现象
HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示
补充：快速定位方法：
当body结构中代码输入后，按住Alt键，点击body中 “class名”，即可找到head中的名称位置
作者：小凤凤zero
链接：https://www.jianshu.com/p/57218b5d2aba
共同学习，写下你的评论
评论加载中...
作者其他优质文章
