前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的網站制作策劃主題范文,僅供參考,歡迎閱讀并收藏。
乙方:_________
一、總則
1.甲方同意為乙方提供網站策劃,網站制作服務。
2.網站的信息必須符合中華人民共和國現行的各項相關法律,若網站的信息出現違反中華人民共和國現行的各項相關法律的內容,乙方應承擔相應的法律責任,且甲方有權終止對乙方的服務,即關閉此網站乙方的信息。
二、甲方責任與權利
1.甲方根據雙方達成共識的網站建設方案,負責乙方的網站策劃,網站制作。
2.甲方必須保證網站上數據的準確性,可靠性,可看性及合法性。
3.在收到乙方的預付款后,甲方開始制作乙方的網站并保證在雙方議定期限內完工。
4.甲方有為乙方網站進行一次維護的義務和權利。
5.網站完工驗收后如乙方未能按期付清所有款項予甲方,甲方有權終止所有服務,并按司法程序向乙方追討賠償。
三、乙方責任與權利
1.乙方與甲方就網站建設方案達成共識并不得隨意要求甲方更改方案。
2.乙方根據方案在雙方議定的期限內把網站制作的詳細資料遞交給甲方。
3.乙方有權利了解和要求甲方通報網站建設和網頁制作的詳細情況。
4.網站的網頁制作完成后,將請乙方審閱確認,在確認之前乙方有權根據實際情況并基于建站方案進行調整和少量的修改。確認后,上傳至虛擬主機。網站制作完成。乙方不得隨意要求甲方修改網站網頁。
5.在網站工程驗收程序中(_________天),乙方有權要求甲方作出局部的調整和修改,不得以不恰當理由要求甲方作過多的更改。
6.乙方有權要求甲方作出局部的調整和修改,對于無理的要求和過激的言論傷害到人格甲方有權終止合作。
四、網站制作要求,收費標準,驗收程序
1.企業介紹級網站要求:
(a)網站有_________種語言版本:_________;
(b)網站頁數范圍:_________;
(c)網站建設方案:_________。
2.企業介紹級網站收費標準:見本網站中網站設計報價。
3.付款方式:
(a)乙方應在本合同簽訂之日,向甲方交付網站建設總金額的1/3作為網站建設預付款。
(b)乙方應在網站驗收合格之后,二天之內,一次性付清網站建設的所有款項。
4.客戶預付:客戶預付制作費用的50%以上,同時提交網站所需資料。預付金額比例:
(a)建站總金額在_________元以上預付50%制作費;
(b)建站總金額在_________元以下_________元以上預付60%制作費;
(c)建站總金額在_________元以下_________元以上預付70%制作費;
(d)建站總金額在_________元以下(包括_________元),一次性付清制作費。
5.乙方網站制作實際費用為:_________。
6.驗收程序:
(a)自本協議簽訂之日起_________天內為網站網頁制作期,制作時間根據網站的復雜和簡單程度來看,一般為10 25天,驗收期限為_________天。
(b)網站網頁策劃及制作完成后,應在兩天內交與乙方確認并作最后的調整和修改。
(c)網站制作完成并經甲,乙兩方最后的調整和修改后,上傳至虛擬主機。
(d)成功上傳至虛擬主機之后,網站建設全部完成。
五、違約責任
1.不可抗力:因天災,行政指令等不可抗力因素而造成的違約,違約方不承擔任何法律責任。
2.因乙方資料不齊全,不詳盡而造成的甲方不能按時完成制作的,乙方應承擔全部責任。
3.因乙方提供非法圖文或乙方非法操作而造成網站被關閉的,其全部責任由乙方承擔。
4.因甲方上傳非法圖文或甲方非法操作而造成網站被迫關閉的,其全部責任由甲方承擔。
5.因乙方未能按本協議約定期限內向甲方付款而造成違約的,由乙方承擔責任并每逾_________天按總金額的10%作為違約金。
六、本協議期限為:_________年_________月_________日起至_________年_________月_________日。
七、本協議一式二份,雙方各執一份,具有同等法律效力,協議過程中遇爭議問題可協商解決。
八、有關未盡事宜,雙方協商解決。協商后簽定的補充協議與本協議具有同等的法律效力。
甲方(蓋章):_________乙方(蓋章):_________
指定聯系人:__________
地址:________________郵編:___________
電話:________________傳真:___________
指定聯系電子郵箱:________________________
指定關聯域名:____________________________
是否委托乙方申請域名空間:是/否(委托申請域名空間需另附協議或口頭約定)
乙方:________互通網絡有限公司
地址:________________________郵編:___________
電話:________________________傳真:___________
指定聯系電子郵箱:________________________________
甲方因樹立企業形象,擴大宣傳等需要,委托乙方設計、制作網頁。為明確雙方責任,根據《中華人民共和國合同法》,雙方就委托設計、制作網頁達成如下協議并承諾共同遵守。
除非有特別的說明,本合同中“委托方”與“甲方”指同一主體;“受托方”與“乙方”系指同一主體。
一、委托項目
甲方委托乙方負責設計、制作、建設和開發甲方網站(不含域名注冊、網站空間、企業郵箱、網站維護、網站推廣等服務),其內容為:__________________共_______項。
a.整個網站的首頁整體美術風格構思、設計、制作,具體:_________________。
b.欄目首頁的美術風格構思、設計、制作,具體:_________________________。
c.基本網頁:_________________________________________________________。
d.文字資料,具體:___________________________________________________。
e.基本圖片處理,具體:_______________________________________________。
f.特效gif動畫:____________________________________________________。
g.特效flash動畫:___________________________________________________。
h.全景演示:_________________________________________________________。
i.音效:____________________________________________________________。
j.多媒體:___________________________________________________________。
k.基本功能模塊:_____________________________________________________。
l.定制功能模塊,要求:________________________________________________。
m.其他內容:_________________________________________________________。
二、甲、乙雙方權利、義務和責任
1.甲方須在本合同規定的時間(最遲不超過合同簽定日期兩天)內向乙方提供齊備網站內容資料(文字、圖片、音頻、視頻等),均須以電子版的形式提供(可另行協商提供文字版),并保證該資料不違反國家法律、法規,不侵犯任何第三方的權利,否則由此引起的全部責任由甲方自己完全承擔,與乙方無任何關系。
2.甲方積極、及時向乙方提出對網站制作明確的需求、要求和建議等或配合乙方人員明確網站制作的需求、要求和詳盡事宜等,授權指定一甲方內部人員或其他項目監理公司的人員作為該網站制作項目的負責人,該負責人應及時對乙方的工作進度和成果進行確認、驗收及代表甲方及時明確具體要求或提出意見、建議等,全力配合乙方以最高的效率在規定的時間內完成該網站制作項目。
3.本合同標的在交付后三日內,乙方可以按照甲方的請求進行修改。在三日內甲方未提出異議的,視為合格。
4.甲方應自合同簽訂之時向乙方支付定金,采取匯款或者現金的形式支付定金的,甲方須于定金匯出后將匯款底單傳真至乙方,乙方收到該底單后方開始著手制作。甲方不在合同規定時間內支付定金的,視為違約,乙方有權拒絕履行或單方終止該合同并有權收取甲方相當于總制作費5%的違約金。
5.甲方須以書面形式對乙方制作好的網站進行驗收確認,乙方制作好的網站一經甲方驗收合格,乙方的制作任務即告完成,甲方應在驗收之日向乙方支付其余的制作費。
6.甲方可以向乙方或第三方互聯網服務商購買域名注冊、網站空間、企業郵箱、網站維護、網站推廣、網站備案等服務。采用第三方的網站空間時乙方應給予必要的配合和協助。
7.乙方確保該網站制作的質量并保證不侵犯第三方權利,
網站質量標準按附件所規定詳細條款核定,如網站質量無法達到合同規定標準,則甲方有權要求乙方修改,或重新制作。
8.乙方應對涉及甲方商業秘密的事項保密,應確保甲方提供的資料和信息等不向任何第三方提供并于項目驗收通過后及時將其載體歸還給甲方。
9.乙方在網站制作完成及甲方驗收確認后將給出電子文檔形式的《網站操作說明》或指導甲方操作該網站。
10.網站制作工作完成后乙方可以按照甲方的要求將網頁上傳到指定的網絡服務器上,交付給甲方使用。在網站驗收合格網上后,如果甲方需要增加修改頁面,可根據改動情況另收取制作費。
三、定金和制作費支付
此網站的總制作費為________________元(大寫:____________元人民幣);甲方應自合同簽訂之時向乙方支付相當于總制作費60%的定金________元(大寫:_________元人民幣),于網站制作完成之日支付乙方其余的服務費_______元(大寫:________元人民幣)。
四、違約責任
合同簽訂后如甲方終止合同,則定金不再退還,歸乙方所有。
除不可抗力原因外,若乙方因自身原因導致網站制作完成的延遲,則每延遲一日退還總制作費的千分之五。
因不可抗力或者其他意外事件,或者使得本合同的履行不可能、不必要或者無意義的,任一方均可以解除本合同。遭受不可抗力、意外事件的一方全部或部分不能履行本合同、解除或遲延履行本合同的,應將事件情況以書面形式通知另一方并向另一方提交相應的證明。
雙方當事人對本合同的訂立、解釋、履行、效力等發生爭議的,應友好協商解決;協商不成的,雙方向仲裁委員會提交仲裁并接受其仲裁規則;若協商、調解、仲裁未成,則可向人民法院提起訴訟。
此合同一式兩份,每份共4頁,雙方各執一份,自雙方簽字之日起生效。
甲方單位:________________________
乙方單位:________互通網絡有限公司
授權代表簽字(蓋章):____________
日期:____________________________
附件
工作進度與安排、數量、價款、交付和驗收方式
一、合同金額及付款方式明細
1.合同金額
服務項目
數量
價格(單位:元)
策劃創意
國際域名注冊、空間申請
首頁
中文主頁
英文主頁
基本網頁
flash
feedback
bbs
全景演示
計數器
留言板
音效
多媒體
2.付款方式 __________________。
3.網頁制作及完成時間
完成時間:乙方收到材料、圖片及合同第四條規定的款項后_________日內制作完成。
上傳期限:乙方在_________年_________月_________日前交付網頁或者上傳至指定網絡服務器上。
驗收期限:甲方在_________年_________月_________日前完成網頁的驗收,并確認。
付款期限:甲方須于驗收確認之日將余項款目付清。
二、驗收標準和驗收后修改補充
1.甲方可以通過任何與因特網進行網絡連接的計算機瀏覽自己的主頁。
2.主頁無文字拼寫及圖片(以甲方提供的材料為標準)錯誤。
3.驗收合格,甲方以書面方式簽收。
4.驗收合格網上后,如果甲方需要增加或修改頁面,可根據改動情況另收取制作費(除乙方推出的贈送、延長維護期等優惠活動)。
三、合同期限
本合同有效期為_________年_________月_________日至_________年_________月_________日。如若雙方沒有異議,本合同期限順延。
四、網站維護
網站維護費用計每月_________元。如因甲方原因導致沒有及時付款,因此造成的損失由甲方負責。乙方在合同期間保證甲方的網站正常瀏覽。
甲方:________________________
授權代表簽字:________________
關鍵詞:HTML5;網站;前端技術
計算機技術日新月異,HTML已經經歷了由HTML4向XHTML發展,到近幾年來的由HTML4到HTML5的發展歷程。HTML5因具有一些優異的新功能,得到越來越多開發人員的青睞。可以說,HTML5就是Web的未來,也是Web開發者的新希望,所以作為專業的網頁制作等相關人員有必要了解HTML5,以便在Web技術的發展潮流中立于不敗之地。
1、初識HTML5
HTML(HypertextMarkupLanguage,超文本標記語言)是一種文本類、解釋執行的標記語言,用于編寫要通過WWW顯示的超文本文件。HTML是用于設計網頁的主要語言。網頁中的文本、圖像、表格、超鏈接等內容都是由HTML中的標簽定義和組織的。HTML誕生于20世紀90年代,經歷過HTML2.0,HTML4.0,之后推出修改版XHTML1.0,其中X代表擴展。之后推出XHTML1.1和XHTML2,2014年HTML5標準規范總要最終制定完成。
2、HTML5的優勢
2.1解決了跨瀏覽器問題
在HTML5之前,各種瀏覽器對HTML,JavaScript的支持都不統一,這樣就造成了同一個網頁在不同瀏覽器中的顯示效果不一樣,HTML5的目標是分析各種瀏覽器所具有的功能,并以此制定一個通用規范,要求各個瀏覽器都能支持這個通用標準。支持HTML5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器)、Safari、Opera等;國內的瀏覽器(Maxthon),以及基于IE或Chormium所推出的360瀏覽器,搜狗瀏覽器,QQ瀏覽器,獵豹瀏覽器等同樣支持HTML5。
2.2增強了web應用程序的功能
HTML5提供了前所未有的數據與應用接入開發接口,使外部應用可以直接與瀏覽器內部的數據直接連接,如視頻影音可直接與話筒及攝像頭相連。
3、基于HTML5的網頁設計與實現
本文介紹一個企業網站的設計與制作,通過對本網站的制作,可以讓讀者對HTML5+CSS網站制作過程有所了解。(1)網站規劃:網站規劃,即網站定位,主要是明確網站的類型。經過策劃,我們確定將創建的網站是一個企業網站,主要用于宣傳企業形象,企業文化和產品。并為企業提供與用戶的在線交流。網站主要面對的用戶是單位。(2)網站素材收集:根據上面的策劃,在網站制作前,需要收集網站中需要用到的一些素材,如網站標志(logo)。Flash廣告,公司簡介,產品圖片及信息等資料。(3)網頁規劃:網頁規劃包括網頁版面布局和顏色規劃。為了讓盡可能多的瀏覽器能在一個窗口中完整的顯示網頁,本網站將網頁寬度設定為800px,根據之前的網站規劃,可確定網站包括的欄目主要有首頁,公司簡介,新聞中心,產品展示,合作伙伴,網上訂購,人才招聘和聯系我們。網頁涉及的版塊主要包括logo,導航條,flash廣告,側邊欄,主內容區和頁腳,頁面的總體效果如下圖所示通常在規劃網頁時,會將網站logo、導航條和flash廣告作為頁面的頭部內容,這樣整個網頁的結構就分成四大板塊,分別是頭部,側邊欄,主體和頁腳。使用DIV+CSS布局頁面。接下來是顏色規劃。顏色規劃需要從兩個方面考慮,一是網頁內容,二是訪問者。在網站規劃之中已知道,網站面向的用戶主要是一些單位,因而網站可以做到簡潔、大方。為此,將網站的背景色調定位白色,前景主色調定為中灰色,對某些需強調或希望引起瀏覽者注意的地方則使用橙色,整個網頁的眼神盡可能不超過三種。(4)網站目錄設計:根據網站策劃,該網站的目錄可包括首頁index.htm,保存網站公共圖片的images目錄,保存樣式的CSS目錄,保存腳本文件的JS目錄,保存多媒體文件的media,以及針對導航欄目設置的一些目錄。(5)網頁制作:我們可以使用任何文本編輯工具制作網頁,但為了提高網頁的制作效率,建議大家使用Dreamweaver這個可視化的網站管理和制作工具,使用Dreamweaver工具時,首先使用它的“站點”菜單創建一個文本站點,然后在這個站點中把第四步設計好的目錄一一創建好,最后就可以開始制作網頁了。
4、HTML5前端技術使用心得
HTML5前端開發是一個較新的職業,它是在web2.0的熱潮下成熟起來的,要求開發者掌握較綜合的技能,除了必要的軟件開發技術,還要對可用性有一定的了解,而又對設計有一定要求。對于我們的學生來說,如果要在未來的就業中掌握主動權,必須有一門深厚功底的技術一定要掌握HTML+CSS技術,javscript更是不能輕視,同時,在學習技術的過程中,要不斷加強自己的項目處理經驗,為自己積累成本。
參考文獻
[1]張亞飛.HTML5+CSS3網頁布局和樣式精粹[M].北京:清華大學出版社,2011.
[2]張兵義,等.網站規劃與網頁設計[M].北京:電子工業出版社,2009.
【關鍵詞】制作原則;建站流程;建網工具;格式
引言
網站制作 需要網站虛擬空間、域名以及動態網站的數據庫這三個最基本的條件。網站虛擬空間是用來存放網站文件,如:圖片信息,html文件,php文件等,相當于一個硬盤空間,域名即指訪問網站的地址。動態網站的數據庫用來存放網站數據的空間,這里的網站數據并非網站的html文件、圖像信息等,指的是如網站訪客提交的留言,個人信息等,傳統的靜態網站無需數據庫支持。隨著瀏覽器和W3C標準一致性的改善,以及無表格網頁設計的認同性增加,超文件標示語言與層疊樣式表共同用作網頁內容的設計已經被廣泛的接受和使用。最新的標準和建議則是朝著瀏覽器的能力擴充和改善發展,使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。
1.制作原則
在互聯網的時代,網站的制作并非是一個單純的技術性問題。特別是模板網站的出現,只要會打字,幾乎誰都會,網站制作它包括邏輯思維、文字內容表達、美工設計等因素,但你最終目標是吸引更多用戶訪問。網站制作和設計是根據它設定的目標,在一個商業網站的情況下,網頁設計的定義是根據它設定的目標。網站制作過程如果你是新的開始,有很多工具來創建一個很好的網站。適應他們的理念,以創建網站的過程中,網站上的樂趣。企業網站制作的主要目的是增加供應和品牌的知名度。
2.建站流程
2.1 先確定要做的是一個什么網站,就是說做這個網站是用來干什么的;比如說,我想做的網站是一個企業網站,是做電子電器的,那么我就要圍繞這些內容來進行構想,也可以參考一些同類的網站。
2.2 根據構想好的網站主題來取一個域名,域名一定要取好,這個對你網站以后的發展很重要,所以一定要根據你網站的主題來取好。
2.3 待網站程序源碼搞好并在本地測試正常后,根據網站要用到的空間需求來租用服務器空間,一般的企業網站用300M的空間就足夠了(以視頻形式展示的企業網站除外),還有一點需要注意的是:服務器分國內和國外,最大的區別就是國內的空間要進行備案而國外的空間不用,購買后可直接使用。
2.4 服務器空間購買好后,就將網站的程序源碼用ftp上傳工具上傳到服務器空間,并將后臺數據導入到空間數據庫,網站就可以正常在互聯網上運營了。
3.設計網站風格
制定了網站框架之后,您就需要設計網站的頁面了。網頁設計可以說是一門藝術,它既包含了平面設計中的設計法則,也包含了網頁制作的要素。個人網站制作人員畢竟不是專業美工,您需要掌握一些基本軟件的使用方法和設計規范。CHIP建議您瀏覽一些具有美工知識和軟件操作方法,以及文字特效和圖形效果等制作教程的網站。
4.建網工具
網絡技術的發展帶動了軟件業的發展,所以用于制作Web頁面的工具軟件也越來越豐從最基本的HTML編輯器到非常流行的Flash互動網頁制作工具,各種各樣的Web頁面制作工具,下面是耀杰科技幾款具有代表性的網頁制作器:
4.1 HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果,仍受高級網頁制作人員的青睞。
4.2 所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網頁。而且,Frontpage還能解析網頁的HTML源代碼,并提供了預覽支持。
4.3 非常流行的Macromedia公司出品的Flash互動網頁制作工具。能夠輕松輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。
4.4 Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。
因此,在實際的網站設計中,總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計,在實際的網頁制作中是非常重要一環,采用什么樣的鏈接結構直接影響到版面的布局。
5.做網上廣告,促進銷售
面向企業提 供廣告服務業務。網上廣告通常以一個醒目的圖形貼在ISP網頁上,企業可以利用自己或別人的網頁在網上打廣告。一些專業的網絡服務者在網上開設匯總信息的大型信息服務系統。通過該圖形可以鏈 接更多的和更具體的廣告信息,其信息量可以很大。企業網站自己就是廣告,一些企業在網上建立自己的網頁,或者開設自己的網站,把企業信息集中起來,分類分欄,方便瀏覽及節約需求者時間,從而提高知名度模式,也帶來了更多顧客能給企業帶來一定的經濟效益。現代社會中的所有著名企業都在網上建立了自己的網頁或網站。
6.靜態網頁
靜態網頁多數為單一的超文件標示語言檔案。現今不少網站皆傾向把動態頁靜態化,從而令搜尋引擎最佳化。
7.動態網頁
動態網頁的內容隨著用戶的輸入和互動而有所不同,或者隨著用戶、時間、數據修正等而改變。
任何地址中帶“?”號、“&”號(及其他類似符號)的網頁都會把“蜘蛛”程序擋在門外。這些網頁通常由CGI、PHP、ASP等程序產生,技術上較先進,但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動態網頁的能力,但相當一部分數引擎還是不支持它的。而且即使是能夠索引動態網頁的Google,也在多個場合中明確表示不保證檢索全部的動態網頁。
8.結論
基于工作過程系統化的教學改革是我校近三年的重點科研課題,《網站建設與管理》這一課程是本課題下的一個實驗課程。基于工作過程系統化的教學方法是凸顯《網站建設與管理》的崗位技能和相關技術應用能力的課程。
按照“職業能力分析――典型工作任務――工作過程分析――學習領域――學習情境”的思路,我們完成基于工作過程的《基于工作過程的網站設計與制作》教材開發及學習情境的設計工作。本著以具有綜合職業能力的網站設計與制作技能型人才為培養目標,以工作實踐為主線,項目為導向,采用情境教學,以及經過對基于工作過程的系統化的課程開發,在這學年中,筆者根據職中生的特點,在職中計算機專業的《基于工作過程的網站設計與制作》課程的教學模式作了一些實踐探索,嘗試了如下的教學改革。
二、教學改革的背景
1.對工作過程系統化的認識
《基于工作過程網站設計與制作》按照實際任務、工作過程和工作情境進行重構,教學方法和模式以工作過程“資訊――計劃――決策――實施――檢查――評價”六步教學法進行改革創新,打破傳統的課程體系、知識體系、管理模式以及考核評價方式,來提高學生的社會能力、方法能力、專業能力。
(1)資訊:介紹相關網站建設者的技能知識。
(2)計劃:如何規劃網站。
(3)決策:編寫網站設計規劃書。
(4)實施:網站的設計實現。
(5)檢查:網站的調試、展示與完善。
(6)評價:小組評價、網站技術答辯。
2.學生學習現狀分析
中職學生的基礎比較薄弱,學習主動性不強,受自身條件所限,他們所掌握的技術比較單一,知識面不廣。在基于工作過程的網站制作教學過程中,筆者發現學生在資訊階段,他們能在老師的示范及講解下,理解掌握知識。在計劃與策略階段,必須在老師的指導下,完成網站規劃書編寫,而且網站開發規劃書寫得非常簡單,一旦離開老師的引導,他們就像老鼠拉龜一樣,無從下手。但在設計實施階段,由于有一定平面設計與網頁設計的基礎,他們又躍躍想試,情緒高漲。在檢查與評價階段,運用個人總結、小組自評、互相答辯的有效評價方式,同學們收獲是頗大的。因此,筆者分析了教師參與引導學生的情況,如圖1所示。
網站的建設是一個系統的工程,它有一定的生命周期。如圖2所示,在這個周期中,首先是要進行認真、科學的規劃,也就是基于工作過程的計劃與決策階段。而后才是運用網站建設技術進行開發建設,最后是測試并,每一個步驟都是很重要的。而網站建設規劃方案明確了建立網站的目的和發展方向,了解客戶及市場的需要,確定網站所提供的功能,可謂說,差之毫厘,失之千里。
三、快速原型法理論
快速原型法是20世紀80年代隨著計算機軟件技術的發展,而提出的一種從設計思想、工具、手段都是全新的一種系統開發方法。它的基本思想是在識別客戶最基本的需求的基礎上,先開發一個初始的原型系統,通過使用原型系統,開發者不斷理解客戶的要求,反復修改和完善原型,直到形成最終滿意的系統。
快速原型法的五個階段:
1.計劃決策階段
在這一階段,學生要完成網站策劃書。但學生們都是菜鳥,想做好網站的策劃,從哪下手?什么是策劃?策劃能力是什么,如何寫好網站策劃書?對學生們是極大的考驗,網站策劃是用創意的方式來實現達到某個目的的能力,好的創意必須能夠成為好的執行方案。那么,在做某個類型網站的時候,教師要引導學生們去收集大量的資料,激蕩出自己的想法。但我們的學生達不到這個水平,那么只能在教師引導學生們認真閱讀網站建設的任務書,然后小組討論,研討網站的目的與基本要求。制定出非常粗糙的網站策劃書。如果教師只停留在這個方面,不斷要求學生們深入研制網站策劃書,學生們是不知道要寫啥,寫出來的東西也沒有實際的價值。
教師引導學生們完成策劃草案編制,步驟如下:
(1)建設網站前的分析。
(2)網站的目的與功能定位。
(3)網站技術方案。
(4)網站內容及實現方式。
(5)檢查維護方式。
2.網站原型圖設計
在這一階段,學生在參考了同類網站效果后,根據初步的策劃草案,著手設計網站的效果原型圖,原型的目的是為了讓大家對自己的作品一目了然,所以要快速及清淅地了解網站的核心功能,我們要減少制作原型的時間,加快開發速度。步驟如下:
(1)整理思路,把想要做的網站結構、布局整理清楚。
(2)安裝一個網站設計原型工具Axure軟件。
(3)根據網站結構、布局開始設計條條框框,放置它們到適合的位置。
3.調試、評價
通過教師的點評,提出修改意風,使網站功能逐步趨于明顯。
4.修改和完善模型
如果小組及教師認為所研制的網站原型根本不可行,則需要重新研制系統模型。如果是對所研制的網站原型圖不滿意,則需要對原型進行完善和修改,這是一個反復修改,不斷完善的過程,直到達到要求為止。
5.網站設計
根據網站原型,現在需要一步一步將原型變成現實,這是一個復雜而細致的過程,步驟如下:
(1)繪制網站效果圖。
(2)制作網站動畫。
(3)設計網頁。
(4)、調試網站。
(5)評價。
經過一個學期教學,學生們收獲頗大的,基本上可獨立完成一個完整的網站策劃與設計。
四、效果
基于工作過程是以典型工作任務為載體,其教學內容指向職業的工作任務、工作內容和工作過程的認識。網站設計與制作是其構建一個系統,它總是要遵循一定規則和程序,經過使用原型法來進行教學,能不斷提高學生的計劃及決策能力,因為計劃和決策處于網站建設的首要和關鍵地位。計劃的有效性與決策的質量相關,而實施的結果依賴于計劃與決策中的優化方案與水平。利用原型法,可以不斷地完善網站原型,從而使目標管理發揮出預期的作用。
一、前期營銷方式
1、海量文章,水軍外鏈
為證明這個數據,特統計了58同城2008年到2009年的的收錄數據以及外鏈數據。下面分重點切圖給大家演示
2008年58同城網絡數據分析
2008年5月9日58同城數據
2008年12月31日58同城數據
2008年數據對比分析可以看到58同城的外鏈從272000增加到4110000,但是百度的收錄收錄頁面基本沒有增加,那么這一年來58同城的工作主要在做網絡營銷的站點展示,讓更多的網民知道58同城。
從58同城的年度大事中我們可以知道(2008年11月 58同城姚勁波榮獲華夏時報頒發的“2008年度中國最具成長性CEO” )姚勁波的領導下的網絡營銷團隊功不可沒。
2009年58同城網絡數據分析
2009年2月4日58同城數據
外鏈和文章大幅度增加,編輯隊伍與外鏈水軍人員增加。
2009年7月11日58同城數據
網站外鏈數據暴漲到1億,2月份錄入的數據未見權重穩定。
2009年12月31日58同城數據
從2009年58同城的數據可以得知2008年2009年58同城一直在做網站的外鏈建設。站內文章僅翻了一倍,但是外鏈增加了500倍,那么綜合58同城2年的網絡營銷策略來說是”外鏈策略”。
二、后期營銷方式
經歷了2年的網絡品牌展示以后2010年58同城的主要網絡策略開始轉變,外鏈策略改為提升網站內容策略。那么內容質量來源于2個方向。
1、內部編輯文章操作
內部編輯主要體現在前期網站制作方面,這里面從2008-2009年的數據不難看出,在58同城沒有太出名之前站內內容基本由編輯整理。
2、用戶文字編輯操作
2010年可以說是58同城大轉變的一年,用戶逐漸的增加,站內文章主要來源于用戶的信息,從而側向的輔助了海量文章頁面的效果。
三、 事件策劃
從媒體的關注來看58同城的營銷方式,下面截取58同城在百度的熱度分析圖。
58同城百度熱度及媒體關注圖
從媒體關注我們可以發現,2009年2010年以及2011年58同城都有相應的事件策劃。下面可以列舉一些事件。
2009年10月 58同城進入中文網站50強,進入全球網站五百強
2009年11月 58同城榮獲21世紀報系評選的“21世紀中國最佳商業模式獎”
2009年12月 58同城網榮獲信息時報“2009年度IT行業總評榜”
獲得 2009年度最佳誠信分類信息網站及姚勁波榮獲互聯網創新風云人物
2010年6月 58同城入選北京創新企業30強
重點事件(名人營銷)
楊冪代言58同城廣告
自2011年4月24日起,北京的公交車和地鐵上出現了大量58同城的廣告,因《宮》而人氣暴漲的楊冪成其代言人。
據業內人士分析,自優酷和當當相繼在美國上市后,中國互聯網企業赴美上市潮一直就沒有冷卻過。
58同城的廣告一出,便引起業內相關人士和媒體的各類猜想。向來低調的58同城此次化身“一個神奇的網站”。
廣告詞:“這是一個神奇的網站,58同城,不用中介租房子,不用花錢招人才。
關鍵詞:網頁制作 項目教學法 計算機教學
中圖分類號: G718 文獻標識碼: C 文章編號:1672-1578(2012)04-0224-02
隨著現代科學技術的迅猛發展,計算機網絡及應用越來越廣泛,許多企事業單位都建有自己的網站,計算機網頁設計正成為一個很熱門的行業,網頁制作已是中等職業學校計算機專業學生的一門必須課程。為了讓學生更好地掌握網頁設計的方法和技巧,提高學生的動手能力,筆者通過多年來從事網頁制作課程的教學工作,總結出一些實際教學經驗與體會,與大家一起探討。
1 根據課程特點,合理設置課程
網頁制作這門課程涉及的內容較多,因此需要學生學很多相關方面的知識,如Html基本知識,Photoshop知識,Flash知識。如果學生剛一進校在沒有任何基礎的情況下就學網頁制作,不設相關的基礎課程,這樣學生直接上這門課會覺得課程很難從而失去信心,教師教這門課也比較痛苦。為此,我們對整個專業的課程設置做了一定的調整,第一學期先開設Photoshop圖像處理和Flas制作這兩門課程,第二學期再開設網頁制作課。在圖像處理課程中,掌握PhotoShop軟件的應用,為網頁中的圖像處理和網站的整體布局打好基礎;同時在動畫制作課程中,掌握Flash軟件的使用,通過網頁中插入動畫,使網頁更加生動,更有吸引力。筆者認為沒有這兩門課程做鋪墊,學生即使熟練掌握了DreamWeaver這一軟件的應用,也無法完成一個靜態網站的建設。何況從近幾年的全國計算機技能操作大賽來看,不僅僅要求學生掌握靜態網站的制作,還要掌握動態網站的設計,那要求的基礎知識就要更多更廣泛一些,要掌握HTML語言、腳本語言、數據庫基礎知識,還要具備一定的程序調試能力。因此我們要根據該課程的特點結合中等職業學校學生的實際情況,有計劃、有目的的設置專業教學計劃、課程計劃,合理安排教學內容。
2 引入項目教學法
網頁制作是一門綜合性和實踐性都很強的課程。與其他課程的教學相比,本課程無論是教學內容還是教學方法上都有其獨特之處。如果教師還單一地采用傳統教學模式——“教師講解,學生模仿”來進行教學活動,是遠遠不夠的。按照這樣的方法教學,一堂課下來學生只會做教師教的,不會融會貫通,學生的學習興趣得不到激發,創新意識也得不到培養和開發。因此為了提高學生的專業技能和改變以前的教學情況,我們采用了“項目教學法”進行教學。
在設計“項目”時,要注意學生的特點與知識接受能力的差異,充分考慮學生的現有基礎、認知能力和興趣等。網站建設作為整體項目可細分為多個子項目。例如到學期結束,學生必須完成一個大的項目,我們就選擇“企業網站制作”作為本次項目教學活動的課題,按照項目教學法,將教學過程劃分成以下幾個步驟。
2.1分組
在先學生自愿組合、后教師調配安排下對全班同學進行分組,4-5人一組,采取組長負責制,由組長統籌安排其組員的分工。
2.2規劃網站
在制作網站前,給學生介紹演示不同行業的企業網站,要求學生在瀏覽網站的同時,總結企業網的特點,如欄目設置、布局安排等,并把自己的心得介紹給老師和同學,這樣不但能提高學生的學習興趣,而且為引入項目教學法做好了鋪墊。課前讓學生利用雙休日的時間,分成小組走進企業,進行網站需求的調查,并收集有關企業素材。課堂上讓學生結合各自調查情況,制定好一份初步計劃書,確定網站主題。
2.3細化任務。分工合作
在分組時教師已經把握好學生的層次和特長了,因此在小組分工時要根據網站的具體要求,精心組織教學內容,由組長進行網站總體的策劃,把整個項目分成不同層次的子任務, 每個任務分配到小組成員中,使他們各盡其責完成自己負責的任務。
2.4實施項目
學生確定各自在小組內的分工及小組成員間合作形式后,按照已確定的方案進入具體的企業網站制作,包括主頁設計、網站排版、圖片的處理等。在這個過程中,學生必然會碰到許多新問題,此時教師就可以把問題集中起來,要求各小組在回答問題時充分發表意見,同學間可以互相幫助,教師根據學生的掌握情況進行及時補充,對學生在應用上有困難的地方,教師要提供給他們解決問題的方法,讓班上絕大多數學生能完成基本的教學內容。
2.5小組成果展示
網站制作結束前,經過教師核準驗收后,可以宣布整個項目工作結束。接下來教師要對學生制作的作品進行展示,在進行作品展示時,教師可以把班級同學集中起來一起觀摩,這樣會更加促進學生的團隊意識。同時,為了更好地利用網絡資源,可以把學生的好作品上傳到校園網站,讓全校師生都來關注學生的成果。這樣能激發學生的學習動力與興趣,讓學生享受成功的快樂,真正提高對所學知識的理解和掌握。
2.6評估總結
學生在完成網站設計后,教師要求他們進行網站的自評、互評。這個過程可以與成果展示同時進行,并且最好是以大班教學方式進行,也就是把幾個班的同學集中在一起上課、交流。學生對各自網站自評,不僅有利于學生的自主學習,而且可以改進課程或教學的設計;學生互評,讓學生對學習成果進行共享,從學生的角度發現問題以及提出改進意見。最后教師對各項目組的網站進行綜合評價,這一工作是最主要的。教師在評價學生網站時,不能只進行優劣評價,而應該指出問題所在,給出具體改進及修改建議等,讓學生去完善網站。
實踐證明項目式教學方法可行,它得到了學生的喜愛與好評,也取得了良好的教學效果。
3 開展多種實踐,提高專業技能
只有學生多實踐才會掌握專業技能,因此除了課堂上開展正常的項目訓練外,還要有計劃、有實質性內容的開展一些課外實踐活動。筆者要求每位學生用學到的網頁知識通過網上免費的個人空間或博客,制作一個個人網站,并經常進行各種比賽,如班級網站比賽,展示班級風采,對優秀網站進行獎勵,并上傳到校園網上展示。對于優秀的學生鼓勵他們參加校外各類大賽如省市中職學校技能比賽、文化藝術節比賽、全國中小學電腦制作活動網頁制作項目比賽等,通過參加比賽活動,使學生的才華得以展現,創新能力得到培養。另外成立網頁制作興趣小組,平時多加以輔導,以分工合作的形式,定一個主題,自行參考各種資料、收集素材,模仿他人優秀網站作品或自行設計創作一些網站,以此來鍛煉學生的綜合應用能力和分析問題、解決問題能力。通過不斷的實踐,使學生基本上都能熟練地掌握網頁制作方法,為以后畢業就業從事網頁設計方面的工作做好鋪墊。
4 不斷更新知識,提高教師專業水平
計算機專業是一門更新很快的學科,教師的專業技能往往決定著所教學生的水平,如果教師專業知識不更新,就不知道很多新技術在這個領域中的運用,如現在網頁制作網頁的結構很多采用DIV+CSS布局,如果我們很多教師只會用表格布局就相當落后了,培養的學生出去也不適應這個行業,再如,多年前用ASP語言做動態網頁設計,現在表明ASP在安全性方面存在著很多問題,我們教師要學習現在流行的JSP 、PHP、語言了。因此學校可采用脫產培訓,寒暑假集訓的方式,組織教師進行“雙師型”學習或研修,有針對性地更新或拓寬專業知識。同時,有計劃地選送教師到企業實踐培訓,走進社會,了解企業,提供給教師將理論與實踐結合的機會。積極鼓勵教師參加各類計算機技能大賽,提高教師的實際操作能力。
總之,網頁制作課程是一門實踐性非常強的課程,如何提高本門課程的教學質量方法多種多樣,只要在教學實踐中不斷探索,不斷創新,一定會尋找出一條既符合實際又有效的途徑,使學生真正掌握網頁制作這門技術,為今后的工作奠定良好的基礎。
參考文獻:
[1]王棟松.在計算機課程教學中開展項目教學法的研究[J].職業教育研究,2005(11).
[2]楊曉明.《網頁制作》課程教學改革的探索與研究[J].甘肅聯合大學學報,2008(3).
作為行銷的有益輔助工具,營銷型網站建設一樣需要善用用戶的從眾心理。比如我們經常在網站上看到的成功案例、合作伙伴、容易資質等欄目,就有一定這樣的目的。在建設制作網站的時候,如果能掌握用戶的從眾心理,則網站的營銷優勢可以得到更完美的發揮。上海網站制作首選品牌引航科技認為,從網站的頁面美術設計到網站功能模塊設置,從網站內容維護更新到營銷差價的合理應用,處處都需把握好用戶的從眾心理。
從眾心理在網站美術設計上的應用
網站美術設計從來就不是一件隨便的事情,要知道對于企業網站而言,絕大多數的網站功能和欄目是極其類似的。也就說,決定網站與網站不同的地方是網站設計。賞心悅目而專業精致的設計,一個可以有效提升用戶體驗,第二也可以將對營銷有幫助且用戶需求的內容放置到醒目位置,促使用戶產生從眾心理。在網站首頁設計的時候,一般公司都會講自己的成功案例,和比較知名的合作伙伴放置在顯著的位置。筆者所在的網絡公司就有一個客戶,要求將授權資質證書放置在網站首頁,其實也是善用從眾心理的一個舉措罷了。
從眾心理在網站功能模塊上的應用
雖然絕大多數企業網站的欄目設置一樣,但是具體到不同行業不同公司,還是有所差別的。比如說貿易公司,一般更容易將產品和授權作為營銷的重點。而裝潢設計公司,更容易突出其設計師能力和作業經驗,當然案例永遠都是這類公司網站的主打欄目。因為用戶看到這樣的網站會想,他們既然如此有資信,而且那么多大的品牌都選擇了這家公司,我還有什么擔心的呢?在網站欄目設置上,可以善用客戶從眾心理的還有很多,比如說某些公司在網站產品展示模塊里面植入用戶的評價,比如京東商城的產品展示模塊就有這樣的功能。當你看到90%甚至更多的用戶給出的都是好評,在產生購買欲望的時候,你還會猶豫嗎?
從眾心理在網絡營銷插件上的應用
關鍵詞:電子商務;數字藝術;包裝
當人們面對紛繁復雜的網絡視覺信息,電子商務的交互性特征和訪問者的切身體驗性對于電子商務企業的品牌戰略就變得十分重要,電子商務包裝的“互動性”會讓電子商務平臺更具人性化,實現高度的互動性和良好的視覺審美相結合。
1 互動的電子商務包裝
互動是整個電子商務平臺的建設的出發點,是設計人員成功策劃、設計、制作電子商務平臺的關鍵,互動的電子商務包裝是基于互聯網,包括數據、文字、圖形、圖像、音頻以及視頻等的網絡互動交流方式。通過網絡多元化的應用,聲音、圖像和文字等多種媒介才能在電子商務包裝得以有效地傳播,當今人們面對多元化的視覺信息,以單純的文字信息為主的電子商務傳播方式已經不能適應用戶多方位獲取信息的要求,如果電子商務包裝在內容上并沒有實質性突破,依然以文字信息為主,那么即使涉及多媒體,也是單向傳輸式,無法滿足電子商務應用的日益增長的需求,因此單純地在網絡上傳播商務的文字信息和播放動畫或視頻的媒體都不是互動的電子商務包裝,很多電子商務包裝在網絡上都是單方面的,不能實現真正意義上的互動,真正的互動電子商務包裝是通過網絡這個平臺,用戶可以在自己親身的參與其中,在整個電子商務包裝過程中進行愉悅的購物體驗,并與網絡產生良好的互動。
2 互動電子商務包裝的視覺表現
“視覺表現”也可以理解為視覺設計表現,視覺設計是一種創作者的視覺傳達方式,這種傳達是智慧和激情的表達方式,需要用頭腦和心來創作,同時“視覺設計”又不得不以功能和美學為載體而創作,它可以分成兩個主要領域:設計和風格,“設計”是為了符合一個特定的目標;“風格”是為了引起消費者的注意力。
電子商務包裝的視覺設計不僅要具有電商的功能而美感的追求也非常重要,二者缺一不可;為了功能而忽視美感,或者為了美感而忽略功能的設計都是不成功的,現代的電子商務包裝需要將兩者完美地結合在一起才能與訪問者完成良好的電子商務體驗,完成真正的互動使電子商務品牌深入人心,建立良好的電子商務品牌形象,實現電子商務品牌價值最大化。
網絡作為一種媒體有其自己獨有的個性,它與我們平時接觸的平面媒體有所不同,對于報紙、雜志,設計時必須考慮其特定空間的限制,而對于網絡來說,這個問題似乎不存在,設計者不用為了限定的空間而大費周折,但是整體的視覺表現不但要考慮如何將圖片、文字和多種媒體安排到特定空間,而且要選擇如何將所有的信息放置得更符合邏輯性,并且要充分考慮到與訪問者的視覺流程和心理體驗的互動,選擇將所有的信息放置得更符合邏輯性更富有美感的視覺傳達方式,形成一個具有創新的交互界面是十分重要的。
3 交互電子商務網站的建立
電子商務的形象代表了電子商務企業的品牌視覺化,是企業的一項無形資產。在高度信息化的社會里,單純以傳統表現方式取勝的企業識別手段已經不能解決現代電子商務形象的傳播,現代的電子商務形象的樹立已經成為企業宣傳中的一項重要內容,企業標準形象貫穿整個網站,更能加深它在訪問者心中的認知度,讓電子商務包裝的整體形象的互動體驗深入人心,建立有自己特色的、質量上乘的形象已成為當務之急。
3.1 互動電子商務網站策劃
電子商務網站是網站建設前對市場及網站訪問者進行調查分析,確定網絡的目的和功能,根據互動需求以及投入費用來確定網站制作的步驟和規模,并對電子商務網站建設中的技術、內容、費用、測試、維護等作出規劃,互動的電子商務網站的建立是否成功,與建站前的網站策劃有極為重要的關系,電子商務平臺的整體策劃與形象設計把握如同建房時所打的地基,沒有良好的基礎,就很難建成摩天大廈,或者即便是勉強的建成了,大廈也將搖搖欲墜,只有經過詳細的策劃設計,才能有組織、有計劃、分階段進行電子商務網站的建設,也只有建立健康、有效、規范的交互體制,才能滿足電子商務用戶不斷增長的設計需求。
3.2 設計具體的電子商務網站建站方案
電子商務平臺的互動打造所涉及的范圍很廣泛,我們著重從圖形圖像和色彩加以介紹,一個成功的交互電子商務包裝是要將頁面視為表達自己設計思想的工具與訪問者產生充分的視覺、聽覺,以及感官的充分互動;另一方面,使用各種媒體的結合技巧,具備多維度的設計準則,充分理解和靈活運用形式美的法則,保證電子商務平臺的建設在商業和藝術上獲得成功,這里的圖形和圖像包括矢量圖和位圖兩個概念。最終頁面中的圖像往往都是兩者的結合,我們所要做的就是將兩者的完美結合以達到訪問速度和頁面質量的良好的結合,給良好的交互打下基礎;頁面的色彩使我們認識電子商務平臺更加富有活力,每個人對色彩的感受不盡相同,頁面的色彩所傳遞出的信息與訪問者產生共鳴,從而達到良好的互動,顏色的使用在這種交流中起到了非常重要的作用。
電子商務包裝是電子商務品牌視覺的直接體現,創建一個簡單的電子商務平臺是很容易的,但是要建立一個真正能夠滿足平臺訪問者需求的能與訪問者產生良好互動性的網絡平臺缺不是那么容易,一個良好的交互電子商務平臺的建立應該建立在良好的客戶調查的基礎上,把電子商務的品牌理念植入于電子商務平臺的打造,用品牌包裝的視覺化設計思想與訪問者的情感交流緊密地結合在一起,通過電子商務平臺的策劃、廣告的運用、客戶的調查。平臺頁面的整體設計思想和視覺設計表現,以及電子商務平臺的后期維護等諸多因素良好地結合在一起,打造成一個讓訪問者在平臺的互動更豐富,已達到更好的銷售業績,讓電子商務品牌理念更加深入人心,實現電子商務品牌價值的最大化建立和傳播,這就是電子商務包裝互動性的重要所在。
參考文獻:
[1] 張潤彤,等.電子商務概論(第二版)[M].北京:中國人民大學出版社,2014.
[2] 斯蒂芬諾(美),朱厄尼塔?埃利斯.電子商務寶典[M]. 田風輝,李暢鐸,譯.北京:經濟科學出版社,2005.