有關(guān)車牌的相關(guān)知識(shí)：92式車牌代碼屬地如下，不能保證完全，因?yàn)橛行姓^(qū)劃的調(diào)整 北京市（京） 京A、京C、京E、京F、北京市(城區(qū))，京G 北京市(遠(yuǎn)郊區(qū))， 京B 出租車，京O警察 天津市（津） 津A、津B、津C、天津市 ，津E 出租車 上海市（滬） 滬A、滬B、滬D 上海市區(qū)，滬C 遠(yuǎn)郊區(qū) 重慶市（渝） 渝A 重慶市區(qū)（江南），渝B 重慶市區(qū)（江北），渝C 永川區(qū)，渝F 萬(wàn)州區(qū)，渝G 涪陵區(qū)，渝H 黔江區(qū) 河北?。剑?冀A 石家莊，冀B 唐山，冀C 秦皇島，冀D 邯鄲，冀E 邢臺(tái)，冀F 保定，冀G 張家口，冀H 承德，冀J 滄州,冀R 廊坊，冀T 衡水 河南?。ㄔィ?豫A 鄭州，豫B 開(kāi)封，豫C 洛陽(yáng)，豫D 平頂山，豫E 安陽(yáng)，豫F 鶴壁，豫G 新鄉(xiāng)，豫H焦作，豫J 濮陽(yáng)，豫K 許昌，豫L 漯河，豫M 三門峽，豫N 商丘，豫P 周口，豫Q 駐馬店，豫R 南陽(yáng)，豫S 信陽(yáng)，豫U 濟(jì)源 云南?。ㄔ疲?云A 昆明，云B 東川（已取消，并入昆明），云C 昭通，云D 曲靖， 云E 楚雄彝族，云F 玉溪，云G 紅河哈尼族，云H 文山壯族苗，云J 思茅，云L 大理白族，云K 西雙版納，云M 保山，云N 德宏傣族，云P 麗江，云Q 怒江僳族，云R 迪慶藏族，云S 臨滄 遼寧?。ㄟ|） 遼A 沈陽(yáng)，遼B 大連，遼C 鞍山，遼D 撫順，遼E 本溪，遼F 丹東，遼G 錦州，遼H 營(yíng)口，遼J 阜新，遼K 遼陽(yáng)，遼L 盤(pán)錦，遼M 鐵嶺，遼N 朝陽(yáng)，遼P 葫蘆島，遼V 省直機(jī)關(guān) 黑龍江省（黑） 黑A 哈爾濱 ，黑B 齊齊哈爾，黑C 牡丹江，黑D 佳木斯，黑E 大慶，黑F 伊春，黑G雞西，黑H 鶴崗，黑J 雙鴨山，黑K 七臺(tái)河，黑L 松花江行署，黑M 綏化，黑N 黑河，黑P 大興安嶺 湖南?。ㄏ妫?湘A 長(zhǎng)沙，湘B 株洲，湘C 湘潭，湘D 衡陽(yáng)，湘E 邵陽(yáng)，湘F 岳陽(yáng)，湘G 大庸，湘H 益陽(yáng)，湘J 常德，湘K 婁底，湘L 郴州，湘M 零陵，湘N懷化，湘P 湘西州 安徽?。ㄍ睿?皖A(yù) 合肥，皖B 蕪湖，皖C 蚌埠，皖D 淮南，皖E 馬鞍山，皖F 淮北，皖G 銅陵，皖H安慶，皖J 黃山，皖K 阜陽(yáng)，皖L 宿州，皖M 滁州，皖N 六安，皖P 宣城，皖Q 巢湖，皖R 池州 山東省（魯） 魯A 濟(jì)南，魯B 青島，魯C 淄博，魯D 棗莊，魯E 東營(yíng)，魯F 煙臺(tái)，魯G 濰坊，魯H 濟(jì)寧，魯J 泰安，魯K 威海，魯L 日照，魯M 萊蕪，魯N 德州，魯P 聊城，魯Q 臨沂，魯R 菏澤，魯U(kuò) 青島開(kāi)發(fā)區(qū)，魯V 威海增補(bǔ)，魯W 濟(jì)南增補(bǔ) 新疆維吾爾（新） 新A 烏魯木齊，新B 昌吉回族，新C 石河子，新D 奎屯，新E 博爾塔拉，新F 伊犁哈薩，新G 塔城，新H 阿勒泰，新J 克拉瑪依，新K 吐魯番， 新L 哈密，新M 巴音郭，新N 阿克蘇，新P 克孜勒蘇柯，新Q 喀什，新R 和田 江蘇?。ㄌK） 蘇A 南京，蘇B 無(wú)錫，蘇C 徐州，蘇D 常州，蘇E 蘇州，蘇F 南通，蘇G 連云港，蘇H淮陰，蘇J 鹽城，蘇K 揚(yáng)州，蘇L 鎮(zhèn)江，蘇M 泰州，蘇N 宿遷 浙江?。ㄕ悖?浙A 杭州，浙B 寧波，浙C 溫州，浙D 紹興，浙E 湖州，浙F 嘉興，浙G 金華，浙H 衢州，浙J 臺(tái)州，浙K 麗水，浙L 舟山 江西?。ㄚM） 贛A 南昌，贛B 贛州，贛C 宜春，贛D 吉安，贛E 上饒，贛F 撫州，贛G 九江，贛H 景德鎮(zhèn)，贛J 萍鄉(xiāng)，贛K 新余，贛L 鷹潭 湖北省（鄂） 鄂A 武漢，鄂B 黃石，鄂C 十堰，鄂D 沙市，鄂E 宜昌，鄂F 襄樊，鄂G 鄂州，鄂H 荊門，鄂J 黃崗，鄂K 孝感，鄂L 咸寧，鄂M 荊州，鄂N 鄖陽(yáng)，鄂P 宜昌，鄂Q 鄂西州 廣西壯族（桂） 桂A 南寧，桂B(yǎng) 柳州，桂C 桂林，桂D 梧州，桂E 北海，桂F 南寧地區(qū)（已撤銷，部分并入南寧市，部分成立崇左市），桂G 柳州地區(qū)（已撤銷），桂H 桂林地區(qū)（已撤銷），桂J 梧州，桂K 玉林，桂M 河池，桂L 百色，桂N 欽州，桂P 防城 甘肅?。ǜ剩?甘A 蘭州，甘B 嘉峪關(guān)，甘C 金昌，甘D 白銀，甘E 天水，甘F 酒泉，甘G 張掖，甘H武威，甘J 定西，甘K 隴南，甘L 平?jīng)?，甘M 慶陽(yáng) ，甘N 臨夏回族，甘P 甘南藏族 山西?。〞x） 晉A 太原，晉B 大同，晉C 陽(yáng)泉，晉D 長(zhǎng)治，晉E 晉城，晉F 朔州，晉H 忻州，晉J 呂梁，晉K 晉中，晉L 臨汾，晉M 運(yùn)城 內(nèi)蒙古（蒙） 蒙A 呼和浩特，蒙B 包頭，蒙C 烏海，蒙D 赤峰，蒙E 呼倫貝爾盟，蒙F 興安盟，蒙G錫林郭勒盟，蒙H 烏蘭察布盟，蒙J 伊克昭盟，蒙K 巴彥淖爾盟，蒙L 阿拉善盟 陜西?。儯?陜A 西安，陜B 銅川，陜C 寶雞，陜D 威陽(yáng)，陜E 渭南，陜F 漢中，陜G 安康，陜H 商洛，陜J 延安，陜K 榆林，陜U 省直機(jī)關(guān) ，陜V 楊凌農(nóng)業(yè)開(kāi)發(fā)區(qū) 吉林?。?吉A 長(zhǎng)春，吉B 吉林，吉C 四平，吉D 遼源，吉E 通化，吉F 白山，吉G 白城，吉H 延 邊朝鮮族 福建?。ㄩ}） 閩A 福州，閩B 莆田，閩C 泉州，閩D 廈門，閩E 漳州，閩F 龍巖，閩G 三明，閩H 南平，閩J 寧德，閩K 省直機(jī)關(guān) 貴州省（貴） 貴A 貴陽(yáng)，貴B 六盤(pán)水，貴C 遵義，貴D 銅仁，貴E 黔西南州，貴F 畢節(jié)，貴G 安順，貴H 黔東南州，貴J 黔南州 廣東?。ɑ洠┗汚 廣州，粵B 深圳，粵C 珠海，粵D 汕頭，粵E 佛山，粵F 韶關(guān)，粵G湛江，粵H 肇慶，粵J 江門，粵K 茂名，粵L 惠州，粵M 梅州，粵N 汕尾，粵P 河源，粵Q陽(yáng)江，粵R 清遠(yuǎn)，粵S 東莞，粵T 中山，粵U 潮州，粵V 揭陽(yáng)，粵W 云浮，粵X 順德，粵Y 南海，粵Z港澳進(jìn)入內(nèi)地車輛 青海省（青） 青A 西寧，青B 海東，青C 海北，青D 黃南，青E 海南州，青F 果洛州，青G 玉樹(shù)州，青H 海西州， 西藏（藏） 藏A 拉薩，藏B 昌都，藏C 山南，藏D 日喀則，藏E 那曲，藏F 阿里，藏G 林芝 四川?。ùǎ?川A 成都，川B 綿陽(yáng)，川C 自貢，川D 攀枝花，川E 瀘州，川F 德陽(yáng)，川H 廣元，川J 遂寧，川K 內(nèi)江，川L 樂(lè)山，川M 資陽(yáng)，川Q 宜賓，川R 南充，川S 達(dá)縣，川T 雅安，川U 阿壩藏族，川V 甘孜藏族，川W 涼山彝族，川X 廣安，川Y 巴中， 川Z 眉山 寧夏回族（寧） 寧A 銀川，寧B 石嘴山，寧C 銀南，寧D 固原 海南省（瓊） 瓊A ?？?，瓊B 三亞，瓊C 瓊北 在文化歷史的沉淀中 中國(guó)車牌的變更 在清光緒27年（1901年）的那個(gè)冬天，匈牙利人李恩時(shí)（Leinz）將2輛汽車帶入了上海，同年臘月廿一日（1902年1月20日），經(jīng)公共租界工部局例會(huì)上討論，決定暫時(shí)先給這兩輛進(jìn)口“自動(dòng)車”發(fā)放臨時(shí)牌照以便管理。至此，拉開(kāi)了中國(guó)汽車“戶口”管理的帷幕。在上海市公安博物館里，在文化歷史的沉淀中，記者尋覓到了汽車管理發(fā)展的腳步…… 建國(guó)前的車牌 上海的道路交通管理始于晚清，民國(guó)時(shí)期，由公用局主管車輛牌照發(fā)放、機(jī)動(dòng)車駕駛員考核等事務(wù)。1902年，伴隨著中國(guó)的第一塊牌照的誕生，工部局決定在當(dāng)年（1902年）下半年增設(shè)汽車執(zhí)照這個(gè)專門項(xiàng)目。 據(jù)了解，解放前的汽車牌照并沒(méi)有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)，由各個(gè)地方政府決定車牌樣式進(jìn)行發(fā)放。一時(shí)之間，中國(guó)大地上，可以見(jiàn)到各種款式的汽車牌照。 建國(guó)后的車牌 而新中國(guó)成立后，隨著汽車數(shù)量的增長(zhǎng)，與時(shí)俱進(jìn)，汽車牌照也數(shù)易其容，歷經(jīng)了三次演變過(guò)程。 第一變：順序式 牌照大名：順序式機(jī)動(dòng)車牌照 誕辰：1951年 數(shù)量：好比天上的星星 特點(diǎn)：自1960年起，公安機(jī)關(guān)統(tǒng)一規(guī)范牌照大小、標(biāo)色、材質(zhì)，并按照全國(guó)省、市、自治區(qū)序列號(hào)排序。其材質(zhì)由最初的鐵質(zhì)到1973年改成塑料質(zhì)，其后于1986年改成鋁合金材質(zhì)。這種順序式是我國(guó)持續(xù)時(shí)間最長(zhǎng)的一種車牌組合方式。 樣式：牌照分為兩行，上面一行小字表示“發(fā)證機(jī)關(guān)代碼”，省市區(qū)全名+兩位數(shù)字序號(hào)(01–99，使館車是三位數(shù))。下面一行大字是五位編碼。小車綠牌，大車紅牌，外籍車黑牌(“黑牌車”就是從那個(gè)時(shí)候叫起的)，教練車、試驗(yàn)車藍(lán)牌，等等。上面一行小字的序號(hào)表示省內(nèi)各市，順序和現(xiàn)行的92式的A，B，C……基本相同。從其格式分布中，可以看出有日本車牌格式的蹤影。其具體的發(fā)牌方式是，先由工廠批量制作好車牌，然后由車管部門按號(hào)牌順序發(fā)放給車主。1994年開(kāi)始逐步被92式取代。 死亡日期：20世紀(jì)90年代中期。 死因：不適應(yīng)時(shí)代發(fā)展。這種發(fā)放方式在相安無(wú)事30多年后，在20世紀(jì)80年代后期“吉祥號(hào)”出現(xiàn)后；許多人走關(guān)系要“好號(hào)”，引發(fā)了很大矛盾。此外，車輛迅猛增加，原有數(shù)目也已不能滿足需要。一方面是車管部門有苦難言，相關(guān)的管理人員整天被熟人圍著，整天接無(wú)數(shù)個(gè)要號(hào)牌的電話。一方面卻是老百姓不滿意，其間也滋生了許多的腐敗。 第二變：九二式 大名：九二式機(jī)動(dòng)車牌照 誕辰：1992年 數(shù)量：好比地上的螞蟻 特點(diǎn)：為解決車管部門和群眾之間因車牌號(hào)碼而產(chǎn)生的矛盾，也為了杜絕腐敗滋生的土壤。車牌發(fā)放實(shí)施“電腦選號(hào)”，也就是把50個(gè)或者100個(gè)號(hào)牌分為一段(或叫一組)，然后輸入微機(jī)，讓車主當(dāng)場(chǎng)隨機(jī)抽取。這種方式看似公平、公正，可個(gè)別地方的車管部門、個(gè)別人，卻暗中私下預(yù)留一些號(hào)牌，并以不法手段高價(jià)出讓、中飽私囊；再加上機(jī)動(dòng)車數(shù)量年年猛增，九二式車牌的容量也不能滿足實(shí)際需要。 樣式：樣式就是目前正在使用的汽車牌照樣式，從設(shè)計(jì)不難看出是借鑒了歐共體(現(xiàn)歐盟)的車牌樣式。92式牌照的樣式是1992年定的，最先在烏魯木齊、大慶等地先試行，1994年夏天才在全國(guó)大規(guī)模換發(fā)。與順序性相比，92式只有一行字，字體大了許多。這是為了進(jìn)一步有利于目視識(shí)別和探頭拍照識(shí)別，有利于追查逃逸。 死亡日期：2002年8月一度有被個(gè)性牌照取代的危險(xiǎn)，后被搶救過(guò)來(lái)。 當(dāng)時(shí)死因：最初設(shè)想，92式牌照五位編碼中只有第一位允許字母。這樣編碼理論上只有34萬(wàn)容量，很多大城市早已飽和。直轄市可以避免這個(gè)問(wèn)題。京A飽和了還有京C京E京F京H……滬A飽和了還可以用滬B滬D滬E……可省轄市不行。青島把魯B用完了不能去用魯C啊，那是人家淄博的。只能新開(kāi)一個(gè)魯U(kuò)。廣州、深圳就慘了，廣東把24個(gè)字母早就全分配完了，連粵Z都分給港澳了。沒(méi)辦法，于是出現(xiàn)了諸如“粵A–3A456”、“粵B–AB123”等新格式。這種新格式最早是廣州深圳發(fā)明的，現(xiàn)在許多城市如杭州、南京、成都、武漢、蘇州也都紛紛采用。 第三變：個(gè)性牌照 大名：二OO二式個(gè)性化機(jī)動(dòng)車牌照 誕辰：2002年8月12日 數(shù)量：7002個(gè) 特點(diǎn)：同樣是微機(jī)管理，但比九二式號(hào)牌在容量上整整大了100位。也就是說(shuō)，采用這種方式后，北京市可供選擇的機(jī)動(dòng)車號(hào)牌將有3600萬(wàn)個(gè)?！岸﨩O二”式號(hào)牌資源廣大，可以在字母和數(shù)字里表達(dá)個(gè)人意愿。從中也可以反映出車輛管理的演變過(guò)程以及演變?cè)?，?jīng)濟(jì)高速發(fā)展、車輛大量進(jìn)入普通百姓家庭。02式把號(hào)碼段容量擴(kuò)大到了幾千萬(wàn)，同時(shí)實(shí)現(xiàn)了個(gè)性化選號(hào)，最大程度地滿足了車主的心理需求，刺激了汽車消費(fèi)，是件利國(guó)利民的好事。 樣式：二OO二”式機(jī)動(dòng)車號(hào)牌則采用國(guó)際通用的淺底黑字，小型車是白藍(lán)漸變色為底，黑字編碼。02式牌照的設(shè)計(jì)明顯借鑒了美國(guó)的車牌格式。美國(guó)車牌上面一行小字是州名，中國(guó)02式車牌也把表示地名的“發(fā)證機(jī)關(guān)代碼”寫(xiě)在上面一行(小字)。有一個(gè)漢字和一個(gè)大寫(xiě)的英文字母，前者是所屬的省、自治區(qū)和直轄市的簡(jiǎn)稱，如京、津、浙、粵等，后者是公安交通管理部門車輛管理所的順序代碼。如：京A，代表城八區(qū)的機(jī)動(dòng)車；京G，代表遠(yuǎn)郊區(qū)縣的機(jī)動(dòng)車。下面的大字是編碼，也模仿美國(guó)分為左右兩段的格式。這也是新式號(hào)牌最吸引人的地方——車主可以按各自的要求隨心所欲組合車號(hào)，譬如把姓名拼音縮寫(xiě)或?qū)ψ约河刑厥庖饬x的紀(jì)念日編排到車號(hào)里面去。號(hào)碼分為前三位和后三位兩個(gè)部分，號(hào)牌編號(hào)字符的自主編排組合方式共分下列3種，為三位加三位結(jié)構(gòu)，不得缺位：(一)3位英文字母和3位數(shù)字，如：ABC??123；(二)3位數(shù)字和3位英文字母，如：123??ABC；(三)3位數(shù)字和3位阿拉伯?dāng)?shù)字，如：123??456。 死亡日期：2002年8月21日，剛滿10天時(shí)就不幸夭折。 死因：公安部要求，理由是“技術(shù)原因”，具體不詳。而據(jù)一些業(yè)內(nèi)專家推測(cè)，新車牌與馳名商標(biāo)、知名公司名稱之間的沖突以及部分車號(hào)不符合社會(huì)規(guī)范，出現(xiàn)了幾個(gè)IBM、BTV、SEX、USA911等搞笑版本，可能是新車牌緊急叫停的重要原因。 前景：有望死而復(fù)生。有關(guān)部門答復(fù)是：肯定發(fā)放“二OO二式”車牌照，具體時(shí)間將視“技術(shù)完善”情況而定。 附：部分個(gè)性化車牌 ■FBI001：FBI，美國(guó)聯(lián)邦調(diào)查局的縮寫(xiě)。 ■UFO001：第一個(gè)不明飛行物。 ■BMW007：寶馬車與這個(gè)牌照一起用可以說(shuō)是絕配。 ■GOD945：上帝就是我。 ■CHN001：這個(gè)車號(hào)產(chǎn)生在深圳，可以說(shuō)是最尊貴的一個(gè)車號(hào)了，中國(guó)第一號(hào)！ ■MAN001：男人中的第一！ ■YES518：非常肯定“沒(méi)錯(cuò)！我要發(fā)！” ■ILU521：ILU寓義“ILoveyou”，“我愛(ài)你我愛(ài)你”。 ■GBB988：乖寶寶叫爸爸。 92是車牌的一些規(guī)定 大型民用車，牌照為黃底黑宇 小型農(nóng)用車，牌照為藍(lán)底白字 公安專用汽車，牌照為白底紅“警”字后面黑字 大使館外籍汽車，牌照為黑底白字及紅色“使”字標(biāo)志。其他外藉汽車，牌照為黑底白字。 學(xué)習(xí)車牌照為黃底黑字，數(shù)字前有“學(xué)”字標(biāo)志。 試車牌照為白底紅字，數(shù)字前有“試”字標(biāo)志。 臨時(shí)牌照為白底黑字，數(shù)字前有“臨時(shí)”二字。 汽車補(bǔ)用牌照，為白底黑字。 各地發(fā)放牌照序列規(guī)則不盡相同，有的全市（州、盟）統(tǒng)一按順序發(fā)放，有的按照所轄縣市區(qū)分號(hào)段發(fā)放。參考資料： 百度知道

具體要求是什么。你學(xué)了多少內(nèi)容？如果只是圖上的頁(yè)面的樣子的話，我能做出來(lái) 我們學(xué)了div和表格，求代碼這個(gè)頁(yè)面可不是div和表格就能做出來(lái)的。我今天先大致做一下。 你的圖片我看不清，文字和圖片我就先隨便寫(xiě)了 還有就是不要提前采納，不然我無(wú)法上傳做好的圖片了 老師說(shuō)用div做的出來(lái)，表格也行 我現(xiàn)在電腦不在，不然我發(fā)給你 你們學(xué)CSS了嗎？ 學(xué)了 好，你先慢慢等吧，我和下午把做的進(jìn)度發(fā)給你看 好的，謝謝 這是我目前做出來(lái)的大致樣式。內(nèi)容和具體樣式例如顏色間距之類的內(nèi)沒(méi)有具體的清晰的圖不好做。圖片的素材這玩意也不好找，所以我暫時(shí)用了我電腦上的圖片。你看接下來(lái)該怎么辦？ 加個(gè)qq我把文件發(fā)給你 加了

　　一、網(wǎng)頁(yè)設(shè)計(jì)面試的經(jīng)典問(wèn)題及答題思路：　　問(wèn)題一：“請(qǐng)你自我介紹一下”　　思路：　　1、這是面試的必考題目?！　?、介紹內(nèi)容要與個(gè)人簡(jiǎn)歷相一致。　　3、表述方式上盡量口語(yǔ)化?！　?、要切中要害，不談無(wú)關(guān)、無(wú)用的內(nèi)容。　　5、條理要清晰，層次要分明?！　?、事先最好以文字的形式寫(xiě)好背熟?！　』卮鹨c(diǎn)：用10秒鐘簡(jiǎn)單說(shuō)說(shuō)個(gè)人資料即可。用一分半鐘左右時(shí)間介紹你以前從事的工作，和所獲得的經(jīng)驗(yàn)。再用一分鐘左右時(shí)間描述你以前的工作經(jīng)驗(yàn)對(duì)應(yīng)聘的這份職位來(lái)說(shuō)有那些幫助?！　?wèn)題二：“談?wù)勀愕募彝デ闆r”　　思路：　　1、況對(duì)于了解應(yīng)聘者的性格、觀念、心態(tài)等有一定的作用，這是招聘單位問(wèn)該問(wèn)題的主要原因?！　?、簡(jiǎn)單地羅列家庭人?！　?、宜強(qiáng)調(diào)溫馨和睦的家庭氛圍?！　?、宜強(qiáng)調(diào)父母對(duì)自己教育的重視。　　5、宜強(qiáng)調(diào)各位家庭成員的良好狀況?！　?、宜強(qiáng)調(diào)家庭成員對(duì)自己工作的支持?！　?、宜強(qiáng)調(diào)自己對(duì)家庭的責(zé)任感?！　?wèn)題三：“你有什么業(yè)余愛(ài)好？”　　思路：　　1、業(yè)余愛(ài)好能在一定程度上反映應(yīng)聘者的性格、觀念、心態(tài)，這是招聘單位問(wèn)該問(wèn)題的主要原因?！　?、最好不要說(shuō)自己沒(méi)有業(yè)余愛(ài)好。　　3、不要說(shuō)自己有那些庸俗的、令人感覺(jué)不好的愛(ài)好?！　?、最好不要說(shuō)自己僅限于讀書(shū)、聽(tīng)音樂(lè)、上網(wǎng)，否則可能令面試官懷疑應(yīng)聘者性格孤僻?！　?、最好能有一些戶外的業(yè)余愛(ài)好來(lái)“點(diǎn)綴”你的形象?！　?wèn)題四：“你最崇拜誰(shuí)？”　　思路：　　1、最崇拜的人能在一定程度上反映應(yīng)聘者的性格、觀念、心態(tài)，這是面試官問(wèn)該問(wèn)題的主要原因?！　?、不宜說(shuō)自己誰(shuí)都不崇拜。　　3、不宜說(shuō)崇拜自己?！　?、不宜說(shuō)崇拜一個(gè)虛幻的、或是不知名的人。　　5、不宜說(shuō)崇拜一個(gè)明顯具有負(fù)面形象的人?！　?、所崇拜的人人最好與自己所應(yīng)聘的工作能“搭”上關(guān)系?！　?、最好說(shuō)出自己所崇拜的人的哪些品質(zhì)、哪些思想感染著自己、鼓舞著自己?！　?wèn)題五：“你的座右銘是什么？”　　思路：　　1、座右銘能在一定程度上反映應(yīng)聘者的性格、觀念、心態(tài)，這是面試官問(wèn)這個(gè)問(wèn)題的主要原因。　　2、不宜說(shuō)那些醫(yī)引起不好聯(lián)想的座右銘?！　?、不宜說(shuō)那些太抽象的座右銘?！　?、不宜說(shuō)太長(zhǎng)的座右銘。　　5、座右銘最好能反映出自己某種優(yōu)秀品質(zhì)。　　6、參考答案——“只為成功找方法，不為失敗找借口”　　二、面試的注意事項(xiàng)：　　(1)一旦和用人單位約好面試時(shí)間后，一定要提前5-10分鐘到達(dá)面試地點(diǎn)，以表示求職者的誠(chéng)意，給對(duì)方以信任 感，同時(shí)也可調(diào)整自己的心態(tài)，作一些簡(jiǎn)單的儀表準(zhǔn)備，以免倉(cāng)促上陣，手忙腳亂。為了做到這一點(diǎn)，一定要牢 記面試的時(shí)間地點(diǎn)，有條件的同學(xué)最好能提前去一趟，以免因一時(shí)找不到地方或途中延誤而遲到。如果遲到了， 肯定會(huì)給招聘者留下不好的印象，甚至?xí)适嬖嚨臋C(jī)會(huì)?！　?2) 進(jìn)入面試場(chǎng)合時(shí)不要緊張?！∪玳T關(guān)著，應(yīng)先敲門，得到允許后再進(jìn)去。開(kāi)關(guān)門動(dòng)作要輕，以從容、自然為 好。見(jiàn)面時(shí)要向招聘者主動(dòng)打招呼問(wèn)好致意，稱呼應(yīng)當(dāng)?shù)皿w。在用人單位沒(méi)有請(qǐng)你坐下時(shí)，切勿急于落座。用人 單位請(qǐng)你坐下時(shí)，應(yīng)道聲“謝謝”。坐下后保持良好體態(tài)，切忌大大咧咧，左顧右盼，滿不在乎，以免引起反感 。離去時(shí)應(yīng)詢問(wèn)“還有什么要問(wèn)的嗎”，得到允許后應(yīng)微笑起立，道謝并說(shuō)“再見(jiàn)”?！　?3) 對(duì)用人單位的 問(wèn)題要逐一回答。　對(duì)方給你介紹情況時(shí)，要認(rèn)真聆聽(tīng)。為了表示你已聽(tīng)懂并感興趣，可以在適當(dāng)?shù)臅r(shí)候點(diǎn)頭或 適當(dāng)提問(wèn)、答話?；卮鹬髟囌叩膯?wèn)題，口齒要清晰，聲音要適度，答話要簡(jiǎn)練、完整。一般情況下不要打斷用人 單位的問(wèn)話或搶問(wèn)搶答，否則會(huì)給人急躁、魯莽、不禮貌的印象。問(wèn)話完畢，聽(tīng)不懂時(shí)可要求重復(fù)。當(dāng)不能回答 某一問(wèn)題時(shí)，應(yīng)如實(shí)告訴用人單位，含糊其辭和胡吹亂侃會(huì)導(dǎo)致面試失敗。對(duì)重復(fù)的問(wèn)題也要有耐心，不要表現(xiàn) 出不耐煩。　　(4) 在整個(gè)面試過(guò)程中，在保持舉止文雅大方，談吐謙虛謹(jǐn)慎，態(tài)度積極熱情。　如果用人單位有兩位以上主試 人時(shí)，回答誰(shuí)的問(wèn)題，你的目光就應(yīng)注視誰(shuí)，并應(yīng)適時(shí)地環(huán)顧其他主試人以表示你對(duì)他們的尊重。談話時(shí)，眼睛 要適時(shí)地注意對(duì)方，不要東張西望，顯得漫不經(jīng)心，也不要眼皮低望，顯得缺乏自信，激動(dòng)地與用人單位爭(zhēng)辯某 個(gè)問(wèn)題也是不明智的舉動(dòng)，冷靜地保持不卑不亢的風(fēng)度是有益的。有的用人單位專門提一些無(wú)理的問(wèn)題試探你的 反應(yīng)，如果處理不好，容易亂了分寸，面試的效果顯然不會(huì)理想。

兩者概念上是一樣的；網(wǎng)站建設(shè)比起網(wǎng)站設(shè)計(jì)有局限性，更傾向于程序或模板的建站，而網(wǎng)站設(shè)計(jì)這么理解，它的定義更廣一些。網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language)，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片(GIF，JPEG，PNG)和表格，都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。而更復(fù)雜的信息如矢量圖形、動(dòng)畫(huà)、視頻、聲頻等多媒體檔案則需要插件程序來(lái)運(yùn)行，同樣地它們亦需要標(biāo)示語(yǔ)言移植在網(wǎng)站內(nèi)。網(wǎng)站設(shè)計(jì)要能充分吸引訪問(wèn)者的注意力，讓訪問(wèn)者產(chǎn)生視覺(jué)上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過(guò)藝術(shù)的手法表現(xiàn)出來(lái);而網(wǎng)頁(yè)制作通常就是將網(wǎng)頁(yè)設(shè)計(jì)師所設(shè)計(jì)出來(lái)的設(shè)計(jì)稿，按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)將其制作成網(wǎng)頁(yè)格式。

1、使用不合理的模板用模板的確是一件非常方便的事情。大型企業(yè)用模板確實(shí)說(shuō)不過(guò)去，但是初創(chuàng)公司借助BootStrap做網(wǎng)站絕對(duì)是情有可原。使用類似Bootstrap模板來(lái)作為基礎(chǔ)，借設(shè)計(jì)師之手針對(duì)品牌和企業(yè)氣質(zhì)稍加定制，其實(shí)是個(gè)很不錯(cuò)的主意，如果溝通良好，說(shuō)不定最終能呈現(xiàn)出一個(gè)非常不錯(cuò)的網(wǎng)站，對(duì)于企業(yè)的產(chǎn)品與服務(wù)也是很不錯(cuò)的加成。但是僅僅只是套用模板而不予以調(diào)整和定制，你所遭遇最常見(jiàn)的問(wèn)題是模板與品牌本身的視覺(jué)設(shè)計(jì)上無(wú)法達(dá)成一致，從LOGO使用的色彩，到品牌中獨(dú)特的字體，都無(wú)法與網(wǎng)站構(gòu)成較高的匹配度。不過(guò)如果你真的是在這方便也捉襟見(jiàn)肘的話，盡量挑選在各方面與品牌形象本身更接近的模板，將疏離感降到最低。2、使用默認(rèn)外觀和中文網(wǎng)站的情況不一樣，英文網(wǎng)站使用多種多樣的字體是一件很輕松的事情。如果你使用了Bootstrap、Wordpress 這樣的工具來(lái)創(chuàng)建網(wǎng)站，而僅僅使用默認(rèn)的設(shè)置，你愚弄不了任何人，大家一眼就會(huì)把你偷懶的事情看出來(lái)——連字體都是默認(rèn)的Open Sans。用Wordpress 默認(rèn)外觀也是一樣的道理。如果你不打算在網(wǎng)站視覺(jué)上和別人稍作區(qū)別的話，對(duì)品牌的傷害是顯而易見(jiàn)的。當(dāng)然，如果你能用好諸如Font Awesome 這樣的字體和CSS工具，也有點(diǎn)鐵成金的奇效。它能以增加圖標(biāo)庫(kù)和樣式的方式，讓Bootstrap等各式各樣的系統(tǒng)，擁有漂亮一致的視覺(jué)語(yǔ)言。毫無(wú)疑問(wèn)，這些被精心制作過(guò)的原創(chuàng)的圖標(biāo)，自然是比系統(tǒng)內(nèi)置的通用圖標(biāo)好。如果你有自己的創(chuàng)意和點(diǎn)子，為什么不去尋找更有個(gè)性，更符合你的品牌調(diào)性的圖標(biāo)、插畫(huà)和字體呢?也許時(shí)間成本、實(shí)現(xiàn)成本并沒(méi)有你想象中那么高。3、排版對(duì)比度的問(wèn)題字體的排版的問(wèn)題之大，遠(yuǎn)非絕大多數(shù)非設(shè)計(jì)人員想象的那么簡(jiǎn)單。文字和字母看起來(lái)很簡(jiǎn)單，但是它們可以成就好設(shè)計(jì)，也可以毀掉整個(gè)版面。在許多“自制”的網(wǎng)頁(yè)中，最常見(jiàn)的問(wèn)題是標(biāo)題和正文字體之間的對(duì)比度較低，整個(gè)頁(yè)面的信息層級(jí)不明顯。僅僅只是調(diào)整字體大小并不足以構(gòu)成對(duì)比，標(biāo)題字體的字重應(yīng)該比正文更大，也就是說(shuō)字體應(yīng)該更粗，確保它們夠顯眼，更容易被眼睛注意到。4、使用深色背景雖然背景處于網(wǎng)頁(yè)的最底層，但是它實(shí)際上是占據(jù)網(wǎng)站面積最大的部分，在用戶看到網(wǎng)頁(yè)的時(shí)候會(huì)第一時(shí)間感受到，精心選擇背景色彩很重要。作為一個(gè)久經(jīng)驗(yàn)證的法則，黑色色調(diào)的網(wǎng)站，除開(kāi)真正專業(yè)的設(shè)計(jì)師做出來(lái)的，其他的基本都沒(méi)法看。使用白色作為基本的背景色是非常安全的，不過(guò)多數(shù)的設(shè)計(jì)師會(huì)選擇淺灰色打底。值得注意的是，網(wǎng)站的灰度越高，黑色的文字的可閱讀性越差，為了確保網(wǎng)站的可閱讀性，灰度最好保持在15%以下。5、多級(jí)行為召喚Call To Action， 通常被稱為行為召喚，一般指的是引導(dǎo)用戶做你想讓他們做的事情，注冊(cè)帳號(hào)，點(diǎn)擊按鈕，等等。在網(wǎng)站頁(yè)面中，主要的行為召喚應(yīng)只有一個(gè)主要的，要知道選擇強(qiáng)迫癥患者比你想象中的多很多，如果沒(méi)有主要的、單一的行為召喚，用戶會(huì)感到困惑，并需要較長(zhǎng)的時(shí)間來(lái)做決定，再采取行動(dòng)。當(dāng)然，還有一部分用戶會(huì)直接關(guān)閉頁(yè)面走人。將所有內(nèi)容都擺到頁(yè)面上，和什么都不放是一樣的效果。移除多余的部分，篩選出最重要的東西擺上去，讓用戶做最重要的事情。無(wú)論是注冊(cè)還是打開(kāi)購(gòu)買鏈接，把最具有吸引力和最有意義的按鈕擺在最顯眼的位置上，專注于最主要的事情吧。6、對(duì)齊和留白的問(wèn)題留白，這個(gè)我們?cè)谡f(shuō)過(guò)，很多次了，在這里在說(shuō)一下，對(duì)齊和留白。說(shuō)留白和間距是一門藝術(shù)也不為過(guò)。留出足夠的空間，又不讓視覺(jué)元素周圍的間距太多以至于過(guò)于稀疏，這是設(shè)計(jì)中最難控制的部分之一。優(yōu)設(shè)有太多的文章介紹留白和排版的技巧，但若你不想記那么多復(fù)雜的技巧，給你推薦一個(gè)簡(jiǎn)單有效的方案：第一，要確保所有元素都合理而得體地組合到了一起，第二，在這組元素之外給出足夠的留白。7、不專業(yè)的文案要寫(xiě)好文案并不是一件簡(jiǎn)單的事情。但是不論如何，你需要通過(guò)網(wǎng)站將你需要表達(dá)的內(nèi)容呈現(xiàn)出來(lái)，特別是當(dāng)你是想通過(guò)網(wǎng)站賣東西的時(shí)候。在這種情形下，你需要讓你的文案易于被理解，精心校對(duì)，確保內(nèi)容的正確性和準(zhǔn)確性，不要有拼寫(xiě)錯(cuò)誤。我經(jīng)常在網(wǎng)上看到一些表述極為尷尬的文案，這樣的網(wǎng)站會(huì)給人一種網(wǎng)站尚處于原型階段的粗糙感。在網(wǎng)站上線前，找個(gè)有相關(guān)經(jīng)驗(yàn)的朋友瀏覽一下全站是個(gè)不錯(cuò)的選擇。8、可讀性的問(wèn)題如果無(wú)法讓人看清，再優(yōu)秀文案都無(wú)法拯救你的業(yè)務(wù)。許多細(xì)小的細(xì)節(jié)會(huì)影響網(wǎng)站文本的閱讀性，直接或者間接地影響你精心準(zhǔn)備的內(nèi)容，讓它們難以被讀者流暢地感知到。要解決可讀性問(wèn)題，值得注意的問(wèn)題很多。行高過(guò)低會(huì)讓文字難于被閱讀，太小的字體對(duì)于許多用戶都是障礙，陰影、斜體等效果也常常會(huì)影響可讀性(尤其是中文，繁體中文這種情況更嚴(yán)重)，色彩對(duì)比度沒(méi)控制好更是災(zāi)難性的。這其中有些問(wèn)題雖然算不得太嚴(yán)重，對(duì)于多數(shù)用戶也許不會(huì)造成太多障礙，但是這會(huì)讓用戶對(duì)你的專業(yè)性產(chǎn)生懷疑。9、一致性的問(wèn)題你應(yīng)該始終保持產(chǎn)品和品牌的一致性，從品牌設(shè)計(jì)、網(wǎng)站設(shè)計(jì)到社交媒體、包裝和廣告，都應(yīng)該具備品牌識(shí)別度。不過(guò)在實(shí)現(xiàn)這些遠(yuǎn)大的目標(biāo)之前，先退一步來(lái)看，你有必要讓網(wǎng)站本身先與自身保持一致性。你的網(wǎng)站字體的樣式是否保持了一致?LOGO上的品牌用色與網(wǎng)站的配色方案是否對(duì)應(yīng)?網(wǎng)站的各個(gè)元素的陰影樣式是完全一樣，還是“看起來(lái)很相似”?通常情況下，你只需要仔細(xì)清理你的CSS樣式表，就可以解決許多一致性的問(wèn)題。10、已訪問(wèn)過(guò)的內(nèi)容用不同顏色顯示如果網(wǎng)站不能顯示出用戶已經(jīng)察看過(guò)的內(nèi)容，用戶在瀏覽網(wǎng)頁(yè)時(shí)便會(huì)多出很多麻煩。相反，如果用戶訪問(wèn)過(guò)的內(nèi)容都能被清晰地標(biāo)出，他們便不會(huì)錯(cuò)誤地多次點(diǎn)擊同一個(gè)鏈接了。對(duì)用戶來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)上往往存在不止一個(gè)鏈接，如果沒(méi)有特殊的方式顯示已訪問(wèn)過(guò)的內(nèi)容的話，他們很難記住哪些鏈接是自己已經(jīng)點(diǎn)擊過(guò)的，哪些沒(méi)有。針對(duì)這個(gè)問(wèn)題，可以使用不同的顏色來(lái)區(qū)分已訪問(wèn)和未訪問(wèn)的內(nèi)容。已訪問(wèn)內(nèi)容的顯示顏色與未訪問(wèn)內(nèi)容的顏色應(yīng)該接近但又略有不同。例如，用紫色來(lái)標(biāo)注已訪問(wèn)的內(nèi)容不失為一種可行的辦法，因?yàn)榕c藍(lán)黑色相比較，紫色給人一種“消退”的感覺(jué)，用戶會(huì)有“這個(gè)鏈接我已經(jīng)點(diǎn)擊過(guò)了”的印象。11、填寫(xiě)表格時(shí)光標(biāo)自動(dòng)顯示在輸入?yún)^(qū)域當(dāng)用戶看到在屏幕上出現(xiàn)的表格時(shí)，他們的第一反應(yīng)通常是“現(xiàn)在需要從鼠標(biāo)切換到鍵盤(pán)了”。如果此時(shí)能將光標(biāo)顯示在第一個(gè)需要填寫(xiě)的區(qū)域內(nèi)，用戶操作起來(lái)就會(huì)感到更加便利。這樣的話，他們就省卻了“移動(dòng)鼠標(biāo)–點(diǎn)擊輸入框”這一步驟，而可以直接在表格內(nèi)填寫(xiě)內(nèi)容了。誰(shuí)不希望填寫(xiě)表格時(shí)更簡(jiǎn)便一些呢?12、為圖標(biāo)添加自動(dòng)提示問(wèn)題在網(wǎng)站中，圖標(biāo)可以優(yōu)雅而簡(jiǎn)潔地將某個(gè)特定的動(dòng)作信息傳達(dá)給用戶。但是要牢記，不是所有用戶都能立刻明白圖標(biāo)所代表的意義。因此，當(dāng)用戶將鼠標(biāo)置于圖標(biāo)之上時(shí)，隨即顯示關(guān)于這一圖標(biāo)所代表的功能就顯得尤為必要。有了這個(gè)細(xì)節(jié)，網(wǎng)站的新用戶即便不明白圖標(biāo)的含義，也不會(huì)因胡亂點(diǎn)擊而導(dǎo)致錯(cuò)誤了。13、反潮流設(shè)計(jì)不管你喜歡與否，擬物化設(shè)計(jì)已經(jīng)離我們遠(yuǎn)去了。濃重的陰影和大跨度的漸變色的使用，在目前的網(wǎng)頁(yè)設(shè)計(jì)中已然不多見(jiàn)。相比于在3D特效中尋求創(chuàng)意，不妨擁抱扁平化的設(shè)計(jì)準(zhǔn)則。

Web前端開(kāi)發(fā)技術(shù)主要包括三個(gè)要素：HTML、CSS和JavaScript！它要求前端開(kāi)發(fā)工程師不僅要掌握基本的Web前端開(kāi)發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開(kāi)發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等。如何學(xué)習(xí)前端知識(shí)？我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語(yǔ)言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來(lái)自于你對(duì)規(guī)則的掌握?，F(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁(yè)制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁(yè)制作的，沒(méi)有人指導(dǎo)你，而且很多視頻已經(jīng)過(guò)時(shí)了 ，并沒(méi)有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁(yè)制作這門技術(shù)，你可以來(lái)這個(gè)裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費(fèi)學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費(fèi)大家的時(shí)間 。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書(shū)仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來(lái)捆固、理解自己的知識(shí)。而學(xué)習(xí) Javascript 首先要知道這門語(yǔ)言可以做什么，不能做什么，擅長(zhǎng)做什么，不擅長(zhǎng)做什么！如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理，機(jī)制。需要知道他們的本源，需要深刻了解Javascript 基于對(duì)象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因?yàn)闅v史原因，Javascript一直不被重視，有點(diǎn)像被收養(yǎng)的一般！ 所以他有很多缺點(diǎn)，各個(gè)宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問(wèn)題、執(zhí)行效率低下等問(wèn)題。作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會(huì)處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書(shū)寫(xiě)語(yǔ)義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。2）精通CSS，能夠還原視覺(jué)設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery4）對(duì)常見(jiàn)的瀏覽器兼容問(wèn)題有清晰的理解，并有可靠的解決方案。5）對(duì)性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項(xiàng)目中有效實(shí)施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開(kāi)發(fā)，或者對(duì)相關(guān)的工具、類庫(kù)以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開(kāi)發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫(kù)系統(tǒng)，對(duì)數(shù)據(jù)庫(kù)有較強(qiáng)的設(shè)計(jì)能力3）熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮4）精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式、UML建模等5）熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開(kāi)發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力6）......從幾個(gè)公司的招聘要求可以看到，做Web開(kāi)發(fā)，對(duì)前端和后端的要求是各自所不同的。而我們目前的實(shí)際情況，也和這個(gè)差不多，但是，我們無(wú)論在知識(shí)的掌握程度上，還是知識(shí)掌握的寬度上，都是不夠的。首先，我們?cè)谇岸巳狈Ψe累，沒(méi)有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開(kāi)始的，同時(shí)，在前端也缺乏支撐與高手，所以，走起來(lái)比較困難。同時(shí)，前端人員培養(yǎng)的較少，一個(gè)原因是對(duì)前端了解太少，另外一個(gè)原因就是對(duì)前端與后端的工作比例估計(jì)不足。所幸，我們?cè)谶@一年也在前端有了很快的進(jìn)步，培養(yǎng)了幾個(gè)優(yōu)秀的開(kāi)發(fā)人員，有意識(shí)的解決了前端的用戶體驗(yàn)，這都是可喜的。今年，需要更進(jìn)一步，專業(yè)化。其次，我們?cè)诤蠖税l(fā)展的不夠?qū)?，后端的知識(shí)體系已經(jīng)比較完善，但是，很多應(yīng)用點(diǎn)都沒(méi)有涉及到。同時(shí)，對(duì)現(xiàn)有技術(shù)框架的理解都不夠深入，太浮躁。我們目前的設(shè)計(jì)團(tuán)隊(duì)在解決互聯(lián)網(wǎng)高并發(fā)、大數(shù)據(jù)量的存取上經(jīng)驗(yàn)與能力都還不足，需要正視這些問(wèn)題。后端技術(shù)的發(fā)展需要更加的精進(jìn)，以解決實(shí)際存在的問(wèn)題為主。最后，我們?cè)谇岸?、后端都缺乏熟練工，這會(huì)影響到開(kāi)發(fā)的速度，同時(shí)，也不利于后期技術(shù)的研究。

一、文字樣式設(shè)置的基本標(biāo)簽—<font> 設(shè)置字體樣式的基本標(biāo)簽是<font></font>，被其包含的文本為樣式作用區(qū)。在初學(xué)者的HTML代碼編寫(xiě)中，<font></font>容易被多重嵌套，如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標(biāo)簽嵌套錯(cuò)位，如<font><p>文本</font></p>。為了規(guī)范代碼的編寫(xiě)，避免不必要的錯(cuò)誤，讀者在初學(xué)時(shí)一定要謹(jǐn)慎。 二、設(shè)置文字的顏色 color是<font></font>標(biāo)簽的屬性之一，用于設(shè)置文字顏色。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為font_color.htm，編寫(xiě)代碼如代碼4.7所示。 代碼4.7 字體顏色的設(shè)置：font_color.htm <html> <head> <title>字體顏色的設(shè)置</title> </head> <body> 淺紅色文字：<font color="#dd0000">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深紅色文字：<font color="#660000">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺綠色文字：<font color="#00dd00">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深綠色文字：<font color="#006600">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺藍(lán)色文字：<font color="#0000dd">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深藍(lán)色文字：<font color="#000066">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺黃色文字：<font color="#dddd00">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深黃色文字：<font color="#666600">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺青色文字：<font color="#00dddd">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深青色文字：<font color="#006666">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 淺紫色文字：<font color="#dd00dd">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> 深紫色文字：<font color="#660066">HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么</font><br /> </body> </html> 不但可以從代碼4.7中學(xué)到color屬性在font標(biāo)簽中的用法，還可以熟悉各種顏色的表示方法。 三、 設(shè)置文字的尺寸 size也是<font></font>標(biāo)簽的屬性，用于設(shè)置文字大小。size的值為1-7，默認(rèn)為3。我們可以size 屬性值之前加上“＋”、“－”字符，來(lái)指定相對(duì)于字號(hào)初始值的增量或減量。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為font_size.htm，編寫(xiě)代碼如代碼4.8所示。 代碼4.8 字體尺寸的設(shè)置：font_size.htm <html> <head> <title>字體尺寸的設(shè)置</title> </head> <body> size為1：<font size="1">HTML學(xué)習(xí)</font><br /> size為2：<font size="2">HTML學(xué)習(xí)</font><br /> size為3：<font size="3">HTML學(xué)習(xí)</font><br /> size為4：<font size="4">HTML學(xué)習(xí)</font><br /> size為5：<font size="5">HTML學(xué)習(xí)</font><br /> size為6：<font size="6">HTML學(xué)習(xí)</font><br /> size為7：<font size="7">HTML學(xué)習(xí)</font><br /> </body> </html> 可嘗試在size值前面加上“＋”、“－”字符，更靈活地設(shè)置文字尺寸。 四、設(shè)置文字的字體 face也是<font></font>標(biāo)簽的屬性，用于設(shè)置文字字體（字型）。HTML網(wǎng)頁(yè)中顯示的字型從瀏覽端的系統(tǒng)中調(diào)用，所以為了保持字型一致，建議采用宋體，HTML頁(yè)面也是默認(rèn)采用宋體。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為font_face.htm，編寫(xiě)代碼如代碼4.9所示。 代碼4.9 字體字型的設(shè)置：font_face.htm <html> <head> <title>字體字型的設(shè)置</title> </head> <body> 字型為宋體：<font size="5">沁園春·長(zhǎng)沙-毛澤東</font><br /> 字型為楷體：<font size="5">沁園春·長(zhǎng)沙-毛澤東</font><br /> 字型為黑體：<font size="5">沁園春·長(zhǎng)沙-毛澤東</font><br /> 字型為隸書(shū)：<font size="5">沁園春·長(zhǎng)沙-毛澤東</font> </body> </html> 五、 使文字傾斜 用雙標(biāo)簽<i></i>可使被作用文字傾斜，達(dá)到特殊的效果，例如文章的日期。<em></em>被稱為強(qiáng)調(diào)標(biāo)簽，也是斜體，目前使用比<i></i>標(biāo)簽更頻繁，其編寫(xiě)方法如下： <i>這是斜體文字</i> <em>這也是斜體文字</em> 六、 使文字加粗 用雙標(biāo)簽<b></b>可使被作用文字加粗，是文字更加醒目，例如文章的標(biāo)題部分。<strong></strong>被稱為特別強(qiáng)調(diào)標(biāo)簽，也是文字加粗，目前使用比<b></b>標(biāo)簽更頻繁，其編寫(xiě)方法如下： <b>這是粗體文字</b> <strong>這也是粗體文字</strong> 七、給文字加下劃線 用雙標(biāo)簽<u></u>可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為font_style.htm，編寫(xiě)代碼如代碼4.10所示。 代碼4.10 文字修飾的設(shè)置：font_style.htm <html> <head> <title>字體修飾的設(shè)置</title> </head> <body> <font size="5">斜體：<em>沁園春·長(zhǎng)沙-毛澤東</em><br /> 加粗體：<strong>沁園春·長(zhǎng)沙-毛澤東</strong><br /> 下劃線：<u>沁園春·長(zhǎng)沙-毛澤東</u><br /> 斜體 加粗體 下劃線：<em><strong><u>沁園春·長(zhǎng)沙-毛澤東</u></strong></em></font> </body> </html> — 注意：在多個(gè)標(biāo)簽包含同一塊文字時(shí)，其包含順序不能錯(cuò)位。 八、 多種標(biāo)題樣式的使用 網(wǎng)頁(yè)的文章中，為了凸顯標(biāo)題的重要性，標(biāo)題的樣式比較特殊。HTML技術(shù)保護(hù)了一套針對(duì)標(biāo)題的樣式標(biāo)簽，分別為雙標(biāo)簽<h1>到<h6>，文字尺寸從大到小代表不同級(jí)別的標(biāo)題。標(biāo)題標(biāo)簽有一個(gè)特點(diǎn)，獨(dú)占一行、文字加粗、文字居中。這樣，在設(shè)置標(biāo)題的時(shí)候就很輕松了，并且可設(shè)多級(jí)標(biāo)題。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為font_h.htm，編寫(xiě)代碼如代碼4.11所示。 代碼4.11 標(biāo)題的設(shè)置：font_h.htm <html> <head> <title>標(biāo)題的設(shè)置</title> </head> <body> <h1>一號(hào)標(biāo)題</h1> <h2>二號(hào)標(biāo)題</h2> <h3>三號(hào)標(biāo)題</h3> <h4>四號(hào)標(biāo)題</h4> <h5>五號(hào)標(biāo)題</h5> <h6>六號(hào)標(biāo)題</h6> <h1>財(cái)富雜志：谷歌為何不會(huì)盛極而衰</h1> 　　　<h3>遭遇潛在問(wèn)題</h3> 　　<p>&nbsp;&nbsp;&nbsp;&nbsp;一些業(yè)內(nèi)人士認(rèn)為，長(zhǎng)期壟斷互聯(lián)網(wǎng)搜索和廣告市場(chǎng)谷歌可能會(huì)盛極而衰。...與此同時(shí)，谷歌近日推出的多項(xiàng)新計(jì)劃，例如開(kāi)放手機(jī)聯(lián)盟、社交網(wǎng)站通用平臺(tái)OpenSocial、以及可能投資數(shù)十億美元競(jìng)購(gòu)無(wú)線頻段，也遭到了廣泛的質(zhì)疑。 　　<h3>將繼續(xù)壟斷搜索</h3> 　　<p>&nbsp;&nbsp;&nbsp;&nbsp;最近有一些文章稱，如果出現(xiàn)更好的搜索引擎，人們會(huì)毫不猶豫地放棄谷歌。但是，即使真有更好的搜索引擎出現(xiàn)，谷歌仍然可以在一段時(shí)間內(nèi)屹立不倒。...在這種情況下，網(wǎng)站速度往往會(huì)成為決定勝負(fù)的關(guān)鍵。</p> </body> </html> 九、學(xué)會(huì)處理網(wǎng)頁(yè)中的特殊字符 在HTML中，有一些字符有特殊含義，例如“<”和“>”是標(biāo)簽的左括號(hào)和右括號(hào)，而標(biāo)簽是控制HTML顯示的，標(biāo)簽本身只能被瀏覽器解析，并不能在頁(yè)面中顯示。那么，該怎樣在HTML中顯示“<”和“>”呢？特殊符號(hào) HTML代碼 特殊符號(hào) HTML代碼 < &lt; ??（商標(biāo)符號(hào)） &trade; > &gt; ??（注冊(cè)符號(hào)） &reg; “”（英文半角） &quot; × &times; § &sect; ??（版權(quán)符號(hào)） &copy; 在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為string.htm，編寫(xiě)string.htm代碼如代碼4.12所示。 代碼4.12 特殊字符的設(shè)置：string.htm <html> <head> <title>特殊字符的設(shè)置</title> </head> <body> <font size="5"> 標(biāo)簽的顯示方法：&lt;HTML&gt;<br /> 引號(hào)的顯示方法：&quot;英文半角雙引號(hào)&quot;<br /> 商標(biāo)的顯示方法：&trade;<br /> 注冊(cè)符號(hào)的顯示方法：&reg;<br /> 版權(quán)符號(hào)的顯示方法：&copy;<br /> 顯示&sect;<br /> 顯示&times; </font> </body> </html> — 說(shuō)明：?jiǎn)为?dú)顯示符號(hào)&必須用代碼&amp;。 十、如何更方便地忽略瀏覽器對(duì)部分HTML的解析 如果在網(wǎng)頁(yè)中作一個(gè)類似本書(shū)的HTML代碼示例，恐怕得把所有的<和>轉(zhuǎn)換成&lt;和&gt;，顯得比較麻煩。HTML代碼中的<plaintext>和<xmp></xmp>可以輕松解決這個(gè)問(wèn)題。 <plaintext>是單標(biāo)簽，它插入到HTML代碼中時(shí)，其后面的所有HTML標(biāo)簽全部失效，即瀏覽器對(duì)<plaintext>后面所有的HTML標(biāo)簽不作解析，直接在頁(yè)面上顯示。 <xmp></xmp>是雙標(biāo)簽，它只使其包含的內(nèi)容中的標(biāo)簽失效，<xmp></xmp>的使用更為普遍。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為html.htm，編寫(xiě)代碼如代碼4.13所示。 代碼4.13 忽略標(biāo)簽的設(shè)置：html.htm <html> <head> <title>忽略標(biāo)簽的設(shè)置</title> </head> <body> <h2>沁園春·長(zhǎng)沙</h2> <xmp>獨(dú)立寒秋，<strong>湘江北去</strong>，橘子洲頭。 <br />看萬(wàn)山紅遍，層林盡染； <br />漫江碧透，<u>百舸爭(zhēng)流。</u> <br /></xmp> 鷹擊長(zhǎng)空，<strong>魚(yú)翔淺底，</strong> <br />萬(wàn)類霜天競(jìng)自由。 <br />悵寥廓，<u>問(wèn)蒼茫大地</u>，誰(shuí)主沉??？<br /> <plaintext> 攜來(lái)百侶曾游，<br />憶往昔崢嶸歲月稠。 <br /> 恰同學(xué)少年，風(fēng)華正茂； <br /> 書(shū)生意氣，揮斥方遒。 <br /> 指點(diǎn)江山，激揚(yáng)文字， <br /> 糞土當(dāng)年萬(wàn)戶侯。 <br /> 曾記否，<strong>到中流擊水</strong>，浪遏飛舟！ </body> </html> 十一、其他文字修飾方法 為了滿足不同領(lǐng)域的需要，HTML還有其他修飾文字的標(biāo)簽。比較常用的有上標(biāo)格式標(biāo)簽和下標(biāo)格式標(biāo)簽。某些場(chǎng)合甚至要用到刪除效果，即可用HTML的中劃線標(biāo)簽。 — 上標(biāo)格式標(biāo)簽為雙標(biāo)簽，多用于數(shù)學(xué)指數(shù)的表示，比如某個(gè)數(shù)的平方或立方。 — 下標(biāo)格式標(biāo)簽為雙標(biāo)簽，多用于注釋，以及數(shù)學(xué)的底數(shù)表示。 — 中劃線標(biāo)簽為雙標(biāo)簽<strike></strike>，多用于刪除效果。 在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件，命名為other.htm，編寫(xiě)代碼如代碼4.14所示。 代碼4.14 其他修飾標(biāo)簽的設(shè)置：other.htm <html> <head> <title>其他修飾標(biāo)簽的設(shè)置</title> </head> <body> <font size="5"> 沁園春^{長(zhǎng)沙}！<br /> 數(shù)學(xué)指數(shù)的表示：2³=8、100²=10000<br /><hr /> 沁園春_{長(zhǎng)沙}！<br /> 數(shù)學(xué)底數(shù)的表示：log₃81=4、log₅125=3<br /><hr /> 刪除效果：<strike>我被刪除了</strike> </font> </body> </html> 

一般的網(wǎng)頁(yè)做1000 或者1200px網(wǎng)頁(yè)設(shè)計(jì)師給的1920 是有那種全屏的banner 或者圖片背景之類是是1920寬，，普通的內(nèi)容一般是我上面說(shuō)得兩種像素 做頁(yè)面的時(shí)候定寬1000或者1200px 設(shè)計(jì)上1920的部分 你要做成100% 適應(yīng)不同分辨率的屏幕

要領(lǐng)一：確定網(wǎng)站主題 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問(wèn)題，即確定網(wǎng)站的主題。美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出了99年度排名前100位的全美知名網(wǎng)站的十類題材：第1類：網(wǎng)上求職；第2類：網(wǎng)上聊天/即時(shí)信息/ICQ；第3類：網(wǎng)上社區(qū)/討論/郵件列表；第4類：計(jì)算機(jī)技術(shù)；第5類：網(wǎng)頁(yè)/網(wǎng)站開(kāi)發(fā)；第6類：娛樂(lè)網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見(jiàn)解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。 對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬(wàn)象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來(lái)高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來(lái)困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒(méi)有第二！ 要領(lǐng)二：選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將全部落空。 目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開(kāi)啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁(yè)的傳輸速度。所以，就我個(gè)人觀點(diǎn)來(lái)說(shuō)，首先花點(diǎn)錢去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡(jiǎn)單、易記。 要領(lǐng)三：掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作Web頁(yè)面的工具軟件也越來(lái)越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動(dòng)網(wǎng)頁(yè)制作工具，各種各樣的Web頁(yè)面制作工具，下面是幾款具有代表性的網(wǎng)頁(yè)制作器： （1）HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁(yè)面效果，仍受高級(jí)網(wǎng)頁(yè)制作人員的青睞。就目前來(lái)說(shuō)，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁(yè)面創(chuàng)建及高級(jí)HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 （2）所見(jiàn)即所得的網(wǎng)頁(yè)編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁(yè)。而且，F(xiàn)rontpage還能解析網(wǎng)頁(yè)的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級(jí)網(wǎng)頁(yè)制作人員使用的工具軟件。 （3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動(dòng)網(wǎng)頁(yè)制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁(yè)制作工具。能夠輕松輸出各種各樣的動(dòng)畫(huà)網(wǎng)頁(yè)，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動(dòng)畫(huà)效果、互動(dòng)效果、多媒體效果十分出色。而且還可以在Flash動(dòng)畫(huà)中封裝Mp3音樂(lè)、填寫(xiě)表單等；并且由于Flash編制的網(wǎng)頁(yè)文件比普通網(wǎng)頁(yè)文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動(dòng)態(tài)Web制作的工具。 另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javascript、VBScript的基本知識(shí)。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫(huà)制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫(huà)工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。 當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫(kù)。編制網(wǎng)頁(yè)需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁(yè)素材。 要領(lǐng)四：確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn)： ①欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫(xiě)一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定題材后立刻開(kāi)始制作，沒(méi)有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好欄目和板塊的編排問(wèn)題。 網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是： ●盡可能刪除那些與主題無(wú)關(guān)的欄目； ●盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上； ●盡可能從訪問(wèn)者角度來(lái)編排欄目以方便訪問(wèn)者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。 另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動(dòng)力（www.enet.com.cn）的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來(lái)說(shuō)，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意： ●各板塊要有相對(duì)獨(dú)立性； ●各板塊要有相互關(guān)聯(lián)； ●各板塊的內(nèi)容要圍繞站點(diǎn)主題； ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如： ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。 ●按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡(jiǎn)介、站長(zhǎng)情況等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內(nèi)容也最好放在一個(gè)目錄下，便于維護(hù)管理。 ●在每個(gè)主目錄下都建立獨(dú)立的Images目錄。一般來(lái)說(shuō)，一個(gè)站點(diǎn)根目錄下都有一個(gè)默認(rèn)地Images目錄。將所有圖片都存放在這個(gè)目錄里很是不方便，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的Images目錄是方便管理的。原因很簡(jiǎn)單，就是方便維護(hù)與管理。 其它需要注意的還有：目錄的層次不要太深，不要超過(guò)3層；不要使用中文目錄，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難；不要使用過(guò)長(zhǎng)的目錄，太長(zhǎng)的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。 網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說(shuō)：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式： ●樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)一），這類似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出，條理比較清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須回到首頁(yè)再進(jìn)行。 ●星狀鏈接結(jié)構(gòu)（一對(duì)多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁(yè)面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 ③進(jìn)行形象設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā)： ●設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來(lái)自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 ●設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒。“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。 ●設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說(shuō)明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒(méi)有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。 ●設(shè)計(jì)網(wǎng)站宣傳語(yǔ)。也可以說(shuō)是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來(lái)高度概括。用富有氣勢(shì)的話或詞語(yǔ)來(lái)概括網(wǎng)站，進(jìn)行對(duì)外宣傳，可以收到比較好的結(jié)果。 要領(lǐng)五：確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 風(fēng)格是有人性的，通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來(lái)描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊L(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。 要領(lǐng)六：有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁(yè)設(shè)計(jì)制作者，最苦惱的就是沒(méi)有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來(lái)自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無(wú)意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng)意。另外，主頁(yè)內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁(yè)面制作地再怎樣精美，仍然不會(huì)有多少用戶。從根本上說(shuō)，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個(gè)人網(wǎng)站成功的關(guān)鍵。 要領(lǐng)七：推廣自己的網(wǎng)站 網(wǎng)站的營(yíng)銷推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請(qǐng)確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來(lái)說(shuō)，網(wǎng)站的推廣有以下幾種方式： （1）搜索引擎注冊(cè)與搜索目錄登錄技巧 注冊(cè)著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊(cè)搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁(yè)面，大部分搜索引擎不識(shí)別Frame，所以一定要提交有內(nèi)容的Main頁(yè)面。 而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn)（靠Spider自動(dòng)搜索的）更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對(duì)較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊(cè)站點(diǎn)描述不超過(guò)25個(gè)單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬(wàn)不要有虛假、夸張的成分。 （2）廣告交換技巧 很多個(gè)人站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問(wèn)量相當(dāng)；第二，首頁(yè)交換。顯而易見(jiàn)，這種做法是為了充分利用廣告交換。以很多個(gè)人網(wǎng)站的經(jīng)驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)，對(duì)方把網(wǎng)站的LOGO放到了友情連接一頁(yè)，而不是首頁(yè)時(shí)，很少有訪客會(huì)來(lái)自那里。通常在首頁(yè)，廣告交換才會(huì)有很好的效果。 （3）目標(biāo)電子郵件推廣 使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來(lái)進(jìn)行，只要你申請(qǐng)了免費(fèi)郵件列表服務(wù)，你就可以利用郵件列表來(lái)推廣你的網(wǎng)站；可以通過(guò)收集的特定郵件地址，來(lái)發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送HTML格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會(huì)被被當(dāng)作垃圾信件馬上刪掉，人們至少會(huì)留意一下發(fā)送者的地址。不過(guò)，在進(jìn)行郵件推廣的時(shí)候要注意網(wǎng)絡(luò)道德。 要領(lǐng)八：支撐網(wǎng)站日常運(yùn)行 當(dāng)個(gè)人網(wǎng)站做到某一程度，就必須把賺錢提到議事日程上來(lái)，通常來(lái)說(shuō)，個(gè)人網(wǎng)站獲取資金通常有以下兩個(gè)渠道： （1）銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位，一般來(lái)說(shuō)，每日的流量少于1萬(wàn)人次的網(wǎng)站在目前是不會(huì)吸引廣告主的。網(wǎng)站的專業(yè)性及商用性，以往的廣告經(jīng)驗(yàn)，技術(shù)以及設(shè)計(jì)要求等也會(huì)影響到廣告的銷售。 一般來(lái)說(shuō)，WEB廣告的收費(fèi)有三種方式： ①CPM (Cost Per Million/Thousand) 放一個(gè)廣告，它按每1,000人次來(lái)訪問(wèn)站點(diǎn)收費(fèi)。這方法對(duì)網(wǎng)站經(jīng)營(yíng)者最為合適，只要有人瀏覽該網(wǎng)頁(yè)，就得錢，不管訪問(wèn)者對(duì)廣告有無(wú)反應(yīng)——是否會(huì)看或點(diǎn)擊該廣告。 ②點(diǎn)透（Click-through） 通過(guò)Banner廣告點(diǎn)到了廣告商的站點(diǎn)，這才算數(shù)，廣告商青睞這個(gè)，他只為對(duì)自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營(yíng)者就不合適了，據(jù)一些調(diào)查資料表明，只有3%的訪問(wèn)者會(huì)去“CLICK”廣告。 ③提成 (Commission) 根據(jù)訪問(wèn)者點(diǎn)擊位于你站點(diǎn)上廣告所帶來(lái)的銷售收入，從中跟做廣告的廠商分成，這種方法對(duì)于網(wǎng)站的經(jīng)營(yíng)者來(lái)說(shuō)，比上面兩個(gè)都更加冒險(xiǎn)。 通常的，個(gè)人網(wǎng)站的廣告收費(fèi)方法往往是第一、第二種方法的結(jié)合，站點(diǎn)和廣告商都可少冒點(diǎn)險(xiǎn)。 （2）與大型網(wǎng)站合作 另外，通過(guò)與大型網(wǎng)站合作，獲取經(jīng)費(fèi)，也可以維持個(gè)人網(wǎng)站的日常運(yùn)行。不過(guò)，個(gè)人網(wǎng)站很容易會(huì)成為商業(yè)網(wǎng)站的附屬品。 有時(shí)間和充沛的體力，再加上對(duì)新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上建一個(gè)家了 參考資料： http://zhidao.baidu.com/question/6583649.html?fr=qrl3