\u89c4\u8303\u76ee\u7684\uff1a
\n\u4e3a\u63d0\u9ad8\u56e2\u961f\u534f\u4f5c\u6548\u7387, \u4fbf\u4e8e\u540e\u53f0\u4eba\u5458\u6dfb\u52a0\u529f\u80fd\u53ca\u524d\u7aef\u540e\u671f\u4f18\u5316\u7ef4\u62a4, \u8f93\u51fa\u9ad8\u8d28\u91cf\u7684\u6587\u6863, \u7279\u5236\u8ba2\u6b64\u6587\u6863. \u672c\u89c4\u8303\u6587\u6863\u4e00\u7ecf\u786e\u8ba4, \u524d\u7aef\u5f00\u53d1\u4eba\u5458\u5fc5\u987b\u6309\u672c\u6587\u6863\u89c4\u8303\u8fdb\u884c\u524d\u53f0\u9875\u9762\u5f00\u53d1. \u672c\u6587\u6863\u5982\u6709\u4e0d\u5bf9\u6216\u8005\u4e0d\u5408\u9002\u7684\u5730\u65b9\u8bf7\u53ca\u65f6\u63d0\u51fa, \u7ecf\u8ba8\u8bba\u51b3\u5b9a\u540e\u65b9\u53ef\u66f4\u6539.<\/p>\n
\u57fa\u672c\u51c6\u5219\uff1a
\n\u7b26\u5408web\u6807\u51c6, \u8bed\u4e49\u5316html, \u7ed3\u6784\u8868\u73b0\u884c\u4e3a\u5206\u79bb, \u517c\u5bb9\u6027\u4f18\u826f. \u9875\u9762\u6027\u80fd\u65b9\u9762, \u4ee3\u7801\u8981\u6c42\u7b80\u6d01\u660e\u4e86\u6709\u5e8f, \u5c3d\u53ef\u80fd\u7684\u51cf\u5c0f\u670d\u52a1\u5668\u8d1f\u8f7d, \u4fdd\u8bc1\u6700\u5feb\u7684\u89e3\u6790\u901f\u5ea6.<\/p>\n
\u6587\u4ef6\u89c4\u8303
\n1. html, css, js, images\u6587\u4ef6\u5747\u5f52\u6863\u81f3<\u7cfb\u7edf\u5f00\u53d1\u89c4\u8303>\u7ea6\u5b9a\u7684\u76ee\u5f55\u4e2d;
\n2. html\u6587\u4ef6\u547d\u540d: \u82f1\u6587\u547d\u540d, \u540e\u7f00.htm. \u540c\u65f6\u5c06\u5bf9\u5e94\u754c\u9762\u7a3f\u653e\u4e8e\u540c\u76ee\u5f55\u4e2d, \u82e5\u754c\u9762\u7a3f\u547d\u540d\u4e3a\u4e2d\u6587, \u8bf7\u91cd\u547d\u540d\u4e0ehtml\u6587\u4ef6\u540c\u540d, \u4ee5\u65b9\u4fbf\u540e\u7aef\u6dfb\u52a0\u529f\u80fd\u65f6\u67e5\u627e\u5bf9\u5e94\u9875\u9762;
\n3. css\u6587\u4ef6\u547d\u540d: \u82f1\u6587\u547d\u540d, \u540e\u7f00.css. \u5171\u7528base.css, \u9996\u9875index.css, \u5176\u4ed6\u9875\u9762\u4f9d\u5b9e\u9645\u6a21\u5757\u9700\u6c42\u547d\u540d.;
\n4. Js\u6587\u4ef6\u547d\u540d: \u82f1\u6587\u547d\u540d, \u540e\u7f00.js. \u5171\u7528common.js, \u5176\u4ed6\u4f9d\u5b9e\u9645\u6a21\u5757\u9700\u6c42\u547d\u540d.<\/p>\n
html\u4e66\u5199\u89c4\u8303
\n1. \u6587\u6863\u7c7b\u578b\u58f0\u660e\u53ca\u7f16\u7801: \u7edf\u4e00\u4e3ahtml5\u58f0\u660e\u7c7b\u578b<!DOCTYPE html>; \u7f16\u7801\u7edf\u4e00\u4e3a<meta charset=\u201dutf-8\u2033 \/>, \u4e66\u5199\u65f6\u5229\u7528IDE\u5b9e\u73b0\u5c42\u6b21\u5206\u660e\u7684\u7f29\u8fdb;
\n2. \u975e\u7279\u6b8a\u60c5\u51b5\u4e0b\u6837\u5f0f\u6587\u4ef6\u5fc5\u987b\u5916\u94fe\u81f3<head>\u2026<\/head>\u4e4b\u95f4;\u975e\u7279\u6b8a\u60c5\u51b5\u4e0bJavaScript\u6587\u4ef6\u5fc5\u987b\u5916\u94fe\u81f3\u9875\u9762\u5e95\u90e8;
\n3. \u5f15\u5165\u6837\u5f0f\u6587\u4ef6\u6216JavaScript\u6587\u4ef6\u65f6, \u987b\u7565\u53bb\u9ed8\u8ba4\u7c7b\u578b\u58f0\u660e, \u5199\u6cd5\u5982\u4e0b:
\n<link rel=\u201dstylesheet\u201d href=\u201d\u2026\u201d \/>
\n<style>\u2026<\/style>
\n<script src=\u201d\u2026\u201d><\/script>
\n4. \u5f15\u5165JS\u5e93\u6587\u4ef6, \u6587\u4ef6\u540d\u987b\u5305\u542b\u5e93\u540d\u79f0\u53ca\u7248\u672c\u53f7\u53ca\u662f\u5426\u4e3a\u538b\u7f29\u7248, \u6bd4\u5982jquery-1.4.1.min.js; \u5f15\u5165\u63d2\u4ef6, \u6587\u4ef6\u540d\u683c\u5f0f\u4e3a\u5e93\u540d\u79f0+\u63d2\u4ef6\u540d\u79f0, \u6bd4\u5982jQuery.cookie.js;
\n5. \u6240\u6709\u7f16\u7801\u5747\u9075\u5faaxhtml\u6807\u51c6, \u6807\u7b7e & \u5c5e\u6027 & \u5c5e\u6027\u547d\u540d \u5fc5\u987b\u7531\u5c0f\u5199\u5b57\u6bcd\u53ca\u4e0b\u5212\u7ebf\u6570\u5b57\u7ec4\u6210, \u4e14\u6240\u6709\u6807\u7b7e\u5fc5\u987b\u95ed\u5408, \u5305\u62ecbr (<br \/>), hr(<hr \/>)\u7b49; \u5c5e\u6027\u503c\u5fc5\u987b\u7528\u53cc\u5f15\u53f7\u5305\u62ec;
\n6. \u5145\u5206\u5229\u7528\u65e0\u517c\u5bb9\u6027\u95ee\u9898\u7684html\u81ea\u8eab\u6807\u7b7e, \u6bd4\u5982span, em, strong, optgroup, label,\u7b49\u7b49; \u9700\u8981\u4e3ahtml\u5143\u7d20\u6dfb\u52a0\u81ea\u5b9a\u4e49\u5c5e\u6027\u7684\u65f6\u5019, \u9996\u5148\u8981\u8003\u8651\u4e0b\u6709\u6ca1\u6709\u9ed8\u8ba4\u7684\u5df2\u6709\u7684\u5408\u9002\u6807\u7b7e\u53bb\u8bbe\u7f6e, \u5982\u679c\u6ca1\u6709, \u53ef\u4ee5\u4f7f\u7528\u987b\u4ee5\u201ddata-\u201d\u4e3a\u524d\u7f00\u6765\u6dfb\u52a0\u81ea\u5b9a\u4e49\u5c5e\u6027\uff0c\u907f\u514d\u4f7f\u7528\u201ddata:\u201d\u7b49\u5176\u4ed6\u547d\u540d\u65b9\u5f0f;
\n7. \u8bed\u4e49\u5316html, \u5982 \u6807\u9898\u6839\u636e\u91cd\u8981\u6027\u7528h*(\u540c\u4e00\u9875\u9762\u53ea\u80fd\u6709\u4e00\u4e2ah1), \u6bb5\u843d\u6807\u8bb0\u7528p, \u5217\u8868\u7528ul, \u5185\u8054\u5143\u7d20\u4e2d\u4e0d\u53ef\u5d4c\u5957\u5757\u7ea7\u5143\u7d20;
\n8. \u5c3d\u53ef\u80fd\u51cf\u5c11div\u5d4c\u5957, \u5982<div class=\u201dbox\u201d><div class=\u201dwelcome\u201d>\u6b22\u8fce\u8bbf\u95eeXXX, \u60a8\u7684\u7528\u6237\u540d\u662f<div class=\u201dname\u201d>\u7528\u6237\u540d<\/div><\/div><\/div>\u5b8c\u5168\u53ef\u4ee5\u7528\u4ee5\u4e0b\u4ee3\u7801\u66ff\u4ee3: <div class=\u201dbox\u201d><p>\u6b22\u8fce\u8bbf\u95eeXXX, \u60a8\u7684\u7528\u6237\u540d\u662f<span>\u7528\u6237\u540d<\/span><\/p><\/div>;
\n9. \u4e66\u5199\u94fe\u63a5\u5730\u5740\u65f6, \u5fc5\u987b\u907f\u514d\u91cd\u5b9a\u5411\uff0c\u4f8b\u5982\uff1ahref=\u201dhttp:\/\/itaolun.com\/\u201d, \u5373\u987b\u5728URL\u5730\u5740\u540e\u9762\u52a0\u4e0a\u201c\/\u201d\uff1b
\n10. \u5728\u9875\u9762\u4e2d\u5c3d\u91cf\u907f\u514d\u4f7f\u7528style\u5c5e\u6027,\u5373style=\u201d\u2026\u201d;
\n11. \u5fc5\u987b\u4e3a\u542b\u6709\u63cf\u8ff0\u6027\u8868\u5355\u5143\u7d20(input, textarea)\u6dfb\u52a0label, \u5982<p>\u59d3\u540d: <input type=\u201dtext\u201d id=\u201dname\u201d name=\u201dname\u201d \/><\/p>\u987b\u5199\u6210:<p><label for=\u201dname\u201d>\u59d3\u540d: <\/label><input type=\u201dtext\u201d id=\u201dname\u201d \/><\/p>
\n12. \u80fd\u4ee5\u80cc\u666f\u5f62\u5f0f\u5448\u73b0\u7684\u56fe\u7247, \u5c3d\u91cf\u5199\u5165css\u6837\u5f0f\u4e2d;
\n13. \u91cd\u8981\u56fe\u7247\u5fc5\u987b\u52a0\u4e0aalt\u5c5e\u6027; \u7ed9\u91cd\u8981\u7684\u5143\u7d20\u548c\u622a\u65ad\u7684\u5143\u7d20\u52a0\u4e0atitle;
\n14. \u7ed9\u533a\u5757\u4ee3\u7801\u53ca\u91cd\u8981\u529f\u80fd(\u6bd4\u5982\u5faa\u73af)\u52a0\u4e0a\u6ce8\u91ca, \u65b9\u4fbf\u540e\u53f0\u6dfb\u52a0\u529f\u80fd;
\n15. \u7279\u6b8a\u7b26\u53f7\u4f7f\u7528: \u5c3d\u53ef\u80fd\u4f7f\u7528\u4ee3\u7801\u66ff\u4ee3: \u6bd4\u5982 <(<) & >(>) & \u7a7a\u683c( ) & ?(?) \u7b49\u7b49;
\n16. \u4e66\u5199\u9875\u9762\u8fc7\u7a0b\u4e2d, \u8bf7\u8003\u8651\u5411\u540e\u6269\u5c55\u6027;
\n17. class & id \u53c2\u89c1 css\u4e66\u5199\u89c4\u8303.<\/p>\n
css\u4e66\u5199\u89c4\u8303
\n1. \u7f16\u7801\u7edf\u4e00\u4e3autf-8;
\n2. \u534f\u4f5c\u5f00\u53d1\u53ca\u5206\u5de5: i\u4f1a\u6839\u636e\u5404\u4e2a\u6a21\u5757, \u540c\u65f6\u6839\u636e\u9875\u9762\u76f8\u4f3c\u7a0b\u5e8f, \u4e8b\u5148\u5199\u597d\u5927\u4f53\u6846\u67b6\u6587\u4ef6, \u5206\u914d\u7ed9\u524d\u7aef\u4eba\u5458\u5b9e\u73b0\u5185\u90e8\u7ed3\u6784&\u8868\u73b0&\u884c\u4e3a; \u5171\u7528css\u6587\u4ef6base.css\u7531i\u4e66\u5199, \u534f\u4f5c\u5f00\u53d1\u8fc7\u7a0b\u4e2d, \u6bcf\u4e2a\u9875\u9762\u8bf7\u52a1\u5fc5\u90fd\u8981\u5f15\u5165, \u6b64\u6587\u4ef6\u5305\u542breset\u53ca\u5934\u90e8\u5e95\u90e8\u6837\u5f0f, \u6b64\u6587\u4ef6\u4e0d\u53ef\u968f\u610f\u4fee\u6539;
\n3. class\u4e0eid\u7684\u4f7f\u7528: id\u662f\u552f\u4e00\u7684\u5e76\u662f\u7236\u7ea7\u7684, class\u662f\u53ef\u4ee5\u91cd\u590d\u7684\u5e76\u662f\u5b50\u7ea7\u7684, \u6240\u4ee5id\u4ec5\u4f7f\u7528\u5728\u5927\u7684\u6a21\u5757\u4e0a, class\u53ef\u7528\u5728\u91cd\u590d\u4f7f\u7528\u7387\u9ad8\u53ca\u5b50\u7ea7\u4e2d; id\u539f\u5219\u4e0a\u90fd\u662f\u7531\u6211\u5206\u53d1\u6846\u67b6\u6587\u4ef6\u65f6\u547d\u540d\u7684, \u4e3aJavaScript\u9884\u7559\u94a9\u5b50\u7684\u9664\u5916;
\n4. \u4e3aJavaScript\u9884\u7559\u94a9\u5b50\u7684\u547d\u540d, \u8bf7\u4ee5 js_ \u8d77\u59cb, \u6bd4\u5982: js_hide, js_show;
\n5. class\u4e0eid\u547d\u540d: \u5927\u7684\u6846\u67b6\u547d\u540d\u6bd4\u5982header\/footer\/wrapper\/left\/right\u4e4b\u7c7b\u7684\u57282\u4e2d\u7531i\u7edf\u4e00\u547d\u540d.\u5176\u4ed6\u6837\u5f0f\u540d\u79f0\u7531 \u5c0f\u5199\u82f1\u6587 & \u6570\u5b57 & _ \u6765\u7ec4\u5408\u547d\u540d, \u5982i_comment, fontred, width200; \u907f\u514d\u4f7f\u7528\u4e2d\u6587\u62fc\u97f3, \u5c3d\u91cf\u4f7f\u7528\u7b80\u6613\u7684\u5355\u8bcd\u7ec4\u5408; \u603b\u4e4b, \u547d\u540d\u8981\u8bed\u4e49\u5316, \u7b80\u660e\u5316.
\n6. \u89c4\u907fclass\u4e0eid\u547d\u540d(\u6b64\u6761\u91cd\u8981, \u82e5\u6709\u4e0d\u660e\u767d\u8bf7\u53ca\u65f6\u4e0ei\u6c9f\u901a):
\na, \u901a\u8fc7\u4ece\u5c5e\u5199\u6cd5\u89c4\u907f, \u793a\u4f8b\u89c1d;
\nb, \u53d6\u7236\u7ea7\u5143\u7d20id\/class\u547d\u540d\u90e8\u5206\u547d\u540d, \u793a\u4f8b\u89c1d;
\nc, \u91cd\u590d\u4f7f\u7528\u7387\u9ad8\u7684\u547d\u540d, \u8bf7\u4ee5\u81ea\u5df1\u4ee3\u53f7\u52a0\u4e0b\u5212\u7ebf\u8d77\u59cb, \u6bd4\u5982i_clear;
\nd, a,b\u4e24\u6761, \u9002\u7528\u4e8e\u57282\u4e2d\u5df2\u5efa\u597d\u6846\u67b6\u7684\u9875\u9762, \u5982, \u8981\u57282\u4e2d\u5df2\u5efa\u597d\u6846\u67b6\u7684\u9875\u9762\u4ee3\u7801<div id=\u201dmainnav\u201d><\/div>\u4e2d\u52a0\u5165\u65b0\u7684div\u5143\u7d20,
\n\u6309a\u547d\u540d\u6cd5\u5219: <div id=\u201dmainnav\u201d><div class=\u201dfirstnav\u201d>\u2026<\/div><\/div>,
\n\u6837\u5f0f\u5199\u6cd5:\u00a0\u00a0#mainnav\u00a0\u00a0.firstnav{\u2026\u2026.}
\n\u6309b\u547d\u540d\u6cd5\u5219: <div id=\u201dmainnav\u201d><div class=\u201dmain_firstnav\u201d>\u2026<\/div><\/div>,
\n\u6837\u5f0f\u5199\u6cd5:\u00a0\u00a0.main_firstnav{\u2026\u2026.}
\n7. css\u5c5e\u6027\u4e66\u5199\u987a\u5e8f, \u5efa\u8bae\u9075\u5faa \u5e03\u5c40\u5b9a\u4f4d\u5c5e\u6027\u2013>\u81ea\u8eab\u5c5e\u6027\u2013>\u6587\u672c\u5c5e\u6027\u2013>\u5176\u4ed6\u5c5e\u6027. \u6b64\u6761\u53ef\u6839\u636e\u81ea\u8eab\u4e60\u60ef\u4e66\u5199, \u4f46\u5c3d\u91cf\u4fdd\u8bc1\u540c\u7c7b\u5c5e\u6027\u5199\u5728\u4e00\u8d77. \u5c5e\u6027\u5217\u4e3e: \u5e03\u5c40\u5b9a\u4f4d\u5c5e\u6027\u4e3b\u8981\u5305\u62ec: margin \uff06 padding \uff06 float\uff08\u5305\u62ecclear\uff09 \uff06 position\uff08\u76f8\u5e94\u7684 top,right,bottom,left\uff09 \uff06 display \uff06 visibility \uff06 overflow\u7b49\uff1b \u81ea\u8eab\u5c5e\u6027\u4e3b\u8981\u5305\u62ec: width\u00a0\u00a0&\u00a0\u00a0height\u00a0\u00a0&\u00a0\u00a0background\u00a0\u00a0&\u00a0\u00a0border; \u6587\u672c\u5c5e\u6027\u4e3b\u8981\u5305\u62ec\uff1a font \uff06 color \uff06 text-align \uff06 text-decoration \uff06 text-indent\u7b49\uff1b\u5176\u4ed6\u5c5e\u6027\u5305\u62ec: list-style(\u5217\u8868\u6837\u5f0f) \uff06 vertical-vlign \uff06 cursor \uff06 z-index(\u5c42\u53e0\u987a\u5e8f) \uff06 zoom\u7b49. \u6211\u6240\u5217\u51fa\u7684\u8fd9\u4e9b\u5c5e\u6027\u53ea\u662f\u6700\u5e38\u7528\u5230\u7684, \u5e76\u4e0d\u4ee3\u8868\u5168\u90e8;
\n8. \u4e66\u5199\u4ee3\u7801\u524d, \u8003\u8651\u5e76\u63d0\u9ad8\u6837\u5f0f\u91cd\u590d\u4f7f\u7528\u7387;
\n9. \u5145\u5206\u5229\u7528html\u81ea\u8eab\u5c5e\u6027\u53ca\u6837\u5f0f\u7ee7\u627f\u539f\u7406\u51cf\u5c11\u4ee3\u7801\u91cf, \u6bd4\u5982:
\n<ul class=\u201dlist\u201d><li>\u8fd9\u513f\u662f\u6807\u9898\u5217\u8868<span>2010-09-15<\/span><\/ul>
\n\u5b9a\u4e49
\nul.list li{position:relative}\u00a0\u00a0ul.list li span{position:absolute; right:0}
\n\u5373\u53ef\u5b9e\u73b0\u65e5\u671f\u5c45\u53f3\u663e\u793a
\n10. \u6837\u5f0f\u8868\u4e2d\u4e2d\u6587\u5b57\u4f53\u540d, \u8bf7\u52a1\u5fc5\u8f6c\u7801\u6210unicode\u7801, \u4ee5\u907f\u514d\u7f16\u7801\u9519\u8bef\u65f6\u4e71\u7801;
\n11. \u80cc\u666f\u56fe\u7247\u8bf7\u5c3d\u53ef\u80fd\u4f7f\u7528sprite\u6280\u672f, \u51cf\u5c0fhttp\u8bf7\u6c42, \u8003\u8651\u5230\u591a\u4eba\u534f\u4f5c\u5f00\u53d1, sprite\u6309\u6a21\u5757\u5236\u4f5c;
\n12. \u4f7f\u7528table\u6807\u7b7e\u65f6(\u5c3d\u91cf\u907f\u514d\u4f7f\u7528table\u6807\u7b7e), \u8bf7\u4e0d\u8981\u7528width\/ height\/cellspacing\/cellpadding\u7b49table\u5c5e\u6027\u76f4\u63a5\u5b9a\u4e49\u8868\u73b0, \u5e94\u5c3d\u53ef\u80fd\u7684\u5229\u7528table\u81ea\u8eab\u79c1\u6709\u5c5e\u6027\u5206\u79bb\u7ed3\u6784\u4e0e\u8868\u73b0, \u5982thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing\u53cacellpadding\u7684css\u63a7\u5236\u65b9\u6cd5: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} , base.css\u6587\u4ef6\u4e2d\u6211\u4f1a\u521d\u59cb\u5316\u8868\u683c\u6837\u5f0f)
\n13. \u675c\u7edd\u4f7f\u7528<meta http-equiv=\u201dX-UA-Compatible\u201d content=\u201dIE=7\u2033 \/> \u517c\u5bb9ie8;
\n14. \u7528png\u56fe\u7247\u505a\u56fe\u7247\u65f6, \u8981\u6c42\u56fe\u7247\u683c\u5f0f\u4e3apng-8\u683c\u5f0f,\u82e5png-8\u5b9e\u5728\u5f71\u54cd\u56fe\u7247\u8d28\u91cf\u6216\u5176\u4e2d\u6709\u534a\u900f\u660e\u6548\u679c, \u8bf7\u4e3aie6\u5355\u72ec\u5b9a\u4e49\u80cc\u666f:
\n_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=\u2019img\/bg.png\u2019);
\n15. \u907f\u514d\u517c\u5bb9\u6027\u5c5e\u6027\u7684\u4f7f\u7528, \u6bd4\u5982text-shadow || css3\u7684\u76f8\u5173\u5c5e\u6027;
\n16. \u51cf\u5c11\u4f7f\u7528\u5f71\u54cd\u6027\u80fd\u7684\u5c5e\u6027, \u6bd4\u5982position:absolute || float ;
\n17. \u5fc5\u987b\u4e3a\u5927\u533a\u5757\u6837\u5f0f\u6dfb\u52a0\u6ce8\u91ca, \u5c0f\u533a\u5757\u9002\u91cf\u6ce8\u91ca;
\n18. \u4ee3\u7801\u7f29\u8fdb\u4e0e\u683c\u5f0f: \u5efa\u8bae\u5355\u884c\u4e66\u5199, \u53ef\u6839\u636e\u81ea\u8eab\u4e60\u60ef, \u540e\u671f\u4f18\u5316i\u4f1a\u7edf\u4e00\u5904\u7406;<\/p>\n
JavaScript\u4e66\u5199\u89c4\u8303
\n1. \u6587\u4ef6\u7f16\u7801\u7edf\u4e00\u4e3autf-8, \u4e66\u5199\u8fc7\u7a0b\u8fc7, \u6bcf\u884c\u4ee3\u7801\u7ed3\u675f\u5fc5\u987b\u6709\u5206\u53f7; \u539f\u5219\u4e0a\u6240\u6709\u529f\u80fd\u5747\u6839\u636eXXX\u9879\u76ee\u9700\u6c42\u539f\u751f\u5f00\u53d1, \u4ee5\u907f\u514d\u7f51\u4e0adown\u4e0b\u6765\u7684\u4ee3\u7801\u9020\u6210\u7684\u4ee3\u7801\u6c61\u67d3(\u6c89\u5197\u4ee3\u7801 || \u4e0e\u73b0\u6709\u4ee3\u7801\u51b2\u7a81 || \u2026);
\n2. \u5e93\u5f15\u5165: \u539f\u5219\u4e0a\u4ec5\u5f15\u5165jQuery\u5e93, \u82e5\u9700\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93, \u987b\u4e0e\u56e2\u961f\u5176\u4ed6\u4eba\u5458\u8ba8\u8bba\u51b3\u5b9a;
\n3. \u53d8\u91cf\u547d\u540d: \u9a7c\u5cf0\u5f0f\u547d\u540d. \u539f\u751fJavaScript\u53d8\u91cf\u8981\u6c42\u662f\u7eaf\u82f1\u6587\u5b57\u6bcd, \u9996\u5b57\u6bcd\u987b\u5c0f\u5199, \u5982iTaoLun;
\njQuery\u53d8\u91cf\u8981\u6c42\u9996\u5b57\u7b26\u4e3a\u2019_\u2019, \u5176\u4ed6\u4e0e\u539f\u751fJavaScript \u89c4\u5219\u76f8\u540c, \u5982: _iTaoLun;
\n\u53e6, \u8981\u6c42\u53d8\u91cf\u96c6\u4e2d\u58f0\u660e, \u907f\u514d\u5168\u5c40\u53d8\u91cf.
\n4. \u7c7b\u547d\u540d: \u9996\u5b57\u6bcd\u5927\u5199, \u9a7c\u5cf0\u5f0f\u547d\u540d. \u5982 ITaoLun;
\n5. \u51fd\u6570\u547d\u540d: \u9996\u5b57\u6bcd\u5c0f\u5199\u9a7c\u5cf0\u5f0f\u547d\u540d. \u5982iTaoLun();
\n6. \u547d\u540d\u8bed\u4e49\u5316, \u5c3d\u53ef\u80fd\u5229\u7528\u82f1\u6587\u5355\u8bcd\u6216\u5176\u7f29\u5199;
\n7. \u5c3d\u91cf\u907f\u514d\u4f7f\u7528\u5b58\u5728\u517c\u5bb9\u6027\u53ca\u6d88\u8017\u8d44\u6e90\u7684\u65b9\u6cd5\u6216\u5c5e\u6027, \u6bd4\u5982eval() & innerText;
\n8. \u540e\u671f\u4f18\u5316\u4e2d, JavaScript\u975e\u6ce8\u91ca\u7c7b\u4e2d\u6587\u5b57\u7b26\u987b\u8f6c\u6362\u6210unicode\u7f16\u7801\u4f7f\u7528, \u4ee5\u907f\u514d\u7f16\u7801\u9519\u8bef\u65f6\u4e71\u7801\u663e\u793a;
\n9. \u4ee3\u7801\u7ed3\u6784\u660e\u4e86, \u52a0\u9002\u91cf\u6ce8\u91ca. \u63d0\u9ad8\u51fd\u6570\u91cd\u7528\u7387;
\n10. \u6ce8\u91cd\u4e0ehtml\u5206\u79bb, \u51cf\u5c0freflow, \u6ce8\u91cd\u6027\u80fd.<\/p>\n
\u56fe\u7247\u89c4\u8303
\n1. \u6240\u6709\u9875\u9762\u5143\u7d20\u7c7b\u56fe\u7247\u5747\u653e\u5165img\u6587\u4ef6\u5939, \u6d4b\u8bd5\u7528\u56fe\u7247\u653e\u4e8eimg\/demoimg\u6587\u4ef6\u5939;
\n2. \u56fe\u7247\u683c\u5f0f\u4ec5\u9650\u4e8egif || png || jpg;
\n3. \u547d\u540d\u5168\u90e8\u7528\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd || \u6570\u5b57 || _ \u7684\u7ec4\u5408\uff0c\u5176\u4e2d\u4e0d\u5f97\u5305\u542b\u6c49\u5b57 || \u7a7a\u683c || \u7279\u6b8a\u5b57\u7b26\uff1b\u5c3d\u91cf\u7528\u6613\u61c2\u7684\u8bcd\u6c47, \u4fbf\u4e8e\u56e2\u961f\u5176\u4ed6\u6210\u5458\u7406\u89e3; \u53e6, \u547d\u540d\u5206\u5934\u5c3e\u4e24\u90e8\u5206, \u7528\u4e0b\u5212\u7ebf\u9694\u5f00, \u6bd4\u5982ad_left01.gif || btn_submit.gif;
\n4. \u5728\u4fdd\u8bc1\u89c6\u89c9\u6548\u679c\u7684\u60c5\u51b5\u4e0b\u9009\u62e9\u6700\u5c0f\u7684\u56fe\u7247\u683c\u5f0f\u4e0e\u56fe\u7247\u8d28\u91cf, \u4ee5\u51cf\u5c11\u52a0\u8f7d\u65f6\u95f4;
\n5. \u5c3d\u91cf\u907f\u514d\u4f7f\u7528\u534a\u900f\u660e\u7684png\u56fe\u7247(\u82e5\u4f7f\u7528, \u8bf7\u53c2\u8003css\u89c4\u8303\u76f8\u5173\u8bf4\u660e);
\n6. \u8fd0\u7528css sprite\u6280\u672f\u96c6\u4e2d\u5c0f\u7684\u80cc\u666f\u56fe\u6216\u56fe\u6807, \u51cf\u5c0f\u9875\u9762http\u8bf7\u6c42, \u4f46\u6ce8\u610f, \u8bf7\u52a1\u5fc5\u5728\u5bf9\u5e94\u7684sprite psd\u6e90\u56fe\u4e2d\u5212\u53c2\u8003\u7ebf, \u5e76\u4fdd\u5b58\u81f3img\u76ee\u5f55\u4e0b.<\/p>\n
\u6ce8\u91ca\u89c4\u8303
\n1. html\u6ce8\u91ca: \u6ce8\u91ca\u683c\u5f0f <!\u2013\u8fd9\u513f\u662f\u6ce8\u91ca\u2013>, \u2019\u2013\u2019\u53ea\u80fd\u5728\u6ce8\u91ca\u7684\u59cb\u672b\u4f4d\u7f6e,\u4e0d\u53ef\u7f6e\u5165\u6ce8\u91ca\u6587\u5b57\u533a\u57df;
\n2. css\u6ce8\u91ca: \u6ce8\u91ca\u683c\u5f0f ;
\n3. JavaScript\u6ce8\u91ca, \u5355\u884c\u6ce8\u91ca\u4f7f\u7528\u2019\/\/\u8fd9\u513f\u662f\u5355\u884c\u6ce8\u91ca\u2019 ,\u591a\u884c\u6ce8\u91ca\u4f7f\u7528 ;<\/p>\n
\u5f00\u53d1\u53ca\u6d4b\u8bd5\u5de5\u5177\u7ea6\u5b9a
\n\u5efa\u8bae\u4f7f\u7528Aptana || Dw || Vim , \u4ea6\u53ef\u6839\u636e\u81ea\u5df1\u559c\u597d\u9009\u62e9, \u4f46\u987b\u9075\u5faa\u5982\u4e0b\u539f\u5219:
\n1. \u4e0d\u53ef\u5229\u7528IDE\u7684\u89c6\u56fe\u6a21\u5f0f\u2019\u753b\u2019\u4ee3\u7801;
\n2. \u4e0d\u53ef\u5229\u7528IDE\u751f\u6210\u76f8\u5173\u529f\u80fd\u4ee3\u7801, \u6bd4\u5982Dw\u5185\u7f6e\u7684\u4e00\u4e9b\u529f\u80fdjs;
\n3. \u7f16\u7801\u5fc5\u987b\u683c\u5f0f\u5316, \u6bd4\u5982\u7f29\u8fdb;
\n\u6d4b\u8bd5\u5de5\u5177: \u524d\u671f\u5f00\u53d1\u4ec5\u6d4b\u8bd5FireFox & IE6 & IE7 & IE8 , \u540e\u671f\u4f18\u5316\u65f6\u52a0\u5165Opera & Chrome & Safari;
\n\u5efa\u8bae\u6d4b\u8bd5\u987a\u5e8f: FireFox\u2013>IE7\u2013>IE8\u2013>IE6\u2013>Opera\u2013>Chrome\u2013>Safari, \u5efa\u8bae\u5b89\u88c5firebug\u53caIE Tab Plus\u63d2\u4ef6.
\n\u5176\u4ed6\u89c4\u8303
\n1. \u5f00\u53d1\u8fc7\u7a0b\u4e2d\u4e25\u683c\u6309\u5206\u5de5\u5b8c\u6210\u9875\u9762, \u4ee5\u63d0\u9ad8css\u590d\u7528\u7387, \u907f\u514d\u91cd\u590d\u5f00\u53d1;
\n2. \u51cf\u5c0f\u6c89\u5197\u4ee3\u7801, \u4e66\u5199\u6240\u6709\u4eba\u90fd\u53ef\u4ee5\u770b\u7684\u61c2\u7684\u4ee3\u7801. \u7b80\u6d01\u6613\u61c2\u662f\u4e00\u79cd\u7f8e\u5fb7. \u4e3a\u7528\u6237\u7740\u60f3, \u4e3a\u670d\u52a1\u5668\u7740\u60f3.<\/p>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » html\u3001CSS\u3001javascript\u524d\u7aef\u547d\u540d\u89c4\u8303<\/a><\/p>","protected":false},"excerpt":{"rendered":" \u89c4\u8303\u76ee\u7684\uff1a \u4e3a\u63d0\u9ad8\u56e2\u961f\u534f\u4f5c\u6548\u7387, \u4fbf\u4e8e\u540e\u53f0\u4eba\u5458\u6dfb\u52a0\u529f\u80fd\u53ca\u524d\u7aef\u540e\u671f\u4f18\u5316\u7ef4\u62a4, \u8f93\u51fa\u9ad8\u8d28\u91cf\u7684\u6587\u6863, \u7279\u5236\u8ba2\u6b64\u6587\u6863. \u672c\u89c4\u8303\u6587\u6863\u4e00\u7ecf\u786e\u8ba4, \u524d\u7aef\u5f00\u53d1\u4eba\u5458\u5fc5\u987b\u6309\u672c\u6587\u6863\u89c4\u8303\u8fdb\u884c\u524d\u53f0\u9875\u9762\u5f00\u53d1. \u672c\u6587\u6863\u5982\u6709\u4e0d\u5bf9\u6216\u8005 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[28,83,9,267],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2102"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2102"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2102\/revisions"}],"predecessor-version":[{"id":2103,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2102\/revisions\/2103"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2102"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}