Ⅰ 濡備綍鍒╃敤緗戠珯婧愮爜蹇閫熷緩絝
鍦ㄦ簮鐮佸緩絝欑殑鍒╀笌寮婁腑璇磋繃錛氭簮鐮佸緩絝欙紝鏈夊ソ澶勶紝涔熸湁鍏跺紛絝錛岄夋嫨浠涔堟牱鐨勫緩絝欐柟寮忥紝闇瑕佹牴鎹鑷宸辯殑鎯呭喌鏉ヨ繘琛岄夋嫨銆傚傛灉浣犺ゅ彲鍒╃敤緗戠珯婧愮爜寤虹珯錛岄偅涔堬紝浣犲彲浠ュ線涓嬬湅鍟︼紝濡傛灉涓嶈ゅ彲錛岄偅涔堬紝鍚庨潰灝變笉鐢ㄥ啀鐪嬶紝閬垮厤嫻璐逛綘鐨勬椂闂!鐜頒唬紺句細閲岃皝鐨勬椂闂撮兘寰堝疂璐!濡備綍閫夋嫨緗戠珯婧愮爜?濡備綍閫夋嫨緗戠珯婧愮爜鍛?寤鴻鍙浠庡備笅鐨勫嚑鏂歸潰鏉ヨ冨療錛氭瘡涓涓琛屼笟閮芥湁鑷韜鐨勭壒寰侊紝鎵浠ワ紝鍙嶆槧鍒扮綉絝欎笂鑷鐒朵篃灝辨湁鎵鍖哄埆銆傛瘮濡傦紝鍍忓尰闄㈢綉絝欙紝鍖婚櫌鍦ㄦ垜浠鐪間腑浠h〃鐨勬槸涓縐嶅仴搴楓佺豢鑹詫紝緗戠珯鐨勯厤鑹插垯澶氫互緇胯壊鎴栬呯櫧鑹蹭負涓伙紝褰撶劧錛屽儚鏈榪戣繖鍑犲勾寰堢儹鐨勬暣褰㈢編瀹規柟闈㈢殑錛屽垯鍙鑳戒負浜嗙獊鍑哄叾鏁村艦緹庡圭殑鏁堟灉錛屽彲鑳戒互綺夌孩鑹蹭負涓;鍐嶆瘮濡傦紝濡傛灉浣犳墍鍦ㄧ殑琛屼笟鏄鍒墮犳垨鑰呯戞妧錛屽垯閫氬父浠ョ粡鍏歌摑鑹蹭負涓伙紝钃濊壊灝變唬琛ㄧ潃縐戞妧;鑻ユ槸璐鐗╁晢鍩庣被錛屾垜浠鍙傝冨儚娣樺疂銆佷含涓滐紝灝卞彲浠ュ彂鐜板畠鐨勯滆壊鏄浠ユ欒壊涓轟富銆備笉鍚岀殑琛屼笟錛岀綉絝欐墍鍏鋒湁鐨勫姛鑳芥ā鍧椾篃鏈夋墍宸寮傘傛瘮濡傦紝瀛︽牎緗戠珯婧愮爜錛屽彲鑳藉氨娑夊強鍒板︾睄綆$悊銆佹嫑鐢熺瓑鍔熻兘;濡傛灉鏄鍦ㄥ睘浜庡伐紼嬬被鐨勶紝閭d箞錛岄氬父緗戠珯閲屽氨搴旇ユ湁鐩稿簲鐨勫伐紼嬫堜緥;濡傛灉鏄鍟嗗煄綾伙紝鍒欏氨鏈夊湪綰胯喘涔般佹敮浠樸佽喘鐗╄濺絳夊姛鑳;鈥︹︽墍浠ュ仛涓嶅悓鐨勭綉絝欓渶奼傜殑寤虹珯緋葷粺鏄涓嶅悓鐨勶紒錛侊紒錛佽濡傦細 CMS緋葷粺錛氶傚悎鍋氶棬鎴鳳紝瀛︽牎錛屾斂搴滐紝浼佷笟榪欑被緗戠珯1銆丳ageAdmin緋葷粺2銆丏rupal緋葷粺3銆丣oomla!緋葷粺4銆丼upesite緋葷粺 璁哄潧1銆丏iscuz緋葷粺2銆丳hpwind緋葷粺3銆丅BSMAX緋葷粺4銆丏Vbbs緋葷粺 鍟嗗煄錛1銆丒cshop2銆丼hopEX 娣樺疂瀹㈡窐涓滀笢娣樺㈢▼搴 娓告垙1銆佸皬娓告垙CMS浜烘墠1銆佸槈緙樹漢鎵嶇郴緇 鐧劇1銆丠Dwiki2銆丮ediaWiki 鍗氬1銆乄ordpress2銆乑blog3銆丳Jblog4銆丅O-blog5銆乼ypecho6銆乪mlog 鍥劇墖1銆丮ypic 鐢靛獎1銆丮axcms鐐硅瘎1銆乵odoer 鍥㈣喘1銆佹渶鍦 濡備綍鑾峰彇緗戠珯婧愮爜鍛?閫氬父鎯呭喌涓嬫湁涓ょ嶆柟寮忥細絎涓錛氬埄鐢ㄦ悳緔㈠紩鎿庢悳緔涓嬭澆銆傚逛簬榪欎竴縐嶈幏鍙栫綉絝欐簮鐮佺殑鏂瑰紡錛屼竴閮ㄥ垎緗戠珯婧愮爜鍙浠ュ厤璐逛笅杞藉埌錛屼絾榪欑嶅線寰涓嶈兘淇濊瘉緗戠珯婧愮爜鑳芥e父浣跨敤錛屾瘯絝燂紝鍒浜哄厤璐規彁渚涗笅杞斤紝涔熷氨娌℃湁蹇呯劧鐨勪箟鍔¤佷繚璇佺▼搴忕殑姝e父浣跨敤錛岃屼笖錛屽傛灉浣犲圭▼搴忔垨鑰呯綉絝欐簮鐮佷竴鐐歸兘涓嶆噦鐨勮瘽錛岄氳繃榪欑嶆柟寮忚幏鍙栫殑緗戠珯婧愮爜錛屼綘鍦ㄤ嬌鐢ㄨ繃紼嬩腑鍙鑳戒細閬囧埌寰堝氬緢澶氱殑鍥伴毦錛屽埆浜轟篃涓嶄細甯鍔╀綘瑙e喅鐨勩傚厤璐圭殑浜嬫儏娌℃湁澶澶氱殑浜哄幓鎰挎剰鍋氱殑銆傚綋鐒訛紝鏈変竴浜涙簮鐮佺綉絝欐槸鏀懼嚭涓閮ㄥ垎鍏嶈垂鐨勶紝鑰屽傛灉瑕佷笅杞藉埌鏇村氭垨鑰呮洿鍏峰疄鐢ㄦх殑楂樹環鍊肩殑緗戠珯婧愮爜錛岄偅涔堬紝浣犲彲鑳藉氨闇瑕佽姳閽辮喘涔癡IP鎴栬呭厖鍊兼柟鑳借繘琛屼笅杞戒簡錛岃繖涓鐐瑰叾瀹炲艦鍚岀浜岀嶆柟寮忋 絎浜岋細鑺遍挶璐涔般傚湪榪欑嶆柟寮忎笅錛屼綘鍙浠ラ夋嫨鍒版窐瀹濆簵鎴栬呮媿鎷嶆垨鑰呭崕澶忔簮鐮佺綉鍘昏喘涔般傚敖綆¤繖鍙鑳介渶瑕佽姳涓鐐歸挶錛屼絾浜嬪疄涓婏紝鐩稿逛簬鍏朵粬鐨勫緩絝欐柟寮忥紝浣犱細鍙戠幇瀹冨疄鍦ㄥお瀹炴儬浜嗭紝澶氱殑寰寰涓嶅埌涓鍗冨厓錛屽皯鐨勫彲鑳藉嚑鍧楅挶鍗佸嚑鍧楅挶銆傚傛灉浣犳兂鍒╃敤浜掕仈緗戞潵璧氶挶鍒涗笟鐨勮瘽錛岃繖涓鐐規姇璧勫疄鍦ㄧ畻涓嶄簡浠涔堛備綘璁ゅ悓鍚?濡備綍浣跨敤緗戠珯婧愮爜?褰撲綘閫氳繃榪欎簺鏂瑰紡鑾峰緱浜嗙綉絝欑殑婧愮爜涔嬪悗錛岃ュ備綍鍒╃敤瀹冩潵榪涜屽緩絝欏憿?涓昏佹槸浠庝互涓嬭繖鍑犳柟闈㈡潵鑰冭檻銆傛煡鐪嬫墍鑾峰緱鐨勬簮鐮佺殑鑴氭湰璇璦鍜屾暟鎹搴撱傝繖涓姝ョ殑鎿嶄綔瀹為檯涓婃槸紜瀹炴垜浠璇ュ備綍閫夋嫨緗戠珯絀洪棿錛屼笉鍚岀殑鑴氭湰璇璦鍜屾暟鎹搴撳氨闇瑕佷笉鍚岀殑榪愯岀幆澧冪殑鏀鎾戞柟鑳芥e父榪愯屻傚父鐢ㄧ殑鑴氭湰璇璦鏈塧sp鍜宲hp銆乯sp絳夛紝鏁版嵁搴撴湁access銆乵ysql銆乵ssql絳夈傜涓銆佸備綍鏉ョ『瀹氫綘鎵鑾峰緱鐨勭綉絝欐簮鐮佺┒絝熶嬌鐢ㄧ殑鏄鍝涓縐嶈剼鏈璇璦鍛?絎浜屻佸備綍鍘葷『瀹氱綉絝欐簮鐮佹墍浣跨敤鐨勪粈涔堟暟鎹搴撳憿?榪欎釜涔熷緢綆鍗曘傞氬父錛屽湪緗戠珯婧愮爜鐨勫帇緙╁寘鍐呭潎鏈夌浉搴旂殑浣跨敤璇存槑錛屽畠浼氬憡璇変綘鎵浣跨敤鐨勬槸浠涔堟牱鐨勬暟鎹搴;濡傛灉娌℃湁璇村埌鏁版嵁搴撶殑闂棰橈紝閭d箞錛岃繖灝辮佹牴鎹涓浜涚粡楠屾潵鍒ゆ柇浜嗐 閫氬父錛屽傛灉鎵浣跨敤鐨勮剼鏈璇璦鏄痑sp鐨勮瘽錛屼竴鑸閮戒嬌鐢ㄧ殑鏄痑ccess鏁版嵁搴擄紝鎵浠ワ紝浣犺佹敞鎰忓湪瑙e帇鍚庣殑鏂囦歡澶歸噷鏈夋病鏈夎繖鏍風殑涓浜涙枃浠跺す鍚嶏細db錛屾垨鑰呮槸database錛岃繖鏄涓縐嶆柟娉曪紝絎浜岀嶆柟娉曞氨鏄鍦ㄥ湪榪欎釜鏂囦歡澶歸噷鐩存帴鎼滅儲錛宎ccess鏁版嵁搴撴枃浠剁殑鎵╁睍鍚嶄負.mdb錛屽彲浠ュ湪鎼滅儲妗嗛噷杈撳叆*.mdb鍗沖彲銆傛湁浜涚綉絝欐簮鐮佸嚭浜庡畨鍏ㄨ冭檻錛岃屽皢鏁版嵁搴撶殑鍚庣紑鍚嶆敼鎹浜嗭紝榪欑嶄互access鏁版嵁搴撳眳澶氾紝鍚庣紑鍚嶄篃澶氫負asa錛屼綘鍙浠ュ皾璇曠潃灝嗗叾鍚庣紑鍚嶆敼涓.mdb銆備竴鏃︾『瀹氫簡緗戠珯婧愮爜鎵浣跨敤鐨勮剼鏈璇璦鍜屾暟鎹搴撲箣鍚庯紝鍙鍏堝湪鏈鏈轟笂鎶婃晥鏋滆皟璇曞嚭鏉ャ傛湰鏈烘惌寤虹綉絝欒繍琛岀幆澧冧負浠涔堣佸湪鏈鏈烘惌寤虹綉絝欒繍琛岀幆澧冨憿?璇村疄璇濓紝榪欎富瑕佽繕鏄涓轟簡鏌ョ湅鍒扮綉絝欑殑鏁堟灉銆傛瘯絝燂紝鏃犺烘垜浠鏄閫氳繃鏌ョ湅緗戠珯鏁堟灉鍥捐繕鏄閫氳繃鏌ョ湅婕旂ず緗戠珯鐨勬晥鏋滐紝浣嗚繖姣曠珶涓嶄唬琛ㄦ垜浠鍋氬嚭鏉ョ殑涔熷儚閭f牱銆傞氳繃鍦ㄦ湰鏈烘惌寤虹綉絝欒繍琛岀幆澧冿紝鍙浠ヨ╂垜浠鐩存帴閫氳繃鑷宸辯殑璋冭瘯鏉ユ煡鐪嬪埌鐪熷疄鐨勭綉絝欐晥鏋溿傜涓錛欼IS鐜澧冪殑鎼寤恆傝嫢鍦ㄧ涓姝ュ凡緇忕『瀹氱綉絝欐簮鐮佹墍浣跨敤鐨勬槸asp鑴氭湰璇璦錛岄偅涔堬紝鍒欓渶瑕佸湪鏈鏈烘惌寤轟竴涓狪IS錛屽彲浠ラ夋嫨鍘熷嬬殑瀹夎呮柟娉曡繘琛屽畨瑁咃紝涔熷彲浠ョ洿鎺ヤ嬌鐢ㄧ畝鏄撶殑IIS鏈嶅姟鍣ㄥ伐鍏瘋繘琛岃皟璇;絎浜岋細php鐜澧冪殑鎼寤恆傝嫢鍦ㄧ涓姝ョ『瀹氱綉絝欐簮鐮佹墍浣跨敤鐨勮剼鏈璇璦鏄痯hp錛屾墍浣跨敤鐨勬暟鎹搴撴槸mysql錛岄偅涔堬紝浣犲氨闇瑕佸湪鏈鏈轟笂鎼寤轟竴涓猵hp鐨勮繍琛岀幆澧冿紝濡傛灉浣犲彧鏄鍋氱爺絀訛紝閭d箞錛屼綘鍙浠ヤ竴涓涓涓杞浠跺垎鍒瀹夎咃紝php銆乤pache銆乵ysql銆亃end銆乸erl絳夛紝濡傛灉浣犵『瀹炲彧鏄涓哄埄鐢ㄧ綉絝欐簮鐮佹潵寤虹珯鐨勮瘽錛屾帹鑽愪綘鐩存帴浣跨敤闆嗘垚鐜澧冿紝濡傚湪鏈絝欐墍涓嬭澆鐨剎ampp鎴栬呮槸phpstudy榪欐牱鐨勮蔣浠訛紝鍒╃敤瀹冧滑鍙浠ラ潪甯稿規槗鍦板仛濂借繍琛岀幆澧冪殑寤鴻俱傚逛簬甯哥敤鍒扮殑CMS錛屾垜浠涓鑸閮藉彲浠ョ啛鎮夊叾璋冭瘯鎿嶄綔銆 鏈鏈鴻皟璇曪細絎涓錛氭煡鐪嬬綉絝欏墠鍙版晥鏋溿傝嫢鏄痑sp緗戠珯婧愮爜錛岀洿鎺ヤ嬌鐢ㄧ畝鏄揑IS鏈嶅姟鍣ㄥ伐鍏峰嵆鍙鏌ョ湅鍒扮浉搴旂殑緗戠珯鍓嶅彴鐨勬晥鏋滐紝鐒跺悗鐐瑰嚮緗戠珯鐩稿簲鐨勭洰褰曟垨鑰呴戦亾榪涜屾晥鏋滄煡鐪;鑻ユ槸php綾葷殑錛岃繖綾葷綉絝欐簮鐮侀氬父閮芥槸涓縐嶅湪綰垮畨瑁呮垨鑰呭厛瀹夎呮煇縐岰MS錛岀劧鍚庡啀榪涜屾暟鎹鐨勬仮澶嶆搷浣滐紝鐒跺悗鍐嶆煡鐪嬬綉絝欏墠闈㈢殑鏁堟灉銆傛俯棣ㄦ彁閱掞細鎷垮埌緗戠珯婧愮爜錛屾渶濂戒粩緇嗗湴鏌ョ湅緗戠珯婧愮爜鐨勪嬌鐢ㄨ存槑錛屼笉鐒訛紝鏄撳嚭閿欐垨鑰呬笉鐭ュ備綍鍘繪搷浣溿傜浜岋細榪涘叆鍒扮綉絝欏悗鍙幫紝鐔熸倝鐩稿簲鐜澧冨拰鎿嶄綔銆傜綉絝欏墠鍙版晥鏋滅殑鏀瑰彉鏄閫氳繃緗戠珯鍚庡彴鐨勮劇疆涓庣$悊鏉ュ疄鐜扮殑銆傚療鐪嬩簡緗戠珯鍓嶅彴鐨勬晥鏋滀箣鍚庯紝鍒欏彲浠ヨ繘鍏ュ埌緗戠珯鍚庡彴浜嗐傚逛簬緗戠珯鍚庡彴錛岄栧厛瑕佺『瀹氱綉絝欏悗鍙扮$悊鐨勭洰褰曘傞氬父錛屽湪浣跨敤璇存槑鏂囨湰鏂囦歡鎴栬呰皟璇曟暀紼嬩腑浼氬憡璇変綘鍚庡彴鐨勭$悊鐩褰曘傚傛灉娌℃湁榪欐牱鐨勬枃浠訛紝閭d箞錛屼綘灝辮佹敞鎰忚傚療銆傞氬父錛岀綉絝欑殑鍚庡彴鏈塧dmin鎴栬呭寘鍚玜dmin榪欎簲涓瀛楃︾殑鏂囦歡澶癸紝閭i氬父灝辨槸緗戠珯鐨勫悗鍙扮$悊鐩褰曘傚彟澶栵紝瀵逛簬甯哥敤鐨凜MS錛屾垜浠闇瑕佺啛鎮夊畠鐨勫悗鍙扮$悊鐩褰曪紝濡傚墠鎵榪扮殑緇囨ⅵ(Dede CMS)錛屽畠鐨勫悗鍙扮$悊灝辨槸dede錛屽綋鐒訛紝鍦ㄧ湡姝e緩絝欑殑鏃跺欙紝閫氬父閮戒細灝嗗叾淇鏀規垚鍏朵粬鐨勫悕縐幫紝榪欐槸鍑轟簬瀹夊叏鑰冭檻銆傞渶瑕侀愭ュ幓鏌ョ湅緗戠珯鍚庡彴鐨勭晫闈銆佸姛鑳戒互鍙婃搷浣溿傞氬父鎴戜滑闇瑕侀栧厛璁劇疆鍏充簬緗戠珯鐨勫熀紜淇℃伅錛岀$悊鍛樺瘑鐮併佸煙鍚嶃佺綉絝欐爣棰樸佺綉絝欐弿榪般佺綉絝欏叧閿瀛椼佺増鏉冦佺綉絝欑殑logo銆佸弸鎯呴摼鎺ョ瓑淇℃伅錛岀劧鍚庡啀鏌ョ湅鐩稿叧鐨勭洰褰曪紝濡傚叕鍙哥畝浠嬨佹柊闂匯佽祫璁銆佷駭鍝併佷細鍛樼瓑鍔熻兘妯″潡錛岃繖涓姝ョ殑鎿嶄綔闇瑕佷竴涓鐔熸倝鐨勮繃紼嬶紝閫氬父閮藉寘鍚鏈涓哄熀鏈鐨勬搷浣滐細娣誨姞銆佷慨鏀廣佸垹闄ょ瓑銆傚埄鐢ㄧ綉絝欐簮鐮佸緩絝欙紝紜瀹炴槸涓縐嶆渶蹇鏈鐪侀挶鐨勫緩絝欐柟寮忋傚備綍鍒╃敤緗戠珯婧愮爜榪涜屽緩絝欙紝鎴戜滑鍦ㄨ繖鍎垮仛浜嗕竴涓綆鍗曠殑闄堣堪錛屽傛灉浣犲湪榪欎釜榪囩▼涓鏈変粈涔堢枒闂鎴栬呴亣鍒頒簡浠涔堥棶棰橈紝嬈㈣繋鐣欒█榪涜屼氦嫻併
Ⅱ 網頁源代碼的基本結構是什麼
如圖:
(2)藍色學校網站源碼擴展閱讀:
標簽詳解:
1.<!doctype>:是聲明用哪個 HTML 版本進行編寫的指令。並不是 HTML 標簽。<!doctype html>:html5網頁聲明,表示網頁採用html5。
2.<meta>:提供有關頁面的元信息(針對搜索引擎和更新頻度的描述和關鍵詞等),寫在<head>標簽內。
a)<meta charset="UTF-8">:設置頁面的編碼格式UTF-8;
b)<meta name="Generator" content="EditPlus">:說明生成工具為EditPlus;
c)<meta name="Author" content="">:告訴搜索引擎站點製作的作者;
d)<meta name="Keywords" content="">:告訴搜索引擎網站的關鍵字;
e)<meta name="Description" content="">:告訴搜索引擎網站的內容;
Ⅲ 誰有這種網站模板源碼,藍色萬能全屏企業模板(整站)。(如下圖),重金懸賞
1、可以去自助建站里查找你喜歡的模板,網路搜自助建站,比如美橙的,自助建站里有幾百個模板都是企業目標,你可以模仿。
2、網路搜索模板之家,裡面的模板全部都是免費的。
3、如果可以的話,請人設計,這個是最好的、最貼近企業品牌的、最具特色的。
圖片上的那個模板你在哪看到的?如果別的網站用的是這個模板,最簡單的打開網站空白處右鍵另存為,保存全部文件。
Ⅳ 新搞了個教育類網站,大家看看排版和色彩怎麼樣
【顏色】
顏色過重。
網頁裡面可以有重顏色,但是數量不能太多。
重顏色要可以有,但是要少少的。
本人感覺,重顏色和輕顏色的比例十比一以下比較好。
上面都是理論的話。
下面舉例說:
一個網頁顏色不要出現四種以上。
而你的網頁從上到下估計有八種顏色了。
我在學廣告的時候,
老師就說廣告裡面不要出現四種以上顏色。
顏色多就「花」了。
而後來在網頁設計的書上不止一次看見這樣的話。
--
建議你把下面顏色多的「學歷教育」「金融財務」
這兩個「青綠」和「嫩粉」的顏色純度降低一點。
而且「華中師范大學影視動畫專業技能教育中心」
這個的背景色換成純白,或者和白接近的顏色。
比如一個顏色#F2F2F2就不錯,
網頁設計里標題欄的顏色可以很重,
但是內容那裡顏色要很輕。
標題欄就是指「學歷教育」那一個長條。
而內容部分就是「華中師范大學影視動畫專業技能教育中心」這個背景。
還有左面「講師信息」和「培訓機構」
顏色看起來不錯,很響亮的顏色,正桔和桔紅
你選的這兩個顏色感覺很「正派」很「誠實」。
但是這兩個顏色和右面「學歷教育」和「金融財務」
的顏色不是很搭配。
給你個建議。
使用左面「正桔」的減明度色,當做「學歷教育」的
背景色。
就是選擇「正桔」的時候,減少一點明度。
把這個減少明度的顏色作為「學歷教育」的背景顏色。
這樣左右顏色稍微有點不同,有區別,又有聯系。
網頁設計里,常用的顏色有藍和桔,還有就是灰色。
尤其是藍色,使用頻率很高,有本書上寫好象是60%
多的人都喜歡藍色。
有種配色方法就是
深藍+藍白+灰
(解釋,一個顏色的深色+它的淺色+無彩色灰)
還有種配色方法是
紅+藍白+灰
(解釋,一個顏色+上這個顏色的補色的淺色+無彩色)
【版式】
版式還不錯,
「最新培訓信息」下面的「湖北2007」的滾動字幕
這個字幕的左面改加點空白,起碼要有2px的空白。
要不感覺太堵了,
你每個版塊之間都要給點空白啊。
版式密不透風就不好了,觀者感覺會堵的。
--
網站最上面的「用戶登陸」背景色「黑灰」
顏色太「重」了,就是明度太低,純度太高了。
換成淺色能好點,比如換個「灰白白」的色。
比如#F7F7F7,這個顏色接近於白,但是還算灰色
你網頁頭部弄那麼重的顏色,有點壓抑。
Ⅳ 請大俠幫忙寫出這個源碼的選股公式,選出如下圖所示出現藍色指示的。先謝謝啦!
LC:=REF(CLOSE,1);
VARB:=SMA(MAX(CLOSE-LC,0),7,1)/SMA(ABS(CLOSE-LC),7,1)*100;
VARC:=SMA(MAX(CLOSE-LC,0),13,1)/SMA(ABS(CLOSE-LC),13,1)*100;
VARD:=BARSCOUNT(CLOSE);
底部雷達:(VARB<20 AND VARC<25 AND VARD>50);
Ⅵ 我想製作個網頁..大家教教我...
首先,可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什麼。
建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網頁設計感興趣,有較充足的學習時間,熟悉office辦公軟體。當然,這些不是一定必須的。
第一階段:開始時最好是學些網頁編輯軟體,如:FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學,結合教程邊學習邊製作。
第二階段:會用網頁製作軟體後,已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美,還是學習網頁的核心技術吧!網頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學習。
第三階段:結合你自己已掌握地知識來開發網站,可以開發出別人給你定義的目標網站。到了這個時候,你就成為真正的網站開發者了。
怎樣製作網頁,不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要,希望能夠給想要學習製作網頁的朋友一個參考。
二
一、工具
1、空間
網頁做好了肯定是要發表上網的,所以必須先申請一個空間;免費的空間不是很穩定,容量又小,也不好申請,建議到大的網站如新浪、網易去先買一個個人空間,大概有個20M以上的就可以了。
2、軟體
推薦使用Dreamweaver6.0中文版,這個軟體最大的特點就是「所見即所得」,也即是製作過程中看到的,便是到時發布到網路上的。
二、教程
花點時間,找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成,不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素,搞清楚如何將這些元素擺放進去,你也就算懂得如何製作網頁了。推薦一個教程地址,有空可以去看看,http://www.goeway.com/WEB/INDEX.ASP
三、製作
開始時建議去下載一個比較簡單的網頁,在製作軟體中將它打開,然後仔細觀察人家的網頁的構成,模仿它去填充各種元素,實踐中再配合著教城,進度會快很多,記得也牢一些。
其實做網頁並不難,但要做出有特色的網頁來,那就非一朝一夕之功了。
一點個人的粗淺體會,不妥之處敬請指正。
三
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者 .
四
一、首先確定你要製作的網頁的主題,就是你建這個網站的內容是什麼(註:網站和網頁的關系與區別就好比一本書和其中的一個頁面的關系);
二、確定你的網頁的閱讀對象,就是你的網頁是准備給那些人看的;
三、選擇製作網頁的工具軟體,常見的有dreamweaver和office組件裡面的frontpage,如果你是初學者,哪我建議你使用frongpage,因為這個軟體的入門比較簡單(當然功能也很強大),如果你會使用word的話,哪就可以很快作出網頁的,如何你想作專業的網頁製作人員,哪我建議你使用dreamweaver,目前的版本是XM,我現在就使用,很好用的,這個軟體的好處是不怎麼產生垃圾代碼,並且支持各種代碼的性能很好,基本上各種代碼可以直接編輯。
四、如果你作好了頁面,就需要考慮你的網頁放到什麼地方發表,也就是平常我們說的發表空間,我們學校的用戶網路中心已經申請好了空間,大家可以直接使用(有發布空間的標志是你有了FTP賬號,這個需要申請)。
五、找到發布空間以後,你需要把自己的網頁上傳到你的發布空間,這個需要一個上傳軟體,我推薦使用ACEFTP,這個軟體體積小,速度快,注意我發現這個軟體的2.0中文版不能夠正確使用,我建議使用1.31版。
六、製作網頁需要的其他相關軟體:ACDSEE,這個是查看圖片的最好軟體,也可以對圖片作簡單的處理,目前的版本是4.0,網上很多地方可以下載;另外如果你對圖片需要復雜處理的話,哪最好選擇使用PHOTOSHOP,目前的版本是7.0,也有中文補丁,使用起來很方便,當然,這個軟體的學習使用相對是比較難點的。
7、使用層的時候最好定義為div標簽而不是layer,因為前者在兩種主流瀏覽器都有很好的兼容性。
8、在用圖片製作熱區鏈接時,最好給熱區命名,防止有時只能在圖片上畫出直線。
9、當我們將框架結構建立好後,可以將此框架體文件和Site窗體並排放置,然後從Site中選擇網頁文件拖放到相應的框架中。這適用於框架比較復雜的頁面。
10、如果對一張圖片不滿意,想更換另一張,最簡單的方法雙擊此圖片,直接選擇要替換的圖片即可。
11、在預覽網頁之前最好先保存一下,有時候在不能正確預覽網頁,而存一下就可能會解決這個問題。
12、如果你的頁面中使用了CSS或是Java Applet,最好不要使用「file->convert->3.0 browser compatible」命令,因為這一選擇會把所有3.0 瀏覽器不認識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什麼,具體發生了那些變化。而且要提醒你,對一批頁面執行此操作時,一定要先備份,否則可沒地方買後悔葯。
五---資源
1. 水晶情緣--網頁特效專家 2006 情人節特別版
這個軟體是專為那些想在網上安家而苦於製作網頁特效源
www.skycn.com/soft/14150.html
2. 網建博士 1.01
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任何專業背景知識,任何人只要會用
www.onlinedown.net/soft/7597.htm
3. 網頁背景選擇器 2.5.1
當您製作網頁時,您是否為了在大量素材中選一張背景,每每都要用看圖軟體查看--修改網
www.onlinedown.net/soft/11406.htm
4. Animagic GIF Animator 1.22
一個很好用的製作網頁動畫的軟體,它提供了六種特效,也支持拖曳功能,它不僅支持gif
www.onlinedown.net/soft/4904.htm
5. Animagic GIF Animator 1.22 漢化補丁
一個很好用的製作網頁動畫的軟體,它提供了六種特效,也支持拖曳功能,它不僅支持gif
www.onlinedown.net/soft/6612.htm
6. Macromedia Authorware V7.0
先進豐富的視音頻、可視媒體集成製作解決方案,可用於製作網頁和在線學習應用軟體
download.21cn.com/list.php?id=31900
7. Picture2Web 2.3.1
用來製作網頁電子相簿的好工具
download.pchome.net/design/homepage/9539.html
8. SCP Button Magic 4.0
專門製作網頁廣告橫幅和按鈕的軟體
download.pchome.net/design/webpic/2138.html
9. Animagic GIF Animator V1.22
一個很好用的製作網頁動畫的軟體,它提供了六種特效,
www.skycn.com/soft/2406.html
10. Magic Gallery 4.5
一款製作網頁照片集以及其縮略圖的軟體
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一個很好用的製作網頁動畫的軟體
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1 漢化版
是一套製作網頁橫幅廣告及按鈕軟體。特點包含:可以調
www.skycn.com/soft/2507.html
13. Banner Maker Pro V6.0.6
是一套製作網頁橫幅廣告及按鈕軟體。特點包含:可以調
www.skycn.com/soft/2506.html
14. Animagic GIF Animator V1.22 漢化補丁
一個很好用的製作網頁動畫的軟體,它提供了六種特效,
www.skycn.com/soft/2407.html
15. Mapedit 3.16
製作網頁Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
是一套製作網頁橫幅廣告及按鈕軟體。特點包含:可以調整看板及按鈕尺寸、選擇背景顏色
www.onlinedown.net/soft/9507.htm
17. GIF Dispenser 1.0
是一個快速製作網頁動態GIF圖片的好工具
download.pchome.net/design/animation/923.html
18. 自助建站專家 5.0
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任何專業背景知識,任何人只要會用
www.onlinedown.net/soft/13044.htm
19. 酷網寶典(CoolWEB) 2.0
酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作三大類效果:特殊層效果,動態
www.onlinedown.net/soft/6658.htm
20. 下雨天網頁特效王 RD2.0
製作網頁的好幫手,大量的特效代碼
download.pchome.net/development/html/17686.html
21. Macromedia Contribute 3.11
Macromedia出品的全新概念網頁設計工具,可以將網頁編寫程序化繁為簡,製作網頁,現在就
www.onlinedown.net/soft/20135.htm
22. 酷網寶典(CoolWEB) V2.0
酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作
www.skycn.com/soft/10742.html
23. Button Magic V4.0
專門製作網頁廣告橫幅和按鈕的軟體,可存成 BMP、JPG
www.skycn.com/soft/2508.html
24. Liatro Button Maker V2.2
Liatro Button Maker 是一套專門製作網頁按鈕的繪圖軟
www.skycn.com/soft/8697.html
25. Mapedit V3.16
製作網頁Image Maps的工具,小巧、使用方便。
www.skycn.com/soft/7725.html
26. 網建博士 V1.01
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任
www.skycn.com/soft/9476.html
27. GIF Dispenser 1.0
是一個快速製作網頁動態GIF圖片的好工具,使用者只要移動操作視窗上的浮標組,來調整
www.onlinedown.net/soft/14222.htm
28. Reptile V3.0
所視即所得的背景製作軟體,製作網頁背景再也不需要求
www.skycn.com/soft/2541.html
29. GIF Dispenser V1.0
是一個快速製作網頁動態 GIF 圖片的好工具,使用者只要
www.skycn.com/soft/2417.html
30. 網建博士 V1.01
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任何專業背景知識,任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05 漢化版
製作網頁Image Maps的工具,小巧、使用方便。 本
www.skycn.com/soft/16664.html
32. 網頁特效王 Beta 1
製作網頁特效的得力助手,正在進一步開發中
www.onlinedown.net/soft/24073.htm
33. MapEdit 3.16
小巧但是使用方便的製作網頁ImageMaps的工具!
www.onlinedown.net/soft/9690.htm
34. Picture2Web V2.3.1
Picture2Web 是一個用來製作網頁電子相簿的好工具。它
www.skycn.com/soft/6878.html
35. Banner Maker Pro V6.0.1
製作網頁橫幅廣告及按鈕軟體。特點包含:可以調整看板及按鈕尺寸、選擇背景顏色、
download.21cn.com/list.php?id=10850
36. Button Magic 4.0
專門製作網頁廣告橫幅和按鈕的軟體,可存成BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. Magic Gallery 4.5.13
MagicGallery是一款製作網頁照片集以及其縮略圖的軟體,可以方便的調節圖片尺寸。
www.onlinedown.net/soft/22860.htm
38. Magic Gallery V4.5.13
Magic Gallery 是一款製作網頁照片集以及其縮略圖的軟
www.skycn.com/soft/16474.html
39. 下雨天網頁特效王 RD2.0
製作網頁和好幫手,該軟體包含了大量的javascript特效和vbscript特效。你只需簡單
download.21cn.com/list.php?id=42907
40. BSCOutline Tutorial V5.10
用來製作網頁上的Java applet導航條,類似於文件管理器
www.skycn.com/soft/494.html
Ⅶ 怎樣用Dreamweaver套用網站源代碼製作網頁
用Dreamweaver套用網站源代碼製作網頁方法:
一、定義站點
1、 在任意一個根目錄下創建好一個文件夾(我們這里假設為E盤),如取名為MyWeb。
備註:網站中所用的文件都要用英文名。
2、打開Dreamweaver,選擇「站點—新建站點」,打開對話框。在站點名稱中輸入網站的名稱(可用中文),在本地根文件夾中選擇剛才創建的文件夾(E:web)。然後確定即可。
備註:再次打開Dreamweaver,會自動找到剛才設立的站點。如果有多個站點,可以在菜單「站點—打開站點」中去選擇。
二、創建頁面
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件」,這樣就建好了一個頁面,默認的文件名為untitled.htm。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。
2、雙擊index.htm進入該頁面的編輯狀態。在標題空格里輸入網頁名稱,按右鍵選頁面屬性,打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背影圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。
3.此時游標位於左上角,可輸入一句話,如「歡迎來到我的主頁」。選取文字,用菜單「窗口/屬性」打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間。
4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。
在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。
在網頁上打入空格的辦法是:把輸入法調為全形。
在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
三、為頁面添加圖片
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件夾」,這樣建立了一個文件夾,用它來放圖片,可以改名為tu或pic或images都可以。
2、用菜單「窗口/對象」打開對象面板,點擊「插入圖像」,在對話框里選要插入的圖片。如果會出現對話框:「你願意將該文件復制到根文件夾中嗎?」,必須選「是」,然後將它保存到剛建好的文件夾里。
3、選中該圖片,打開屬性面板,可以在上面為圖片取名,重新設置圖片的高、寬,拖住圖片角上的點可以變大小。按住shift鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸。如要恢復這原始大小,則單擊右下角的「重設大小」按鈕。
4、「鏈接」可以直接在這里輸入地址。「替代」是圖片的說明,即滑鼠指向圖片所顯示的文字;「邊框」是圖片邊框寬度,「對齊」是對齊方式。
四、添加超級鏈接
1、為文字添加鏈接。
比如,在頁面上輸入「我的文章」,然後將其選中,打開屬性面板,在「鏈接」一格中,選擇它所要鏈接到的頁面即可。後面一格「目標」我們一般常用的是self即打開的新窗口代替了現開的窗口;或是選擇blank即打開新窗口。
2、為圖片添加鏈接
與上面文字的鏈接同理,插入圖片,然後在屬性面板中的鏈接一格中選擇即可。
圖片可以創建不同的多個鏈接。方法如下:
在屬性面板中的「地圖」一項下面有一些圖形,比如點擊方形,游標變成十字,在圖片上畫一個藍色矩形的熱區,此時在屬性面板上可以為這個熱區設置鏈接地址,滑鼠指向會顯示。同樣,再用圓形設置一個熱區,就可以再為該圖片設置其他鏈接了。
3、添加E-mail鏈接
選中需要添加E-mail鏈接的文字或圖片,打開屬性面板,在「鏈接」一格中輸入填寫郵件地址。格式如下:mailto:郵件地址。注意中間不空格。
4、如果鏈接到瀏覽器無法打開的文件,例如exe、Zip等文件,那麼瀏覽者在點擊這個鏈接的時候,就會實現文件下載、或是在線播放的功能。
五、表格的使用
1、點擊插入/表格,打開表格面板進行設置。行數、列數、寬度、邊框等,「單元格填充」為單元格內側與內容的距離;「單元格間距」為單元格之間的距離,單位均為像素。
2、插入表格後,在表格的邊框上點擊一下,可以全選整個表格。然後在下面的屬性面板里可以進行各種設置。
3、把游標移到其中一個單元格,此時看到的屬性面板,就是單元格的屬性面板。也可以進行各種關於單元格的操作。如背景色、背景圖、邊框、合並、拆分等。
六、關於表格的其他操作
一製作細線表格 原理:
1、選中整個表格,設置其背景為黑色(該顏色即表格線的顏色)。
2、選中所有單元格,設置其背景為白色。
二自動格式化表格
1、先製作好一張表格,然後選中。
2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。
三一像素分割條
1、插入一個1行1列,寬為200像素,邊框邊距均為0的表格。
2、選中表格,設置表格高為1像素,並設置一個背景色(即所要的線條顏色)。
3、切換到代碼和設計窗口,將代碼<td> 刪除。
七、用表格構建完整的頁面
一網頁頂部(一般包括圖標、廣告、導航菜單)
1、創建一個1行2列,寬為760像素,邊框及邊距均為0的表格。
2、選中表格,設置排列方式為居中對齊,背景色為#3366CC。
3、將游標置於左邊單元格中,設置其水平排列為左對齊,垂直排列為頂端對齊,然後插入一張圖像,一般在此插入的是網站的圖標,即logo。
4、將游標置於右邊單元格中,設置其寬度為500,水平排列為居中對齊,垂直排列為中間,然後插入圖像,一般是網頁廣告,即banner。
5、將游標置於剛完成的表格之後,插入/表格,創建一個1行1列,寬為760像素,邊框及邊距均為0的表格。
6、選中剛創建的表格,設置排列方式為居中對齊,背景色為#005173。
7、在該表格中依次插入多個圖像,作為導航條菜單。
二網頁中部(左邊欄目列表、中間網站新聞、右邊欄目列表)
1、 在導航條表格後面,插入/表格,創建一個1行3列,寬為760像素,邊框及邊距均為0的表格。並設置排列方式為居中對齊,背景色為#FFFFFFF。
2、 將游標置於左邊單元格中,設置其寬度為18%,水平排列為居中對齊,垂直排列為頂端對齊,然後插入一張圖像,插入一個導航條。
3、 將游標置於剛插入的圖片後,插入/表格,插入一個12行1列,寬為90%的表格。設置其單元格間距為1,背景色為#CCCCCC。
4、 將游標放在表格第一個單元中,設置其高為20,背景色為#FFFFFF。插入/圖像,插入一個導航文字前面的小點。同樣設置其他11個單元格,這樣左邊的欄目分類列表就完成了。
5、 將游標置於主體表格的中間單元格中,設置其寬度為66%,水平排列為居中對齊,垂直排列為頂端對齊,然後插入/圖像,插入一個導航條。
6、 將游標置於圖像後,插入/表格,插入一個4行1列,寬為95%的表格。設置其單元格間距為1,背景色為#CCCCCC。
7、 將游標置於表格的第一個單元格中,拖動滑鼠,將4個單元格都選中,設置高為60,背景色為#FFFFFF。
8、 將游標置於主體表格右邊的單元格中,設置其寬度為16%,水平排列為居中對齊,垂直排列為頂端對齊,插入/圖像,插入一個導航條。
9、 將游標置於圖像後,插入/表格,插入一個7行一列,寬為90%的表格。設置其間距為1,背景色為#CCCCCC。
10、按住Ctrl鍵,用滑鼠點擊剛插入的表格的第1、3、5、7單元格,然後設置它們的高為55,背景色為#FFFFFF。
11、選中第2、4、6單元格,設置其高為6,背景色為#FFFFFF。
12、切換到源代碼窗口,將第2、4、6單元格中的空格符號「 」刪除。
三網頁底部(一般包括版權信息及其他相關內容)
1、 將游標置於主體表格後,插入/表格,創建一個2行2列,寬為760像素,邊框及邊距均為0的表格。
2、 選中表格,設置排列方式為居中對齊,背景色為#3366CC。
3、 將游標置於表格第1行的左邊單元格中,設置其寬度為50%,水平排列為默認,垂直排列為基線,背景色為#FFFFFF,然後輸入版權信息,內容顏色隨便。
4、 將游標置於表格第1行右邊單元格中,插入/圖像,插入一個圓角圖像,在它後面輸入Email字樣,設置其大小和顏色為1和#FFFFFF。
5、 插入/表單對象/文本域,插入一個文本域,寬度可以隨意。
6、 插入/圖像,插入一個GO的圖像。
7、 設置頁屬性。點擊菜單修改/頁面屬性,在標題一欄中輸入標題,並選擇背景圖像,將頂部邊界設為0。
將整個網頁分部分放到不同的表格中組合而成,還可以加快瀏覽器讀取頁面的時間。;因為瀏覽器是讀完整個表格後才顯示內容的,所以最好不要框在整個一個表格中。
八、用布局表格構建完整的頁面
1、 單擊插入/布局,裡面的布局視圖按鈕,就切換到布局視圖狀態(默認為標准視圖)。也可以用菜單里的查看/表格視圖/布局視圖來進入。
2、 先單擊繪制布局表格按鈕,然後在頁面中像繪圖一樣創建出布局表格。
3、 就像上一個例子一樣,先繪制好網頁的頂部,再中部,再底部的大表格。
4、 再單擊繪制布局單元格按鈕,然後在已經繪制好的布局表格中,再繪制布局單元格。
5、 返回到標准視圖,在已經劃分好的表格里,再插入嵌套的小的表格,把頁面再細化,就可以完成整個頁面的設計了。
****注意把整個頁面都放在一個大的布局表格中,因為這樣的網頁瀏覽速度會很慢。應該按照頁面的版面和內容劃分出幾個布局表格,然後在其中分別插入布局單元格。
九、層的使用
1、點擊插入/層。也可以點擊圖標,然後拖動滑鼠創建出一個層。
3、選中創建的層,看屬性面板。「層編號」和「標簽」都使用默認即可。「層編號」是編程時需要用的,我們現在一般不用。「上」即距頁面上邊界的距離;「左」是距左邊界的距離。「z軸」是層的順序,數字大的疊加在數字小的上面。
****如不設置顏色時,層是透明的。
4、點中層左上角的小方框可以隨意拖動層,大小也可以調節。
5、「溢出」一欄中,當文字多於層的大小時,visible(超出的部分照樣顯示)、hidden(超出部分隱藏)、scroll(不管有否超出,都顯示滾動條)、auto(有超出時才出現滾動條)。
6、點擊菜單窗口/其他/層,此時將出現層管理窗口。可以在其中修改層的名稱和Z軸值,也可以點擊眼睛圖標使層可見或不可見。還有一個防止重疊的選項。
7、層的對齊。按住shift鍵,同時選中幾個層。然後用修改/對齊,用這里的選項。
8、嵌套層。⑴首先在文檔中插入一個層。⑵將游標置於該層內,然後繼續插入一個層,就得到了嵌套層。⑶裡面的叫子層,外面的父層。它們的Z軸順序是一樣的。拖動父層時,子層也會相對移動。移動子層時,父層不會隨之移動。
十、了解時間軸
1、點擊菜單中的插入/層,插入一個層。
2、在層中插入圖片,如一張飛機的圖片。(這里的圖片也可以是一張小動畫的.gif圖像)
3、點擊菜單中的窗口/其他/時間軸,打開時間軸窗口。
4、選中頁面上創建的層,用滑鼠按住層左上角的小方框圖標,將層拖放到時間軸的第1幀中。這時自動創建了一個長度為15幀的時間軸。
5、選中時間軸上的第1幀,將頁面中的層拖放到頁左上角,即動畫開始時的位置。
6、選中時間軸上第15幀,可以拖動該幀至任意長度,如30幀。
7、選中第30幀,將層拖放到頁面的右下方,此時窗口中顯示出層從第1幀到第30幀的運動軌跡。(此時運動為直線)
8、可以點中第15幀,右鍵選「增加關鍵幀」,在選中第15幀的狀態下,拖動層到頁面中下方。
9、勾選「自動播放」項。
總結:Dreamweaver是一款很強大的軟體,裡面有很多功能需要自己不斷總結和摸索,熟悉之後就會很簡單了。