如何用dw制作模板
用dw制作模板的方法：
品牌型号：华硕。
系统版本：UX30K723A。
软件版本：win7，Dreamweaver 8，百度浏览器1.22.1.1。
1、以百度经验首页头部举例，将页面分为两大块。
2、第一大块内容又可以分为两小块，左边为一块，右边为一块。
3、第一大块内容所有样式，如下图。
4、第一大块样式预览，如下图。
5、第二大块中分为两个小块，左边为百度经验图片，右边为input框和按钮。
6、第二块元素的样式如下图。
7、最终代码和效果图如下。
绛旓細dw鍒涘缓妯℃澘鐨勬柟娉曪紵1.棣栧厛鎵撳紑Dreamweaver锛屾牴鎹渶瑕鍒朵綔涓涓〉闈紝杩欓噷浠ユ彃鍏ヨ〃鏍间负渚嬶紝鏈変袱绉嶆柟娉2.鏂规硶涓锛氬彲浠ョ偣鍑绘枃浠惰彍鍗曚笅鍙﹀瓨鐨勬ā鏉匡紝鏇存敼鍚嶇О锛岀‘瀹氫繚瀛 3.鏂规硶浜岋細鐐瑰嚮鎻掑叆鑿滃崟涓ā鏉块夐」涓嬪垱寤烘ā鏉挎寜閽紝鏇存敼淇濆瓨鍗冲彲 4.鍦ㄦ柊寤洪〉闈㈡樉绀哄垱寤虹殑妯℃澘鍙偣鍑浣跨敤 缃戦〉鍥剧墖鍒朵綔鐢ㄤ粈涔堣蒋浠讹紵鍒朵綔缃戦〉鍙互...
绛旓細1. 棣栧厛锛岀‘淇濅綘鐨DW妯℃澘鏂囦欢锛.dwt锛夋槸鍙紪杈戠殑銆傚彲缂栬緫鍖哄煙鍙兘鍦ㄦā鏉挎枃浠朵腑娣诲姞銆備负浜嗚浣犳洿濂界殑鐞嗚В鈥滃彲缂栬緫鍖哄煙鈥濓紝鎴戜滑鍏堢敤杩欎釜妯℃澘鐢熸垚涓涓猦tm鏂囦欢锛歱ointFile>New銆備粠妯℃澘锛屽脊鍑洪夋嫨妯℃澘绐楀彛锛岄夋嫨妯℃澘涓殑body锛岀劧鍚庣偣鍑诲彸涓婅鐨勯夋嫨锛岀敓鎴愪竴涓柊鐨刪tm鏂囦欢銆傛垜浠妸杩欎釜鏂伴〉闈㈤噸鏂板懡鍚嶄负body2....
绛旓細鍒朵綔姝ラ濡備笅锛1銆侀鍏堟槸蹇呴』寤虹珛濂戒竴涓〉鐨勫熀鏈鏋讹紝鎶婂浐瀹氱殑鍏冪礌鍏堢‘瀹氫笅鏉ワ紝鐣欏嚭涓浜涚┖鐧界殑缂栬緫鍖哄煙缁欎竴浜涘彉鍔ㄥ厓绱犮2銆佸湪鑿滃崟鏍忎笂渚濇鎵撳紑銆愭彃鍏ャ戔斺斻妯℃澘瀵硅薄銆戔斺斻愬垱寤烘ā鏉裤戙3銆侀噸鏂板懡鍚嶄綘鐨勭綉椤垫ā鏉裤傚垱寤虹綉椤垫ā鏉垮繀椤诲厛寤虹珛缃戠珯绔欑偣銆
绛旓細鐢╠w鍒朵綔妯℃澘鐨勬柟娉曪細鍝佺墝鍨嬪彿锛氬崕纭曘傜郴缁熺増鏈細UX30K723A銆傝蒋浠剁増鏈細win7锛孌reamweaver 8锛岀櫨搴︽祻瑙堝櫒1.22.1.1銆1銆佷互鐧惧害缁忛獙棣栭〉澶撮儴涓句緥锛屽皢椤甸潰鍒嗕负涓ゅぇ鍧椼2銆佺涓澶у潡鍐呭鍙堝彲浠ュ垎涓轰袱灏忓潡锛屽乏杈逛负涓鍧楋紝鍙宠竟涓轰竴鍧椼3銆佺涓澶у潡鍐呭鎵鏈夋牱寮忥紝濡備笅鍥俱4銆佺涓澶у潡鏍峰紡棰勮锛屽涓嬪浘銆5...
绛旓細鏂规硶/姝ラ 澶ф浜嗚В鎴戜滑鐨凞reamweaver宸ュ叿鐨勫皬浼欎即浠紝杩欓噷杩愮敤DW鏉ュ垱寤妯℃澘涔熸槸寰堢畝鍗曠殑銆傞鍏堣繖閲屾垜浠渶瑕佹墦寮鎴戜滑鐨凞reamweaver宸ュ叿 闅忓悗杩欓噷鎴戜滑鐐瑰嚮鏂囦欢锛岀劧鍚庢柊寤 鐐瑰嚮閫夋嫨妯℃澘椤甸潰涓嬬殑HTML妯℃澘鐐瑰嚮鍒涘缓锛岃繘鍏ュ埌妯℃澘缂栬緫鐣岄潰 鍒涘缓鎴愬姛锛屾墦寮妯℃澘缂栬緫绐楀彛锛屽彲浠ュ儚缂栬緫鏅氱綉椤典竴鏍风紪杈戞ā鏉 浣跨敤缂栬緫缃戦〉鐨勬柟娉曪紝...
绛旓細鎵撳紑body.dwt妯℃澘鏂囦欢锛屽皢鎴戜滑闇瑕佷慨鏀圭殑鍦版柟杩涜淇敼锛屾瘮濡傛垜浠妸logo鍥剧墖鎹㈡帀鎴栦慨鏀逛换浣曢潪鍙紪杈戝尯鍩燂紝鐢氳嚦娣诲姞鎴栧垹闄ゅ彲缂栬緫鍖哄煙绛夈備笅闈㈠氨鐢ㄦ崲logo鏉ヨ鏄庢ā鏉挎槸濡備綍鏇存柊鏂囦欢鐨勩傛垜浠妸logo鍥剧墖鎹㈡垚鍙﹀鎴戜滑鍠滄鐨勫浘鐗囷紝瀹屾垚鍚庝繚瀛榖ody.dwt鏂囦欢锛岃繖鏃DW浼氬脊鍑虹獥鍙ｈ闂槸鍚﹂渶瑕佹洿鏂版枃浠讹紝閫夋嫨Update锛孌W灏变細鑷姩...
绛旓細涔熷彲浠ユ柊寤妯℃澘銆傝搴旂敤妯℃澘涔熷緢绠鍗曪紝鏂板缓涓涓┖鐨勭綉椤碉紝鎵撳紑鏂囦欢闈㈡澘锛岃祫婧愰夐」鍗★紝妯℃澘锛屾壘鍒板凡瀛樺湪鐨勬ā鏉匡紝鍙抽敭锛屽簲鐢ㄥ氨琛屼簡銆備釜浜鸿涓DW鐨勬ā鏉垮姛鑳戒細澧炲姞澶ч噺鐨勬棤鏁堜唬鐮侊紝浣块〉闈綋绉澶э紝鎵浠ヤ粠鏉ヤ笉鐢ㄣ傝窡鍋缃戦〉涓鏍凤紝淇濆瓨鏃讹紙閫変繚瀛樹负妯℃澘銆備綘杩樺彲浠ラ夋嫨锛堝彲缂栫級鍖哄煙锛屽仛濂界殑缃戦〉鍙﹀瓨涓烘ā鐗 浣跨敤...
绛旓細鍙紪杈戝尯鍩熷彧鑳藉湪妯℃澘鏂囦欢涓坊鍔犮備负浜嗚澶у鏇村ソ鐨勭悊瑙ｂ滃彲缂栬緫鍖哄煙鈥濓紝鎴戜滑鍏堢敤姝ゆā鏉跨敓鎴愪竴涓猦tm鏂囦欢锛氱偣File脿New From Template锛屽脊鍑篠elect Template绐楀彛锛屽湪emplates涓夋嫨body锛屽啀鐐瑰嚮鍙充笂瑙掔殑Select鍗冲彲鐢熸垚涓涓柊鐨刪tm鏂囦欢銆傛垜浠皢姝ゆ柊寤洪〉闈㈡敼鍚嶄负body2.htm銆傜幇鍦ㄦ垜浠鐢―W灏哹ody.htm涓巄ody2.htm...
绛旓細1锛dw鍒朵綔娣樺疂棣栭〉浠ｇ爜闇瑕佹帉鎻＄殑鐭ヨ瘑锛氭窐瀹濆簵閾哄悗鍙板姛鑳斤紝鍩烘湰鐨勪唬鐮杩愮敤鎶宸с2锛屽簵閾虹殑鍚庡彴鍩烘湰鎿嶄綔鏄寚锛歛,浼氬湪棣栭〉娣诲姞鑷畾涔夋ā鍧楋紝dw鍐欑殑浠ｇ爜鍩烘湰鏄湪鑷畾涔夋ā鍧椾腑娣诲姞鐨 b,娣诲姞瀹屽湪鑷畾涔夋ā鍧椾腑鐨勪唬鐮侊紝鍙互閫氳繃搴楅摵瑁呬慨棰勮鏉ユ煡鐪嬭淇殑鏁堟灉 3锛屽熀鏈殑浠ｇ爜杩愮敤鎶宸э細a,棣栧厛鑳界湅鎳傚熀鏈殑浠ｇ爜锛屾窐瀹...
绛旓細涓锛氬湪dw褰撲腑浣犲彲浠ラ夋嫨鏂板缓妯＄増锛岀劧鍚庝互琛ㄦ牸甯冨眬--鎻掑叆鍙紪杈戝尯鍩--淇濆瓨妯＄増浜岋細鏂板缓涓涓綉椤 鐒跺悗閫夋嫨鈥滀慨鏀光--鈥滃鐢ㄦā鐗堝埌椤碘濆氨OK浜 杩欐牱浣犳柊寤虹殑缃戦〉灏卞畬鍏ㄦ槸妯＄増鐨勬牱寮忎簡鍙鍗曠嫭淇敼妯＄増 缃戦〉鐨勬牱寮忎細鏇存柊
