资源描述:
《web_div + css 混合布局实例》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Div+CSS⏋ড়Ꮧሔᅲ՟ϔ,ޚᎹⳂᔩঞ㋴ᴤ1,D:ⲬϞ߯ᓎৡЎmywebⱘᮄ᭛ӊ།.2,ޚ᠔䳔㋴ᴤ.ᣋ䋱F:㔥义㋴ᴤ㔥キ䞡ᵘ⑤᭛ӊ3ゴЁⱘimages᭛ӊ།ࠄD:myweb᭛ӊ།Ё.3,D:myweb᭛ӊ།Ёᮄᓎᄤ᭛ӊ།style.Ѡ,ᅮНキ⚍1,ਃࡼDreamweavercs4,䗝ᢽ"キ⚍">"ㅵ⧚キ⚍".2,ᔍߎⱘ"ㅵ⧚キ⚍"ᇍ䆱ḚЁऩߏ"ᮄᓎ"ᣝ䪂,✊ৢ䗝ᢽ"キ⚍".3,ᔍߎⱘ"キ⚍ᅮН"ᇍ䆱ḚЁ,བᵰᰒ⼎ᇐ("ᴀ"䗝乍व),߭ऩߏ"催㑻"䗝乍व,✊ৢҢ"ߚ㉏"߫㸼Ё䗝ᢽ"ᴀഄᙃ"(ᅗᑨᔧᰃ咬䅸䗝乍).4,"キ⚍ৡ⿄"᭛ᴀḚЁ,䕧ܹ䖰㟾Wirel
2、essServicesЎキ⚍ৡ⿄.5,"ᴀഄḍ᭛ӊ།"᭛ᴀḚЁ,ᣛᅮD:myweb᭛ӊ།.Դৃҹऩߏ᭛ӊ།ᷛᴹ⌣㾜ᑊ䗝ᢽ䆹᭛ӊ།,㗙"ᴀഄḍ᭛ӊ།"᭛ᴀḚЁ䕧ܹ䏃ᕘ.6,"咬䅸ڣ᭛ӊ།"᭛ᴀḚЁ,ᣛᅮD:myweb᭛ӊ།ЁᏆ᳝ⱘimages᭛ӊ།.Դৃҹऩߏ᭛ӊ།ᷛᴹ⌣㾜ᑊ䗝ᢽ䆹᭛ӊ།,㗙"咬䅸ڣ᭛ӊ།"᭛ᴀḚЁ䕧ܹ䏃ᕘ.7,Ң"ߚ㉏"߫㸼Ё䗝ᢽ"䖰ᙃ","䆓䯂"䗝:"FTP"ᑊ฿ݭདⳌ݇ᙃ.8,Ң"ߚ㉏"߫㸼Ё䗝ᢽ"⌟䆩᳡ࡵ఼","䆓䯂"䗝:"FTP"ᑊ฿ݭདⳌ݇ᙃ,"URLࠡ㓔"乏ḍᅲ䰙ᚙމخⳌᑨᬍ.9,Ң"ߚ㉏"߫㸼Ё䗝ᢽ"ᴀഄᙃ","HTTPഄഔ"乏
3、ḍᅲ䰙ᚙމخⳌᑨᬍ.10,ऩߏ"⹂ᅮ".䱣ेߎ⦄"ㅵ⧚キ⚍"ᇍ䆱Ḛ,ᰒ⼎ᙼⱘᮄキ⚍.11,ऩߏ"ᅠ៤"݇䯁"ㅵ⧚キ⚍"ᇍ䆱Ḛ.ℸᯊ"᭛ӊ"䴶ᵓᰒ⼎ᔧࠡキ⚍ⱘᮄᴀഄḍ᭛ӊ།."᭛ӊ"䴶ᵓЁⱘ᭛ӊ߫㸼ᇚܙᔧ᭛ӊㅵ⧚఼,ܕ䆌Դࠊ,㉬䌈,ߴ䰸,⿏ࡼᠧᓔ᭛ӊ,ህ䈵䅵ㅫᴎḠ䴶Ϟϔḋ.ϝ,њ㾷ԴⱘӏࡵϟᰃϔᓴЎ䖰㟾WirelessServicesキ⚍䆒䅵ⱘᅠᭈⱘヺড়㽕∖ⱘ䆒䅵㤝ḋ.ЎWeb䆒䅵Ҏਬ,Դ䳔㽕ᇍ㤝ḋ䖯㸠䕀ᤶ,ՓП᳔㒜ᔶ៤ৃҹՓ⫼ⱘWeb义䴶.ಯ,߯ᓎᑊᄬᮄ义䴶ᓎゟキ⚍ᑊẔᶹ䆒䅵㤝ḋৢ,Դህৃҹᓔྟ߯ᓎWeb义䴶њ.佪ܜԴᇚ߯ᓎϔϾᮄ义䴶,ᑊᇚᅗᄬࠄԴⱘWebキ⚍ⱘᴀഄḍ᭛ӊ།
4、D:mywebЁ.䆹义䴶᳔㒜ᇚ៤Ў䖰㟾WirelessServicesキ⚍ⱘЏ义.1,Dreamweavercs4Ё,䗝ᢽ"᭛ӊ">"ᮄᓎ".2,"ᮄᓎ᭛ḷ"ᇍ䆱ḚⱘᎺջ߫㸼Ё䗝ᢽ"ぎⱑ义","义䴶㉏ൟ"߫㸼Ё䗝ᢽ"HTML","Ꮧሔ"߫㸼Ё䗝ᢽ"᮴",✊ৢऩߏ"߯ᓎ"ᣝ䪂,Ң㗠߯ᓎϔϾᮄⱘHTML᭛ḷ.3,ᮄ᭛ḷ乊䚼ⱘ"᭛ḷᷛ乬"᭛ᴀḚЁ,䕧ܹ"䖰㟾㔥䖢ᙼ!".䖭ህᰃ义䴶ⱘᷛ乬.キ⚍䆓䯂㗙Web⌣㾜఼Ёᶹⳟ义䴶ᯊᇚ⌣㾜఼にষⱘᷛ乬ᷣЁⳟࠄℸᷛ乬.4,䗝ᢽ"᭛ӊ">"ᄬЎ".5,"ᄬЎ"ᇍ䆱ḚЁ,⌣㾜㟇ᅮНЎキ⚍ⱘᴀഄḍ᭛ӊ།ⱘD:myweb᭛ӊ།ᑊᠧᓔ䆹᭛ӊ།
5、.6,"᭛ӊৡ"᭛ᴀḚЁ䕧ܹindex.html,✊ৢऩߏ"ᄬ".᭛ӊৡेߎ⦄ᑨ⫼ᑣにষ乊䚼ⱘᷛ乬ᷣЁ.Ѩ,ࠊ义䴶Ꮧሔ1,䆒䅵㾚Ёऩߏ,✊ৢऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍वЁⱘ"ᦦܹDivᷛㅒ"ᣝ䪂.2,ᔍߎⱘ"ᦦܹDivᷛㅒ"ᇍ䆱ḚЁ,"ᦦܹ"䗝ᢽ"ᦦܹ⚍","ID"䆒㕂Ўpagebox.3,"ᦦܹDivᷛㅒ"ᇍ䆱ḚЁऩߏ"⹂ᅮ"ᣝ䪂,义䴶Ёᇚᦦܹpageboxሖ.4,ݡऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍वЁⱘ"ᦦܹDivᷛㅒ"ᣝ䪂,ᔍߎⱘ"ᦦܹDivᷛㅒ"ᇍ䆱ḚЁ,"ᦦܹ"䗝ᢽ"㒧ᴳᷛㅒПࠡ",Divᆍ఼䗝ᢽ"","ID"䆒㕂Ўmenu.䆒㕂ᅠ៤ৢऩߏ"⹂ᅮ
6、"ᣝ䪂,义䴶Ёᇚᦦܹmenuሖ.5,ݡऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍वЁⱘ"ᦦܹDivᷛㅒ"ᣝ䪂,ᔍߎⱘ"ᦦܹDivᷛㅒ"ᇍ䆱ḚЁ,"ᦦܹ"䗝ᢽ"ᷛㅒПৢ",Divᆍ఼䗝ᢽ"","ID"䆒㕂Ўheader.䆒㕂ᅠ៤ৢऩߏ"⹂ᅮ"ᣝ䪂,义䴶Ёᇚᦦܹheaderሖ.6,ݡऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍वЁⱘ"ᦦܹDivᷛㅒ"ᣝ䪂,ᔍߎⱘ"ᦦܹDivᷛㅒ"ᇍ䆱ḚЁ,"ᦦܹ"䗝ᢽ"ᷛㅒПৢ",Divᆍ఼䗝ᢽ"","ID"䆒㕂Ўmain.䆒㕂ᅠ៤ৢऩߏ"⹂ᅮ"ᣝ䪂,义䴶Ёᇚᦦܹmainሖ.7,ݡऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍वЁⱘ"ᦦܹDivᷛㅒ"ᣝ䪂,ᔍߎⱘ"ᦦܹDi
7、vᷛㅒ"ᇍ䆱ḚЁ,"ᦦܹ"䗝ᢽ"ᓔྟᷛㅒПৢ",Divᆍ఼䗝ᢽ"","ID"䆒㕂Ўmain_top.䆒㕂ᅠ៤ৢऩߏ"⹂ᅮ"ᣝ䪂,义䴶Ёᇚᦦܹmain_topሖ.8,ݡऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍वЁⱘ"ᦦܹDivᷛㅒ"ᣝ䪂,ᔍߎⱘ"ᦦܹDivᷛㅒ"ᇍ䆱ḚЁ,"ᦦܹ"䗝ᢽ"ᷛㅒПৢ",Divᆍ఼䗝ᢽ"","ID"䆒㕂Ўleft.䆒㕂ᅠ៤ৢऩߏ"⹂ᅮ"ᣝ䪂,义䴶Ёᇚᦦܹleftሖ.9,ݡऩߏ"ᦦܹ"䴶ᵓЁⱘ"ᐌ⫼"䗝乍