我推荐安装,如何设计制作自适应网页
&meta name=&viewport& content=&width=device-width，
由于页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素，
#sidebar {display:}。
　　本文介绍了”自适应页设计”的概念及制作思路和方法还有注意事项等，非常的详细，这里推荐给大家好好阅读，慢慢提高
随着3G的普及，越来越多的人使用手机上。
移动设备正超过桌面设备，成为访问互联的最常见终端。于是，页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的页？
手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。
很多站的解决方法，是为不同的设备提供不同的页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个站有多个portal，会大大增加架构设计的复杂度。
于是，很早就有人设想，能不能&一次设计，普遍适用&，让同一张页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局？
一、&自适应页设计&的概念
2010年，Ethan Marcotte提出了&自适应页设计&这个名词，指可以自动识别屏幕宽度、并做出相应调整的页设计。
他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。
如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。
如果屏幕宽度在400像素到600像素之间，则导航栏移到页头部。
如果屏幕宽度在400像素以下，则6张图片分成三行。
这里还有一个测试小工具，可以在一张页上，同时显示不同分辨率屏幕的测试效果，我推荐安装。
&自适应页设计&到底是怎么做到的？其实并不难。
首先，在页代码的头部，加入一行viewport元标签。
&meta name=&viewport& content=&width=device-width, initial-scale=1& /&
viewport是页默认的宽度和高度，上面这行代码的意思是，页宽度默认等于屏幕宽度，原始缩放比例为，即页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器，需要使用css3-。
&!–&&script src=& />&!–&
由于页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。
具体说，CSS代码不能指定像素宽度：
字体也不能使用绝对大小，而只能使用相对大小。
body {font: normal 100% Helvetica, Arial, sans-}
上面的代码指定，字体大小是页面默认大小的100%，即16像素。
h1 {font-size:; }
然后，h1的大小是默认大小的倍，即24像素。
small {font-size:;}
small元素的大小是默认大小的倍，即14像素。
&流动布局&的含义是，各个区块的位置都是浮动的，不是固定不变的。
.main {float:width: 70%; }
.leftBar {float:width: 25%;}
float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow，避免了水平滚动条的出现。
另外，绝对定位的使用，也要非常小心。
&自适应页设计&的核心，就是CSS3引入的Media Query模块。
它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
&link rel=&stylesheet& type=&text/css&media=&screen and &href=&& /&
上面的代码意思是，如果屏幕宽度小于400像素，就加载文件。
&link rel=&stylesheet& type=&text/css&media=&screen and
and &href=&& /&
如果屏幕宽度在400像素到600像素之间，则加载文件。
除了用html标签加载CSS文件，还可以在现有CSS文件中加载。
同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。
.column {float:width:}
#sidebar {display:}
上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动、宽度自动调节，sidebar块不显示。
除了布局和文本，&自适应页设计&还必须实现图片的自动缩放。
这行代码对于大多数嵌入页的视频也有效，所以可以写成：
img, object { max-width: 100%;}
老版本的IE不支持max-width，所以只好写成：
此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的专有命令：
img { -ms-interpolation-mode: }
不过，有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。
他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像，Arial，
small {font-size:;}，
上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动、宽度自动调节，sidebar块不显示。
　　让用户体验丰富度下降,巧用扁平化风格来设计网站的方法
各种智能手机，平板电脑等设备的不断变化和进步，利用站扁平化设计更受到追捧，它最大的优势在于：可以让页面在各类屏幕上展示时更加清晰，适应性强的特点不受屏幕尺寸的影响，显示内容简单、直接，减少视线上的混淆，且占据资源少，扁平化的效果尤其在移动设备上更受到欢迎，如果站的受众用户集中的移动用户上，那么选择扁平化设计一定不会错，它带给用户的体验更加愉悦，
第二，没有装饰，那就用文字和色彩代替。
　　扁平化的设计本身就没有太多修饰的东西，做起来的局限性更加明显，要想让简单的东西看起来也富有活力并不容易，更加需要技巧。
扁平化的站结构是以简单为精髓，突出内容重点为主，减少或者去掉页面的装饰效果，用抽象、极简以及符号化来代替站酷炫的展示方式，让页面看起来更为干净美观。但是无论页面的设计是以哪种方式实现，它都是围绕着更好的用户体验来进行的，再好的设计方式若使用不当造成用户体验不佳，一切都是白搭。
各种智能手机，平板电脑等设备的不断变化和进步，利用站扁平化设计更受到追捧，它最大的优势在于：可以让页面在各类屏幕上展示时更加清晰，适应性强的特点不受屏幕尺寸的影响，显示内容简单、直接，减少视线上的混淆，且占据资源少。但是也有它的缺点：有些用户习惯使用大屏PC端浏览站，有时会因为内容的展示过于简单，让用户体验丰富度下降，受到用户的冷漠。
凡事都存在这两面性，运用扁平化设计建站也如此，只有用得好，带来的效果才会更好。扁平化的设计本身就没有太多修饰的东西，做起来的局限性更加明显，要想让简单的东西看起来也富有活力并不容易，更加需要技巧。
第一，做好扁平化设计，只需秉承一个理念，那就是简单。
设计者应舍得放弃，把以前用来将元素装饰成3D效果的纹理、透视、阴影等的统统抛掉，用最简单的表达方式展示最简单的元素，结合抽象同样可以把内容展示得富有吸引力。扁平化的效果尤其在移动设备上更受到欢迎，如果站的受众用户集中的移动用户上，那么选择扁平化设计一定不会错，它带给用户的体验更加愉悦。如下一个页面则是用典型的符号表达的内容元素。
第二，没有装饰，那就用文字和色彩代替。扁平化页面的设计元素中，没有其他的装饰，文字的排布以及色彩的选择就显得格外重要，用色彩衬托文字信息的展示，也可直接有效的突出站风格，运用色彩刺激视觉，让单调的站丰富起来。
第三，结合交互扁平化设计。页面设计的扁平化不是简单达到视觉上的扁平化就行，除了对每种元素的简化以外还可以重组元素，即使没有设计上的装饰效果，可以采用图文结合的形式达到互相装饰的效果。同时让站展示的产品距离用户更近，给用户更加亲切的感觉。
众所周知，任何站建设都离不开良好的用户体验，扁平化的设计主要改变的是用户视觉上的体验效果，扁平化运用得好，也是站建设中设计的一大突破。
　　但是无论页面的设计是以哪种方式实现，它都是围绕着更好的用户体验来进行的，再好的设计方式若使用不当造成用户体验不佳，一切都是白搭，
各种智能手机，平板电脑等设备的不断变化和进步，利用站扁平化设计更受到追捧，它最大的优势在于：可以让页面在各类屏幕上展示时更加清晰，适应性强的特点不受屏幕尺寸的影响，显示内容简单、直接，减少视线上的混淆，且占据资源少，扁平化的效果尤其在移动设备上更受到欢迎，如果站的受众用户集中的移动用户上，那么选择扁平化设计一定不会错，它带给用户的体验更加愉悦，页面设计的扁平化不是简单达到视觉上的扁平化就行，除了对每种元素的简化以外还可以重组元素，即使没有设计上的装饰效果，可以采用图文结合的形式达到互相装饰的效果。
　　发现背景并没有改变,Dreamweaver CS5更改代码颜色方法(可自定义)
　　Dreamweaver CS5更改代码颜色的问题，上有很多，html默认背景色改为：#3f3f3f，如果不合自己心意可以使用下面的方法在配色方案中进行更改，通过相应路径找到文件把以下代码断覆盖：
XP系统下： C:\Documents and Settings\Administrator\ApplicationData\Adobe\Dreamweaver CS4\zh\Configuration\CodeColoring
Win7系统下 C:\用户\Administrator\AppData\Roaming\Adobe\DreamweaverCS5\en_US\Configuration\CodeColoring
覆盖完成以后，发现背景并没有改变，
覆盖后还要执行：编辑-&首选项参数 -& 代码颜色-& html默认背景色改为：#3f3f3f，如果不合自己心意也可以在配色方案中进行更改，
　　Dreamweaver CS5更改代码颜色的问题，上有很多，html默认背景色改为：#3f3f3f，如果不合自己心意可以使用下面的方法在配色方案中进行更改
　　通过相应路径找到文件把以下代码断覆盖：
XP系统下： C:\Documents and Settings\Administrator\ApplicationData\Adobe\Dreamweaver CS4\zh\Configuration\CodeColoring
Win7系统下 C:\用户\Administrator\AppData\Roaming\Adobe\DreamweaverCS5\en_US\Configuration\CodeColoring
覆盖完成以后，发现背景并没有改变，
覆盖后还要执行：编辑-&首选项参数 -& 代码颜色-& html默认背景色改为：#3f3f3f，如果不合自己心意也可以在配色方案中进行更改。
复制代码代码如下: &codeColors& &coroup& &syntaxColor id=”CodeColor_HTMLEntity” bold=”true” /& &syntaxColor id=”CodeColor_JavascriptNative” text=”#” /& &syntaxColor id=”CodeColor_JavascriptNumber” text=”#FF; /& &syntaxColor id=”CodeColor_JavascriptClient” text=”#” /& &syntaxColor id=”CodeColor_JavascriptSpryKeywords” text=”#FF; /& &syntaxColor id=”CodeColor_JavascriptSpryClasses” text=”#FF; /& &syntaxColor id=”CodeColor_TemplateText” text=”#” /& &syntaxColor id=”CodeColor_Templatmen　　tText” text=”#” /& &syntaxColor id=”CodeColor_TemplatmentAttr” text=”#” /& &syntaxColor id=”CodeColor_CmentText” text=”#” bgcolor=”#FFFF99″ /& &syntaxColor id=”CodeColor_JavaJSP” text=”#” /& &syntaxColor id=”CodeColor_JavaImplicit” text=”#” /& &syntaxColor id=”CodeColor_JavaOther” text=”#” /& &syntaxColor id=”CodeColor_JSPPageOperator” text=”#” /& &syntaxColor id=”CodeColor_JSPTaglibOperator” text=”#” /& &syntaxColor id=”CodeColor_JSPIncludeOperator” text=”#” /& &syntaxColor id=”CodeColor_PHPScriptBlock” text=”#FF; bold=”true” /& &syntaxColor id=”CodeColor_PHPScripment” text=”#FF; /& &syntaxColor id=”CodeColor_PHPScriptConstant” text=”#” /& &syntaxColor id=”CodeColor_PHPScriptString” text=&#″ /& &syntaxColor id=”CodeColor_PHPScriptFunctionsKeywords” text=&#FF” /& &syntaxColor id=”CodeColor_PHPScriptReserved” text=”#” /& &syntaxColor id=”CodeColor_PHPScriptTypes” text=”#” /& &syntaxColor id=”CodeColor_PHPScriptVariables” text=&#FF” /& &syntaxColor id=”CodeColor_ASPIncludeAttributes” text=”#” /& &syntaxColor id=”CodeColor_ASPDirOperator” text=”#” /& &syntaxColor id=”CodeColor_LibraryText” bgcolor=”” /& &syntaxColor id=”CodeColor_DateText” bgcolor=”” /& &syntaxColor id=”CodeColor_ASPJSNative” text=”#” /& &syntaxColor id=”CodeColor_ASPJSKeywords” text=”#” /& &syntaxColor id=”CodeColor_ASCSharpKeywords” text=”#” /& &syntaxColor id=”CodeColor_VBSNative” text=”#” /& &syntaxColor id=”CodeColor_VBSConstants” text=”#” /& &syntaxColor id=”CodeColor_VNative” text=”#” /& &syntaxColor id=”CodeColor_VConstants” text=”#” /& &tagColor id=”CodeColor_HTMLAnchor” text=”#” /& &tagColor id=”CodeColor_HTMLForm” text=”#FF; /& &tagColor id=”CodeColor_HTMLIma　　ge” text=”#” /& &tagColor id=”CodeColor_HTMLObject” text=”#” /& &tagColor id=”CodeColor_HTMLScript” text=”#” /& &tagColor id=”CodeColor_HTMLStyle” text=”#” /& &tagColor id=”CodeColor_HTMLTable” text=”#” /& &syntaxColor id=”CodeColor_SpryAttributes” text=”#FF; /& &syntaxColor id=”CodeColor_Spry_Tag_Normal” bgcolor=”#F8D0AF” /& &syntaxColor id=”CodeColor_Spry_Tag_Hover” bgcolor=”#FF9B58″ /& &syntaxColor id=”CodeColor_Spry_Tag_Selected” bgcolor=”#FF6D0C” /& &syntaxColor id=”CodeColor_HTMment” text=”#” /& &syntaxColor id=”CodeColor_HTMLString” text=&#FF” /& &syntaxColor id=”CodeColor_HTMLNumber” text=&#FF” /& &syntaxColor id=”CodeColor_JavascriptFunction” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_JavascriptBracket” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_JavascriptReserved” text=”#” bold=”true” /& &synt　　axColor id=”CodeColor_JavascriptString” text=&#FF” /& &syntaxColor id=”CodeColor_Javascripment” text=”#” /& &syntaxColor id=”CodeColor_CSSSelector” text=”#FF00FF” /& &syntaxColor id=”CodeColor_CSSProperty” text=”#” /& &syntaxColor id=”CodeColor_CSSValue” text=&#FF” /& &syntaxColor id=”CodeColor_CSSImport” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_CSSMedia” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_CssKeywordImportant” text=”#FF; bold=”true” /& &tagColor id=”DWTagLibrary_cfc” text=”#” /& &tagColor id=”DWTagLibrary_cfml” text=”#” /& &syntaxColor id=”CodeColor_ASPDirTagKeywords” text=”#” /& &tagColor id=”DWTagLibrary_asmmtags” text=”#” /& &tagColor id=”DWTagLibrary_astemplates” text=”#” /& &tagColor id=”DWTagLibrary_as” text=”#” /& &tagColor id=”CodeColor_CFScriptTag” text=”#” /& &syntaxColor id=”CodeCol　　or_ASPDirString” text=&#FF” /& &syntaxColor id=”CodeColor_ActionscriptProperty” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptNative” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptNumber” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptFunction” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptBracket” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptOperator” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptReserved” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptString” text=&#FF” /& &syntaxColor id=”CodeColor_Actionscripment” text=”#” /& &syntaxColor id=”CodeColor_ActionscriptRemoting” text=”#” /& &syntaxColor id=”CodeColor_AmBracket” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_Ament” text=”#” /& &syntaxColor id=”CodeColor_AmFunction” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_AmNative” text=”#　　”/& &syntaxColor id=”CodeColor_AmNumber” text=”#FF; /& &syntaxColor id=”CodeColor_AmReserved” text=”#” /& &syntaxColor id=”CodeColor_AmString” text=&#FF” /& &syntaxColor id=”CodeColor_ASRemoteBracket” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_ASRemotment” text=”#” /& &syntaxColor id=”CodeColor_ASRemoteFunction” text=”#” bold=”true” /& &syntaxColor id=”CodeColor_ASRemoteNative” text=”#” /& &syntaxColor id=”CodeColor_ASRemoteNumber” text=”#FF; /& &syntaxColor id=”CodeColor_ASRemoteReserved” text=”#” /& &syntaxColor id=”CodeColor_ASRemoteString” text=&#FF” /& &/coroup& &coroup doctypes=”CSS”& &syntaxColor id=”CodeColor_CSSImport” text=&#″ bold=”true” /& &syntaxColor id=”CodeColor_CSSMedia” text=&#″ bold=”true” /& &syntaxColor id=”CodeColor_CssKeywordImportant” text=”#F00″ bold=”true” /& &syn　　taxColor id=”CodeColor_CSSSelector” text=&#F1″ /& &syntaxColor id=”CodeColor_CSSValue” text=”#F0EB8E” /& &syntaxColor id=”CodeColor_CSSProperty” text=&#F” /& &syntaxColor id=”CodeColor_CSment” text=”C” /& &syntaxColor id=”CodeColor_CSSString” text=”#FF0″ /& &/coroup& &coroup doctypes=”HTML”& &syntaxColor id=”CodeColor_AspIncludeDirDefaultText” text=&#″ /& &syntaxColor id=”CodeColor_ASPIncludeAttributes” text=&#″ /& &syntaxColor id=”CodeColor_ASPIncludeString” text=&#″ /& &tagColor id=”CodeColor_CFScriptTag” text=&#″ /& &syntaxColor id=”CodeColor_CSSImport” text=&#″ bold=”true” /& &syntaxColor id=”CodeColor_CSSMedia” text=+ /& &syntaxColor id=”CodeColor_CssKeywordImportant” text=”#FF0″ /& &syntaxColor id=”CodeColor_CSSSelector” text=&#f” /& &syntaxColor id=”CodeColor_CSSValue” text=”#B” /& &l　　t;syntaxColor id=”CodeColor_CSSProperty” text=&#F74″ /& &syntaxColor id=”CodeColor_CSment” text=”#BBB” /& &syntaxColor id=”CodeColor_CSSString” text=”#DB; /& &tagColor id=”CodeColor_HTMLAnchor” text=&#F1″ /& &tagColor id=”CodeColor_HTMLForm” text=”#F90″ /& &tagColor id=”CodeColor_HTMLImage” text=”#B” /& &tagColor id=”CodeColor_HTMLObject” text=&#″ /& &tagColor id=”CodeColor_HTMLScript” text=”#FF0″ /& &tagColor id=”CodeColor_HTMLStyle” text=”#FF0″ /& &tagColor id=”CodeColor_HTMLTable” text=&#″ /& &tagColor id=”DWTagLibrary_html” text=&#b” /& &syntaxColor id=”CodeColor_HTMLTag” text=”#BBB” /& &syntaxColor id=”CodeColor_HTMLNumber” text=”#FFF” /& &syntaxColor id=”CodeColor_HTMLEntity” text=&#″ bold=”true” /& &syntaxColor id=”CodeColor_HTMLText” text=”#C3D3D7″ /& &syntaxColor id=”CodeColor_HTMLString” text=　　”#f0eb8e” /& &syntaxColor id=”CodeColor_HTMment” text=”#BBB” /& &syntaxColor id=”CodeColor_JavascriptRegexp” text=&#″ /& &syntaxColor id=”CodeColor_JavascriptReserved” text=+ bold=”true” /& &syntaxColor id=”CodeColor_JavascriptNative” text=&#″ /& &syntaxColor id=”CodeColor_JavascriptIdentifier” text=&#″ /& &syntaxColor id=”CodeColor_JavascriptFunction” text=”#FFF” bold=”true” /& &syntaxColor id=”CodeColor_JavascriptClient” text=&#″ /& &syntaxColor id=”CodeColor_JavascriptBracket” text=”#FFF” bold=”true” /& &syntaxColor id=”CodeColor_JavaScriptDefaultText” text=”#FFF” /& &syntaxColor id=”CodeColor_JavascriptNumber” text=”#B” /& &syntaxColor id=”CodeColor_JavascriptOperator” text=+ /& &syntaxColor id=”CodeColor_Javascripment” text=”#BBB” /& &syntaxColor id=”CodeColor_JavascriptString” text=&#B0″ /& &tagColor id=”DWTagLibrary　　_templates” text=&#″ /& &syntaxColor id=”CodeColor_LibraryText” text=&#″ bgcolor=”#FFC” /& &syntaxColor id=”CodeColor_DateText” text=&#″ bgcolor=”#FFC” /& &syntaxColor id=”CodeColor_TemplateText” text=&#″ /& &syntaxColor id=”CodeColor_TemplatmentText” text=&#″ /& &syntaxColor id=”CodeColor_TemplatmentAttr” text=&#″ /& &/coroup& &/codeColors&
　　Dreamweaver CS5更改代码颜色的问题，上有很多，html默认背景色改为：#3f3f3f，如果不合自己心意可以使用下面的方法在配色方案中进行更改，通过相应路径找到文件把以下代码断覆盖：
XP系统下： C:\Documents and Settings\Administrator\ApplicationData\Adobe\Dreamweaver CS4\zh\Configuration\CodeColoring
Win7系统下 C:\用户\Administrator\AppData\Roaming\Adobe\DreamweaverCS5\en_US\Configuration\CodeColoring
覆盖完成以后，发现背景并没有改变，
覆盖后还要执行：编辑-&首选项参数 -& 代码颜色-& html默认背景色改为：#3f3f3f，如果不合自己心意也可以在配色方案中进行更改，
，Dreamweaver CS5更改代码颜色的问题，上有很多，html默认背景色改为：#3f3f3f，如果不合自己心意可以使用下面的方法在配色方案中进行更改，通过相应路径找到文件把以下代码断覆盖：
XP系统下： C:\Documents and Settings\Administrator\ApplicationData\Adobe\Dreamweaver CS4\zh\Configuration\CodeColoring
Win7系统下 C:\用户\Administrator\AppData\Roaming\Adobe\DreamweaverCS5\en_US\Configuration\CodeColoring
覆盖完成以后，发现背景并没有改变，
覆盖后还要执行：编辑-&首选项参数 -& 代码颜色-& html默认背景色改为：#3f3f3f，如果不合自己心意也可以在配色方案中进行更改，
　　改选的选上,Dreamweaver代码提示功能怎么开启？
有时候一些熟悉的代码不想打，打个前面字母就能直接显示，这个在我们的Dreamweaver里面就可以实现，也就是我们常说的代码提示，那么我们如何设置呢！下面小编就带给大家具体方法！，
2、我们在最上面一行菜单栏中找到我们的&编辑&这个选项，点击我们的&首选参数&，具体位置见图！或许更简单的办法，我们直接&ctrl+u&即可！，
3、弹出以下对话框，说明我们打开正确，在弹出的对话框中，左侧是我们的菜单栏，在其中找到&代码提示&这个选项卡，按照图中方框内的设置设置好，点击保存，这里我们要注意，必须按图中设置好，改选的选上，不要丢失！。
　　Dreamweaver代码提示功能怎么开启？有时候一些熟悉的代码不想打，打个前面字母就能直接显示，这个在我们的Dreamweaver里面就可以实现，也就是我们常说的代码提示，那么我们如何设置呢，下面一起来看看吧
有时候一些熟悉的代码不想打，打个前面字母就能直接显示，这个在我们的Dreamweaver里面就可以实现，也就是我们常说的代码提示，那么我们如何设置呢！下面小编就带给大家具体方法！
1、首先我们先打开我们的dreamwawer编辑器，如下图，我们这里用的是版本，不过大致设置都是一样的，对于版本不要太在意！打开界面如图！
2、我们在最上面一行菜单栏中找到我们的&编辑&这个选项，点击我们的&首选参数&，具体位置见图！或许更简单的办法，我们直接&ctrl+u&即可！
3、弹出以下对话框，说明我们打开正确，在弹出的对话框中，左侧是我们的菜单栏，在其中找到&代码提示&这个选项卡，按照图中方框内的设置设置好，点击保存，这里我们要注意，必须按图中设置好，改选的选上，不要丢失！
4、接下来我们新建一个&html&文件，我们要看一下效果！
5、在我们写入代码的时候，输入&这个符号，后面会自动出来代码提示，这时候我们按键盘上的&&&键即可选择，选中自己想要的代码之后按&enter&键便可直接到文本区！方便快捷！
有时候一些熟悉的代码不想打，打个前面字母就能直接显示，这个在我们的Dreamweaver里面就可以实现，也就是我们常说的代码提示，那么我们如何设置呢！下面小编就带给大家具体方法！，
2、我们在最上面一行菜单栏中找到我们的&编辑&这个选项，点击我们的&首选参数&，具体位置见图！或许更简单的办法，我们直接&ctrl+u&即可！，
3、弹出以下对话框，说明我们打开正确，在弹出的对话框中，左侧是我们的菜单栏，在其中找到&代码提示&这个选项卡，按照图中方框内的设置设置好，点击保存，这里我们要注意，必须按图中设置好，改选的选上，不要丢失！，
1、首先我们先打开我们的dreamwawer编辑器，如下图，我们这里用的是版本，不过大致设置都是一样的，对于版本不要太在意！打开界面如图！，
2、我们在最上面一行菜单栏中找到我们的&编辑&这个选项，点击我们的&首选参数&，具体位置见图！或许更简单的办法，我们直接&ctrl+u&即可！，
4、接下来我们新建一个&html&文件，我们要看一下效果！。
　　对于复杂的数据库,HTML5本地数据库基础操作详解
　　对于复杂的数据库，HTML5使用本地数据库进行操作，
这样就创建了一个用户信息表，JavaScript Code复制内容到剪贴板。
　　在本地数据库中我们可以直接利用JavaScript创建数据库，并利用SQL语句执行相关的数据库操作。对于复杂的数据库，HTML5使用本地数据库进行操作,需要的朋友可以参考下
下面分别介绍本地数据库的各个API及其使用方法。
1、利用openDatabase创建数据库
我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数，分别是：数据库名、数据库版本号、对数据库的描述、设置分配的数据库的大孝回调函数。
如果我们要创建一个本地数据库，可以执行如下代码：
var myWebDatabase = openDatabase{});
这样就创建了一个用户信息表。之后可以对创建的本地数据库是否成功进行验证：
2、利用executeSql方法执行sql语句
使用executeSql方法，我们可以直接执行正常的sql语句，如下：
当然，这里只体现了executeSql的功能，并没有确切说明executeSql方法怎么用，用在哪里。要想使用该方法就必须介绍transaction。
该方法用来处理事务，可以传递三个参数：包含事务内容的一个方法、执行成功的回调函数、执行失败的回调函数。
结合transaction和executeSql，我们就可在我们之前创建的数据库中添加创建数据表并添加数据了，代码如下：
　　JavaScript Code复制内容到剪贴板
sql语句的含义不多解释，但从这里已经可以很明白的看出如何在本地数据库中，想在一般数据库中一样创建数据库数据表并添加数据了。
以上就是本文的全部内容，希望对大家的学习有所帮助。
　　在本地数据库中我们可以直接利用JavaScript创建数据库，并利用SQL语句执行相关的数据库操作，openDatabase方法传递五个参数，分别是：数据库名、数据库版本号、对数据库的描述、设置分配的数据库的大孝回调函数，
当然，这里只体现了executeSql的功能，并没有确切说明executeSql方法怎么用，用在哪里，
该方法用来处理事务，可以传递三个参数：包含事务内容的一个方法、执行成功的回调函数、执行失败的回调函数。
　　基于html5绘制圆形多角图案
　　这篇文章主要为大家详细介绍了基于html5实现圆形多角图案，由浅入深绘制圆形多角图案，感兴趣的小伙伴们可以参考一下，x3=0，x3=0。
　　这篇文章主要为大家详细介绍了基于html5实现圆形多角图案，由浅入深绘制圆形多角图案，感兴趣的小伙伴们可以参考一下
　　JavaScript Code复制内容到剪贴板
　　varci=90,pi=/ci,x1=100,y1=0,x2=0,y2=0,x3=0,y3=0;
在上面多角形的基础上进一步之后为：
　　JavaScript Code复制内容到剪贴板
　　varci=90,pi=/ci,x2=0,y2=0,x3=0,y3=0;
以上就是本文的全部内容，希望对大家的学习有所帮助。
　　这篇文章主要为大家详细介绍了基于html5实现圆形多角图案，由浅入深绘制圆形多角图案，感兴趣的小伙伴们可以参考一下，x3=0，x3=0，y1=0，varci=90，
以上就是本文的全部内容，希望对大家的学习有所帮助。
　　首先是“恢复”,Windows8技巧之系统自带重装还原工具
　　如果我们的Win8系统故障或崩溃了怎么办？不要着急，在Win8就已经内置了相应的工具，让我们无需借助第三方软件就能搞定，点击开始后系统就会进入恢复状态了，恢复的好处是让系统回到一开始安装时的状态，但会保留个人文件、应用和部分系统设置，在弹出的新窗口中选择“创建”来按照提示创建一个新的还原点。
　　如果我们的Win8系统故障或崩溃了怎么办？不要着急，在Win8就已经内置了相应的工具，让我们无需借助第三方软件就能搞定。本期的《Win8大百科》我们就将介绍如何使用Win8的备份、恢复、重装和还原功能。
　　首先是“恢复”，我们将鼠标滑动至屏幕的右下角调出“Charm栏”选择“设置”，在最下面我们会看到“更改电脑设置”的选项。这时候将左侧的标签切换到“常规”，我们就能在右部区域看到“恢复电脑而不影响你的文件”。
　　点击开始后系统就会进入恢复状态了，恢复的好处是让系统回到一开始安装时的状态，但会保留个人文件、应用和部分系统设置。
　　在相同的位置，我们还可以看到“删除所有内容并重新安装Windows”，这个功能是彻底的初始化，系统将回到最初的状态且不保留任何内容。
　　最后是“还原”，这里是将系统还原到指定的恢复点，所以在此之前我们需要先创建一个还原点。在控制面板中找到“恢复”选项，然后点击“配置系统还原”。
　　在弹出的新窗口中选择“创建”来按照提示创建一个新的还原点。当以后需要做系统还原时，在恢复界面点击“开始系统还原”就可以了。
　　以上就是本期《Win8大百科》的全部内容，有了Win8自带的备份、恢复、重装和还原工具，遇到系统崩溃就再也不用愁了。
　　如果我们的Win8系统故障或崩溃了怎么办？不要着急，在Win8就已经内置了相应的工具，让我们无需借助第三方软件就能搞定，点击开始后系统就会进入恢复状态了，恢复的好处是让系统回到一开始安装时的状态，但会保留个人文件、应用和部分系统设置，在相同的位置，我们还可以看到“删除所有内容并重新安装Windows”，这个功能是彻底的初始化，系统将回到最初的状态且不保留任何内容，以上就是本期《Win8大百科》的全部内容，有了Win8自带的备份、恢复、重装和还原工具，遇到系统崩溃就再也不用愁了。
　　页一般从h1~h4,HTML常用标签大全及html标签的特点
　　&xmp&&&/xmp&，&table bordercolordark=颜色码&&&/table&，*&&。
　　本篇文章给大家整理些关于html常用标签大全及html标签的特点，希望对大家学习html相关知识有所帮助，感兴趣的朋友一起学习吧
首先要知道html标签的一些特点：
1.类似&&关键字&&这样由尖括号包关键字组成，例如&html&,&div&&&
2.一般是成对出现的，由开始标签类似&&div&元素内容&/div&&，左边标签一边叫开始标签，右边&/ &叫结束标签，有始有终，除了一些个别是单闭合标签的
先记一些个别例外的单闭合标签，例如：
　　可为包含它的&object&或&applet&提供参数
　　表单元素，type不同输入字段拥有不同形式
　　定义基准字体，html5不支持&basefont&标签，不赞成使用
下面按不同效果将标签进行分类：
　　标题1一级级往下字体变小，页一般从h1~h4，h4之后一般不会用了
　　&del&&&/del&
　　&kbd&&&/kbd&
　　&strong&..&/strong&
　　&xmp&&&/xmp&
　　&plaintext&&&/plaintext&
　　&listing&&&/listing&
　　&font color=00ff00&&&/font&
　　&font size=1&&&/font&
　　&strike&&&/strike&
　　&font style=font-size:100 px&&/font&
　　&nobr&&&/nobr&
　　&center&&&/center&
　　为页面上的所有链接规定默认地址或默认目标
　　&a href=地址 target=_top&&/a&
　　&a href=地址 target=页框名&&/a&
　　&a href=地址 target=_blank&&/a&
　　&img src=图片地址 border=1 /&
　　&img src=图片地址 width=180 /&
　　&bgsound src=MID音乐文件地址 /&
　　&img src=图片地址 height=30 /&
　　&table aling=left&&&/table&
　　&table cellpadding=参数&&&/table&
　　&table aling=center&&&/table&
　　&table cols=参数&&&/table&
　　&table background=图片路径&&&/table&
　　&table frame=参数&&&/table&
　　&table border=边框大小&&&/table&
　　&table width=宽度&&&/table&
　　&table bgcolor=颜色码&&&/table&
　　&table height=高度&&&/table&
　　&table bordercolor=颜色码&&&/table&
　　&td colspan=参数&&&/td&
　　&table bordercolordark=颜色码&&&/table&
　　&td rowspan=参数&&&/td&
　　&table bordercolorlight=颜色码&&&/table&
　　&frameset col=&20%&,*&
　　左右分割，将左边框架分割大小为20%，右边框架的大小浏览器会自动调整
　　&ltment&&&ment&
　　&frameset rows=&20%,*&&
　　上下分割，将上面框架分割大小为20%，下面框架的大小浏览器会自动调整
　　&frameset cols=&20%,*&&
　　&dfn&&&/dfn&
　　&frameset cols=&20%,*,20%&&
　　&dir&&&/dir&
　　&frameset rows=&20%,*,20%&&
　　&address&&&/address&
　　&big&&&/big&
　　&body&&&/body&
　　&caption&&&/caption&
　　&center&&&/center&
　　对包围的文本进行居中处理，html5不支持此标签
　　&cite&&&cite&
　　&code&&&/code&
　　可为包含它的&object&或&applet&提供参数，&img src=图片地址 border=1 /&，&table cols=参数&&&/table&，20%&&。
　　豪华的通宝娱乐tb0007下载: 支持中文长文件名烧录
　　于是在上一搜，才知道果然是出错了，好，那就重新开始吧，
豪华的通宝娱乐tb0007下载:
通宝娱乐tb0007下载是亚洲知名的博彩集团公司,拥有多年的博彩经验,是专门为亚洲玩家提供在线游戏服务的娱乐网,提供了包括【通宝娱乐官方地址】【通宝娱乐电脑客户端】【tb通宝娱乐城】等各种网上顶级娱乐游戏。通宝娱乐tb0007下载玩家体验:通宝娱乐官方地址线上游戏让曹彦衍感觉到公平和信任，每天都有返点促销活动，支持大额,多种在线支付，提款无上限,火速到账，开户大惊喜,免费开户多重体验。您如果要了解更多豪华的通宝娱乐tb0007下载:请查看。
前段时间雨林木风不搞系统了，所以抓紧时间下载了一个备份以防万一。虽然这事不是很光荣，但毕竟出于生计嘛。
昨天晚上刻录光盘，弄了半天之后打开光盘一看，结果一个iso文件好端端的呆在里面，一点也不像启动盘的样子。后来一想，错了，肯定是方法错了。于是在上一搜，才知道果然是出错了。好，那就重新开始吧。
记录软件用的大名鼎鼎的Nero。NERO是德国公司出品的光碟烧录程序，支持中文长文件名烧录，也支持ATAPI的光碟烧录机，可烧录多种类型的光碟片，是一个相当不错的光碟烧录程序。在这里我们以*.ISO 文件作为数据写入光盘制作XP系统光盘，镜像可以是你从上下载的。
打开下面的窗口，如直接刻录ISO文件直接点右下角的&打开&
2.找到你下载的ISO文件
3.一般刻XP建议选择&光盘一次刻录&
4.最后点&刻录&就可完成
　　于是在上一搜，才知道果然是出错了，好，那就重新开始吧，
2，于是在上一搜，才知道果然是出错了，ISO 文件作为数据写入光盘制作XP系统光盘，镜像可以是你从上下载的，一般刻XP建议选择&光盘一次刻录&。
　　屏幕投射与隔空操作,防砸脸指南！大屏时代如何重塑界面交互？
　　编者按：有木有同学仰躺着玩手机时经常被砸脸？在不改变大屏幕的前提下，想护住你的脸就得靠交互设计师了，即便如此，横屏Pad化的操作设计，以及更多的内容展现。
　　编者按：有木有同学仰躺着玩手机时经常被砸脸？在不改变大屏幕的前提下，想护住你的脸就得靠交互设计师了。今天百度的同学总结了交互工作的一些经验，用在大屏界面上特别合适，为了用户的脸，这篇就别错过咯。
　　强调这件事情的意义在于，这已经成为事实。
　　在过去7年，新上市的手机屏幕尺寸越来越大。
　　以英寸为分界点，我们更清晰的看到这一变化。过去的两年，英寸的比例从10%升至80%。
　　在国内的过去3个季度，使用FHD HD分辨率的手机从38%的份额增至50%。
　　更大尺寸的屏幕可以承载更多的内容展现，更适合游戏、阅读与播放视频，体验得以提升。
　　然而屏幕尺寸的上升并没有引起用户操作上的过多不适，有51%的用户已经适应双手操作。
　　关于这点，有篇很棒的文章推荐给同学们，分析到位具体：《移动设备手持分析！用户到底是怎么使用手机的？》
　　即使用户单手操作，在操作大屏幕时的相对盲区，需要更多的响应时间，也可以被接受。
　　即便如此。英寸~4英寸，依然是平衡单手操作与体验的合理尺寸范围。
　　这样就产生一个矛盾：用户拥有更大屏幕的尺寸，但从人机交互的角度，并不完美。
　　面对这一现状，从APP产品界面设计的角度，需要做出改变。
　　大屏幕拥有典型的可用性问题：纵向单手操作机身，边角、顶部、左右侧边难以触达，放置在以上盲区的点击入口，将导致体验路径中断。
　　示例，百度搜索结果页，根据视线规律，典型的左上角操作盲区可以用于logo展现。
　　示例，在百度手机助手Android中下载百度浏览器，操作区域集中在安全区域。
　　更多的使用可拖动的浮动按钮，给用户更自由的操作可能性
　　示例，百度浏览器Android中翻页/返回顶部的组合按钮。
　　示例，百度浏览器Android的删除窗口操作。
　　示例：生活手记中使用语音替代键盘输入。
　　横屏Pad化的操作设计，以及更多的内容展现
　　示例，百度浏览器iPhone的横屏设计，如同页的响应式布局概念。
　　在界面交互的层面之外，在不远的时间，硬件存在更多的优化可能性。
　　“手机”成为服务的触发者，屏幕投射与隔空操作。
　　钢铁侠即视感，顺便推荐一篇钢铁侠的文章：《PS+AI教程！教你绘制超酷炫的钢铁侠面具７
　　之所以将讨论的范围扩展到硬件，是希望设计师在针对具体屏幕设计的同时，能够从另外的视角，思考人机交互的变化与可能性，激发创造力。
　　当前是大屏手机的时代，推动你的手机APP产品跟进吧！
　　编者按：有木有同学仰躺着玩手机时经常被砸脸？在不改变大屏幕的前提下，想护住你的脸就得靠交互设计师了，即便如此，横屏Pad化的操作设计，以及更多的内容展现，然而屏幕尺寸的上升并没有引起用户操作上的过多不适，有51%的用户已经适应双手操作，示例，在百度手机助手Android中下载百度浏览器，操作区域集中在安全区域，钢铁侠即视感，顺便推荐一篇钢铁侠的文章：《PS+AI教程！教你绘制超酷炫的钢铁侠面具７。