DW怎么把首页设为模板,子网页用模板设计 我在网上下载了一下网页模板 但是不知道怎么用dreamwea...
dreamweaver \u4e2d\u600e\u6837\u4f7f\u7528\u6a21\u677f\u6765\u521b\u5efa\u5b50\u9875\u9762\uff1f1. \u7f16\u8f91\u9875\u9762
\u3000\u3000\u6253\u5f00\u5de5\u5177Dreamweaver\uff0c\u65b0\u5efa\u4e00\u4e2a\u7ad9\u70b9\uff0c\u6211\u4eec\u5c31\u53d6\u540d\u4e3a\u201c\u4e09\u8054\u7f51\u201d\u3002
\u3000\u3000\u65b0\u5efa\u4e00\u4e2a\u7a7a\u767d\u9875\u9762\u4f5c\u4e3a\u5185\u9875(\u901a\u5e38\u4e00\u4e2a\u7f51\u7ad9\u53ea\u6709\u4e00\u4e2a\u9996\u9875\uff0c\u6240\u4ee5\u5bf9\u9996\u9875\u6211\u4eec\u53ef\u4ee5\u4e0d\u505a\u6210\u6a21\u677f)\uff0c\u53d6\u540d\u4e3abody.html\u3002
\u3000\u3000\u7f16\u8f91\u8fd9\u4e2a\u9875\u9762\uff0c\u5b8c\u6210
\u3000\u3000\u8bf4\u660e\u6b64\u5904\u6709\u4e00\u4e2a\u6807\u8bb0\u4e3aRegion01\u7684\u53ef\u7f16\u8f91\u533a\u57df\u3002
\u3000\u3000\u5230\u6b64\u4e3a\u6b62\u6211\u4eec\u5b9a\u4e49\u4e86\u4e00\u4e2a\u53ef\u7f16\u8f91\u533a\u57df\uff0c\u5982\u679c\u6709\u591a\u4e2a\u7f16\u8f91\u533a\u57df\uff0c\u540c\u6837\u53ef\u4ee5\u5982\u6cd5\u70ae\u5236\u3002
\u3000\u3000\u203b\u8fd8\u53ef\u4ee5\u901a\u8fc7Modify\u00e0Templates\u00e0New Editable Region\u2026\u751f\u6210\u65b0\u7684\u53ef\u7f16\u8f91\u533a\u57df\uff0c\u5982\u679c\u60f3\u5220\u9664\u53ef\u7f16\u8f91\u533a\u57df\uff0c\u53ef\u901a\u8fc7Modify\u00e0Templates\u00e0Remove Editable Region\u2026\uff0c\u7136\u540e\u6309\u63d0\u793a\u64cd\u4f5c\u5373\u53ef\u3002
\u3000\u30004. \u7528\u6a21\u677f\u751f\u6210\u9875\u9762
\u3000\u3000\u5176\u5b9e\u6211\u4eec\u524d\u9762\u4e5f\u63d0\u53ca\u8fc7\u7528\u6a21\u677f\u751f\u6210\u9875\u9762\u7684\u6b65\u9aa4\uff0c\u5c31\u662f\u901a\u8fc7File\u00e0New From Template\u3002\u8bf7\u53c2\u8003\u7b2c\u4e09\u6b65\u7684\u6709\u5173\u6b65\u9aa4\u3002\u73b0\u5728\u6211\u4eec\u7528\u6a21\u677f\u751f\u6210\u4e00\u4e2a\u540d\u4e3abody3.htm\u7684\u9875\u9762\u3002\u8fd9\u65f6\u4f60\u4f1a\u53d1\u73b0\uff0c\u5728body3.htm\u9875\u9762\u4e2d\u9664\u4e86\u53ef\u7f16\u8f91\u533a\u57dfRegion01\u53ef\u4ee5\u7f16\u8f91\u5916\uff0c\u522b\u7684\u5730\u65b9\u9f20\u6807\u90fd\u6210\u4e86\u9650\u5236\u72b6\u6001\u3002\u6211\u4eec\u5728\u6b64\u53ef\u7f16\u8f91\u533a\u57df\u4e2d\u6dfb\u52a0\u6211\u4eec\u9700\u8981\u7684\u5185\u5bb9\uff0c\u6bd4\u5982\u6211\u4eec\u968f\u4fbf\u5199\u5165\u4e00\u7bc7\u6587\u7ae0\u3002\u8fd9\u6837\u5c31\u53ef\u4ee5\u6839\u636e\u6211\u4eec\u7684\u9700\u8981\uff0c\u5229\u7528\u6a21\u677f\u751f\u6210\u9875\u9762\u3002
\u3000\u30005. \u4fee\u6539\u6a21\u677f\u5185\u5bb9\u4e0e\u66f4\u65b0\u7ad9\u70b9\u6587\u4ef6
\u3000\u3000\u6253\u5f00body.dwt\u6a21\u677f\u6587\u4ef6\uff0c\u5c06\u6211\u4eec\u9700\u8981\u4fee\u6539\u7684\u5730\u65b9\u8fdb\u884c\u4fee\u6539\uff0c\u6bd4\u5982\u6211\u4eec\u628alogo\u56fe\u7247\u6362\u6389\u6216\u4fee\u6539\u4efb\u4f55\u975e\u53ef\u7f16\u8f91\u533a\u57df\uff0c\u751a\u81f3\u6dfb\u52a0\u6216\u5220\u9664\u53ef\u7f16\u8f91\u533a\u57df\u7b49\u3002
\u3000\u3000\u4e0b\u9762\u5c31\u7528\u6362logo\u6765\u8bf4\u660e\u6a21\u677f\u662f\u5982\u4f55\u66f4\u65b0\u6587\u4ef6\u7684\u3002
\u3000\u3000\u6211\u4eec\u628alogo\u56fe\u7247\u6362\u6210\u53e6\u5916\u6211\u4eec\u559c\u6b22\u7684\u56fe\u7247\uff0c\u5b8c\u6210\u540e\u4fdd\u5b58body.dwt\u6587\u4ef6\uff0c\u8fd9\u65f6DW\u4f1a\u5f39\u51fa\u7a97\u53e3\u8be2\u95ee\u662f\u5426\u9700\u8981\u66f4\u65b0\u6587\u4ef6\uff0c\u9009\u62e9Update\uff0cDW\u5c31\u4f1a\u81ea\u52a8\u7684\u5c06\u6240\u6709\u7528\u6b64\u6a21\u677f\u751f\u6210\u7684\u9875\u9762\u90fd\u66f4\u65b0\uff0c\u66f4\u65b0\u65f6DW\u4f1a\u5f39\u51faUpdate Pages\u7a97\u53e3\uff0c\u5b8c\u6210\u540e\uff0c\u5728Update Pages\u7a97\u53e3\u4e2d\u4f1a\u7ed9\u51fa\u66f4\u65b0\u65e5\u5fd7\u3002
\u3000\u3000\u5982\u679c\u9009\u62e9\u4e86don\u2019t Update\uff0cDW\u76f4\u63a5\u4fdd\u6301\u6a21\u677f\u6587\u4ef6\uff0c\u6682\u65f6\u4e0d\u66f4\u65b0\u9875\u9762\uff0c\u4f46\u6211\u4eec\u53ef\u4ee5\u624b\u52a8\u66f4\u65b0\u9875\u9762\uff0c\u53ea\u8981\u9009\u62e9Modify\u00e0Templates\u00e0Update Pages\u2026\u5373\u53ef\u3002
\u7528\u6cd5\u5982\u4e0b\uff1a
\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u6bd4\u5982\u8981\u5236\u4f5c\u4e00\u4e2a\u56fe\u5c42\uff0c\u9700\u8981\u957f\u3001\u5bbd\u5404\u4e3a100px\uff0c\u5b57\u4f53\u989c\u8272\u8981\u8bbe\u7f6e\u4e3a\u7ea2\u8272\uff0c\u90a3\u4e48\u5728\u7f16\u8f91\u65f6\u9700\u8981\u5199\u4ee5\u4e0b\u4e00\u7cfb\u5217\u4ee3\u7801\uff1a
\u65e0\u6807\u9898\u6587\u6863#b{wide=100px; height=100px; font-color="red"}cCCCCCCCCCCc">\u4f46\u662f\u901a\u8fc7\u8bbe\u8ba1\u529f\u80fd\u53ef\u4ee5\u5feb\u901f\u5b9e\u73b0\u4ee5\u4e0a\u64cd\u4f5c\uff0c\u5982\u56fe\uff1a
\u53ea\u9700\u8981\u5728\u4e0b\u65b9\u5c5e\u6027\u91cc\u8bbe\u7f6e\u53c2\u6570\u5373\u53ef\u3002
刚进入dreamweaver点击新建下方的更多,然后选择空白页,页面类型选择html模板,布局选无就行了。
插入一个表格(菜单栏中选择插入,再找到表格),表格里的布局自己根据需要设置,在这里我设置为行数为5,列为1,表格宽度为1000像素。插入表格后,选中整个表格,选中后表框会加黑加粗,在下方设置为居中对齐。
在表格第一行插入图像(菜单栏中选择插入,再找到图像),第二行加入滚动字幕。第三行插入表格(方法同上),1行4列,表格宽度为百分之一百。插入表格之后,再选中第三行的表格,选中后表格边框会加黑加粗,在下方设置表格为居中对齐,宽度为20%。
第三行中选入一些文字,如首页,李白,杜甫,白居易。新建一个css文件,再建一个css,设置好类型中的颜色和背景中的颜色,加以区分。选中第三行,使用刚才新建的css,再新建一个css,表格的边框使用该css。
在第四行插入可编辑区域。点击确定,可编辑区域中的文字即EditRegion3可以去掉,换行可以扩大可编辑区域的面积。
在第五行插入可编辑区域,我还插入了一条水平线,并加上了版权。最后保存。此时模板已经建好。
新建,模板中的页,找到新建的模板,创建,保存为index.html(即网站的主页),再重新打开新建的模板,在可编辑区预报输入李白的资料,保存为libai.com,此时你会发现只有在可编辑区域才能输入内容,其他区域都是不可操作的,这就是模板的特点。同理,在新建两个作为杜甫和白居易的网页。
现在就差用超链接把上面做的几个网页连接起来了。在模板中选中首页,在下方html中的链接中输入首页的名称,即index.html,同理,选中李白,杜甫,白居易将他们连起来。超链接做好后在文字下方会多出一条横线。
做完了之后在index.html中打开可以看看做出的效果,点击图中的小地球图标就可进行查看。
绛旓細涓銆佸鐢ㄦā鏉挎柟娉曞涓嬶細 (1)鍦ㄥ仛濂界殑棣栭〉鎴栬呭湪鍒殑椤甸潰涓夋嫨鑿滃崟鈥 淇敼鈥潀鎸囧悜鈥滄ā鏉库濆悜鍙筹紝鍗曞嚮鈥滃鐢ㄦā鏉垮埌椤碘濓紝濡傚浘43鍥 43 濂楃敤妯℃澘鍒伴〉(2)鍦ㄥ脊鍑虹殑瀵硅瘽妗嗕腑,榧犳爣閫夋嫨鎴戜滑鍦ㄥ疄渚嬩腑鍒涘缓鐨020妯℃澘,骞跺崟鍑"閫夊畾"鎸夐挳"銆傚鍥44鍥 44 閫夋嫨鍒涘缓鐨勬ā鏉(3)鍦ㄥ脊鍑虹殑瀵硅瘽妗嗕腑鐢ㄩ紶鏍囧崟鍑籇ocument ...
绛旓細棣栧厛鐪嬩綘鐨刣iv+css鏄啓鍦ㄥ悓涓涓猦tml閲岃繕鏄垎寮鍐欑殑銆傚弽姝i兘寰楀鍒朵唬鐮併傛瘮濡備綘鎯鎶婇椤鐨則op閮ㄥ垎鎷垮埌瀛愰〉涔熶竴鏍风敤銆傞偅涔堝氨寰楁妸 杩欎釜div灞備竴璧峰鍒跺埌浣犳柊寤虹殑html閲岄潰銆傜劧鍚巆ss浠g爜涔熶竴鏍凤紝澶嶅埗瀵瑰簲鐨勪唬鐮佸嵆鍙
绛旓細鍙﹀瓨涓烘ā鏉匡紝
绛旓細鎵撳紑瀛愰〉鍚庢墽琛 淇敼>>妯$増>>搴旂敤妯$増鍒伴〉>>閫夋嫨妯$増>>纭畾 灏眔k浜嗭紒
绛旓細鎵撳紑缃戦〉娴忚鍣ㄦ祻瑙 dw缃戦〉璁捐鎬庝箞鏂板缓box锛1.鍙屽嚮鎵撳紑AdobeDreamweaverCC2018锛屾柊寤轰竴涓狧TML5椤甸潰妯℃澘锛杈撳叆鏍囬銆2.鍒涘缓瀹屾瘯鍚庯紝鐢熸垚涓涓狧TML5椤甸潰锛屽垎涓轰笂涓嬩袱涓眰锛屼竴涓槸浠g爜灞傦紝鍙︿竴涓槸瑙嗗浘灞傘3.鍒囨崲鍒板疄鏃惰鍥撅紝鎻掑叆涓涓猼able锛璁剧疆琛屾暟銆佸垪鏁板拰鏍囬浣嶇疆锛岀劧鍚庡崟鍑荤‘瀹氥4.鎺ョ潃鍒囨崲鍒颁唬鐮佽鍥...
绛旓細寰堝浜哄垵娆℃帴瑙w杞欢锛岄氳繃灏嗙畝鍗曠殑浠g爜瀛︿範涔嬪悗锛岄兘浼氭兂瑕佸埗浣滀竴涓缃戦〉銆缃戠珯锛閭d箞鎺ヤ笅鏉ュ氨鏉ヤ负澶у璇︾粏鐨勮瑙d竴涓嬶細dw杞欢鍒涘缓缃戦〉閾炬帴浠ュ強鍒朵綔缃戠珯鐨勬搷浣滄柟娉晘dw濡備綍鍒涘缓缃戦〉閾炬帴锛1銆佹墦寮dw杞欢浠ュ強璁剧疆绔欑偣锛屾柊寤轰竴涓┖鐧紿TML鏂囨。 2銆佺偣鍑烩滆璁♀濓紝鐒跺悗闅忔剰杈撳叆鏂囧瓧 3銆佹墦寮灞炴ч潰鏉匡紝灏嗚閾炬帴鐨勭洰鐨...
绛旓細鍜屽埗鏅缃戦〉鏄竴鏍风殑銆備笉鏍凤紝淇濆瓨鐨勬椂鍊欙紝鍙﹀瓨涓烘ā鏉匡紝杩欐椂鍊欐槸dwt鏂囦欢銆備篃鍙互鏂板缓妯℃澘銆傝搴旂敤妯℃澘涔熷緢绠鍗曪紝鏂板缓涓涓┖鐨勭綉椤碉紝鎵撳紑鏂囦欢闈㈡澘锛岃祫婧愰夐」鍗★紝妯℃澘锛屾壘鍒板凡瀛樺湪鐨勬ā鏉匡紝鍙抽敭锛屽簲鐢ㄥ氨琛屼簡銆備釜浜鸿涓DW鐨勬ā鏉垮姛鑳戒細澧炲姞澶ч噺鐨勬棤鏁堜唬鐮侊紝浣椤甸潰浣撶Н澧炲ぇ锛屾墍浠ヤ粠鏉ヤ笉鐢ㄣ傝窡鍋氱綉椤典竴鏍凤紝淇濆瓨...
绛旓細浣跨敤椤甸潰妗嗘灦iframe,鍘熸潵鐨DW鑰佺増鏈湁杩欎釜鍔熻兘锛屼笉鐭ラ亾鍚庢潵鐨勬柊鐗堟湰濡備綍锛娌$敤杩囦簡...瀹冩槸浠妯℃澘鐨勬柟寮锛屽皢椤甸潰椤堕儴瀵艰埅椤碉紝宸﹁竟鏍忕洰椤碉紝涓棿鍐呭椤碉紝搴曢儴淇℃伅椤...杩欐牱鐨勬柟寮忕粍鍚堟垚涓涓椤甸潰锛鍐呭椤典换鎰忔洿鎹紝鍏朵粬閮ㄤ綅淇濇寔涓嶅彉锛岃揪鍒版暣绔欓鏍肩粺涓锛屼究浜庝慨鏀圭殑鐩殑 ...
绛旓細3銆佺涓夋鈥斺旈噸鏂板懡鍚嶄綘鐨缃戦〉妯℃澘銆傚垱寤虹綉椤垫ā鏉垮繀椤诲厛寤虹珛缃戠珯绔欑偣銆4銆佺鍥涙鈥斺斿皢榧犳爣鍏夋爣瀹氫綅鍒伴渶瑕佹彃鍏ョ紪杈戝尯鍩熺殑鍦版柟锛岀劧鍚庡湪鑿滃崟鏍忎腑鎵撳紑銆愭彃鍏ャ戔斺斻愭ā鏉垮璞°戔斺斻愬彲缂栬緫鍖哄煙銆5銆佺浜旀鈥斺斿缓绔嬪ソ鐨勫彲缂栬緫鍖哄煙鍚庝互鍚庡彲浠ョ洿鎺ュ湪杩欓噷闈㈣緭鍏ョ浉搴旂殑鍐呭锛屽ぇ澶氭暟闇瑕佷笉鏂洿鏂扮殑銆傜劧鍚庡氨鍙互...
绛旓細鐢ㄥ垏鐗囧伐鍏凤紝鍒囨垚鍥涚墖锛岀劧鍚庝负姣忎釜鍒囩墖璁剧疆瓒呯骇閾炬帴锛岄摼鎺ュ埌缃戦〉锛鎴栬呭埗浣淔LASH銆