Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
根據(jù)網(wǎng)站定位以商品銷售為主+增值服務(wù)為輔的原則,我們初步設(shè)置五個(gè)頻道:
一、嬰之購(gòu)頻道:該頻道主要介紹XXX母嬰零售企業(yè)銷售的各類商品。與其他孕嬰網(wǎng)站購(gòu)物頻道相比,本站創(chuàng)新之處:
1、特設(shè)消費(fèi)前沿欄目,主要介紹商家最新推出的孕嬰商品,除食用商品外,其他新品消費(fèi)者都可以免費(fèi)試用,具體商品由廠家提供,這個(gè)欄目一方面普及了商家的新品,另一方面由于免費(fèi)試用,吸引了頻道的人氣。
2、積分換商品,這里需要引入一個(gè)會(huì)員卡概念,所有持XXX母嬰零售企業(yè)會(huì)員卡的消費(fèi)者無(wú)論在門店消費(fèi)還是在網(wǎng)站消費(fèi)都可以得到積分,而且在購(gòu)買同樣商品的前提下,網(wǎng)站購(gòu)物的積分要高于門店的積分,以引導(dǎo)消費(fèi)者進(jìn)入網(wǎng)站消費(fèi),網(wǎng)站將定期推出積分換商品計(jì)劃,消費(fèi)者可以持卡內(nèi)積分兌換會(huì)員商品,通過(guò)一張會(huì)員卡,網(wǎng)站將牢牢抓住居入嬰之島的會(huì)員顧客。
3、年齡購(gòu)物指導(dǎo):對(duì)于孕嬰商品的分類,網(wǎng)站除了采用傳統(tǒng)按照商品種類的分類方法外;還將引入年齡購(gòu)物的分類方法,同時(shí)根據(jù)消費(fèi)者在網(wǎng)站注冊(cè)時(shí)提供寶寶的出生年月,網(wǎng)站定期會(huì)將適合消費(fèi)者寶寶的商品通過(guò)mail形式發(fā)給消費(fèi)者,以吸引消費(fèi)者進(jìn)入平臺(tái)購(gòu)物。
二、嬰之評(píng)頻道:該頻道主要是媽媽們對(duì)網(wǎng)站銷售的商品進(jìn)行評(píng)價(jià)。在嬰知評(píng)頻道里,我們將對(duì)“媽媽評(píng)”的功能進(jìn)行全面創(chuàng)新。
1、通過(guò)媽媽的評(píng)價(jià),網(wǎng)站將會(huì)推出媽媽最喜歡的十大孕嬰品牌,媽媽最喜歡的十大奶粉……這些數(shù)據(jù)都可以用于日后新聞宣傳和炒作時(shí)使用。
2、在媽媽評(píng)里面,采用當(dāng)時(shí)互聯(lián)網(wǎng)最新推出的一個(gè)dig(掘客)概念。媽媽們所有評(píng)論都將進(jìn)入投票系統(tǒng),通過(guò)dig程序,網(wǎng)站始終會(huì)將媽媽們認(rèn)為評(píng)論最佳一個(gè)評(píng)論放在最前面,同時(shí)通過(guò)dig功能,引發(fā)相同評(píng)論媽媽們的交友興趣,并最終形成社區(qū)頻道里面一個(gè)“圈子”。通過(guò)dig功能,還將激發(fā)媽媽們對(duì)商品進(jìn)行真實(shí)的評(píng)價(jià),因?yàn)橹挥凶钫鎸?shí)的評(píng)價(jià)才會(huì)得到其他媽媽們的認(rèn)同,才會(huì)始終處于評(píng)論的首位。
3、為激勵(lì)媽媽進(jìn)行商品評(píng)價(jià),所有評(píng)價(jià)的媽媽們都將獲得積分和獲得一定的魅力值,獲得最佳評(píng)論的媽媽積分和魅力值將獲得更多,而所有這些積分都將可以兌換獎(jiǎng)品。
4、計(jì)劃。通過(guò)媽媽的評(píng)價(jià),將迫使媽媽們對(duì)采購(gòu)商品進(jìn)行重新認(rèn)知,可能會(huì)影響到下階段媽媽選購(gòu)商品,計(jì)劃功能就是顯示媽媽們下一階段將會(huì)選擇哪些商品。通過(guò)計(jì)劃功能XXX母嬰零售企業(yè)可以提前采購(gòu)商品,做到貨源的精確采購(gòu)。
三、嬰之問(wèn)頻道:該頻道主要是媽媽們學(xué)習(xí)和交流的地方。與其他孕嬰網(wǎng)站購(gòu)物頻道相比,本站仍有許多創(chuàng)新之處:
1、我們將定期邀請(qǐng)?jiān)袐雽<覍?duì)媽媽提出的問(wèn)題進(jìn)行解答,特別是爭(zhēng)論較大的問(wèn)題,我們將邀請(qǐng)專家進(jìn)行詳細(xì)的解答。通過(guò)專家的解答樹(shù)立網(wǎng)站的權(quán)威性。
2、網(wǎng)站定期邀請(qǐng)?jiān)袐雽<易隹途W(wǎng)站聊天室,并以主題的形式進(jìn)行聊天,通過(guò)邀請(qǐng)?jiān)袐雽<易隹蚗XX母嬰零售企業(yè)網(wǎng)站來(lái)拉動(dòng)人氣。
3、wili欄目(孕嬰百科全書),邀請(qǐng)媽媽們共同撰寫孕嬰百科全書,網(wǎng)站可以在適當(dāng)?shù)臅r(shí)機(jī),將這些網(wǎng)絡(luò)“孕嬰百科全書”出版發(fā)行,以拉動(dòng)人氣。
4、孕嬰之道。網(wǎng)站今后一個(gè)重要的收費(fèi)欄目。邀請(qǐng)專家對(duì)媽媽或?qū)殞殰y(cè)評(píng),并對(duì)測(cè)評(píng)結(jié)果提出具體解決方案。在計(jì)劃生育的浪潮下,目前一家家庭基本只有一個(gè)小孩,加深了父母對(duì)優(yōu)生優(yōu)養(yǎng)的關(guān)注,因此“孕嬰之道”定將成為網(wǎng)站將來(lái)一個(gè)不錯(cuò)的收費(fèi)項(xiàng)目。
5、為激勵(lì)媽媽進(jìn)行提問(wèn)和解答,所有解答的媽媽們都將獲得積分和獲得一定的魅力值,獲得最佳評(píng)論的媽媽積分和魅力值將獲得更多,而所有這些積分都將可以兌換獎(jiǎng)品。
四、嬰之島頻道:該頻道是網(wǎng)站的社區(qū),包括博客、圈子、BBS等分欄目。社區(qū)方面的創(chuàng)新:
1、話題的提煉。針對(duì)媽媽們對(duì)某一話題的重視程度,編輯及時(shí)將這些專題提煉出來(lái),來(lái)設(shè)“熱點(diǎn)關(guān)注”,并制作成專題,以產(chǎn)生更深遠(yuǎn)的影響。
2、成長(zhǎng)日記。在提及成長(zhǎng)日記之前,先說(shuō)一下目前XXX母嬰零售企業(yè)發(fā)行的目錄還僅僅局限在商品的介紹,能不能讓這本目錄內(nèi)容更豐富,消費(fèi)者更有收藏價(jià)值,如果我們將網(wǎng)站上一些精華日記,網(wǎng)站上一些熱點(diǎn)討論放在這本目錄上,勢(shì)必會(huì)引起更多消費(fèi)者的關(guān)注,通過(guò)網(wǎng)刊互動(dòng),增加消費(fèi)者對(duì)XXX母嬰零售企業(yè)認(rèn)知,同時(shí)通過(guò)廠家廣告的方式,我們這本目錄不僅可以成為媽媽喜歡的刊物,同樣可以成為公司的一個(gè)盈利項(xiàng)目。
3、活動(dòng)推出。網(wǎng)站社區(qū)將定期舉辦各種活動(dòng)。如通過(guò)免費(fèi)送域名,給寶寶一個(gè)個(gè)性化域名的方式,可以吸引眾多媽媽們來(lái)注冊(cè)。再如,送個(gè)性日歷或成長(zhǎng)日記,網(wǎng)站可以聯(lián)系專業(yè)印客公司和廠家共同舉辦免費(fèi)送寶寶個(gè)性日歷或者定制寶寶成長(zhǎng)日記,一方面提高了媽媽們到網(wǎng)站發(fā)日記積極性,另一方面通過(guò)免費(fèi)送個(gè)性日歷或成長(zhǎng)日記擴(kuò)大XXX母嬰零售企業(yè)網(wǎng)站的影響力和知名度。
五、嬰之愛(ài)頻道。該頻道主要用于XXX母嬰零售企業(yè)的各項(xiàng)公益活動(dòng)。任何一個(gè)大型公司要想提高品牌美譽(yù)度,公益活動(dòng)自然不可缺少,因此,特設(shè)立一個(gè)嬰之愛(ài)頻道。
1、建立XXX愛(ài)心基金。中國(guó)每年有15萬(wàn)先天性心臟病患兒出生,經(jīng)過(guò)手術(shù)治療后,他們中絕大多數(shù)都能完全恢復(fù)健康。XXX愛(ài)心基金可以由XXX公司與兒童希望救助基金共同設(shè)立的。該基金將針對(duì)國(guó)內(nèi)患有先天性心臟病兒童,為他們提供心臟手術(shù)費(fèi)用援助。
2、聯(lián)合廠家舉辦公益活動(dòng)。
企業(yè)網(wǎng)站建設(shè)策劃書2018優(yōu)秀版
(1)系統(tǒng)性原則。
同時(shí)提供設(shè)計(jì)方案。設(shè)計(jì)實(shí)施單位應(yīng)充分了解企業(yè)文化和企業(yè)機(jī)構(gòu)及管理信息等基本情況,對(duì)營(yíng)銷目標(biāo)、行業(yè)競(jìng)爭(zhēng)狀況、產(chǎn)品特征、用戶需求行為以及網(wǎng)站推廣運(yùn)營(yíng)等基本問(wèn)題等要素融入到網(wǎng)站建設(shè)方案中。
(2)完整性原則。
企業(yè)網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上的經(jīng)營(yíng)場(chǎng)所,應(yīng)該為用戶提供完整的信息和服務(wù):網(wǎng)站的'基本要素合理、完整;網(wǎng)站的內(nèi)容全面、有效;網(wǎng)站的服務(wù)和功能適用、方便;網(wǎng)站建設(shè)與網(wǎng)站運(yùn)營(yíng)維護(hù)銜接并提供支持。
(3)友好性原則。
網(wǎng)站的友好性包括三個(gè)方面:對(duì)用戶友好——滿足用戶需求、獲得用戶信任;對(duì)網(wǎng)絡(luò)環(huán)境友好——適合搜索引擎檢索、便于積累網(wǎng)絡(luò)營(yíng)銷資源;對(duì)經(jīng)營(yíng)者友好——網(wǎng)站便于管理維護(hù)、提高工作效率。
(4)簡(jiǎn)單性原則。
在保證網(wǎng)站基本要素完整的前提下,盡可能減少不相關(guān)的內(nèi)容、圖片和多媒體文件等,使得用戶以盡可能少的點(diǎn)擊次數(shù)和盡可能短的時(shí)間獲得需要的信息和服務(wù)。
(5)適應(yīng)性原則。
企業(yè)網(wǎng)站的功能、內(nèi)容、服務(wù)和表現(xiàn)形式等需要適應(yīng)不斷變化的網(wǎng)絡(luò)營(yíng)銷環(huán)境,網(wǎng)站應(yīng)具有連續(xù)性和可擴(kuò)展性。
易雅達(dá)已經(jīng)寫了一個(gè)企業(yè)網(wǎng)站建設(shè)過(guò)程,所以我們只是為了避免冗余列出文章的一些關(guān)鍵點(diǎn)。
設(shè)計(jì)一個(gè)網(wǎng)站時(shí),不應(yīng)該開(kāi)始里面的文本編輯器(的BBEdit)或網(wǎng)站建設(shè)應(yīng)用程序(Dreamweaver中)的過(guò)程 。相反,這一過(guò)程應(yīng)該開(kāi)始在一張紙上,或在流程圖軟件。
通俗地說(shuō),流程圖提供了一個(gè)可視化的圖表,說(shuō)明你的網(wǎng)站結(jié)構(gòu)。您的網(wǎng)站有多少主導(dǎo)航項(xiàng)目將包含哪些內(nèi)容?這些項(xiàng)目將被稱為?是否有在主網(wǎng)頁(yè)中包含的任何網(wǎng)頁(yè)?他們會(huì)是什么呢?規(guī)劃您的網(wǎng)站使用的流程圖,你得到一個(gè)良好的開(kāi)端:
在建模階段,靜態(tài)的“線框”的實(shí)體模型創(chuàng)建的每一個(gè)獨(dú)特的網(wǎng)頁(yè)。要?jiǎng)?chuàng)建線框圖,人們可以使用:
這些線框包含一個(gè)裸骨骼的骨架,這說(shuō)明了一個(gè)特定網(wǎng)頁(yè)的布局。標(biāo)志會(huì)在哪里去了?內(nèi)容位于何處?會(huì)不會(huì)有面包屑嗎?你將有一個(gè)登錄框?每個(gè)這些問(wèn)題(和更多)回答在建模階段。有幾件事情之一創(chuàng)建線框時(shí),應(yīng)考慮:
一定要包括所有將用于(標(biāo)志,導(dǎo)航,內(nèi)容安排,圖像/視頻的位置,登錄框,搜索,面包等)的重要元素
在易雅達(dá)專業(yè)的企業(yè)網(wǎng)站建設(shè)策劃書中第三個(gè)階段包括:
轉(zhuǎn)換成代碼(標(biāo)記)Web瀏覽器使用的網(wǎng)頁(yè)設(shè)計(jì),從圖像到您的網(wǎng)站在因特網(wǎng)上展示
在最后階段,參考兩個(gè)流程圖建立在第一階段,在第二階段的線框創(chuàng)建,以創(chuàng)建最終的頁(yè)面布局和設(shè)計(jì)的樣機(jī)。在Photoshop或其他圖像編輯軟件,您選擇使用,因?yàn)樗且环N痛苦,一旦它被轉(zhuǎn)換成標(biāo)記(代碼)進(jìn)行更改設(shè)計(jì)的設(shè)計(jì)應(yīng)該敲定。
一個(gè)結(jié)構(gòu)良好的網(wǎng)頁(yè)設(shè)計(jì)過(guò)程是許多網(wǎng)頁(yè)設(shè)計(jì)師選擇忽視最重要的步驟之一。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,如我們剛剛描述的,你增加的可能性,您的網(wǎng)站將精心組織,容易通航,和用戶友好。如果你想跳過(guò)任何在我們專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)清單的項(xiàng)目,確保網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中是不是其中之一。
平衡。平衡是指平等分配的重和輕元素在單一頁(yè)面上。
統(tǒng)一。團(tuán)結(jié)保留所有在網(wǎng)站上的類似元素的一致好評(píng)和多樣化進(jìn)一步除了那些凡事都要拉成一個(gè)統(tǒng)一的整 體。
重視。重點(diǎn)涉及映入眼簾的是繪制到設(shè)計(jì)要點(diǎn);又稱“聯(lián)絡(luò)點(diǎn)”。
對(duì)比度。不只是色彩對(duì)比,但也反襯的形狀,大小,紋理,甚至排版 。
節(jié)奏。也被稱為重復(fù),節(jié)奏帶入你的網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)部一致性。
企業(yè)網(wǎng)站建設(shè),信息超載是很多時(shí)候,一個(gè)企業(yè)網(wǎng)站建設(shè)的最大殺手之一 。設(shè)計(jì)者有時(shí)卻忘了說(shuō)“少即是多”,不知何故似乎相信,塞入到一個(gè)頁(yè)面的信息越多,將更好。不要成為一個(gè)信息超載的受害者 。保持你的布局,為盡可能清潔 。不同的主題給自己的專用網(wǎng)頁(yè)。
信息過(guò)載的最大原因之一是不能成功地規(guī)劃出您的網(wǎng)站通過(guò)使用流程圖和線框布局,討論了上述步驟,記?。嚎崭癫灰欢ㄊ且患氖?。事實(shí)上,空白是你的朋友,尤其是在創(chuàng)建一個(gè)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)。成功的專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)如何使用白色,負(fù)空間自身優(yōu)勢(shì),并把它設(shè)計(jì)的關(guān)鍵要素 。
專業(yè)設(shè)計(jì)一個(gè)網(wǎng)站時(shí),每次問(wèn)自己:“有什么可以做,使設(shè)計(jì)更好看?”,比較一致的,和最重要的是,給你的網(wǎng)站一個(gè)更強(qiáng)大的身份和形象。
當(dāng)我們說(shuō)“細(xì)節(jié)”,我們不只是談?wù)撈矫嬖O(shè)計(jì)元素。沒(méi)有,平面設(shè)計(jì)僅僅是冰山一角。我們還談?wù)撆虐?字體面臨即宋體,黑體,12像素,18像素,字體風(fēng)格/重量即粗體,斜體)和其他設(shè)計(jì)元素。
注重細(xì)節(jié)是非常重要的,因?yàn)樗3J窃谀愕脑O(shè)計(jì)細(xì)節(jié),使您的網(wǎng)站脫穎而出的競(jìng)爭(zhēng)。 - 給他們一些不同的,獨(dú)特的`,和有吸引力的,他們會(huì)回來(lái)訪問(wèn)。他們甚至可能喜歡你的網(wǎng)站。
CSS - 又稱級(jí)聯(lián)樣式表 - 表為基礎(chǔ)的網(wǎng)站布局。問(wèn)題是,很多網(wǎng)頁(yè)設(shè)計(jì)師仍然使用表來(lái)創(chuàng)建自己的設(shè)計(jì)。不僅是這個(gè)專業(yè),但表只是普通的。這里有一些原因使用你的網(wǎng)頁(yè)設(shè)計(jì)中的表是一個(gè)壞主意:
表減慢您的網(wǎng)站。加載之前向用戶顯示一個(gè)表中的細(xì)胞內(nèi)部的一切 。使用撥號(hào)上網(wǎng)的人,這一點(diǎn)尤其明顯。
表使凌亂的代碼,并添加不必要的垃圾標(biāo)記。文件大小是由于過(guò)度行代碼,這意味著裝載速度增加。此外,篩選數(shù)百行代碼(有時(shí)千)只是為了改變并不是很多的樂(lè)趣。
使用表時(shí),通用的布局更新困難且耗時(shí)。制作通用的編輯與表打開(kāi)每個(gè)文件,通過(guò)篩選的代碼和垃圾標(biāo)記,并作出改變(同樣,在每一頁(yè)上)。通常使用CSS的時(shí)候,所有必須做的就是打開(kāi)樣式表,改變單一的價(jià)值。
表應(yīng)該只用于顯示數(shù)據(jù),而不是用于設(shè)計(jì)網(wǎng)站。
表的限制你的創(chuàng)意和設(shè)計(jì) ??菰锏?,基于網(wǎng)格的布局表格布局是有限的。
有了CSS,你可以隨時(shí)隨地將任何。用CSS布局的可能性是無(wú)窮無(wú)盡的 。
CSS將節(jié)省您的時(shí)間,并增加你的收入,從長(zhǎng)遠(yuǎn)來(lái)看 。更新和編輯更容易使用CSS比表格。由于更快的加載速度,更少的游客很可能變得急躁和離開(kāi)。較長(zhǎng)的訪問(wèn)瀏覽,更多的廣告點(diǎn)擊,降低跳出率=為你更多的錢 。
高品質(zhì)的CSS展示網(wǎng)站上顯示你的CSS網(wǎng)站 。
再次,說(shuō)白了,如果你的網(wǎng)站是使用表格創(chuàng)建,它不是專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量。現(xiàn)在流行使用CSS樣式表的公司網(wǎng)站建設(shè)。
有一件事,極大地?fù)p害一個(gè)網(wǎng)站的質(zhì)量和信譽(yù)是寫得不好,語(yǔ)法不正確,拼寫錯(cuò)誤的內(nèi)容。不幸的是,在一個(gè)非常高的網(wǎng)站數(shù)量目前這類內(nèi)容 - 尤其是“專業(yè)”的公司網(wǎng)站,
如果你不知道怎么寫,然后雇人寫您的網(wǎng)站內(nèi)容。以后你會(huì)感謝自己。即使你知道怎么寫,錯(cuò)誤是很容易的。通過(guò)您的內(nèi)容運(yùn)行幾次,以確認(rèn)一切是有意義的,有趣的是,和拼寫正確。你會(huì)顯得更加專業(yè)和人民將采取什么你不得不說(shuō)更嚴(yán)重。
網(wǎng)站可用性是非常重要的的。在一般情況下,可用性是指用戶可以如何學(xué)習(xí)和使用的產(chǎn)品,以實(shí)現(xiàn)自己的目標(biāo),他們是這一進(jìn)程的滿意度如何。
“可用性”,易雅達(dá)給的定義,是指使用“該產(chǎn)品的人,可以這樣做快速而輕松地完成其任務(wù)??捎眯砸部梢钥紤]成本效益和實(shí)用性等因素。”
如果網(wǎng)站的可用性差,那么人們可以很容易地變得沮喪,并留下您的網(wǎng)站 ??捎眯允且粋€(gè)專業(yè)設(shè)計(jì)企業(yè)網(wǎng)站的最重要的元素。
有些人會(huì)爭(zhēng)辯說(shuō),與您的網(wǎng)站從W XHTML和CSS驗(yàn)證驗(yàn)證是浪費(fèi)時(shí)間。
無(wú)障礙。如果沒(méi)有無(wú)障礙,您運(yùn)行被起訴的風(fēng)險(xiǎn) 。例如:一個(gè)殘疾的人不能使用“常規(guī)”的瀏覽器,如果你的網(wǎng)站是無(wú)法給他們。雖然驗(yàn)證并不一定能保證無(wú)障礙,這是一個(gè)盡職調(diào)查的重要組成部分,是有足夠的理由,您應(yīng)該驗(yàn)證您的網(wǎng)站的XHTML和CSS 。
跨瀏覽器兼容,你的網(wǎng)站在所有Web瀏覽器相同顯示。在下一步,我們將覆蓋跨瀏覽器兼容的重要性。
你看起來(lái)更加專業(yè)有效的網(wǎng)站。同樣,喜歡有趣的內(nèi)容,無(wú)語(yǔ)法錯(cuò)誤和拼寫錯(cuò)誤,有一個(gè)有效的網(wǎng)站,讓你看起來(lái)更專業(yè),您的訪客。它告訴他們“嘿,我關(guān)心我的網(wǎng)站的形象,我花了時(shí)間來(lái)驗(yàn)證它”。
如果你正在建設(shè)一個(gè)網(wǎng)站的第一次,那么你可能會(huì)發(fā)現(xiàn)你的網(wǎng)站有很多驗(yàn)證錯(cuò)誤。不要擔(dān)心,這種情況易雅達(dá)最好的。驗(yàn)證規(guī)則,更少的錯(cuò)誤,你會(huì)得到更容易將驗(yàn)證您的網(wǎng)站。
也許是最困難,耗時(shí)。易雅達(dá)專業(yè)企業(yè)網(wǎng)站建設(shè)方面是確保你的網(wǎng)站是符合標(biāo)準(zhǔn)的。
符合標(biāo)準(zhǔn)的,是在描述網(wǎng)站用戶代理“(往往是Web瀏覽器)萬(wàn)維網(wǎng)聯(lián)盟(W3C)建議的web標(biāo)準(zhǔn)相對(duì)符合經(jīng)常使用的一個(gè)術(shù)語(yǔ)
通俗地說(shuō),如果你想你的網(wǎng)站被認(rèn)為是專業(yè),那么它必須外觀和功能在所有主要瀏覽器相同。此外,實(shí)現(xiàn)互操作性降低了內(nèi)容提供商的費(fèi)用,因?yàn)樗鼈儽仨氈恢贫ㄒ粋€(gè)文檔的一個(gè)版本。
如上所述,建立一個(gè)符合標(biāo)準(zhǔn)的的網(wǎng)站將采取大量的時(shí)間,甚至可以涉及使用某些元素的順序基本 出現(xiàn)在所有主要瀏覽器相同的。主要的瀏覽器包括:的Internet Explorer 6(IE6的PC)的Internet Explorer 7(IE7的 - PC),火狐(PC和Mac),Safari瀏覽器(PC和Mac)和Opera(PC和Mac)。這些瀏覽器控制的大部分瀏覽器市場(chǎng)份額,因此,您所創(chuàng)建的網(wǎng)站應(yīng)在這些瀏覽器中的每一個(gè)測(cè)試廣泛,以確保遵守標(biāo)準(zhǔn)。此外,XHTML和CSS驗(yàn)證(如在第8步中提到:XHTML和CSS驗(yàn)證)編程時(shí)是非常重要的的一個(gè)網(wǎng)站,以符合標(biāo)準(zhǔn)。驗(yàn)證您的網(wǎng)站,驗(yàn)證你的CSS樣式表。
優(yōu)化網(wǎng)站是專業(yè)設(shè)計(jì)一個(gè)網(wǎng)站時(shí),必須考慮的另一個(gè)重要因素。網(wǎng)站優(yōu)化包括:
圖像優(yōu)化。音頻和視頻,圖像會(huì)嚴(yán)重?fù)p害您的網(wǎng)站加載速度。始終壓縮你的圖片使用Photoshop或您最喜愛(ài)的圖像壓縮實(shí)用程序 。通過(guò)壓縮圖像,減少文件的大小,它允許一個(gè)網(wǎng)頁(yè)加載更快從而最終降低的機(jī)會(huì),你的訪客會(huì)離開(kāi)您的網(wǎng)站由于長(zhǎng)期的加載時(shí)間。
音頻/視頻優(yōu)化。尖叫“外行”的另一項(xiàng)主要的煩惱是有巨大的視頻和音頻文件嵌入在您的網(wǎng)頁(yè) 。嘗試使用Flash視頻(FLV)壓縮為您的視頻文件(MP3)為您的音頻文件壓縮。不僅是文件大小小于(AVI)的視頻或音頻(WAV)(MPG),但視頻/音頻負(fù)荷更快,這意味著您的網(wǎng)頁(yè)上的其他元素將加載速度更快 ,太。
清潔的代碼。不使用表設(shè)計(jì)你的網(wǎng)站-使用CSS(層疊樣式表)。表格有很多垃圾的標(biāo)記,這將減慢您的頁(yè)面加載時(shí)間,增加文件大小,并進(jìn)行編輯和更新相當(dāng)困難。
驗(yàn)證您的XHTML和 CSS 。雖然在第8步范圍之內(nèi),XHTML和CSS驗(yàn)證是一個(gè)專業(yè)的網(wǎng)站優(yōu)化的不可分割的一部分,因此不應(yīng)被跳過(guò)。驗(yàn)證您的XHTML和CSS 。
專業(yè)設(shè)計(jì)的網(wǎng)站設(shè)計(jì)應(yīng)具有扎實(shí)的搜索引擎友好的基矗為了使您的網(wǎng)站搜索引擎友好的:
不要使用Flash。如果你必須使用Flash,請(qǐng)確保它是謹(jǐn)慎使用。Flash內(nèi)容不被搜索引擎蜘蛛抓取和位于Flash文件里面的內(nèi)容,因此不能被索引的搜索引擎,如百度,谷歌,雅虎,Bing等。
不要使用框架。搜索引擎蜘蛛爬行通過(guò)一個(gè)使用框架的網(wǎng)站,有困難的時(shí)候 。許多搜索引擎蜘蛛訪問(wèn)使用框架設(shè)計(jì)的一個(gè)網(wǎng)站時(shí),將收到以下消息:
“對(duì)不起!您需要一個(gè)幀的瀏覽器瀏覽本網(wǎng)站。“
關(guān)鍵字研究。優(yōu)化您的網(wǎng)頁(yè),包括您網(wǎng)站上的內(nèi)容相關(guān)的關(guān)鍵字。使用關(guān)鍵字研究工具,如“百度指數(shù)”找到最好的,最相關(guān)的關(guān)鍵字為您的內(nèi)容 。
研究關(guān)鍵詞在網(wǎng)頁(yè)標(biāo)題??梢哉f(shuō),在搜索引擎優(yōu)化最重要的元素,確保你的標(biāo)題標(biāo)簽包括關(guān)鍵字研究階段中的關(guān)鍵字。
研究在URL中的關(guān)鍵詞 。一定要包括在您的網(wǎng)頁(yè)的標(biāo)題以及研究關(guān)鍵字 。例如,如果您網(wǎng)站上的頁(yè)面是關(guān)于”網(wǎng)站SEO“,請(qǐng)確保該文件保存為“website-seo.html”。使用破折號(hào),而不是下劃線,如果可能的話。
CSS導(dǎo)航/ CSS樣式表。CSS導(dǎo)航保證,您的網(wǎng)站導(dǎo)航文字是搜索引擎蜘蛛抓取 。CSS導(dǎo)航加載速度非??欤魏稳硕伎梢圆榭词褂萌魏螢g覽器的導(dǎo)航。
研究關(guān)鍵詞在錨文本。您的網(wǎng)站的內(nèi)部和外部的超鏈接,一定要包括在超鏈接的錨文本的研究關(guān)鍵字。這將有助于搜索引擎更好地確定某個(gè)特定頁(yè)面,將有助于網(wǎng)頁(yè)排名較高的研究關(guān)鍵字。
圖像ALT標(biāo)簽,沒(méi)有圖像中的文本 。不僅是XHTML驗(yàn)證所需的ALT標(biāo)簽,但他們的網(wǎng)頁(yè)易讀性的必要組成部分。盡量避免放置您的圖片文字,因?yàn)樗阉饕嬷┲霟o(wú)法抓取圖片文字 。但是,如果你必須把圖像內(nèi)的文本,使用的形象,圖像的ALT標(biāo)簽內(nèi)的文字 。搜索引擎蜘蛛可以閱讀ALT標(biāo)簽,只是沒(méi)有文字圖像內(nèi)。
最后一步是在創(chuàng)建一個(gè)專業(yè)的企業(yè)網(wǎng)站,以避免濫用FLASH,JavaScript和聲音效果。不是每個(gè)人都有他們的計(jì)算機(jī)上啟用的Flash或Javascript,因此您的網(wǎng)站不應(yīng)該在他們周圍。如果你打算使用Flash或Javascript,請(qǐng)謹(jǐn)慎使用。
盡量不要使用您的網(wǎng)站上的Flash前奏。大多數(shù)人討厭等待Flash前奏負(fù)荷,被-迫坐下來(lái)通過(guò)他們,恨的聲音,其中許多人感到驚訝。不要使用只有Flash,建立自己的網(wǎng)站。同樣,對(duì)用戶沒(méi)有啟用他們的計(jì)算機(jī)上的Flash?這可能是一個(gè)潛在客戶,客戶或讀者你就錯(cuò)過(guò)了,因?yàn)椴槐匾募夹g(shù)限制。
事實(shí)上,F(xiàn)lash和聲音效果,一般應(yīng)避免當(dāng)創(chuàng)建一個(gè)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)。JavaScript是唯一的例外,只要你計(jì)劃的網(wǎng)站工作,即使瀏覽器禁用。Flash和聲音效果是很多人造成滋擾,所以僅僅出于這個(gè)原因,盡量遠(yuǎn)離它們。
看完這篇“企業(yè)網(wǎng)站建設(shè)策劃書”文章后,你知道的事情,實(shí)際上是能夠創(chuàng)建一個(gè)專業(yè)的企業(yè)網(wǎng)站?,F(xiàn)在行動(dòng)起來(lái),開(kāi)始建設(shè)一個(gè)專業(yè)的網(wǎng)站!哎,如果你不能自己做,請(qǐng)馬上給易雅達(dá)打電話,我們幫你做公司網(wǎng)站。
服裝公司網(wǎng)站設(shè)計(jì)的策劃書
第一章市場(chǎng)分析:..................2
第二章建設(shè)網(wǎng)站目的及功能定位...............2
第三章網(wǎng)站技術(shù)解決方案.............2
第四章網(wǎng)站內(nèi)容及實(shí)現(xiàn)方式................3
第五章網(wǎng)頁(yè)設(shè)計(jì)...............4
第六章網(wǎng)站維護(hù)...............5
第七章網(wǎng)站測(cè)試...............5
第八章網(wǎng)站發(fā)布與推廣.................6
第一章市場(chǎng)分析:
a.服裝行業(yè)競(jìng)爭(zhēng)激烈,變化快,信息需求量大。積極開(kāi)拓?cái)U(kuò)大國(guó)內(nèi)市場(chǎng)和國(guó)外市場(chǎng)是每個(gè)企業(yè)取得成功的關(guān)鍵要素。但是要擴(kuò)大海內(nèi)外兩個(gè)市場(chǎng),單單是通過(guò)以往的宣傳途徑去擴(kuò)大公司的知名度是遠(yuǎn)遠(yuǎn)不夠的。
b.在這信息時(shí)代,我們就得好好地利用網(wǎng)絡(luò)資源,利用互聯(lián)網(wǎng)來(lái)傳播信息,讓消費(fèi)者真正了解的本公司的性質(zhì)和能力,讓我們成為消費(fèi)者值得信賴的企業(yè)。一個(gè)公司能否得到消費(fèi)者的信賴和認(rèn)可是非常重要的,也是決定一個(gè)公司成敗的關(guān)鍵因素之一。
c.傳統(tǒng)企業(yè)同互聯(lián)網(wǎng)聯(lián)姻,借助互聯(lián)網(wǎng)展示企業(yè)形象,發(fā)布產(chǎn)品信息、做好客戶服務(wù)已經(jīng)成為業(yè)界的共識(shí),成為現(xiàn)代企業(yè)發(fā)展中一個(gè)不可或缺的步驟;互聯(lián)網(wǎng)為企業(yè)服務(wù),滲透到企業(yè)的生產(chǎn)、銷售、管理當(dāng)中去。
d.根據(jù)公司自身的條件,我們可以利用網(wǎng)站升自身的價(jià)值,打響知名度,讓外界的人更多地了解本公司。這也是企業(yè)提高效益、擴(kuò)大規(guī)模、賺取利潤(rùn)的必由之路。同時(shí)也可以節(jié)省費(fèi)用,節(jié)省人力資源,減少不必要的浪費(fèi)。
第二章建設(shè)網(wǎng)站目的及功能定位
?目的:建成精美優(yōu)秀的服裝公司網(wǎng)站,成為行業(yè)內(nèi)網(wǎng)站的典范;服務(wù)于公司宣傳、產(chǎn)品銷售和企業(yè)管理,重點(diǎn)在于產(chǎn)品展示、新產(chǎn)品發(fā)布,成為企業(yè)運(yùn)轉(zhuǎn)和發(fā)展壯大的重要舉措之一;引導(dǎo)服裝企業(yè)利用互聯(lián)網(wǎng)技術(shù)進(jìn)行連鎖經(jīng)商管理的潮流。
?界面美觀時(shí)尚,吸引公眾的注意力,迅速樹(shù)立企業(yè)形象。
?為客戶提供便捷服務(wù),讓客戶輕松地獲得自己所需要的商業(yè)信息。?及時(shí)發(fā)布最新產(chǎn)品,銷售產(chǎn)品。
?為客戶提供反饋平臺(tái),回答用戶經(jīng)常關(guān)心的問(wèn)題
?功能定位:專業(yè)的服裝公司網(wǎng)站加管理系統(tǒng),集形象展示、信息發(fā)布、客戶反饋、售后服務(wù)等多種功能于一身。同時(shí)網(wǎng)站的可擴(kuò)展性也比較強(qiáng)。
第三章網(wǎng)站技術(shù)解決方案
根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。
1.租用虛擬機(jī),價(jià)格比較便宜,也便于管理
2.選擇操作系統(tǒng),用windowxx/nt
3.投入成本:
投入成本相對(duì)于同類的操作系統(tǒng)而言,其成本比較低,而且操作便捷,簡(jiǎn)單易會(huì)。
4.穩(wěn)定性和功能:
規(guī)范地進(jìn)行系統(tǒng)建設(shè)、開(kāi)發(fā)和硬件配置,提供合理且經(jīng)濟(jì)有效的應(yīng)急方案,確保系統(tǒng)的高穩(wěn)定性。在保證各種網(wǎng)上應(yīng)用服務(wù)的穩(wěn)定高效運(yùn)行的同時(shí),能夠在高訪問(wèn)負(fù)載情況下,向各類服務(wù)對(duì)象提供可靠的服務(wù)。在考慮經(jīng)濟(jì)性和實(shí)用性的前提下,選擇高性能的數(shù)據(jù)庫(kù)服務(wù)器和應(yīng)用服務(wù)器。
5.開(kāi)發(fā):
在設(shè)計(jì)時(shí),提供開(kāi)放性好的技術(shù)方案,各種接口滿足開(kāi)放和可擴(kuò)展的原則。系統(tǒng)采用面向?qū)ο蠛湍K化的設(shè)計(jì)理念,便于更新、擴(kuò)充、升級(jí)。系統(tǒng)的功能應(yīng)滿足當(dāng)前的業(yè)務(wù)處理的需求,并充分考慮未來(lái)業(yè)務(wù)種類不斷增長(zhǎng)和用戶不斷增長(zhǎng)的需求。
6.安全性:
實(shí)現(xiàn)備份和方便快捷的恢復(fù)功能,能夠抵御高強(qiáng)度的網(wǎng)絡(luò)攻擊和滲透,在網(wǎng)站遭到攻擊或系統(tǒng)崩潰時(shí)能快速恢復(fù),確保重要數(shù)據(jù)的機(jī)密性和完整性。
7.采用模板自助建站,便于管理
8.選擇程序asp的動(dòng)態(tài)程序及相應(yīng)的數(shù)據(jù)庫(kù),可操作性比較強(qiáng)
第四章網(wǎng)站內(nèi)容及實(shí)現(xiàn)方式
?網(wǎng)站的結(jié)構(gòu)導(dǎo)航欄的內(nèi)容主要有:公司首頁(yè)公司
簡(jiǎn)介、公司動(dòng)態(tài)、產(chǎn)品展示、店面形象、品牌招
商、聯(lián)系我們
?網(wǎng)站的整合功能:
?flash引導(dǎo)頁(yè):首頁(yè)設(shè)計(jì)使用flash技術(shù),是網(wǎng)站
首頁(yè)具有動(dòng)感,并大方得體,突出服裝公司標(biāo)記性形象,運(yùn)
用現(xiàn)代理念和元素,體現(xiàn)出服飾現(xiàn)代不失傳統(tǒng)、莊重不失輕
松、大眾不失前衛(wèi)的特點(diǎn)。
?欄目頁(yè):主要采用左右結(jié)構(gòu)方式
?網(wǎng)站欄目詳細(xì):
?公司簡(jiǎn)介
?企業(yè)概況:杭州錦歐時(shí)裝有限公司介紹和其主要品牌伊芙麗
的介紹
?發(fā)展歷史:公司發(fā)展歷史大事記
?資質(zhì)榮譽(yù):企業(yè)榮譽(yù)和資質(zhì)展示、媒體報(bào)道等
?公司動(dòng)態(tài)
?伊芙麗的最新新聞動(dòng)態(tài)
?產(chǎn)品展示
?產(chǎn)品的分類展示,圖文并茂,并提供產(chǎn)品的關(guān)鍵字搜索功能。
?產(chǎn)品世界:所有產(chǎn)品的資料信息
?精品推薦:公司主打產(chǎn)品,精品服裝推薦展示區(qū)
?店面形象
?用圖片展示各個(gè)店面的形象
?品牌招商
?闡述伊芙麗這個(gè)品牌的優(yōu)勢(shì),列出加盟條件,在線加盟申請(qǐng)
表單
?聯(lián)系我們
?在線留言:網(wǎng)站訪問(wèn)者、客戶、經(jīng)銷商通過(guò)網(wǎng)站的詢盤、反
饋等多種信息傳遞功能能夠及時(shí)告訴他們的想法、意見(jiàn)和建
議,為公司的發(fā)展做參謀。
?聯(lián)系我們:公司地址、電話、傳真、qq、郵箱等相關(guān)信息
第五章網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)的頁(yè)面布局要具有相對(duì)的協(xié)調(diào)性,網(wǎng)頁(yè)的色彩采用近似色,主要以粉紅色和淺紫色為主,這兩種色調(diào)給人一種溫暖的感覺(jué),尤其是紫色代表的是一種高貴的氣質(zhì),兩種色調(diào)的搭配,正好顯示出服裝可以給人帶來(lái)溫暖、美麗、給人以高貴的氣質(zhì)。
左右結(jié)構(gòu)式的設(shè)計(jì)符合大多數(shù)人的閱讀習(xí)慣。
費(fèi)用預(yù)算主欄目
文字flash引導(dǎo)
公司首頁(yè)
公司簡(jiǎn)介
公司動(dòng)態(tài)
產(chǎn)品展示
店面形象
品牌招商
聯(lián)系我們分欄目//公司概況發(fā)展歷史資質(zhì)榮譽(yù)最新動(dòng)態(tài)產(chǎn)品世界精品展示//在線留言
聯(lián)系我們屬性價(jià)錢(元/人民幣)flash200綜合頁(yè)面700靜態(tài)頁(yè)面300靜態(tài)頁(yè)面300靜態(tài)頁(yè)面300動(dòng)態(tài)頁(yè)面500靜態(tài)頁(yè)面300靜態(tài)頁(yè)面300靜態(tài)頁(yè)面200靜態(tài)頁(yè)面及表單300留言板400靜態(tài)頁(yè)面300
合計(jì):4100
第六章網(wǎng)站維護(hù)
?對(duì)項(xiàng)目產(chǎn)品實(shí)行一年免費(fèi)維護(hù)服務(wù)。在應(yīng)用系統(tǒng)交付用
戶后的一年內(nèi),免費(fèi)對(duì)用戶系統(tǒng)進(jìn)行維護(hù)。包括程序的
改錯(cuò),系統(tǒng)出現(xiàn)重大問(wèn)題而用戶無(wú)法自行解決時(shí),我會(huì)
到用戶現(xiàn)場(chǎng)解決問(wèn)題等。
?當(dāng)用戶需求增加或修改模塊時(shí),以優(yōu)惠的價(jià)格為用戶提
供新的系統(tǒng)
第七章網(wǎng)站測(cè)試
網(wǎng)站發(fā)布前要進(jìn)行細(xì)致周密的測(cè)試,以保證正常瀏覽和使用。主要測(cè)試內(nèi)容:
1、文字、圖片是否有錯(cuò)誤。
2、程序及數(shù)據(jù)庫(kù)測(cè)試。
3、鏈接是否有錯(cuò)誤。
如果這些測(cè)試都沒(méi)問(wèn)題,就可以交給用戶使用了。
第八章網(wǎng)站發(fā)布與推廣推廣:博客營(yíng)銷
論壇推廣
淘寶網(wǎng)內(nèi)推廣
宣傳單頁(yè)推廣
郵件群發(fā)推廣
投放網(wǎng)絡(luò)廣告
發(fā)布:信息發(fā)布產(chǎn)品發(fā)布、在互聯(lián)網(wǎng)上發(fā)布本網(wǎng)站
我的博客是以旅行為主,去一些自己喜歡的地方,在這些地方留下自己的印記。接下來(lái)會(huì)給大家介紹一些自己去過(guò)或者值得大家去的地方,同時(shí)還會(huì)分享旅行中的一些圖片,美食,有趣的事情。
一、市場(chǎng)分析
(1)放松身心。人們來(lái)自學(xué)習(xí)和生活的壓力比較大,面對(duì)繁重的學(xué)習(xí)和生活壓力,幾乎所有的學(xué)生都有外出旅游,放松身心,尋求樂(lè)趣的愿望。調(diào)查相關(guān)資料顯示,16到26歲的青少年中,有35.16%的人旅游目的在于尋求樂(lè)趣。
(2)拓寬視野。現(xiàn)在的大學(xué)生對(duì)知識(shí)的渴求早已不局限于單純課本知識(shí)界限,而是轉(zhuǎn)向社會(huì)和生活學(xué)習(xí)。據(jù)調(diào)查顯示:16到26歲的青少年外出旅游的目的,46.29%在于拓寬視野。
(3)運(yùn)動(dòng)。大學(xué)生活潑好動(dòng),而平時(shí)又忙于學(xué)業(yè),缺乏運(yùn)動(dòng)和鍛煉的機(jī)會(huì),因此,許多大學(xué)生旅游包含利用旅游的機(jī)會(huì),進(jìn)行登山、滑雪等運(yùn)動(dòng)健身的動(dòng)機(jī)。
(4)交際。現(xiàn)在的大學(xué)生多數(shù)是獨(dú)生子女,平日里社會(huì)交往比較少,因此,許多大學(xué)生渴望通過(guò)旅游活動(dòng)與別人交流思想、加深了解、溝通感情、建立友誼。
二、網(wǎng)站目標(biāo)
隨著中國(guó)旅游業(yè)的日益成熟,旅游市場(chǎng)競(jìng)爭(zhēng)加劇。近年來(lái),許多景區(qū)的營(yíng)銷策略,從大眾營(yíng)銷逐步轉(zhuǎn)變?yōu)榛谑袌?chǎng)細(xì)分及市場(chǎng)定位理論的差異化營(yíng)銷。各旅游景點(diǎn)根據(jù)自身優(yōu)勢(shì)資源,在文化,休閑,運(yùn)動(dòng),老人,學(xué)生等細(xì)分市場(chǎng)份額上展開(kāi)了激烈的爭(zhēng)奪。然而,專門為大學(xué)生旅游市場(chǎng)開(kāi)展的營(yíng)銷活動(dòng)并不多。之所以會(huì)這樣,是因?yàn)榇髮W(xué)生游客消費(fèi)能力有限,出游時(shí)間又大部分為旅游旺季。因此大學(xué)生旅游市場(chǎng)被理所當(dāng)然地當(dāng)成了“雞肋”市場(chǎng)。然而,隨著旅游市場(chǎng)營(yíng)銷觀念的轉(zhuǎn)變,大學(xué)生旅游市場(chǎng)在新一輪的旅游景點(diǎn)的市場(chǎng)競(jìng)爭(zhēng)中的重要性不斷明顯。
三、服務(wù)對(duì)象
大學(xué)生旅游消費(fèi)市場(chǎng)是一個(gè)比較特殊的旅游消費(fèi)市場(chǎng),既擁有一般旅游消費(fèi)者的特征,同時(shí)受其知識(shí)構(gòu)成、生活規(guī)律的影響。
四、推廣方式
1.利用各地門戶網(wǎng)站的人氣來(lái)宣傳。在各地門戶網(wǎng)站相關(guān)版塊頻繁發(fā)表相關(guān)的帖子,在帖子的底部簽名檔附帶本站的鏈接。
2.在相關(guān)旅游網(wǎng)站和學(xué)生經(jīng)常光顧的網(wǎng)站發(fā)表文章,把旅游,以及白領(lǐng)一族的健康聯(lián)系起來(lái),可以和點(diǎn)擊量高的旅游網(wǎng)站建立友情鏈接,借助他們的人氣來(lái)壯大自己,而這些網(wǎng)站對(duì)鏈接的網(wǎng)站質(zhì)量有較高的要求,一般的網(wǎng)站是無(wú)法吸引他們的注意的。
3.找一些有特色的地方景點(diǎn)進(jìn)行合作,在本站免費(fèi)發(fā)布他們的信息和地址,這樣可以實(shí)現(xiàn)雙贏。
五、未來(lái)贏利手段
1.收取廣告服務(wù)費(fèi)。吸引餐著名景點(diǎn)進(jìn)駐,我們幫商家進(jìn)行推廣提高知名度,吸引消費(fèi)者,而我們就會(huì)對(duì)商家收取一定的服務(wù)費(fèi)用。
2.收取銷售提成。,我們還會(huì)對(duì)進(jìn)一步在商家通過(guò)在我們博客網(wǎng)站報(bào)名的消費(fèi)者的收取提成。
一、前言
互聯(lián)網(wǎng)經(jīng)歷了高潮和低谷,當(dāng)失去耐心的人開(kāi)始疾呼互聯(lián)網(wǎng)是泡沫,大家不要陷進(jìn)去的時(shí)候,中國(guó)互聯(lián)網(wǎng)仍然我行我素,走著自己該走的路。專家們對(duì)于互聯(lián)網(wǎng)企業(yè)將有90%關(guān)門的預(yù)言如今也不攻自破。這些風(fēng)風(fēng)雨雨讓許多真正了解互聯(lián)網(wǎng)的人終于看明白了一點(diǎn):互聯(lián)網(wǎng)本身并不能創(chuàng)造產(chǎn)值,它是一個(gè)服務(wù)性行業(yè)。
透過(guò)泡沫看本質(zhì),可以讓我們明白很多,互聯(lián)網(wǎng)不是神話,而是實(shí)實(shí)在在的一個(gè)媒體、一種工具、一條途徑。認(rèn)清了這些,我們就發(fā)現(xiàn),原來(lái)互聯(lián)網(wǎng)真的很有用,如果你懂得利用的話。傳統(tǒng)企業(yè)同互聯(lián)網(wǎng)聯(lián)姻,借助互聯(lián)網(wǎng)展示企業(yè)形象,發(fā)布產(chǎn)品信息,做好客戶服務(wù)已經(jīng)成為業(yè)界的共識(shí),成為現(xiàn)代企業(yè)發(fā)展中一個(gè)不可或缺的步驟;互聯(lián)網(wǎng)為企業(yè)服務(wù),滲透到企業(yè)的生產(chǎn)、銷售、管理當(dāng)中去,這也成為互聯(lián)網(wǎng)發(fā)展的重要模式之一。
讓我們構(gòu)想一下企業(yè)利用互聯(lián)網(wǎng)之道的美好局面:企業(yè)占領(lǐng)互聯(lián)網(wǎng)這一第四媒體的宣傳陣地,利用它面向全球展示了企業(yè)的形象、品牌、文化和產(chǎn)品;
互聯(lián)網(wǎng)不僅僅是網(wǎng)站,更是一種高效高技術(shù)含量的管理方法和手段。企業(yè)通過(guò)互聯(lián)網(wǎng)的應(yīng)用引進(jìn)管理技術(shù)和觀念,豐富管理手段,倡導(dǎo)互動(dòng)溝通和透明管理,提高企業(yè)管理效率和質(zhì)量水平;
企業(yè)通過(guò)互聯(lián)網(wǎng)尋求產(chǎn)品的銷售新渠道,尋求更多的商業(yè)機(jī)會(huì)。對(duì)于這些,我們相信,如果能很好的利用互聯(lián)網(wǎng),互聯(lián)網(wǎng)必將助企業(yè)一臂之力。
二、為什么需要一個(gè)新的xx企業(yè)網(wǎng)站
1、好馬配好鞍,名企配好站
中國(guó)xx企業(yè)是中國(guó)低壓電器行業(yè)規(guī)模最大的產(chǎn)銷企業(yè)之一。一個(gè)名牌企業(yè),肯定可以在互聯(lián)網(wǎng)上找到它的蹤影,xx也不例外。然而縱觀現(xiàn)有的xx企業(yè)網(wǎng)站,我們總感覺(jué)到,它可以也應(yīng)該做的更好。
若干同行業(yè)名牌企業(yè)網(wǎng)站:
上述為xx企業(yè)和其它一些大集團(tuán)網(wǎng)站技術(shù)參數(shù)情況,從中可以看出,現(xiàn)有的xx企業(yè)網(wǎng)站還需要更好的行使其職能。一個(gè)理想的xx企業(yè)網(wǎng)站應(yīng)當(dāng)以知名企業(yè)網(wǎng)站為標(biāo)準(zhǔn),與企業(yè)形象相襯,能夠在企業(yè)的宣傳策略上添加濃重的一筆。
2、xx企業(yè)網(wǎng)站應(yīng)該是這樣的
符合:xx企業(yè)網(wǎng)站應(yīng)當(dāng)符合企業(yè)形象標(biāo)準(zhǔn),能夠充分展示企業(yè)精神和企業(yè)文化,能夠展示xx人的風(fēng)采;
現(xiàn)代:xx企業(yè)企業(yè)網(wǎng)站應(yīng)當(dāng)是具有青春活力,看上去美觀大方的網(wǎng)站,能夠緊跟企業(yè)網(wǎng)站設(shè)計(jì)潮流,運(yùn)用流行元素,使網(wǎng)站和企業(yè)一樣充滿現(xiàn)代氣息;
實(shí)用:xx企業(yè)網(wǎng)站應(yīng)當(dāng)讓訪問(wèn)者最快找到他所需要了解的,一目了然,輕松自如;同時(shí),管理人員能夠輕松進(jìn)行網(wǎng)站內(nèi)容更新和維護(hù)工作。實(shí)用、易用能使xx企業(yè)網(wǎng)站走向良性循環(huán)軌道;
互動(dòng):訪問(wèn)者是一面鏡子,xx企業(yè)網(wǎng)站應(yīng)當(dāng)從訪問(wèn)者那里獲取對(duì)網(wǎng)站的反饋,能夠捕捉客戶的需求,能夠雙向交流,能夠使客戶在網(wǎng)站中
充分發(fā)表見(jiàn)解,并加以吸收;
擴(kuò)展:xx企業(yè)網(wǎng)站應(yīng)當(dāng)是一個(gè)可擴(kuò)展的網(wǎng)站,能夠根據(jù)技術(shù)的發(fā)展而將其充分應(yīng)用,能夠?qū)⑵髽I(yè)外部窗口和企業(yè)內(nèi)部管理機(jī)制相結(jié)合,能夠?yàn)楣芾頉Q策提供數(shù)據(jù)統(tǒng)計(jì)與分析;
xx企業(yè)網(wǎng)站應(yīng)當(dāng)高屋建瓴,未雨綢繆,將企業(yè)利用互聯(lián)網(wǎng)發(fā)揮到極至,具備了上述五大特點(diǎn)的xx企業(yè)網(wǎng)站,就可以做到。
三、 網(wǎng)站設(shè)計(jì)需求
1、建立完善的產(chǎn)品信息展示系統(tǒng)
產(chǎn)品展示是企業(yè)網(wǎng)站的重要職能。建立一個(gè)完善的產(chǎn)品信息展示系統(tǒng),分類合理,訪問(wèn)快捷,添加方便,管理科學(xué)。這樣的一個(gè)產(chǎn)品信息展示系統(tǒng),能夠使客戶快速了解產(chǎn)品信息,并找到自己所需要的,或者發(fā)出詢價(jià)意向,或者給出反饋意見(jiàn),企業(yè)通過(guò)產(chǎn)品的展示和反饋,能夠快速了解變化中的市場(chǎng)需求,把握商機(jī),運(yùn)籌帷幄。
2、樹(shù)立誠(chéng)信經(jīng)營(yíng)企業(yè)形象
誠(chéng)信是企業(yè)之本。xx企業(yè)正是靠誠(chéng)信經(jīng)營(yíng),質(zhì)量第一贏得了客戶和市場(chǎng)的青睞。在xx企業(yè)網(wǎng)站的建設(shè)中,也要展示出企業(yè)的誠(chéng)信形象,通過(guò)互聯(lián)網(wǎng)傳播xx的企業(yè)精神和企業(yè)文化。
3、保持市場(chǎng)的領(lǐng)先地位
4、吸引更多的客戶
5、為現(xiàn)有的客戶提供更有效的服務(wù)
6、開(kāi)發(fā)新的商業(yè)機(jī)會(huì)
7、建立完善的網(wǎng)上服務(wù)系統(tǒng)
8、提高管理效率
四、 網(wǎng)站設(shè)計(jì)風(fēng)格
網(wǎng)站語(yǔ)言:簡(jiǎn)體中文繁體中文
xx企業(yè)的客戶層面廣,產(chǎn)品遠(yuǎn)銷全國(guó)各地和海外市場(chǎng),服務(wù)好xx所有的用戶是xx人義不容辭的職責(zé)。因此設(shè)計(jì)不同的語(yǔ)言界面,會(huì)讓不同地域講不同語(yǔ)言的xx用戶有更親切溫馨的感覺(jué)。
網(wǎng)站風(fēng)格
以xx企業(yè)企業(yè)ci為基礎(chǔ)
網(wǎng)站屬性:垂直型網(wǎng)站
華人風(fēng)格(中文版)
純歐美風(fēng)格(英文版)
以xx企業(yè)ci為基礎(chǔ),根據(jù)不同地域客戶的瀏覽習(xí)慣設(shè)計(jì)出一流的專業(yè)網(wǎng)站,吸引各界瀏覽者對(duì)xx企業(yè)網(wǎng)站的濃厚興趣,培養(yǎng)客戶對(duì)xx企業(yè)網(wǎng)站的忠誠(chéng)度。
2019企業(yè)網(wǎng)站策劃書范文
策劃書網(wǎng)發(fā)布2019企業(yè)網(wǎng)站策劃書范文,更多2019企業(yè)網(wǎng)站策劃書范文相關(guān)信息請(qǐng)?jiān)L問(wèn)策劃書網(wǎng)策劃頻道。
前言
網(wǎng)絡(luò)是企業(yè)進(jìn)行形象宣傳,產(chǎn)品展示推廣,與客戶溝通,信息互動(dòng)的陣地,建立自己的網(wǎng)站有利于企業(yè)樹(shù)立自己的網(wǎng)上品牌,對(duì)企業(yè)的長(zhǎng)遠(yuǎn)發(fā)展,企業(yè)文化,企業(yè)品牌建設(shè)都有非常重要的意義,并且根據(jù)機(jī)構(gòu)統(tǒng)計(jì)預(yù)測(cè):XX年全球互聯(lián)網(wǎng)用戶已超過(guò)5億。到XX年將達(dá)到15億;中國(guó)XX年互聯(lián)網(wǎng)直接收入為8億美元;到達(dá)XX年全球商業(yè)的一半將在網(wǎng)上進(jìn)行?;ヂ?lián)網(wǎng)正改變著經(jīng)濟(jì),改變著人們獲取信息的方式,企業(yè)如果不及早投身網(wǎng)絡(luò)經(jīng)濟(jì)大潮,必將被淘汰。
網(wǎng)站主要內(nèi)容包括:企業(yè)介紹、項(xiàng)目介紹、企業(yè)員工、企業(yè)風(fēng)采等內(nèi)容,企業(yè)網(wǎng)站主要定位于企業(yè)形象宣傳、企業(yè)介紹、項(xiàng)目介紹等內(nèi)容。隨著公司經(jīng)營(yíng)的不斷深入、規(guī)模不斷的擴(kuò)大,對(duì)企業(yè)風(fēng)站的需求不僅僅滿足于對(duì)企業(yè)形象的宣傳,如何通過(guò)企業(yè)網(wǎng)站為企業(yè)的準(zhǔn)客戶、客戶提供更多、更好的服務(wù)、如何實(shí)現(xiàn)與客戶信息的交互、如何更多的讓準(zhǔn)客戶通過(guò)企業(yè)網(wǎng)站了解到更快捷、全面的項(xiàng)目信息,將是本次網(wǎng)站建設(shè)的目的之所在。
第一章客戶需求分析
1.1客戶現(xiàn)狀
我們面對(duì)面的交流。只有充分了解了企業(yè)的需求,在行業(yè)中的地位,優(yōu)勢(shì)資源,優(yōu)勢(shì)產(chǎn)品,銷售狀況和一些不足等各方面的信息,我們才能為您"量身訂做、量體裁衣",建設(shè)好這個(gè)窗口。
1.2客戶理想中的企業(yè)網(wǎng)站
全面樹(shù)立企業(yè)網(wǎng)上形象
通過(guò)網(wǎng)站吸引更多的準(zhǔn)客戶
為現(xiàn)有客戶提供更好的服務(wù)
建立產(chǎn)品展示訂購(gòu)系統(tǒng)
建立動(dòng)態(tài)發(fā)布項(xiàng)目信息
保持的市場(chǎng)地位;
建立完善的網(wǎng)上服務(wù)與跟蹤系統(tǒng)
第二章網(wǎng)站定位與內(nèi)容規(guī)劃
2.1企業(yè)網(wǎng)站定位
我們將把建設(shè)的.網(wǎng)站定位于:展現(xiàn)企業(yè)形象、拓展網(wǎng)上營(yíng)銷、著力網(wǎng)站宣傳
該定位的具體含義為:
1、通過(guò)網(wǎng)站來(lái)達(dá)到全方位展現(xiàn)企業(yè)形象、綜合實(shí)力的目的,大力打造影響力,讓網(wǎng)站成為宣傳企業(yè)形象的全新基地;
2、通過(guò)同上特色欄目全方位、及時(shí)的開(kāi)展網(wǎng)絡(luò)營(yíng)銷,并通過(guò)客戶留言版和客戶反饋系統(tǒng)獲取部分準(zhǔn)客戶資料。
2.2網(wǎng)站內(nèi)容規(guī)劃
本次建設(shè)的網(wǎng)站主要內(nèi)容規(guī)劃如下:
2.2.1、網(wǎng)站首頁(yè)
網(wǎng)站首頁(yè)是企業(yè)網(wǎng)站的門戶,簡(jiǎn)潔、大方、加載速度快是網(wǎng)站首頁(yè)的關(guān)鍵要素。網(wǎng)站主要規(guī)劃的內(nèi)容有:
公司快訊店面信息最新新聞商品譯站
企業(yè)郵箱入口
全文搜索工具
在線調(diào)查
企業(yè)形象flash
友情連接
網(wǎng)站流量統(tǒng)計(jì)分析
2.2.2、公司簡(jiǎn)介
公司簡(jiǎn)介是集中展示企業(yè)形象的欄目,風(fēng)格一致,體現(xiàn)出大企業(yè)的風(fēng)范。其主要包括以下小欄目
公司簡(jiǎn)介
經(jīng)營(yíng)理念
發(fā)展戰(zhàn)略
企業(yè)風(fēng)采
2.2.3、新聞動(dòng)態(tài)發(fā)布系統(tǒng)
最新動(dòng)態(tài)欄目主要用來(lái)發(fā)布企業(yè)新聞,公司動(dòng)態(tài)、消息等。通過(guò)最新動(dòng)態(tài)欄目可使客戶對(duì)公司最新的發(fā)展動(dòng)態(tài),產(chǎn)品信息、人文文化、最新消息等信息有一個(gè)及時(shí)的了解。此欄目,可讓客戶在線實(shí)時(shí)管理,發(fā)布新聞,刪除新聞,更改等
公司快迅
圖片新聞
2.2.4、產(chǎn)品實(shí)時(shí)發(fā)布系統(tǒng)與在線訂購(gòu)系統(tǒng)
產(chǎn)品類型、型號(hào)分類、詳細(xì)內(nèi)容
與會(huì)員系統(tǒng)相結(jié)合,強(qiáng)力推出在線訂購(gòu)系統(tǒng)
四、網(wǎng)站欄目架構(gòu)
1、吳地文化
2、蘇州景點(diǎn)
3、預(yù)訂服務(wù)
4、天堂論壇
5、旅游常識(shí)
6、飲食文化
7、咨詢廣場(chǎng)
8、會(huì)員注冊(cè):個(gè)人注冊(cè)和商家注冊(cè)
9、服務(wù)區(qū)
五、網(wǎng)站設(shè)計(jì)
網(wǎng)頁(yè)的版面設(shè)計(jì)直接影響到網(wǎng)站的效率。避免與其他網(wǎng)站的雷同,以致于被埋沒(méi)在網(wǎng)絡(luò)的大海之中,故本網(wǎng)站將全方們?cè)O(shè)計(jì)一個(gè)具格令人回味的界面。
1、優(yōu)化視圖設(shè)計(jì),插入動(dòng)畫,但數(shù)量不能太多
2、圖文并茂,色彩圖片、文字合理搭配,在保持網(wǎng)頁(yè)整體一致性的情況下追求屬于本網(wǎng)站獨(dú)特品味,造出一些亮點(diǎn)。
3、網(wǎng)讓導(dǎo)航欄的設(shè)計(jì),使整個(gè)網(wǎng)站的組織形式清晰,并保證頁(yè)面不單調(diào)
4、網(wǎng)站設(shè)計(jì)真正做到以服務(wù)顧客為核心。
5、及時(shí)和定期與日俱增新信息。
六、風(fēng)店的特點(diǎn)
個(gè)性化,應(yīng)用靈活,功能強(qiáng)大,可擴(kuò)展性、實(shí)用性強(qiáng)。宣傳效果佳,成本低廉,服務(wù)優(yōu),維護(hù)有保障,便于操作,立足于服務(wù),立足于提高人們的生活水平。
七、網(wǎng)站的維護(hù)
1、時(shí)時(shí)監(jiān)控,若軟硬件出現(xiàn)問(wèn)題,及時(shí)進(jìn)行評(píng)估并在24小進(jìn)內(nèi)解決。
2、第天備份數(shù)據(jù),優(yōu)化數(shù)據(jù)庫(kù)設(shè)計(jì)
八、運(yùn)營(yíng)事宜
1、宣傳工作與各大網(wǎng)站建立鏈接,注同搜索引擎
2、與商家保持聯(lián)系,取得他們的支持,獲取網(wǎng)頁(yè)素材和市場(chǎng)信息
3、通過(guò)制作成功的風(fēng)站掃提供的信息提高網(wǎng)站人氣,配合商家的有關(guān)活動(dòng),增加網(wǎng)站的可信度。豐富網(wǎng)站內(nèi)容,加大推廣力度,吸引蘇州人和來(lái)蘇旅游的人的眼球。使網(wǎng)站在短期內(nèi)能運(yùn)轉(zhuǎn)起來(lái),以便為將來(lái)網(wǎng)站盈利作準(zhǔn)備。
九、財(cái)務(wù)分析
(一)、支出
1、維護(hù)費(fèi)用
2、設(shè)備費(fèi)用
3、人員工資
4、推廣費(fèi)用
(二)、收入
1、廣告收入
)貼圖:<img src="圖片地址">
2)加入連接:<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>
1)貼圖:<img src="圖片地址">
2)加入連接:<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>
3)在新窗口打開(kāi)連接:<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>
消除連接的下劃線在新窗口打開(kāi)連接:
<a href="相關(guān)地址" style="text-decoration:none" target="_blank">寫上你想寫的字</a>
4)移動(dòng)字體(走馬燈):<marquee>寫上你想寫的字</marquee>
5)字體加粗:<b>寫上你想寫的字</b>
6)字體斜體:<i>寫上你想寫的字</i>
7)字體下劃線: <u>寫上你想寫的字</u>
8)字體刪除線: <s>寫上你想寫的字</s>
9)字體加大: <big>寫上你想寫的字</big>
10)字體控制大?。?lt;h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)
11)更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間
12)消除連接的下劃線:<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>
13)貼音樂(lè):<embed src=音樂(lè)地址 width=300 height=45 type=audio/mpeg autostart="false">
14)貼flash: <embed src="flash地址" width="寬度" height="高度">
15)貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
16)換行:<br>
17)段落:<p>段落</p>
18)原始文字樣式:<pre>正文</pre>
19)換帖子背景:<body background="背景圖片地址">
20)固定帖子背景不隨滾動(dòng)條滾動(dòng):<body background="背景圖片地址" body
bgproperties=fixed>
21)定制帖子背景顏色:<body bgcolor="#value">(value值見(jiàn)10)
22)帖子背景音樂(lè):<bgsound="背景音樂(lè)地址" loop=infinite>
23)貼網(wǎng)頁(yè):<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe>
/----------------------------------------HTML特效代碼--------------------------------/
1。忽視右鍵
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
2。加入背景音樂(lè)
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
</embed>
*.mid你的背景音樂(lè)的midi格式文件
3。簡(jiǎn)單的window.open方法
<a href="#"
onclick="javascript :window.open(文件路徑/文件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);">文字或圖片</a>
參數(shù)解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始;
window.open 彈出新窗口的命令;
文件路徑/文件名 彈出窗口的文件名;
newwindow 彈出窗口的名字(不是文件名),非必須,可用空代替;
width=400 窗口寬度;
height=300 窗口高度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側(cè)的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開(kāi)),yes為允許;
</SCRIPT> js腳本結(jié)束
4。簡(jiǎn)單的頁(yè)面加密
<script LANGUAGE="javascript">
<!--
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("請(qǐng)輸入你的登陸密碼");}
alert("登陸成功!");
}
loopy()
//-->
</script>
5。拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>
6。讓瀏覽器在保存頁(yè)面時(shí)保存失敗
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
7。隨機(jī)替換圖片
<script>
document.write(<img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50">
</script>
圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定時(shí)關(guān)閉
先將如下代碼網(wǎng)頁(yè)文件的區(qū):
<script language="javascript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然后再在<body>標(biāo)內(nèi)加入如:<body onload="closeit()">
9。網(wǎng)頁(yè)自動(dòng)關(guān)閉
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(closes.Click(),10000)">
這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.
</body>
</html>
10。網(wǎng)頁(yè)自動(dòng)刷新
在head部記入
<META HTTP-EQUIV="Refresh" content="20">
其中20為20秒后自動(dòng)刷新,你可以更改為任意值。
11。網(wǎng)頁(yè)自動(dòng)轉(zhuǎn)頁(yè)
<META HTTP-EQUIV="Refresh" CONTENT="時(shí)間(秒);URL=地址">
12。保持layer在最前面,而不被Iframe、Object所覆蓋
在Layer中再插Iframe 或 Object 設(shè)z-Index值
<div z-Index:2><object xxx></object> # 前面
<div z-Index:1><object xxx></object> # 后面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
13。返回上一頁(yè)
<a href=javascript :history.back(1)>『返回上一頁(yè)』</a>
14。關(guān)閉窗口
<a href=javascript :self.close()>『關(guān)閉窗口』</a>
15。關(guān)于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
style="background-color: green"></IFRAME>
16. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
17. <body onselectstart="return false"> 取消選取、防止復(fù)制
18.onpaste="return false" 不準(zhǔn)粘貼
19.oncopy="return false;" oncut="return false;" 防止復(fù)制
20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)
21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)
22. <input style="ime-mode:disabled"> 關(guān)閉輸入法
23. 永遠(yuǎn)都會(huì)帶著框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)
// --></script>
24. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
25. 網(wǎng)頁(yè)將不能被另存為
<noscript><iframe src=*.html></iframe></noscript>
26. 查看網(wǎng)頁(yè)源代碼
<input type=button value=查看網(wǎng)頁(yè)源代碼 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">
27.刪除時(shí)確認(rèn)
<a href="javascript :if(confirm("確實(shí)要?jiǎng)h除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>
28.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"); //可以換成ALT CTRL
}
document.onkeydown=look;
</script>
29. 網(wǎng)頁(yè)不會(huì)被緩存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
30.怎樣讓表單沒(méi)有凹凸感?
<input type=text style="border:1 solid #000000">
或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea>
31.不要滾動(dòng)條?
讓豎條沒(méi)有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒(méi)有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個(gè)都去掉?更簡(jiǎn)單了
<body scroll="no">
</body>
32.怎樣去掉圖片鏈接點(diǎn)擊后,圖片周圍的虛線?
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
33.電子郵件處理提交表單
<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain">
<input type=submit>
</form>
34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫?
window.opener.location.reload()
35.如何設(shè)定打開(kāi)頁(yè)面的大小
<body onload="top.resizeTo(300,200);">
打開(kāi)頁(yè)面的位置<body onload="top.moveBy(300,200);">
36.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
37. 檢查一段字符串是否全由數(shù)字組成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
38. 獲得一個(gè)窗口的大小
document.body.clientWidth; document.body.clientHeight
39. 怎么判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字符");
40.TEXTAREA自適應(yīng)文字行數(shù)的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
41. 日期減去天數(shù)等于第二個(gè)日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上錯(cuò)誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>
42. 選擇了哪一個(gè)Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>
43.腳本永不出錯(cuò)
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors; // -->
</SCRIPT>
44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
45. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度:
把如下代碼加入<body>區(qū)域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=測(cè)試中
……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="鏈接超時(shí)"}
else
{document.forms[0]["txt"+b].value="時(shí)間"+tim/10+"秒"} b++ }
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")}
run()</script>
46. 各種樣式的光標(biāo)
auto :標(biāo)準(zhǔn)光標(biāo)
default :標(biāo)準(zhǔn)箭頭
hand :手形光標(biāo)
wait :等待光標(biāo)
text :I形光標(biāo)
vertical-text :水平I形光標(biāo)
no-drop :不可拖動(dòng)光標(biāo)
not-allowed :無(wú)效光標(biāo)
help :?幫助光標(biāo)
all-scroll :三角方向標(biāo)
move :移動(dòng)標(biāo)
crosshair :十字標(biāo)
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
47、禁止鼠標(biāo)右鍵,把Demo的圖片全都設(shè)為表格的背景,表格的大小與圖片的大小一樣。這樣做看起來(lái)是一樣的,主要是防止鼠標(biāo)經(jīng)過(guò)圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡(jiǎn)單:
<script LANGUAGE="JavaScript">
function click() { if (event.button==2)
{alert(呵呵,不好意思,你甭想使用右鍵下載圖片:)); } } document.onmousedown=click
</script>
48、在網(wǎng)頁(yè)的Head部分加入如下代碼,這段代碼的主要功能是屏蔽PrintScreen鍵,不斷清空剪貼版,防止圖片被用文件——另存為菜單另存。
<script language="javascript">
<!--
function testclip(){
try {
if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))
{
null;
}
}
catch(e){
clipboardData.setData("Text","")
}
setTimeout("testclip()",500)
}
testclip();
//-->
</script>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
1. 將徹底屏蔽鼠標(biāo)右鍵
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body> 取消選取、防止復(fù)制
3. 不準(zhǔn)粘貼
4. 防止復(fù)制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)
7. <input style="ime-mode:-Disabled"> 關(guān)閉輸入法
8. 永遠(yuǎn)都會(huì)帶著框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. 網(wǎng)頁(yè)將不能被另存為
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=查看網(wǎng)頁(yè)源代碼
onclick="window.location = `view-source:`+ http://www.51js.com/`";>
12.刪除時(shí)確認(rèn)
<a href=`javascript:if(confirm("確實(shí)要?jiǎng)h除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪
除</a>
13. 取得控件的絕對(duì)位置
//javascript
<script language="javascript">
function getIE(E){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>
//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>
14. 光標(biāo)是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(`character`,e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123">
15. 判斷上一頁(yè)的來(lái)源
javascript:
document.referrer
16. 最小化、最大化、關(guān)閉窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=關(guān)閉 onclick=hh3.Click()>
本例適用于IE
17.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"; //可以換成ALT CTRL
}
document.onkeydown=look;
</script>
18. 網(wǎng)頁(yè)不會(huì)被緩存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
19.怎樣讓表單沒(méi)有凹凸感?
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20.<div><span>&<layer>的區(qū)別?
<div>(division)用來(lái)定義大段的頁(yè)面元素,會(huì)產(chǎn)生轉(zhuǎn)行
<span>用來(lái)定義同一行內(nèi)的元素,跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行
<layer>是ns的標(biāo)記,ie不支持,相當(dāng)于<div>
21.讓彈出窗口總是在最上面:
<body>
22.不要滾動(dòng)條?
讓豎條沒(méi)有:
<body style=`overflow:-Scroll;overflow-y:hidden`>
</body>
讓橫條沒(méi)有:
<body style=`overflow:-Scroll;overflow-x:hidden`>
</body>
兩個(gè)都去掉?更簡(jiǎn)單了
<body scroll="no">
</body>
23.怎樣去掉圖片鏈接點(diǎn)擊后,圖片周圍的虛線?
<a href="#"><img src="logo.jpg" border=0></a>
24.電子郵件處理提交表單
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫?
window.opener.location.reload()
26.如何設(shè)定打開(kāi)頁(yè)面的大小
<body>
打開(kāi)頁(yè)面的位置<body>
27.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
<style>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</style>
28. 檢查一段字符串是否全由數(shù)字組成
<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"
alert(checkNum("123214214a1"
// --></script>
29. 獲得一個(gè)窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字";
else alert("全是字符";
31.TEXTAREA自適應(yīng)文字行數(shù)的多少
<textarea rows=1 name=s1 cols=27>
</textarea>
32. 日期減去天數(shù)等于第二個(gè)日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上錯(cuò)誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(A)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日"
}
cc("12/23/2002",2)
</script>
33. 選擇了哪一個(gè)Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check">
</BODY></HTML>
34.腳本永不出錯(cuò)
<SCRIPT LANGUAGE="javascript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
35.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
<input>
36. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度:
把如下代碼加入<body>區(qū)域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="http://www.njcatv.net/";
autourl[2]="javacool.3322.net"
autourl[3]="http://www.sina.com.cn/";
autourl[4]="http://www.nuaa.edu.cn/";
autourl[5]="http://www.cctv.com/";
function butt(){
document.write("<form name=autof>"
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=測(cè)試中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
onclick=window.open(this.form.url"+i+".value)><br>"
document.write("<input type=submit value=刷新></form>"
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="鏈接超時(shí)"}
else
{document.forms[0]["txt"+b].value="時(shí)間"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img
src=http://"+autourl+"/"+Math.random()+" width=1 height=1
onerror=auto(http://";+autourl+"`)>"}
run()</script>
37. 各種樣式的光標(biāo)
auto :標(biāo)準(zhǔn)光標(biāo)
default :標(biāo)準(zhǔn)箭頭
hand :手形光標(biāo)
wait :等待光標(biāo)
text :I形光標(biāo)
vertical-text :水平I形光標(biāo)
no-drop :不可拖動(dòng)光標(biāo)
not-allowed :無(wú)效光標(biāo)
help :?幫助光標(biāo)
all-scroll :三角方向標(biāo)
move :移動(dòng)標(biāo)
crosshair :十字標(biāo)
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.頁(yè)面進(jìn)入和退出的特效
進(jìn)入頁(yè)面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出頁(yè)面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。Duration表示特效的持續(xù)時(shí)間,以秒為單位。Transition表示使
用哪種特效,取值為1-23:
0 矩形縮小
1 矩形擴(kuò)大
2 圓形縮小
3 圓形擴(kuò)大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯(cuò)位橫百葉窗
11 錯(cuò)位豎百葉窗
12 點(diǎn)擴(kuò)散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機(jī)選擇一種
39.在規(guī)定時(shí)間內(nèi)跳轉(zhuǎn)
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">
40.網(wǎng)頁(yè)是否被檢索
<meta name="ROBOTS" content="屬性值">
其中屬性值有以下一些:
屬性值為"all": 文件將被檢索,且頁(yè)上鏈接可被查詢;
屬性值為"none": 文件不被檢索,而且不查詢頁(yè)上的鏈接;
屬性值為"index": 文件將被檢索;
屬性值為"follow": 查詢頁(yè)上的鏈接;
屬性值為"noindex": 文件不檢索,但可被查詢鏈接;
屬性值為"nofollow": 文件不被檢索,但可查詢頁(yè)上的鏈接。
41.變換網(wǎng)頁(yè)的鼠標(biāo)光標(biāo)
<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">
42.怎樣實(shí)現(xiàn)在任務(wù)欄顯示小圖標(biāo)的效果? (要使用絕對(duì)地址)
有些站點(diǎn),訪問(wèn)時(shí)會(huì)在地址欄地址前顯出小圖標(biāo),添加到收藏夾后也在收藏欄中顯示圖標(biāo),
這樣很好的與其它站點(diǎn)有了區(qū)別。
要達(dá)到這個(gè)效果,先需做出這個(gè)圖標(biāo)文件,圖像為16*16像素,不要超過(guò)16色。文件格式為ico,然后上傳至你的網(wǎng)站。
然后,在需要的頁(yè)面中,加上以下html語(yǔ)句到文件的<head>和</head>之間(假設(shè)以上ico文件的地址http://happyisland.126.com/icon.ico)。
<link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";>
如果訪問(wèn)者的瀏覽器是IE5.0,就不需加任何代碼,只要將圖標(biāo)文件上傳到網(wǎng)站的根目錄下即可。
1,META標(biāo)簽里的代碼是什么意思?
<META>是放于<HEAD>與</HEAD>之間的標(biāo)記.以下是我總結(jié)它在網(wǎng)頁(yè)中最常見(jiàn)的幾種。
<meta name="Keywords" content="圖片, 新聞, 音樂(lè), 軟件">
該網(wǎng)頁(yè)的關(guān)鍵字,作用于搜索引擎的登錄,事實(shí)上它在現(xiàn)在的網(wǎng)站中并沒(méi)什么用。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
設(shè)定這是 HTML 文件及其編碼語(yǔ)系,簡(jiǎn)體中文網(wǎng)頁(yè)使用charset=gb2312,繁體中文使用charset=big5,或者不設(shè)編碼也可,純英文網(wǎng)頁(yè)建議使用 iso-8859-1。
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
這只表示該網(wǎng)頁(yè)由什么編輯器寫的。
<meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
這行較為實(shí)用,能于預(yù)定秒數(shù)內(nèi)自動(dòng)轉(zhuǎn)到指定網(wǎng)址。原代碼中 10 表示 10秒。
2,怎么改變滾動(dòng)條的顏色,只有ie5.5版本以上才能支持。
這是使用CSS語(yǔ)言,在次說(shuō)明一下,它和我的瀏覽器版本有一定的關(guān)系。
scrollbar-arrow-color:上下按鈕上三角箭頭的顏色。
scrollbar-base-color:滾動(dòng)條的基本顏色。
scrollbar-dark-shadow-color:立體滾動(dòng)條強(qiáng)陰影的顏色
scrollbar-face-color:立體滾動(dòng)條凸出部分的顏色
scrollbar-highlight-color:滾動(dòng)條空白部分的顏色
scrollbar-shadow-color立體滾動(dòng)條陰影的顏色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
代碼如下:
<style>
<!--
BODY {
scrollbar-face-color:#99CC33;//(立體滾動(dòng)條凸出部分的顏色)
scrollbar-highlight-color:#A8CBF1;//(滾動(dòng)條空白部分的顏色)
scrollbar-shadow-color:#A8CBF1;//(立體滾動(dòng)條陰影的顏色)
scrollbar-arrow-color:#FF9966;//(上下按鈕上三角箭頭的顏色)
scrollbar-base-color:#A8CBF1; //(滾動(dòng)條的基本顏色)
scrollbar-darkshadow-color:#A8CBF1; //(立體滾動(dòng)條強(qiáng)陰影的顏色)
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
}
-->
</style>
//以下是其它的網(wǎng)頁(yè)的代碼
在這我補(bǔ)充幾點(diǎn):
1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條。
<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
2,沒(méi)有水平滾動(dòng)條
<body style="overflow-x:hidden">
3,沒(méi)有垂直滾動(dòng)條
<body style="overflow-y:hidden">
3,如何給圖片抖動(dòng)怎做的.
<SCRIPT language=javascript1.2>
<!--
var rector=2
var stopit=0
var a=1
var count=0
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1||count==100)
return
count++
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
count=0
which.style.left=0
which.style.top=0
}
//-->
</SCRIPT>
<style>.shakeimage {POSITION: relative}
</style>
<img src="圖片的路徑" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>
4,在DW如何給水平線加顏色。
在DW中沒(méi)有此項(xiàng)設(shè)置,你只能在HTML中加入代碼:<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性,所以在DW中沒(méi)有此項(xiàng)設(shè)置。
5,如何在網(wǎng)頁(yè)中實(shí)現(xiàn)flash的全屏播放?
只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100%即可,當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進(jìn)行設(shè)置,方法是:打開(kāi)File菜單;選Publish Settings彈出導(dǎo)出設(shè)置對(duì)話框;在HTML標(biāo)簽下的Dimensions選項(xiàng),下拉后選中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動(dòng)畫缺看不找!
如果你沒(méi)有正確地安裝Dreamweaver和Flash,那么在你預(yù)覽的時(shí)候,Dreamweaver會(huì)提示你缺少播放的插件,請(qǐng)你按裝InstallAXFlash.exe 并從新啟動(dòng)計(jì)算機(jī)?,F(xiàn)在IE6已經(jīng)捆綁這個(gè)程序。
7,在Flash中,如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?
fscommand ("fullscreen", "true/false";(全屏設(shè)置,TRUE開(kāi),F(xiàn)ALSE關(guān))
fscommand ("showmenu", "true/false";(右鍵菜單設(shè)置,TRUE顯示,F(xiàn)ALSE不顯示)
fscommand ("allowscale", "true/false";(縮放設(shè)置,TRUE自由縮放,F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸)
fscommand ("trapallkeys", "true/false";(快捷鍵設(shè)置,TRUE快捷鍵開(kāi),F(xiàn)ALSE快捷鍵關(guān))
fscommand ("exec";(EXE程序調(diào)用)
fscommand ("quit";(退出關(guān)閉窗口)
8,F(xiàn)lash中什么是隱形按鈕。
利用button中的hit幀來(lái)制作只有感應(yīng)區(qū)域而完全透明的按鈕。
9,如何給Flash動(dòng)畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的,只能在Flash中用geturl()加鏈接,然后再插入Dreamweaver中。
10,DW中的層的技巧。
層是可以嵌套的,我個(gè)人給大家一個(gè)技巧,在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了,我認(rèn)為這是最簡(jiǎn)單直觀的方法了。
11,如何改變鼠標(biāo)的形狀?
在Dreamweaver4中CSS樣式面板:
按CTR+SHIFT+E--出現(xiàn)樣式表對(duì)話框,點(diǎn)擊NEW,出現(xiàn)編輯對(duì)話框,在左邊最后一項(xiàng)extensions-cursor 選擇你要改的指針形式就可以了,然后把你要想改變的地方運(yùn)用樣式表,如果整頁(yè)都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。
<span style="cursor:X`>樣例</span>
這里選擇(文本)作為對(duì)象,還可以自己改為其他的,如link等。
x可以等于=hand(手形)、crosshair(十字)、text(文本光標(biāo))、wait(顧名思義啦)、default(默認(rèn)效果)、help(問(wèn)號(hào))、e-size(向右箭頭)、ne-resize(向右上的箭頭)、nw-resize(向左上的箭頭)、w-resize(向左的箭頭)、sw-resize(左下箭頭)、s-resize(向下箭頭)、se-resize(向右下箭頭)、auto(系統(tǒng)自動(dòng)給出效果)。
12,用CSS做郵票,看看吧!
<input type=button value=我象不象郵票? style="height:80px;border:2px dashed #cccccc">
13,經(jīng)常上網(wǎng)的朋友可能會(huì)到過(guò)這樣一些網(wǎng)站,一進(jìn)入首頁(yè)立刻會(huì)彈出一個(gè)窗口,怎么做呢!
這javascript代碼即可實(shí)現(xiàn),摘錄藍(lán)色論壇。
【1、最基本的彈出窗口代碼】
其實(shí)代碼非常簡(jiǎn)單:
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因?yàn)橹且欢蝚avascripts代碼,所以它們應(yīng)該放在<SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對(duì)一些版本低的瀏覽器起作用,在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。要養(yǎng)成這個(gè)好習(xí)慣啊。
window.open (`page.html`) 用于控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面應(yīng)寫明路徑,絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以,只是不要混用。
這一段代碼可以加入HTML的任意位置,<head>和</head>之間可以,<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以,越前越早執(zhí)行,尤其是頁(yè)面代碼長(zhǎng),又想使頁(yè)面早點(diǎn)彈出就盡量往前放。
【2、經(jīng)過(guò)設(shè)置后的彈出窗口】
下面再說(shuō)一說(shuō)彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。
我們來(lái)定制這個(gè)彈出的窗口的外觀,尺寸大小,彈出的位置以適應(yīng)該頁(yè)面的具體情況。
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)
//寫成一行
-->
</SCRIPT>
參數(shù)解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始;
window.open 彈出新窗口的命令;
`page.html` 彈出窗口的文件名;
`newwindow` 彈出窗口的名字(不是文件名),非必須,可用空``代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側(cè)的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開(kāi)),yes為允許;
</SCRIPT> js腳本結(jié)束
【3、用函數(shù)控制彈出窗口】
下面是一個(gè)完整的代碼。
<html>
<head>
<script LANGUAGE="javascript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
}
//-->
</script>
</head>
<body>
…任意的頁(yè)面內(nèi)容…
</body>
</html>
這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口。在調(diào)用它之前沒(méi)有任何用途。
怎么調(diào)用呢?
方法一:<body> 瀏覽器讀頁(yè)面時(shí)彈出窗口;
方法二:<body> 瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口;
方法三:用一個(gè)連接調(diào)用:
<a href="#">打開(kāi)一個(gè)窗口</a>
注意:使用的“#”是虛連接。
方法四:用一個(gè)按鈕調(diào)用:
<input type="button" value="打開(kāi)窗口">
14,沒(méi)有用表格寫的,讓大家隨便看看,沒(méi)什么。
<html>
<head>
<title>江南荷花扇面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.font1 { font-size: 12px; color: #999999; text-decoration: none}
a { font-size: 12px; color: #999999; text-decoration: none}
a:hover { font-size: 12px; color: #000000; text-decoration: none}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="font1" style="writing-mode=tb-rl;height:200px" width=300>
<p>盛夏 尚 濤
<p><a href="index.htm">一夜露痕黃粉香 袁運(yùn)甫 </a>
<p>瑤池昨夜新涼 王金嶺
<p>一朵白蓮隨意開(kāi) 吳冠南
<p>新雨迎秋欲滿塘 齊辛民
<p>十里荷香 齊辛民
<p>濯清蓮而不妖 盧世曙
</div>
</body>
</html>
15,IE6已支持自定義cursor!
語(yǔ)法格式 cursor:url(圖標(biāo)) //cur或是ani文件.
cur就是WINDOWS中的光標(biāo)(cursor)文件,光標(biāo)文件與圖標(biāo)(ICON)文件除了文件頭有一個(gè)位置的值不同外,實(shí)際是一樣的。
ani是WINDOWS中的動(dòng)畫光標(biāo)(圖標(biāo))文件。
<style type="text/css">
<!--
.unnamed1 { cursor:url(arrow2c.cur)}
-->
</style>
16,用marquee做的滾動(dòng)字幕.這也我剛看到論壇的朋友在問(wèn)。
語(yǔ)法:
align=# | top | middle| bottom //對(duì)齊方式)
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動(dòng)的方式
BGCOLOR=color//底色區(qū)域顏色
DIRECTION=DOWN | LEFT | RIGHT | UP //移動(dòng)的方向
Loop=n //循環(huán)次數(shù)(默認(rèn)是循環(huán)不止)
Scrolldelay=milliseconds//延時(shí)
height=# width=# //區(qū)域面積
hspace=# vspace=# //空白區(qū)域
scrollamount=# //移動(dòng)的速度
<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>
17,在FLASH5中也存在一些字體,打散后變成一團(tuán)的事是為什么?有解決的辦法嗎。
這是大家很常見(jiàn)的問(wèn)題!可能是對(duì)字庫(kù)支持的不好!我個(gè)是做成透明的gif圖片格式,然后倒入。
18,flash的網(wǎng)頁(yè)里“加入收藏夾”功能怎么實(shí)現(xiàn)?
在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)"
19,在Flash中,文本的動(dòng)態(tài)屬性和輸入屬性的區(qū)別。
input text在運(yùn)行時(shí)可被用戶或程序改變其值。
ynamic text僅允許被程序修改。
20,怎樣在IE中調(diào)用Dreamweaver進(jìn)行編輯.
相信很多在使用WinME或Window2000的朋友,會(huì)遇見(jiàn)是個(gè)問(wèn)題。很簡(jiǎn)單,把我們筆記本程序打開(kāi),保存為一個(gè) *.reg 文件。雙擊它將信息添加到注冊(cè)表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="\"c:\Program Files\Macromedia\Dreamweaver 4\dreamweaver.exe\" \"%1\""
21,設(shè)置表格虛線。
方法一:作一個(gè)1X2的圖。半黑半白,再利用表格作成線。
方法二:在css里面設(shè),要IE5。5才支持這種效果。
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
22,看看在網(wǎng)頁(yè)中調(diào)用HHCtrl控件效果。
代碼如下:
<object id="HHC" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></object><script>HHC.TextPopup("哈哈,大家好,我是閃夢(mèng)!","",50,5,128255,346751);</script>
22,如何讓一張圖片有淺到深的漸變。
<SCRIPT language=javascript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<img onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=40)"src="logo.gif" >
23,雙擊鼠標(biāo)左鍵來(lái)滾動(dòng)背景,單擊停止。
<SCRIPT language=javascript>
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",16);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</SCRIPT>
24,如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式.
代碼如下:
<HTML><HEAD><TITLE>如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}
a:link { font-size: 9pt; color: #006699; text-decoration: underline}
a:visited { font-size: 9pt; color: #006699; text-decoration: underline}
a:active { font-size: 9pt; color: #FF0000; text-decoration: none}
a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}
a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}
a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}
a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="#">下劃線鏈接 </a>
<p></p>
<a href="#" class="r1">雙下劃線鏈接</a>
</BODY>
</HTML>
補(bǔ)充說(shuō)明:
a:hover 表示鼠標(biāo)劃過(guò)時(shí)的樣式.
a:link 表示鏈接的樣式.
a:active 表示當(dāng)前活動(dòng)連接的樣式.
a:visited 表示已經(jīng)訪問(wèn)過(guò)的連接的樣式.
25, 用CSS給文字加入陰影效果和文字描邊效果。
.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}
//文字描邊效果
.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋體"}
//加入陰影效果
補(bǔ)充說(shuō)明:
這兩種濾鏡要想實(shí)現(xiàn)效果,必須加在如:<td class=glow或shadow ><div>xxxxxxxxx</div></td>上
,并且要留有足夠的空間能夠顯示陰影或描邊,否則會(huì)出現(xiàn)半截的陰影或描邊現(xiàn)象。
26,如何給做帶顏色的下拉菜單。
<select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 >
<option selected>:: Dreamweaver4 ::</option>
<option>::Flash5::</option>
<option>::Firewoks4::</option>
</select>
27,關(guān)于DW4的表格中的亮邊框和暗邊框問(wèn)題。
在DW4的表格面板中并沒(méi)有亮邊框和暗邊框的屬性設(shè)置,因?yàn)镹C不支持,只有你在代碼中添加了。
bordercolorlight="#999999" bordercolordark="#000000"
你也可以用Css定義一個(gè)class。例如:
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
然后在要加效果的表格里加上<table class="bordercolor">
28,自動(dòng)顯示主頁(yè)最后更新日期.
<script>
document.write("最后更新日期:"+document.lastModified+""
</script>愛(ài)電臺(tái)有我
29,如何讓滾動(dòng)條出現(xiàn)在左邊?
我想居然在論壇中有人發(fā)表了這段代碼,很有意思,它的確照顧一些左撇子,呵呵!
<html dir="rtl">
<body bgcolor="#000000" text="#FFFFFF">
<table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1" cellpadding="0">
<tr>
<td bgcolor="#FF0000" >是不是你的滾動(dòng)條在左邊啊</td>
</tr>
</table>
</body>
</html>
30,如何加入網(wǎng)址前面的小圖標(biāo)?
首先,您必須了解所謂的圖標(biāo)(Icon)是一種特殊的圖形文件格式,它是以 .ico 作為擴(kuò)展名。你可用在網(wǎng)上找一個(gè)制作圖標(biāo)軟件,它具有特有的規(guī)格:圖標(biāo)的大小為 16 * 16(以像素為單位);顏色不得超過(guò) 16 色。 在該網(wǎng)頁(yè)文件的 HEAD 部分加入下面的內(nèi)容:<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/圖標(biāo)文件名">,并放在該網(wǎng)頁(yè)的根目錄下。
31,在800*600顯示器中,如何不讓網(wǎng)頁(yè)水平出現(xiàn)滾動(dòng)條!
設(shè)至<body leftmargin="0" topmargin="0">,網(wǎng)頁(yè)中的表格寬度為778。
32,關(guān)于<!DOTYPE>的說(shuō)明解釋。
在網(wǎng)頁(yè)中,經(jīng)常會(huì)看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>,是聲明HTML文件的版本信息。
33, 用圖片來(lái)關(guān)閉窗體.
<A href="java script:window.close()"><IMG height=20 width=20 alt="關(guān)閉窗口" src="close.gif" border=0></A>
補(bǔ)充說(shuō)明:如何使用了ACTIVEX!,不再警告窗口?
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close"></object>
</head>
<body bgcolor="#003063" text="#ffffff" id=all> <a href="#">關(guān)閉窗口無(wú)提示</a>
</body>
</html>
34,禁止鼠標(biāo)右鍵查看網(wǎng)頁(yè)源代碼。
<SCRIPT language=javascript>
function click()
{if (event.button==2) {alert(`你好,歡迎光臨!`) }}
document.onmousedown=click
</SCRIPT>
補(bǔ)充說(shuō)明:
鼠標(biāo)完全被封鎖,可以屏蔽鼠標(biāo)右鍵和網(wǎng)頁(yè)文字。
< body>
35,通過(guò)按鈕來(lái)查看網(wǎng)頁(yè)源代碼。
<input type="BUTTON" value="查看源代碼" onClick= `window.location = "view-source:" + window.location.href` name="BUTTON">
36,怎么用文字聯(lián)結(jié)實(shí)現(xiàn)按鈕的SUBMIT功能?
<a href="#">OK</a>
這段文字要放在form里。formname是這里要寫在form中的name,<form name=form111>那么就應(yīng)該是form111.submit()
37,如何做一個(gè)空鏈接?
加#
38,利用<IFRAME>來(lái)給網(wǎng)頁(yè)中插入網(wǎng)頁(yè)。
經(jīng)常我看到很多網(wǎng)頁(yè)中又有一個(gè)網(wǎng)頁(yè),還以為是用了框架,其實(shí)不然,是用了<IFRAME>,它只適用于IE,NS可是不支持<IFRAME>的,但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時(shí)才會(huì)顯示,如<noframes>一樣,可以放些提醒字句之類的話。
你注意啊!下面請(qǐng)和我學(xué)習(xí)它的用法。
分析代碼:<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>
src="iframe.html"
用來(lái)顯示<IFRAME>中的網(wǎng)頁(yè)來(lái)源,必要加上相對(duì)或絕對(duì)路徑。
name="test"
這是連結(jié)標(biāo)記的 target 參數(shù)所需要的。
align="MIDDLE"
可選值為 left, right, top, middle, bottom,作用不大 。
width="300" height="100"
框窗的寬及長(zhǎng),以 pixels 為單位。
marginwidth="1" marginheight="1"
該插入的文件與框邊所保留的空間。
frameborder="1"
使用 1 表示顯示邊框, 0 則不顯示。(可以是 yes 或 no)
scrolling="Yes"
使用 Yes 表示容許卷動(dòng)(內(nèi)定), No 則不容許卷動(dòng)。
39,請(qǐng)問(wèn)<tbody>的用法?
tbody用法據(jù)說(shuō)是加強(qiáng)對(duì)表格的控制能力的.例如:
<table><tbody>……..</tbody></table>
tbody代碼如果不是你用手寫的話,只有在你用IE5打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候, 把它另存為
一下,你的另存為的文件在表格中就會(huì)生成tbody代碼。(即便你的表格根本就沒(méi)有
tbody代碼,IE5另存為的時(shí)候也會(huì)給你生成)。
40,Alt和Title都是提示性語(yǔ)言標(biāo)簽,請(qǐng)注意它們之間的區(qū)別。
在我們?yōu)g覽網(wǎng)頁(yè)時(shí),當(dāng)鼠標(biāo)停留在圖片對(duì)象或文字鏈接上時(shí),在鼠標(biāo)的右下角有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說(shuō)明。在一些場(chǎng)合,它的作用是很重要的。
alt 用來(lái)給圖片來(lái)提示的。Title用來(lái)給鏈接文字或普通文字提示的。
用法如下:
<p Title="給鏈接文字提示">文字</p>
<a href="#" Title="給鏈接文字提示">文字</a>
<img src="圖片.gif" alt="給圖片提示">
補(bǔ)充知識(shí):<TITLE><ALT>里面如何多行換行?在源代碼里Enter回車。
<a href="#" Title="個(gè)人簡(jiǎn)歷
姓名:張培
網(wǎng)名:我是閃夢(mèng)
性別:男的,不是女的。
愛(ài)好:網(wǎng)頁(yè)制作,軟件開(kāi)發(fā)">個(gè)人簡(jiǎn)歷</a>
例如:個(gè)人簡(jiǎn)歷
41, 用javascript代碼來(lái)實(shí)現(xiàn)閃爍按鈕。
<body>
<form method="POST" action="--WEBBOT-SELF--">
<input type="button" name=SUB value="閃爍" id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF">
</form>
<script>
if (document.all&&document.all.flashit)
{
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which)
{
if (flashelement[which].style.color==`#800000`)
flashelement[which].style.color="#0063A4"
else
flashelement[which].style.color="#800000"
}
if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++)
{
var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`
eval(tempvariable)
}
}
</script>
</body>
42,CSS給圖片定義顏色邊框。
img { border: 1px solid red}
43,在DW中如何使插入的FLASH透明。
方法一:選中swf,打開(kāi)原代碼窗口,在</object>前輸入:<param name="wmode" value="transparent">
方法二:在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent
44,在DW編輯文本中,如何輸入一個(gè)空格呢?
輸入空格的問(wèn)題,在DW似乎已成了一個(gè)老生常談的問(wèn)題。通過(guò)將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。
45,為何我的DW中圖形顯示不正常。
第一種:可能是因?yàn)槟愣x并正在使用一個(gè)site,而你的HTML文件或者圖片不在這個(gè)site包含的區(qū)域之內(nèi),因此dreamweaver使用file協(xié)議來(lái)
描述圖象的絕對(duì)路徑,可惜IE不支持src中使用file協(xié)議,所以圖象就顯示不出來(lái)了。
第二種:可能是放圖片的文件夾或圖片名為中文,也顯示不到網(wǎng)頁(yè)中去。
46,如何在本地機(jī)器上測(cè)試flash影片的loading?
我想這可能是很多人在問(wèn)的題了,其實(shí)很簡(jiǎn)單,在Test時(shí),選選View->Show Streaming就可以看到了。
47,在網(wǎng)頁(yè)中做出一根豎的線有幾種辦法.
第一種方法:用一個(gè)像素圖的辦法!
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創(chuàng)建了一個(gè)缺省名為:spacer.gif的一個(gè)像素圖文件 。
代碼中:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000" height="200" ><img src="spacer.gif" width="1" height="1"></td>
</tr>
</table>
第二種方法:用表格填顏色的辦法!把<td> </td>中的 刪掉 .
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000" height="200" width="1"></td>
</tr>
</table>
第三種方法:用水平條。
<hr color="red" width="1" size="100%">
48, 關(guān)于鼠標(biāo)拖動(dòng),改變層大小。──看看微軟的做法.
<script>
document.execCommand("2D-position",false,true);
</script>
<DIV>
<DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">移動(dòng)層</DIV>
</DIV>
下拉刷新和上拉加載這兩種交互方式通常出現(xiàn)在移動(dòng)端中
本質(zhì)上等同于PC網(wǎng)頁(yè)中的分頁(yè),只是交互形式不同
開(kāi)源社區(qū)也有很多優(yōu)秀的解決方案,如iscroll、better-scroll、pulltorefresh.js庫(kù)等等
這些第三方庫(kù)使用起來(lái)非常便捷
我們通過(guò)原生的方式實(shí)現(xiàn)一次上拉加載,下拉刷新,有助于對(duì)第三方庫(kù)有更好的理解與使用
上拉加載及下拉刷新都依賴于用戶交互
最重要的是要理解在什么場(chǎng)景,什么時(shí)機(jī)下觸發(fā)交互動(dòng)作
首先可以看一張圖
上拉加載的本質(zhì)是頁(yè)面觸底,或者快要觸底時(shí)的動(dòng)作
判斷頁(yè)面觸底我們需要先了解一下下面幾個(gè)屬性
offsetTop 元素的上外邊框至包含元素的上內(nèi)邊框之間的像素距離,其他方向相同
offsetWidth 元素兩端算上外邊框的寬度,其他方向相同
scrollLeft 和 scrollTop 既可以確定當(dāng)前元素的滾動(dòng)狀態(tài),也可以設(shè)置元素的滾動(dòng)位置
scrollWidth 和 scrollHeight 確定元素內(nèi)容的實(shí)際大小
clientWidth 元素內(nèi)容區(qū)寬度加上左右內(nèi)邊距寬度,即clientWidth = content + padding
clientHeight 元素內(nèi)容區(qū)高度加上上下內(nèi)邊距高度,即clientHeight = content + padding
綜上我們得出一個(gè)觸底公式:
scrollTop + clientHeight >= scrollHeight
簡(jiǎn)單實(shí)現(xiàn)
let clientHeight = document.documentElement.clientHeight; //瀏覽器高度
let scrollHeight = document.body.scrollHeight;
let scrollTop = document.documentElement.scrollTop;
let distance = 50; //距離視窗還用50的時(shí)候,開(kāi)始觸發(fā);
if ((scrollTop + clientHeight) >= (scrollHeight - distance)) {
console.log("開(kāi)始加載數(shù)據(jù)");
}
下拉刷新的本質(zhì)是頁(yè)面本身置于頂部時(shí),用戶下拉時(shí)需要觸發(fā)的動(dòng)作
關(guān)于下拉刷新的原生實(shí)現(xiàn),主要分成三步:
舉個(gè)例子:
Html結(jié)構(gòu)如下:
<main>
<p class="refreshText"></p >
<ul id="refreshContainer">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
...
</ul>
</main>
監(jiān)聽(tīng)touchstart事件,記錄初始的值
var _element = document.getElementById('refreshContainer'),
_refreshText = document.querySelector('.refreshText'),
_startPos = 0, // 初始的值
_transitionHeight = 0; // 移動(dòng)的距離
_element.addEventListener('touchstart', function(e) {
_startPos = e.touches[0].pageY; // 記錄初始位置
_element.style.position = 'relative';
_element.style.transition = 'transform 0s';
}, false);
監(jiān)聽(tīng)touchmove移動(dòng)事件,記錄滑動(dòng)差值
_element.addEventListener('touchmove', function(e) {
// e.touches[0].pageY 當(dāng)前位置
_transitionHeight = e.touches[0].pageY - _startPos; // 記錄差值
if (_transitionHeight > 0 && _transitionHeight < 60) {
_refreshText.innerText = '下拉刷新';
_element.style.transform = 'translateY('+_transitionHeight+'px)';
if (_transitionHeight > 55) {
_refreshText.innerText = '釋放更新';
}
}
}, false);
最后,就是監(jiān)聽(tīng)touchend離開(kāi)的事件
_element.addEventListener('touchend', function(e) {
_element.style.transition = 'transform 0.5s ease 1s';
_element.style.transform = 'translateY(0px)';
_refreshText.innerText = '更新中...';
// todo...
}, false);
從上面可以看到,在下拉到松手的過(guò)程中,經(jīng)歷了三個(gè)階段:
在實(shí)際開(kāi)發(fā)中,我們更多的是使用第三方庫(kù),下面以better-scroll進(jìn)行舉例:
HTML結(jié)構(gòu)
<div id="position-wrapper">
<div>
<p class="refresh">下拉刷新</p >
<div class="position-list">
<!--列表內(nèi)容-->
</div>
<p class="more">查看更多</p >
</div>
</div>
實(shí)例化上拉下拉插件,通過(guò)use來(lái)注冊(cè)插件
import BScroll from "@better-scroll/core";
import PullDown from "@better-scroll/pull-down";
import PullUp from '@better-scroll/pull-up';
BScroll.use(PullDown);
BScroll.use(PullUp);
實(shí)例化BetterScroll,并傳入相關(guān)的參數(shù)
let pageNo = 1,pageSize = 10,dataList = [],isMore = true;
var scroll= new BScroll("#position-wrapper",{
scrollY:true,//垂直方向滾動(dòng)
click:true,//默認(rèn)會(huì)阻止瀏覽器的原生click事件,如果需要點(diǎn)擊,這里要設(shè)為true
pullUpLoad:true,//上拉加載更多
pullDownRefresh:{
threshold:50,//觸發(fā)pullingDown事件的位置
stop:0//下拉回彈后停留的位置
}
});
//監(jiān)聽(tīng)下拉刷新
scroll.on("pullingDown",pullingDownHandler);
//監(jiān)測(cè)實(shí)時(shí)滾動(dòng)
scroll.on("scroll",scrollHandler);
//上拉加載更多
scroll.on("pullingUp",pullingUpHandler);
async function pullingDownHandler(){
dataList=[];
pageNo=1;
isMore=true;
$(".more").text("查看更多");
await getlist();//請(qǐng)求數(shù)據(jù)
scroll.finishPullDown();//每次下拉結(jié)束后,需要執(zhí)行這個(gè)操作
scroll.refresh();//當(dāng)滾動(dòng)區(qū)域的dom結(jié)構(gòu)有變化時(shí),需要執(zhí)行這個(gè)操作
}
async function pullingUpHandler(){
if(!isMore){
$(".more").text("沒(méi)有更多數(shù)據(jù)了");
scroll.finishPullUp();//每次上拉結(jié)束后,需要執(zhí)行這個(gè)操作
return;
}
pageNo++;
await this.getlist();//請(qǐng)求數(shù)據(jù)
scroll.finishPullUp();//每次上拉結(jié)束后,需要執(zhí)行這個(gè)操作
scroll.refresh();//當(dāng)滾動(dòng)區(qū)域的dom結(jié)構(gòu)有變化時(shí),需要執(zhí)行這個(gè)操作
}
function scrollHandler(){
if(this.y>50) $('.refresh').text("松手開(kāi)始加載");
else $('.refresh').text("下拉刷新");
}
function getlist(){
//返回的數(shù)據(jù)
let result=....;
dataList=dataList.concat(result);
//判斷是否已加載完
if(result.length<pageSize) isMore=false;
//將dataList渲染到html內(nèi)容中
}
注意點(diǎn):
使用better-scroll實(shí)現(xiàn)下拉刷新、上拉加載時(shí)要注意以下幾點(diǎn):
!<template>
<!-- 使用vant組件來(lái)寫下來(lái)刷新加載 -->
<div>
<van-list v-model="loading" :finished="finished" finished-text="沒(méi)有更多了" @load="onLoad">
<div v-for="(item, index) in list" :key="index">
<div @click="btn(item.id)">{{ item.title }}</div>
</div>
</van-list>
</div>
</template>
<script>
import { GetCode } from "../api/index";
export default {
data() {
return {
list: [],
limit: 16,//代表每頁(yè)數(shù)量
page: 1,//代表頁(yè)數(shù)
total: 1000, //總數(shù)
loading: false,//vant中的loading效果
finished: false//代表滑到底總數(shù)
};
},
created() {},
methods: {
onLoad() {
this.page += 1;//依次遞加1
this.getmain();
},
btn(e) {
console.log(e);
this.$router.push({
name: "homeList",
params: {
id: e
}
});
},
getmain() {
let params = {//拿到對(duì)應(yīng)的入?yún)? limit: this.limit,
page: this.page
};
GetCode(params).then(res => {
this.loading = true;//在請(qǐng)求時(shí)打開(kāi)loading
setTimeout(() => {//這個(gè)定時(shí)器可寫可不寫 這邊是更好看到loading效果
if (res.data.success === true) {//判斷請(qǐng)求成功狀態(tài)
this.loading = false;//請(qǐng)求成功關(guān)閉loading效果
this.list =this.page == 1 ? res.data.data : this.list.concat(res.data.data);
// 以上是對(duì)應(yīng)數(shù)據(jù) 如果頁(yè)數(shù)為1 對(duì)應(yīng)相對(duì)數(shù)據(jù) 否則每次加載后對(duì)應(yīng)的頁(yè)數(shù)數(shù)量添加到以上頁(yè)數(shù)對(duì)應(yīng)的請(qǐng)求
this.total = this.total;//這個(gè)是對(duì)應(yīng)的總數(shù)
this.finished = this.list.length >= this.total;//這個(gè)判斷當(dāng)接口數(shù)據(jù)長(zhǎng)度與總數(shù)相同不加載顯示對(duì)應(yīng)文字
} else {
this.finished = true;//錯(cuò)誤loading打開(kāi)
}
}, 800);
})
.catch(err => {
this.loading = true;//錯(cuò)誤loading打開(kāi)
});
}
}
};
</script>
<style lang="scss" scoped>
div {
div {
div {
margin-top: 10px;
}
}
}
</style>
!<template>
<div>
<van-pull-refresh success-text="刷新成功" v-model="isLoading" @refresh="onRefresh">
<van-list v-model="loading" :finished="finished" finished-text="沒(méi)有更多了" @load="onLoad">
<div v-for="(item, index) in list" :key="index">
<div @click="btn(item.id)">{{ item.title }}</div>
</div>
</van-list>
</van-pull-refresh>
</div>
</template>
<script>
import { GetCode } from "../api/index";
export default {
data() {
return {
list: [],
limit: 16, //代表每頁(yè)數(shù)量
page: 0, //代表頁(yè)數(shù)
total: 1000, //總數(shù)
loading: false, //vant中的loading效果
finished: false,
count: 0,
isLoading: false
};
},
created() {},
methods: {
onLoad() {
// 下拉刷新加載
this.getmain();
},
btn(e) {
console.log(e);
this.$router.push({
name: "homeList",
params: {
id: e
}
});
},
onRefresh() {
// 上拉刷新
setTimeout(() => {
this.isLoading = false;
this.page = 0;
this.getmain();
this.loading = false;
}, 800);
},
getmain() {
let params = {
//拿到對(duì)應(yīng)的入?yún)? limit: this.limit,
page: this.page
};
GetCode(params)
.then(res => {
setTimeout(() => {
this.total = this.total; //這個(gè)是總數(shù)
this.list =
this.page == 0 ? res.data.data : [...this.list, ...res.data.data];
this.page++;
this.finished = this.list.length >= this.total;
this.loading = false;
}, 800);
if (this.page >= this.total) {
this.finished = true;
this.loading = false;
}
})
.catch(err => {
this.loading = true; //錯(cuò)誤loading打開(kāi)
});
}
}
};
</script>
<style lang="scss" scoped>
div {
div {
div {
margin-top: 10px;
}
}
}
</style>
下拉刷新、上拉加載原理本身都很簡(jiǎn)單,真正復(fù)雜的是封裝過(guò)程中,要考慮的兼容性、易用性、性能等諸多細(xì)節(jié)
給大家分享我收集整理的各種學(xué)習(xí)資料,前端小白交學(xué)習(xí)流程,入門教程等回答-下面是學(xué)習(xí)資料參考。
前端學(xué)習(xí)交流、自學(xué)、學(xué)習(xí)資料等推薦 - 知乎
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。