如何在Dreamweaver中插入表格 如何在Dreamweaver中插入表格
\u5982\u4f55\u5728Dreamweaver\u4e2d\u63d2\u5165\u8868\u683c\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
\u5de5\u5177/\u539f\u6599\uff1a
Dreamweaver cs5
1.\u65b0\u5efaHTML\u6587\u6863
2.\u5728\u83dc\u5355\u680f\u4e2d\u9009\u62e9\u3010\u63d2\u5165\u3011\u2014\u2014\u3010\u8868\u683c\u3011
3.\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.\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.\u8981\u5728\u8868\u683c\u91cc\u9762\u8f93\u5165\u5185\u5bb9\u53ef\u4ee5\u76f4\u63a5\u4ece\u8bbe\u8ba1\u89c6\u56fe\u4e2d\u8f93\u5165\u3002
一、使用工具:正常使用的电脑一台、Dreamweaver
二、方法步骤:
1、打开DW软件,新建一个HTML文档,如下图所示
2、我们先把标题修改一下,如下图所示。
3、在【<body></body>】中间,我们按回车,多按几次,一会表格就插入到这里,如下图所示。
4、点击【插入】--【表格】,如下图所示。
5、输入【行】【列】等参数,如下图所示。
6、插入表格后的效果,如下图所示。
7、在这里一个<tr>就是一行,一行里面有5列,我们可以点击<tr>然后一直拖到 到</tr>这里,我们可以点击减号【-】,把这个<tr>收起来,如下图所示。
8、我们也可以点击加号【+】展开这个<tr>,如下图所示。
9、在<td>里面输入文字,如下图所示。
10、按【ctrl+S】保存,如下图所示。
11、预览,如下图所示。
12、最后的显示结果,如下图所示。
三、注意事项:如果需要表格居中 、修改格式则需要在表格属性中设置
绛旓細1.鎵撳紑Dreamweaver杞欢搴旂敤绋嬪簭锛岃繖閲岀敤鐨勬槸cs6鐗堟湰銆2.鎵撳紑鈥滄枃浠垛濊彍鍗曪紝鍦ㄤ笅鎷変腑鎵惧埌鈥滄柊寤(N)鈥,鎴栬呯敤蹇嵎閿"ctrl+n"鏉ョ洿鎺ユ柊寤轰竴涓猦tml鏂囨。銆3.鍦ㄦ柊寤虹殑html鏂囦欢涓婏紝鎴戠偣寮鐨勬槸鈥滄媶鍒嗏濇ā寮忥紝鎵浠ュ乏渚ф樉绀虹殑鏄唬鐮侊紝鍙宠竟鏄晥鏋滐紝杩欐牱鍙互鍦ㄥ乏杈瑰啓浠g爜锛屽彸杈归瑙堛4.鍦―reamweavercs6涓凡缁忔病鏈...
绛旓細HR锛堟按骞崇嚎锛夊湪鏂囨。涓厜鏍囨墍鍦ㄥ鎻掑叆姘村钩绾裤 Navigation Bar锛堝鑸爮鎸夐挳锛夋彃鍏ヤ竴缁勭敤浜庣珯鐐瑰鑸殑鍥惧儚銆 Layer锛堝眰鎸夐挳锛夊垱寤哄眰銆傚崟鍑昏鎸夐挳锛岀劧鍚庡皢榧犳爣鎸囬拡绉诲姩鍒版枃妗g獥鍙d腑鎷栧姩锛屽嵆鍙畾涔夊眰鐨勫ぇ灏忓拰浣嶇疆銆傚湪榛樿鎯呭喌涓嬶紝Dreamweaver鍒涘缓鐨勫眰鐢盌IV鏍囪瀹氫箟銆備娇鐢ㄥ睘鎬ф鏌ュ櫒閫夋嫨涓嶅悓鏍囩锛屾垨鏀瑰彉灞傚弬鏁扮殑榛...
绛旓細1.棣栧厛鍙屽嚮dreamweaverCS5蹇嵎閿浘鏍囨墦寮銆傦紱2.鏂板缓涓涓狧TML鏂囨。锛屽湪鑿滃崟鏍忎腑鎵惧埌鈥滄枃浠垛濆苟鍗曞嚮锛岄夋嫨鈥滄柊寤衡锛3.鍦ㄦ墦寮鐨勬柊寤烘枃妗g獥鍙d腑锛屼緷娆¢夋嫨鈥滅┖鐧介〉鈥濃斺淗TML鈥濓紝鍏朵腑鐨勬枃妗g被鍨嬮夋嫨鈥淴HTML1.0transitional鈥,鏈鍚庡崟鍑烩滃垱寤衡濇寜閽傦紱4.鍦ㄨ彍鍗曟爮涓崟鍑烩滀慨鏀光濆苟鍗曞嚮锛岄夋嫨鈥滈〉闈㈠睘鎬р濓紱5....
绛旓細1銆侀鍏堝湪鐢佃剳涓惎鍔dreamweaver杞欢锛屾柊寤轰竴涓狧TML锛屾病鏈塇TML闈欐佺綉椤靛熀纭鐨勫彲浠ュ垏鎹㈠埌瀹炴椂瑙嗗浘銆3銆佹帴涓嬫潵鐐瑰嚮涓婃柟鐨勬彃鍏ヨ彍鍗曟寜閽紝濡備笅鍥炬墍绀恒4銆佹帴涓嬫潵鐐瑰嚮浜岀骇鑿滃崟椤圭洰鍒楄〃锛屽涓嬪浘鎵绀恒5銆佺劧鍚庡湪椤甸潰涓緭鍏ュ唴瀹癸紝鍐欏畬涓鍙ュ彲浠ュ洖杞︼紝绗﹀悎浼氳窡鐫涓嬫潵锛屽涓嬪浘鎵绀哄氨瀹屾垚浜嗐
绛旓細1銆 棣栧厛鍙屽嚮鎵撳紑dreamweaver杞欢銆2銆佸叾娆$偣鍑绘柊寤篽tml椤甸潰銆3銆佹渶鍚庡湪鏍忕洰椤堕儴鎵惧埌鎻掑叆杩欎釜鏍忕洰锛屾寜鐓ф爣璁版搷浣溿
绛旓細銆愮瓟妗堛戯細1.鎵撳紑Dreamweaver杞欢锛屽垱寤轰竴涓狧TML鏍煎紡鐨勬枃妗c2.閫夋嫨瀵艰埅涓鏍忎腑鐨勨滄彃鍏モ濋夐」銆3.鍦ㄢ滄彃鍏モ濋夐」鐨勪笅鎷夎彍鍗曚腑锛岄夋嫨鈥滃浘鍍忊濊彍鍗曟爮閲岀殑鈥滃浘鍍忊濋夐」銆4.姝ゆ椂锛屾枃妗d腑锛屼腑浼氬嚭鐜颁竴涓爣绛撅紝鏍囩鐨剆rc灞炴у唴浼氳嚜鍔ㄥ姞鍏ヨ鍥剧墖鐨勮矾寰勩傜偣鍑诲鑸爮涓滄枃浠垛濊彍鍗曚腑鐨勨滀繚瀛樷濄5.璺宠浆鑷筹紝鍦...
绛旓細绗竴姝:鎵撳紑杩欎釜杞欢锛屽湪鑿滃崟鏍忎腑閫夋嫨鈥滅紪杈戔-鈥滈閫夐」(P)鈥濄傜浜屾:鍦ㄤ笅闈㈢殑閫夋嫨妗嗕腑锛岄夋嫨鏈鍚庝竴涓滃瓧浣撯-鈥滅畝浣撲腑鏂団-Resize-OK銆DW缃戦〉鐨勫瓧浣撳ぇ灏鎬庝箞璁剧疆锛1銆佺敤鐨勭増鏈槸CS6锛岄鍏堟垜浠墦寮Dreamweaver杞欢锛屾柊寤轰竴涓狧TML鏂囨。銆2銆佺劧鍚庡啓涓浜涙祴璇曠殑浠g爜锛屼繚瀛樹竴涓嬨3銆佷箣鍚庡氨鏄皟鏁村瓧浣撳ぇ灏...
绛旓細鏈枃涓哄ぇ瀹朵粙缁嶄竴涓Dreamweaver琛ㄥ崟涓濡備綍鎻掑叆鏂囨湰妗嗐備竴銆佹彃鍏ュ崟琛屾枃鏈煙鎴栧瘑鐮佸煙1. 鐐瑰嚮榧犳爣锛屽皢鍏夋爣瀹氫綅鍦ㄨ〃鍗曟绾垮唴锛岀偣鍑烩滄彃鍏モ濊彍鍗曪紝閫夋嫨鈥滆〃鍗曗濋」锛屽湪寮瑰嚭鐨勫瓙鑿滃崟涓夋嫨鈥滄枃鏈煙鈥濆懡浠ゃ傛垨鑰呭湪鈥滄彃鍏モ濋潰鏉夸腑閫夋嫨鈥滆〃鍗曗濋」锛岀偣鍑烩滄枃鏈瓧娈碘濆浘鏍囷紝濡備笅鍥炬墍绀猴細鐐瑰嚮鈥滅獥鍙b濊彍鍗曪紝閫夋嫨鈥滄彃鍏...
绛旓細浠婂ぉ灏嗘暀澶у瀛︿細濡備綍鍦椤甸潰涓彃鍏lash鍔ㄧ敾锛孎lash鍔ㄧ敾鏍煎紡鏈塻wf鍜孎lv锛屾湰绡囨暀绋嬩富瑕佹槸浠wf鏍煎紡涓轰緥杩涜璁茶В;1銆侀鍏堟墦寮Dreamweaver锛屾柊寤轰竴涓珯鐐癸紝鍐嶉氳繃HTML鍦ㄧ珯鐐逛笅鍒涘缓涓涓柊椤圭洰銆2銆佸皢鏂板缓鐨刪tml椤圭洰杩涜淇濆瓨锛屾柊寤衡斾繚瀛(濡傚浘2鎵绀)锛屽皢鏂囦欢淇濆瓨鍦ㄧ珯鐐逛腑锛屽苟鍛藉悕涓衡渋ndex鈥(濡傚浘3鎵绀)銆傝繖閲...
绛旓細宸ュ叿鍘熸枡锛氱‖浠讹細鐢佃剳銆傝蒋浠讹細Dreamweaver銆1銆佹墦寮杞欢鍒涘缓浠绘剰椤圭洰銆2銆佺偣鍑荤鐞嗙珯鐐癸紝閫夋嫨鏂板缓绔欑偣銆3銆佽緭鍏ョ珯鐐瑰悕绉板拰淇濆瓨鏂囦欢鐨勮矾寰勫湴鍧銆4銆佽緭鍏ュ浘鐗囬粯璁よ矾寰勭偣鍑讳繚瀛樺畬鎴愬缓绔嬨