如何在Dreamweaver中插入表格 如何在Dreamweaver中插入表格
\u5982\u4f55\u5728Dreamweaver\u4e2d\u63d2\u5165\u8868\u683c\u4e00\u3001\u4f7f\u7528\u5de5\u5177\uff1a\u6b63\u5e38\u4f7f\u7528\u7684\u7535\u8111\u4e00\u53f0\u3001Dreamweaver
\u4e8c\u3001\u65b9\u6cd5\u6b65\u9aa4\uff1a
1\u3001\u6253\u5f00DW\u8f6f\u4ef6\uff0c\u65b0\u5efa\u4e00\u4e2aHTML\u6587\u6863\uff0c\u5982\u4e0b\u56fe\u6240\u793a
2\u3001\u6211\u4eec\u5148\u628a\u6807\u9898\u4fee\u6539\u4e00\u4e0b\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
3\u3001\u5728\u3010\u3011\u4e2d\u95f4\uff0c\u6211\u4eec\u6309\u56de\u8f66\uff0c\u591a\u6309\u51e0\u6b21\uff0c\u4e00\u4f1a\u8868\u683c\u5c31\u63d2\u5165\u5230\u8fd9\u91cc\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
4\u3001\u70b9\u51fb\u3010\u63d2\u5165\u3011--\u3010\u8868\u683c\u3011\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
5\u3001\u8f93\u5165\u3010\u884c\u3011\u3010\u5217\u3011\u7b49\u53c2\u6570\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
6\u3001\u63d2\u5165\u8868\u683c\u540e\u7684\u6548\u679c\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
7\u3001\u5728\u8fd9\u91cc\u4e00\u4e2a\u5c31\u662f\u4e00\u884c\uff0c\u4e00\u884c\u91cc\u9762\u67095\u5217\uff0c\u6211\u4eec\u53ef\u4ee5\u70b9\u51fb\u7136\u540e\u4e00\u76f4\u62d6\u5230 \u5230\u8fd9\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u70b9\u51fb\u51cf\u53f7\u3010-\u3011\uff0c\u628a\u8fd9\u4e2a\u6536\u8d77\u6765\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
8\u3001\u6211\u4eec\u4e5f\u53ef\u4ee5\u70b9\u51fb\u52a0\u53f7\u3010+\u3011\u5c55\u5f00\u8fd9\u4e2a,\u5982\u4e0b\u56fe\u6240\u793a\u3002
9\u3001\u5728\u91cc\u9762\u8f93\u5165\u6587\u5b57\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
10\u3001\u6309\u3010ctrl+S\u3011\u4fdd\u5b58\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
11\u3001\u9884\u89c8\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
12\u3001\u6700\u540e\u7684\u663e\u793a\u7ed3\u679c\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
\u4e09\u3001\u6ce8\u610f\u4e8b\u9879\uff1a\u5982\u679c\u9700\u8981\u8868\u683c\u5c45\u4e2d \u3001\u4fee\u6539\u683c\u5f0f\u5219\u9700\u8981\u5728\u8868\u683c\u5c5e\u6027\u4e2d\u8bbe\u7f6e
\u5de5\u5177\uff1aDreamweaver cs6 \u6216\u8005 Dreamweaver cs5
\u65b9\u6cd5\uff1a\u9009\u62e9\u89c6\u56fe\u6a21\u5f0f\uff0c\u76f4\u63a5\u70b9\u51fb\u5de5\u5177\u680f\u7684\u8868\u683c\u6309\u94ae\u5c31\u4f1a\u5f39\u51fa\u8868\u683c\u63d2\u5165\u7684\u5bf9\u8bdd\u6846 \u9009\u62e9\u597d\u76f8\u5bf9\u5e94\u7684\u884c\u5217\u6570\u4ee5\u53ca\u8fb9\u6846\u5bbd\u5ea6
1.\u7b2c\u4e00\u6b65 \u65b0\u5efaHTML\u6587\u6863
2.\u7b2c\u4e8c\u6b65 \u5728\u83dc\u5355\u680f\u4e2d\u9009\u62e9\u3010\u63d2\u5165\u3011\u2014\u2014\u3010\u8868\u683c\u3011
3.\u7b2c\u4e09\u6b65 \u63d2\u5165\u7684\u8868\u683c\u53ef\u4ee5\u8bbe\u7f6e\u76f8\u5bf9\u5e94\u7684\u5217\u548c\u884c\uff0c\u5df2\u7ecf\u8fb9\u6846\u3001\u5185\u8fb9\u8ddd
4.\u7b2c\u56db\u6b65 \u6210\u529f\u63d2\u5165\u8868\u683c\u540e\uff0c\u5728html\u4ee3\u7801\u4e2d\u5c31\u4f1a\u81ea\u52a8\u751f\u6210\u4ee3\u7801\u3002\u5176\u4e2d\u6ce8\u610f\u5230\u4e24\u4e2a\u53c2\u6570\uff0ccellspacing\u63a7\u5236\u8fb9\u6846\u50cf\u7d20\uff0ccellpadding\u63a7\u5236\u5185\u5bb9\u5230\u8fb9\u6846\u7684\u8ddd\u79bb
5.\u7b2c\u4e94\u6b65 \u8981\u5728\u8868\u683c\u91cc\u9762\u8f93\u5165\u5185\u5bb9\u53ef\u4ee5\u76f4\u63a5\u4ece\u8bbe\u8ba1\u89c6\u56fe\u4e2d\u8f93\u5165\u3002\u73b0\u5728\u4e0d\u5efa\u8bae\u5728\u8868\u683c\u4e2d\u63d2\u5165\u56fe\u7247\uff0c\u8868\u683c\u4e2d\u52a0\u56fe\u7247\u7684\u5b9a\u4f4d\u6ca1\u6709DIV\u7075\u6d3b
工具/原料:
Dreamweaver cs5
1.新建HTML文档
2.在菜单栏中选择【插入】——【表格】
3.插入的表格可以设置相对应的列和行,已经边框、内边距
4.成功插入表格后,在html代码中就会自动生成代码。其中注意到两个参数,cellspacing控制边框像素,cellpadding控制内容到边框的距离
5.要在表格里面输入内容可以直接从设计视图中输入。
绛旓細涓銆佷娇鐢ㄥ伐鍏凤細姝e父浣跨敤鐨勭數鑴戜竴鍙般Dreamweaver 浜屻佹柟娉曟楠わ細1銆佹墦寮DW杞欢锛屾柊寤轰竴涓狧TML鏂囨。锛屽涓嬪浘鎵绀 2銆佹垜浠厛鎶婃爣棰樹慨鏀逛竴涓嬶紝濡備笅鍥炬墍绀恒3銆佸湪銆愩戜腑闂达紝鎴戜滑鎸夊洖杞︼紝澶氭寜鍑犳锛屼竴浼氳〃鏍煎氨鎻掑叆鍒拌繖閲岋紝濡備笅鍥炬墍绀恒4銆佺偣鍑汇愭彃鍏ャ--銆愯〃鏍笺戯紝濡備笅鍥炬墍绀恒5銆佽緭鍏ャ愯銆戙愬垪銆戠瓑鍙...
绛旓細1銆佸弻鍑绘墦寮Macromedia Dreamweaver銆2銆佸垱寤洪〉闈㈡枃浠剁被鍨嬨3銆佺偣鍑婚〉闈笂鏂瑰伐鍏锋爮绔欑偣-鏂板缓绔欑偣銆4銆佽緭鍏ョ珯鐐瑰悕绉板拰杩炴帴绫诲瀷銆5銆侀夋嫨瀛樺偍璺緞鍗冲彲瀹屾垚鍒涘缓绔欑偣宸ヤ綔銆
绛旓細dw濡備綍鍒涘缓涓涓柊鐨刢ss鏍峰紡 鏂规硶涓:鏂板缓涓涓浜嬫湰鏂囨。锛屼慨鏀瑰悗缂鍚嶄负css銆傛柟娉曚簩:鍦―W涓夋嫨鑿滃崟锛屾枃浠-鏂板缓-閫夋嫨CSS-鍒涘缓銆dw涓鎬庝箞瀹氫箟鏂癱ss锛1銆鍦╠reamweavercc涓彲浠ョ洿鎺ュ垱寤篶ss鏂囦欢锛屾垨鍦ㄥ唴闈㈠唴鎵嬪啓杈撳叆css浠g爜瀹氫箟瑙勫垯绛夌瓑銆2銆佸鏋滆浣跨敤鍙鍖朿ss缂栬緫锛屽彲浠ヤ娇鐢╟ss璁捐鍣紝鍦ㄩ粯璁ょ殑鐣岄潰涓嬶紝鍦...
绛旓細1銆佹墦寮Dreamweaver锛屼箣鍚庯紝鏂板缓涓涓猦tml鏂囨。锛岀劧鍚庡湪鐣岄潰鐨勪笂鏂规壘鍒版彃鍏ュ浘鐗囩殑鎸夐挳锛岀偣鍑诲畠锛屾彃鍏ュ浘鐗囥2銆佹彃鍏ュ浘鐗囦箣鍚庯紝鍐嶅啓涓婃枃瀛楋紝鏂囧瓧鍦ㄥ浘鐗囦笅鏂癸紝鍜屽浘鐗囩殑璺濈姣旇緝杩溿3銆佸垏鎹㈠埌浠g爜妯″紡锛屾垨鑰呮媶鍒嗘ā寮忥紝鎷嗗垎妯″紡鐨勫ソ澶勫氨鏄彲浠ュ悓鏃剁湅鍒颁唬鐮佸拰瀹為檯鏁堟灉銆4銆佸皢鍥剧墖鍜屾枃瀛楀搴旂殑鎵鏈塒鐗堟潈閮藉垹闄わ紝鍖呮嫭鍜...
绛旓細Dreamweaver濡備綍鍒涘缓鏈湴绔欑偣 宸ュ叿/鍘熸枡 Dreamweaver CS5 鏂规硶/姝ラ 宸ユ鍠勯亣浜嬪繀鍏堝埄鍣紝瑕佸埗浣滅綉椤靛氨闇瑕佸厛瀹夎鍒朵綔杞欢锛孌reamweaver鐨勭増鏈湁CS4銆丆S5銆丆S6銆2014 CC绛夌瓑涓嶅悓鐨勭増鏈紝浠绘剰閫夋嫨涓涓笅杞藉嵆鍙紝鐒跺悗瀹夎鍦ㄧ數鑴戜笂銆侱reamweaver濡備綍鍒涘缓鏈湴绔欑偣 鎵撳紑瀹夎濂界殑Dreamweaver杞欢锛岀偣鍑昏蒋浠朵笂鏂圭殑鈥...
绛旓細1銆佹墦寮Dreamweaver銆2銆佺偣鍑讳笂鏂瑰伐鍏锋爮绔欑偣-鏂板缓绔欑偣銆3銆佽緭鍏ョ珯鐐瑰悕绉板拰杩炴帴绫诲瀷涓嬩竴姝ャ4銆佹寜鐓ч渶瑕侀夋嫨瀵瑰簲鐨勫瓨鍌ㄨ矾寰勬枃浠跺嵆鍙畬鎴愮珯鐐瑰垱寤恒
绛旓細鍦╠reamweaver cs6涓紝鍒涘缓鏂囨湰涓ょ鍔炴硶锛氱涓绉嶏細1銆佹墦寮Dreamweaver CS6鍚庯紝鐐瑰嚮鏂囦欢--->鏂板缓锛屽涓嬪浘鎵绀恒2銆佸湪鏂板缓鏂囨。瀵硅瘽妗嗛噷閫夋嫨鏂板缓HTML锛岀劧鍚庣偣鍑诲垱寤猴紝濡備笅鍥炬墍绀恒3銆佹垜浠彲浠ュ湪鍙宠竟鐨勬彃鍏ュ伐鍏锋爮閲屾壘鍒拌〃鍗曪紝濡備笅鍥炬墍绀恒4銆佸湪琛ㄥ崟閲岋紝鎴戜滑鐐瑰嚮鏂囨湰鍖哄煙锛屽涓嬪浘鎵绀恒傜浜岀锛1銆佹垜浠篃...
绛旓細璁剧疆姝ラ濡備笅锛1銆侀鍏堝皢鎵鏈夌浉鍏崇綉椤垫枃浠跺拰鏂囦欢澶归兘澶嶅埗鍒颁竴涓柊寤虹殑鏂囦欢澶逛腑锛屾湰渚嬩负D鐩樻祴璇曟枃浠跺す锛2銆佸惎鍔Dreamweaver锛岀偣鍑荤珯鐐硅彍鍗曪紝鐐瑰嚮鏂板缓绔欑偣鍛戒护锛3銆佷负绔欑偣鍛藉悕锛寀rl鍙殏涓嶅~鍐欙紝鐐瑰嚮涓嬩竴姝ワ紱4銆佹槸鍚﹂噰鐢ㄦ湇鍔″櫒鎶鏈牴鎹疄闄呰繘琛岄夋嫨锛岀偣鍑讳笅涓姝ワ紱5銆佺偣鍑诲悗绔枃浠跺す鎸夐挳锛岄夋嫨棰勫鐨凞鐩樻祴璇...
绛旓細Dreamweaver绔欑偣瀹氫箟锛氭湰鍦扮珯鐐圭殑涓缁勫畾涔夌壒鎬э紝浠ュ強鏈夊叧鏈湴绔欑偣鍜岃繙绋嬬珯鐐瑰搴旀柟寮忕殑淇℃伅銆傞氬父锛屽垱寤 Web 绔欑偣鏄粠瀵瑰叾杩涜瑙勫垝寮濮嬬殑锛氬喅瀹氳鍒涘缓澶氬皯椤点佹瘡椤典笂鏄剧ず浠涔堝唴瀹逛互鍙婇〉鏄濡備綍浜掔浉杩炴帴璧锋潵鐨勩備笉杩囷紝鍦ㄦ湰璇句腑锛屾偍灏嗗垱寤轰竴涓潪甯哥畝鍗曠殑绔欑偣锛屽洜姝や笉闇瑕佸お澶氱殑瑙勫垝锛氬畠灏嗗彧鍖呭惈涓や釜 Web 椤碉紝...
绛旓細宸茬粡杈规銆佸唴杈硅窛 4 绗洓姝 鎴愬姛鎻掑叆琛ㄦ牸鍚庯紝鍦╤tml浠g爜涓氨浼氳嚜鍔ㄧ敓鎴愪唬鐮併傚叾涓敞鎰忓埌涓や釜鍙傛暟锛宑ellspacing鎺у埗杈规鍍忕礌锛宑ellpadding鎺у埗鍐呭鍒拌竟妗嗙殑璺濈 5 绗簲姝 瑕佸湪琛ㄦ牸閲岄潰杈撳叆鍐呭鍙互鐩存帴浠庤璁¤鍥句腑杈撳叆銆傜幇鍦ㄤ笉寤鸿鍦ㄨ〃鏍间腑鎻掑叆鍥剧墖锛岃〃鏍间腑鍔犲浘鐗囩殑瀹氫綅娌℃湁DIV鐏垫椿 ...