第一篇：基本網(wǎng)頁設(shè)計為在線營銷
文檔出自：
如果你希望 進行自己的網(wǎng)上業(yè)務(wù)，就必須了解基本的網(wǎng)頁設(shè)計。一個最好的方式得到一些額外的錢從互聯(lián)網(wǎng)上，是建立一個網(wǎng)站推廣你的產(chǎn)品/服務(wù)或市場的產(chǎn)品從其他公司。這些天你可以賺取傭金，只要你是指客戶在其他網(wǎng)站。只有一件事，制約人們獲得成功是需要設(shè)計一個有吸引力的網(wǎng)站。一個選擇是聘請專業(yè)網(wǎng)站設(shè)計公司，讓他們在您的項目。如果你想賣了很多產(chǎn)品，您的網(wǎng)站，您將需要一個復(fù)雜的設(shè)計和購物車。在這種情況下，它會提示工作外包，網(wǎng)站設(shè)計報價。
即使你是外包的設(shè)計工作，至關(guān)重要的是學(xué)習(xí)的基礎(chǔ)知識。你將要付出別人做最小的變化，即使你不懂的代碼。如果你想做出最出您的網(wǎng)上業(yè)務(wù)，你將了解一些基本的網(wǎng)絡(luò)營銷，網(wǎng)站設(shè)計和搜索引擎優(yōu)化。有幾個學(xué)院提供認可的課程，計算機基礎(chǔ)課程和計算機科學(xué)。你還可以參加這些課程在互聯(lián)網(wǎng)和得到同樣數(shù)額的知識。此外，還有大量的網(wǎng)絡(luò)資源，這可以幫助您開始一個網(wǎng)站。第一步是熟悉你的筆記本電腦或電腦，得到舒適的工作與它。此后，你需要在網(wǎng)上獲得和研究網(wǎng)頁，腳本和樣式。
這是三個基本的語言處理與網(wǎng)絡(luò)設(shè)計。這是暗示，獲得一個基本的了解和認識這些語言的文件結(jié)構(gòu)的一個簡單的網(wǎng)站。其次，你必須花一些時間在你的圖像編輯。根據(jù)市場營銷專家，添加圖像到你的網(wǎng)站，可以提高其整體性能。你必須轉(zhuǎn)移到詳細的概念，網(wǎng)絡(luò)營銷，網(wǎng)站設(shè)計，網(wǎng)站布局，圖像編輯，導(dǎo)航以及樣式。
共創(chuàng)美好未來
信息技術(shù)的發(fā)展離不開大家的努力
第二篇：營銷-網(wǎng)頁設(shè)計實訓(xùn)指導(dǎo)書
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
設(shè)計專業(yè)： 設(shè)計時間：
一、實訓(xùn)意義
網(wǎng)頁設(shè)計與制作綜合實訓(xùn)是教學(xué)過程中重要的實踐性教學(xué)環(huán)節(jié)。它是根據(jù)專業(yè)教學(xué)計劃的要求，在教師指導(dǎo)下對學(xué)生進行的網(wǎng)頁制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運用理論知識分析和解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉(zhuǎn)化，是對理論與實踐教學(xué)效果的檢驗，也是對學(xué)生綜合分析能力與獨立工作能力的培養(yǎng)過程。因此，加強實踐教學(xué)環(huán)節(jié)，搞好實訓(xùn)教學(xué)，對實現(xiàn)本專業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素有著重要的作用。
二、實訓(xùn)目的
1．通過綜合實訓(xùn)進一步鞏固、深化和擴展學(xué)生的理論知識與專業(yè)技能。
（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法。（2）熟練掌握網(wǎng)頁制作軟件Dreamweaver 8的基本操作和使用技能。（3）掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。（4）熟練掌握網(wǎng)頁頁面布局的各種方法。
（5）熟練掌握在網(wǎng)頁中輸入、設(shè)置標(biāo)題和正文文字的方法。
（6）熟練掌握在網(wǎng)頁中插入圖像、flash動畫、背景音樂的方法。（7）掌握建立各種形式超級鏈接的方法。（8）掌握表單網(wǎng)頁制作方法。（9）掌握網(wǎng)頁特效的制作方法。
（10）掌握網(wǎng)站測試的方法。
2．訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動手能力，學(xué)會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效等。
3．培養(yǎng)學(xué)生運用所學(xué)的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。
4．培養(yǎng)學(xué)生理論聯(lián)系實際的工作作風(fēng)、嚴肅認真的科學(xué)態(tài)度以及獨立工作的能力，樹立自信心。
5．訓(xùn)練和培養(yǎng)團隊協(xié)作精神和共同開發(fā)網(wǎng)站的綜合能力。
三、實訓(xùn)要求
1．實訓(xùn)參考題：
第1頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
（1）制作教學(xué)資源網(wǎng)站（2）制作個人網(wǎng)站。（3）制作班級網(wǎng)站。（4）制作學(xué)習(xí)網(wǎng)站。（5）制作體育網(wǎng)站。（6）制作旅游網(wǎng)站。（7）制作上海世博會網(wǎng)站。
2．方式：以小組為單位，每組3－4人；請在實訓(xùn)第一天每個小組把人員分工情況和選題上交給指導(dǎo)教師。
具體要求如下：
1．動手制作網(wǎng)頁之前，必須認真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī)劃好網(wǎng)站的風(fēng)格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)。
2．制作網(wǎng)頁前，收集好所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效。
3．所創(chuàng)建的網(wǎng)站至少分為二層，包括5個頁面。（1）首頁必須包含有滾動的公告牌效果；
（2）網(wǎng)站的各個頁面應(yīng)包含有框架網(wǎng)頁、表單網(wǎng)頁、表格網(wǎng)頁、層布局網(wǎng)頁等；（3）各個頁面根據(jù)需要插入合適的圖像和多媒體元素。（4）適當(dāng)采用CSS樣式表修飾各個頁面內(nèi)容；
（5）所有頁面要求內(nèi)容充實、布局合理、顏色搭配協(xié)調(diào)、美觀大方。（6）各個頁面之間導(dǎo)航清晰、鏈接準(zhǔn)確無誤。
（7）選取個別頁面，可以適當(dāng)調(diào)用JavaScript程序，制作網(wǎng)頁特效。（8）附加內(nèi)容：視各自情況而定，可以制作動態(tài)網(wǎng)頁。
4．網(wǎng)頁的版面尺寸應(yīng)用符合網(wǎng)頁設(shè)計的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應(yīng)規(guī)范，盡量做到字母數(shù)量少，見名知意、容易理解。
5．實訓(xùn)過程中既要虛心接受老師的指導(dǎo)，又要充分發(fā)揮主觀能動性、獨立思考、努力鉆研、勤于實踐、勇于創(chuàng)新。
6．在設(shè)計過程中，要嚴格要求自己，樹立嚴密、嚴謹?shù)目茖W(xué)態(tài)度，必須按時、保質(zhì)、保量完成實訓(xùn)任務(wù)。要求獨立完成規(guī)定的實訓(xùn)內(nèi)容，不得弄虛作假，不準(zhǔn)抄襲或拷貝他人的網(wǎng)頁或其他內(nèi)容。
7．小組成員之間，既要分工明確，又要密切合作，培養(yǎng)良好的互助、協(xié)作精神。8．實訓(xùn)期間，嚴格遵守學(xué)校的規(guī)章制度，不得遲到、早退、曠課。缺課節(jié)數(shù)達三分之一以上者，實訓(xùn)成績按不及格處理。
9．實訓(xùn)環(huán)境為Windows XP及以上版本的操作系統(tǒng)，網(wǎng)頁制作軟件為Dreamweaver 8，根據(jù)需要可以運用Fireworks 8處理圖像，運用Flash 8制作動畫。
四、實訓(xùn)步驟
1．實訓(xùn)準(zhǔn)備、制定實訓(xùn)計劃
（1）分組：每一組選定一名組長，組長主要負責(zé)考勤以及與指導(dǎo)教師聯(lián)系。（2）選題：確定網(wǎng)站主題，各小組進行分工。
（3）根據(jù)實訓(xùn)時間的長短制定一個切實可行的網(wǎng)站開發(fā)計劃。2．準(zhǔn)備素材，搜集與主題相關(guān)的文字、圖像、動畫、音樂等資料。
3．設(shè)計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計首頁及其頁面的版式結(jié)構(gòu)。4．創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。5．制作首頁。6．制作二級子頁。
第2頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
7．制作內(nèi)容頁。8．創(chuàng)建超級鏈接。9．測試與瀏覽網(wǎng)頁。10．書寫實訓(xùn)報告書。
五、報告書寫要求
1.通過報刊、互聯(lián)網(wǎng)查詢，整理，對參考資料需要注明來源地。文章名、作者、報刊名和期數(shù)、網(wǎng)址等。例如：
[1]郭誠忠，電子商務(wù)發(fā)展與我國的電子商務(wù)總體框架 電子與信息化 2000（1）[2]EvanHirsh，How to TreatCustomer’s Right 2000,10 http://004km.cn/ 2.內(nèi)容應(yīng)包括以下幾個方面：
1)封面（樣張附后）2)引言
3)系統(tǒng)開發(fā)及運行環(huán)境 4)制作本網(wǎng)站的設(shè)計思路
5）繪制出網(wǎng)站的目錄結(jié)構(gòu)和網(wǎng)站的鏈接結(jié)構(gòu)圖（樣圖附后）
6)敘述網(wǎng)站建設(shè)及各頁面設(shè)計的過程（要求各頁面以圖片的形式存放到文檔合適位置）7）自己對本網(wǎng)站作一個全面的評價：包括有何特點、存在的問題、改進意見等。8)總結(jié)：自己對本次課程設(shè)計的體會及收獲。9)參考文獻
10)附：人員組織、分工表，工作進度表 3.4.5.字數(shù)(不包括圖表等)不得少于3000字。禁止直接抄襲網(wǎng)站或報刊內(nèi)容。
不允許雷同報告，發(fā)現(xiàn)后所有雷同以零分記。
六、報告提交方式
要求提交打印稿(A4紙張，正文宋體五號字)，并有基本的格式排版，同時將電子文檔（課程設(shè)計報告和網(wǎng)站源代碼）一并打包成.rar文檔，提交到j(luò)uyhlkl@126.com郵箱。
注意：在提交郵件中請注明：班級、姓名等字樣。
第3頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
七、時間要求
在2012年07月25日前提交，過期不再受理，不記成績。
2012年5月20日
第4頁
第三篇：A08營銷-網(wǎng)頁設(shè)計實訓(xùn)指導(dǎo)書
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
設(shè)計專業(yè)：A08市場營銷
設(shè)計時間： 一周（2010－2011（1）學(xué)年）
一、實訓(xùn)意義
網(wǎng)頁設(shè)計與制作綜合實訓(xùn)是教學(xué)過程中重要的實踐性教學(xué)環(huán)節(jié)。它是根據(jù)專業(yè)教學(xué)計劃的要求，在教師指導(dǎo)下對學(xué)生進行的網(wǎng)頁制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運用理論知識分析和解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉(zhuǎn)化，是對理論與實踐教學(xué)效果的檢驗，也是對學(xué)生綜合分析能力與獨立工作能力的培養(yǎng)過程。因此，加強實踐教學(xué)環(huán)節(jié)，搞好實訓(xùn)教學(xué)，對實現(xiàn)本專業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素有著重要的作用。
二、實訓(xùn)目的
1．通過綜合實訓(xùn)進一步鞏固、深化和擴展學(xué)生的理論知識與專業(yè)技能。（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法。
（2）熟練掌握網(wǎng)頁制作軟件Dreamweaver 8的基本操作和使用技能。（3）掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。（4）熟練掌握網(wǎng)頁頁面布局的各種方法。
（5）熟練掌握在網(wǎng)頁中輸入、設(shè)置標(biāo)題和正文文字的方法。
（6）熟練掌握在網(wǎng)頁中插入圖像、flash動畫、背景音樂的方法。（7）掌握建立各種形式超級鏈接的方法。（8）掌握表單網(wǎng)頁制作方法。（9）掌握網(wǎng)頁特效的制作方法。（10）掌握網(wǎng)站測試的方法。
2．訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動手能力，學(xué)會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效等。
3．培養(yǎng)學(xué)生運用所學(xué)的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。
4．培養(yǎng)學(xué)生理論聯(lián)系實際的工作作風(fēng)、嚴肅認真的科學(xué)態(tài)度以及獨立工作的能力，樹立自信心。
5．訓(xùn)練和培養(yǎng)團隊協(xié)作精神和共同開發(fā)網(wǎng)站的綜合能力。
三、實訓(xùn)要求
1．實訓(xùn)參考題：
第1頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
（1）制作教學(xué)資源網(wǎng)站（2）制作個人網(wǎng)站。（3）制作班級網(wǎng)站。（4）制作學(xué)習(xí)網(wǎng)站。（5）制作體育網(wǎng)站。（6）制作旅游網(wǎng)站。（7）制作上海世博會網(wǎng)站。
2．方式：以小組為單位，每組3－4人；請在實訓(xùn)第一天每個小組把人員分工情況和選題上交給指導(dǎo)教師。
具體要求如下：
1．動手制作網(wǎng)頁之前，必須認真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī)劃好網(wǎng)站的風(fēng)格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)。
2．制作網(wǎng)頁前，收集好所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效。3．所創(chuàng)建的網(wǎng)站至少分為二層，包括5個頁面。（1）首頁必須包含有滾動的公告牌效果；
（2）網(wǎng)站的各個頁面應(yīng)包含有框架網(wǎng)頁、表單網(wǎng)頁、表格網(wǎng)頁、層布局網(wǎng)頁等；（3）各個頁面根據(jù)需要插入合適的圖像和多媒體元素。（4）適當(dāng)采用CSS樣式表修飾各個頁面內(nèi)容；
（5）所有頁面要求內(nèi)容充實、布局合理、顏色搭配協(xié)調(diào)、美觀大方。（6）各個頁面之間導(dǎo)航清晰、鏈接準(zhǔn)確無誤。
（7）選取個別頁面，可以適當(dāng)調(diào)用JavaScript程序，制作網(wǎng)頁特效。（8）附加內(nèi)容：視各自情況而定，可以制作動態(tài)網(wǎng)頁。
4．網(wǎng)頁的版面尺寸應(yīng)用符合網(wǎng)頁設(shè)計的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應(yīng)規(guī)范，盡量做到字母數(shù)量少，見名知意、容易理解。
5．實訓(xùn)過程中既要虛心接受老師的指導(dǎo)，又要充分發(fā)揮主觀能動性、獨立思考、努力鉆研、勤于實踐、勇于創(chuàng)新。
6．在設(shè)計過程中，要嚴格要求自己，樹立嚴密、嚴謹?shù)目茖W(xué)態(tài)度，必須按時、保質(zhì)、保量完成實訓(xùn)任務(wù)。要求獨立完成規(guī)定的實訓(xùn)內(nèi)容，不得弄虛作假，不準(zhǔn)抄襲或拷貝他人的網(wǎng)頁或其他內(nèi)容。
7．小組成員之間，既要分工明確，又要密切合作，培養(yǎng)良好的互助、協(xié)作精神。8．實訓(xùn)期間，嚴格遵守學(xué)校的規(guī)章制度，不得遲到、早退、曠課。缺課節(jié)數(shù)達三分之一以上者，實訓(xùn)成績按不及格處理。
9．實訓(xùn)環(huán)境為Windows XP及以上版本的操作系統(tǒng)，網(wǎng)頁制作軟件為Dreamweaver 8，根據(jù)需要可以運用Fireworks 8處理圖像，運用Flash 8制作動畫。
四、實訓(xùn)步驟
1．實訓(xùn)準(zhǔn)備、制定實訓(xùn)計劃
（1）分組：每一組選定一名組長，組長主要負責(zé)考勤以及與指導(dǎo)教師聯(lián)系。（2）選題：確定網(wǎng)站主題，各小組進行分工。
（3）根據(jù)實訓(xùn)時間的長短制定一個切實可行的網(wǎng)站開發(fā)計劃。2．準(zhǔn)備素材，搜集與主題相關(guān)的文字、圖像、動畫、音樂等資料。
3．設(shè)計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計首頁及其頁面的版式結(jié)構(gòu)。4．創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。5．制作首頁。6．制作二級子頁。
第2頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
7．制作內(nèi)容頁。8．創(chuàng)建超級鏈接。9．測試與瀏覽網(wǎng)頁。10．書寫實訓(xùn)報告書。
五、報告書寫要求
1.通過報刊、互聯(lián)網(wǎng)查詢，整理，對參考資料需要注明來源地。文章名、作者、報刊名和期數(shù)、網(wǎng)址等。例如：
[1]郭誠忠，電子商務(wù)發(fā)展與我國的電子商務(wù)總體框架 電子與信息化 2000（1）[2]EvanHirsh，How to TreatCustomer’s Right 2000,10 http://004km.cn/ 2.內(nèi)容應(yīng)包括以下幾個方面：
1)封面（樣張附后）2)引言
3)系統(tǒng)開發(fā)及運行環(huán)境 4)制作本網(wǎng)站的設(shè)計思路
5）繪制出網(wǎng)站的目錄結(jié)構(gòu)和網(wǎng)站的鏈接結(jié)構(gòu)圖（樣圖附后）
6)敘述網(wǎng)站建設(shè)及各頁面設(shè)計的過程（要求各頁面以圖片的形式存放到文檔合適位置）7）自己對本網(wǎng)站作一個全面的評價：包括有何特點、存在的問題、改進意見等。8)總結(jié)：自己對本次課程設(shè)計的體會及收獲。9)參考文獻
10)附：人員組織、分工表，工作進度表 3.4.5.字數(shù)(不包括圖表等)不得少于3000字。禁止直接抄襲網(wǎng)站或報刊內(nèi)容。
不允許雷同報告，發(fā)現(xiàn)后所有雷同以零分記。
六、報告提交方式
要求提交打印稿(A4紙張，正文宋體五號字)，并有基本的格式排版，同時將電子文檔（課程設(shè)計報告和網(wǎng)站源代碼）一并打包成.rar文檔，提交到sghgmyy@126.com郵箱。
或是提交到網(wǎng)站上傳：http://004km.cn/
第3頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
注意：在提交郵件中請注明：班級、姓名等字樣。
七、時間要求
在2010年11月25日前提交，過期不再受理，不記成績。
下面是封面
2010年10月20日
第4頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
湖北輕工職業(yè)技術(shù)學(xué)院
課程設(shè)計
題
目___________________________________ 系
部___________________________________ 班
級___________________________________ 姓
名___________________________________ 指導(dǎo)老師___________________________________
****年**月**日
第5頁
《網(wǎng)頁設(shè)計與制作》課程設(shè)計指導(dǎo)書
網(wǎng)站的目錄結(jié)構(gòu)（樣圖）
網(wǎng)站的鏈接結(jié)構(gòu)（樣圖）
第6頁
第四篇：網(wǎng)頁設(shè)計說明書
網(wǎng) 站 設(shè) 計 說 明 書
一、設(shè)計理念
本網(wǎng)站定位 本身是用于展示個人作品的一個平臺頁面系統(tǒng)。在展示之余也有推銷網(wǎng)站 建設(shè)之功效....頁面主要以 深紅色調(diào)風(fēng)格為主,站點分為有 首頁簡介、關(guān)于我的作品、經(jīng)典作品展示、與我聯(lián)系方式等 各個方面子頁面.本站頁面主要展示的是本人在暑假實習(xí)公司開發(fā)的一些 作品...整體頁面使用到了 CSS 層樣式技術(shù)。
二、設(shè)計流程
網(wǎng)站主要以自己喜愛的東西而制作，并根據(jù),相應(yīng)要求 到網(wǎng)上尋找相應(yīng)的 圖片素材 以及 應(yīng)用到 PS 圖片設(shè)計結(jié)束.最后 應(yīng)用 HTML 網(wǎng)站設(shè)計技術(shù) 使用 DIV+CSS 進行頁面布局的定位設(shè)計.三、使用的工具與技術(shù)
網(wǎng)頁制作工具 : Dreamweaver CS5 多媒體設(shè)計制作工具:Photoshop 應(yīng)用到的設(shè)計技術(shù)： HTML、CSS.四、網(wǎng)站設(shè)計說明
網(wǎng)站名稱: 夢幻部落-作品展示廳 整體形象設(shè)計包括標(biāo)準(zhǔn)字、Logo、標(biāo)準(zhǔn)色彩、廣告語等.首頁作為網(wǎng)站的形象頁，作為網(wǎng)站的歡迎頁面，引入的元素大致有網(wǎng)站名稱、LOGO、形象圖片、宣傳文字、欄目導(dǎo)航等要素,是彰顯網(wǎng)站整體風(fēng)格的重要頁面, 并結(jié)合 FLASH 動畫來展示.網(wǎng)站形象頁的設(shè)計突出..展示為主題，通過文字、形象、圖片的巧妙烘托，令頁面富有 層次感，達到賞心悅目的效果。
五、頁面結(jié)構(gòu)布局
(1)、首頁布局、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 站點介紹 頁面介紹 在線聯(lián)系方式 頁面底部
(2)、站長個人簡介頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 個人簡介 內(nèi)容 更多鏈接 頁面底部
(3)、作品展示頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 作品展示 欄 頁面底部
(4)、聯(lián)系方式頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 聯(lián)系 提交 表單 其他聯(lián)系方式 網(wǎng)站建設(shè) 套餐 頁面底部
第五篇：網(wǎng)頁設(shè)計要點
1、頁面布局的概念包括哪些內(nèi)容？
答：頁面布局的概念包括：頁面尺寸、整體造型、頁眉、文體、頁腳、圖片、多媒體。
2、圖像抖動是什么？
答：圖像抖動偽造了那些在顏色有限的調(diào)色板中不能顯示出來的顏色；在視覺上，近鄰像素傾向于混合而產(chǎn)生在圖像中實際不存在的顏色，從而達到一種補償目的。“抖動”的圖像有很多顆粒，顯得圖像非常粗糙。
3、運用色塊制作網(wǎng)頁時需要掌握的要點有哪些？ 答：（1）冷暖色調(diào)在均勻使用時不宜靠近，如果必須時，應(yīng)當(dāng)使用中間色（白色或黑色分隔過渡，在對稱色塊構(gòu)圖中更應(yīng)該注意。
（2）純度接近同的兩種顏色也不宜放在一起，如亮紅和亮綠。顏色太純，對眼睛有強烈刺激，容易造成眼睛疲勞，應(yīng)降低其中一種顏色的純度，可以選擇在亮色中加入其它顏色用以平衡的方法，如可以使用墨綠配亮紅色，這樣焦點滯留在紅色上，綠色也不會干擾視線。
（3）整個頁面中最好有一個主色調(diào)，否則整個頁面就顯得零亂。在制作非對稱色塊網(wǎng)頁和漸變色網(wǎng)頁時，這是一個原則。
4、論述網(wǎng)頁頁面布局的方法有哪些？
答：在進行網(wǎng)頁布局時，需要有一片空白的空間供創(chuàng)作人員自由發(fā)揮，主要可以通過兩種工具來進行創(chuàng)作，第一種工具是紙，在一張白紙上進行布局構(gòu)思；第二種工具是計算機通過某些軟件來進行網(wǎng)頁布局構(gòu)思，如Photoshop
5、試比較GIF格式與JPEG格式的原理與各自適用的范圍。答：有一個非常簡單的原則來判斷應(yīng)該采用哪種文件存儲格式：如果是自己設(shè)計的線條簡單、色彩種類比較少的圖形，或者是制作透明圖形、制作動畫，那么就用GIF格式。因為GIF文件能夠做動畫，而且它的壓縮算法是通過精簡色彩集來實現(xiàn)的；如果需要在網(wǎng)頁上放置一張照片，或者是處理過的照片，那么就使用JPEG文件格式，因為JPEG的壓縮算法對包含有復(fù)雜的顏色的圖片很有效。
在GIF格式中最多允許有256色，而JPEG則沒有這個限制，且可以顯示所有的RGB顏色。RGB顏色在一般的個人電腦上可以從000000~FFFFFF，也就是所謂的24位真彩色，它共有256*256*256=16777216種不同的色彩。而GIF的顏色只用8位表示，所以其色彩范圍為00~FF，只能顯示256種顏色。在使用彩色照片時，由于彩色照片屬于連續(xù)色調(diào)的圖像，因此它所包含的顏色數(shù)目一般遠遠大于256色。如果把它保存為GIF格式的文件，將不能把這些顏色都顯示出來。GIF的原理是先為所有的顏色建立一個索引，然后選擇其中256種最常見的顏色進行顯示，因此GIF用來處理高清晰度照片是不合適的。
如果顏色數(shù)目少于`256色，保存為真彩色的圖像就會造成浪費，因為在保存為真彩色JPEG的過程中，對每一個象素點，都要建立顏色信息，這樣就會有大量的顏色信息是重復(fù)的，圖片文件自然就會增大了。而GIF與JPEG不同，如前面所述，他首先在GIF文件頭部建立一個顏色索引表，然后僅僅保存各象素點對應(yīng)的顏色索引號。當(dāng)軟件在顯示這個文件時，首先要對GIF圖像進行解碼，就會按照索引號在表中尋找對應(yīng)的顏色。因此在保存簡單顏色的圖像時，GIF大量采用索引，就比JPEG直接存儲各點的顏色信息節(jié)省很多。
6、PHOTOSHOP向量圖的優(yōu)點和缺點有哪些？ 答：優(yōu)點主要有：與分辨率無關(guān)，用戶可以對圖形進行任意放大或縮小，而不會影響它的清晰度和光滑性；便于修改，通過調(diào)整其控制點位置，可輕松修改其形狀。
向量圖的缺點有：不易制作色彩豐富的圖像，而且繪制出來的圖像也很不逼真。
7、網(wǎng)站設(shè)計中應(yīng)注意的幾個方面（通用規(guī)則）
答：網(wǎng)頁設(shè)計需要遵從一定的通用規(guī)則，必須按照一定的規(guī)劃、想法來實施。網(wǎng)頁設(shè)計的原則不僅體現(xiàn)在網(wǎng)頁的風(fēng)格、層次構(gòu)思和網(wǎng)頁的頁面構(gòu)思中，還包括更多更廣的設(shè)計思想。網(wǎng)頁設(shè)計不應(yīng)該從設(shè)計者本身出發(fā)，而必須要從訪問者的角度來思考問題。共有八個問題要注意：（1）網(wǎng)站設(shè)計目的決定設(shè)計方案。在設(shè)計一個網(wǎng)站之前，應(yīng)當(dāng)有一定的目的性。比如制作個人網(wǎng)頁主要是為了宣傳自己或者自娛自樂，而公司的網(wǎng)頁就不僅僅在于宣傳，更多的時候則是提供自己的商務(wù)信息并與客戶進行商務(wù)活動，有些商業(yè)網(wǎng)站則提供有特色的服務(wù)，比如搜索引擎。因此在網(wǎng)頁的設(shè)計方案中，個人網(wǎng)頁的內(nèi)容往往由與個人有關(guān)的方面組成，包括自我介紹，個人愛好，個人收藏等。
（2）瀏覽者的需求第一位。
（3）頁面的有效性
（4）頁面布局的保持統(tǒng)一性。
頁面布局往往能顯示一個網(wǎng)站的統(tǒng)一性，如使用同樣的背景。
（5）使用表格和適當(dāng)?shù)膸Y(jié)構(gòu)來設(shè)計網(wǎng)頁。
使用表格往往可以合理安排許多網(wǎng)頁元素，實現(xiàn)圖文混排的效果。
（6）謹慎使用圖片。
（7）平面設(shè)計意識。
（8）減少Java Applet和其它多媒體的使用。
8、論述規(guī)劃目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的原則 答：（1）不要將所有文件都存放在根目錄下；
（2）按欄目內(nèi)容分別建立子目錄；
（3）在每個主目錄下都建立獨立的images目錄；
（4）目錄的層次不要太深；
（5）切忌使用中文目錄；
（6）不要使用過長文件名的目錄；
（7）盡量使用意義明確的目錄。
9、商業(yè)站點的風(fēng)格特征有哪些？ 答：商業(yè)公司站點由于其目的與個人站點以及非盈利性的組織完全不一樣，因此它的站點風(fēng)格也與其他兩類站點的風(fēng)格完全不一樣。主要體現(xiàn)在以下幾個方面：
（1）公司徽標(biāo)或商標(biāo)應(yīng)當(dāng)出現(xiàn)在頁面最上方，盡可能做到色彩醒目，同時占用版面小。（2）可以采用主題圖形產(chǎn)品廣告來突出公司形象與風(fēng)格。主題圖形或產(chǎn)品廣告應(yīng)精心設(shè)計，給瀏覽者以良好的第一映像。
（3）主要欄目一般采用圖文并茂的超級鏈接實現(xiàn)，要考慮到主要欄目圖片、文字間的色彩配合，同時要和主題圖形相互襯托，主題圖形如果較大，則欄目必須縮小。
（4）不要把主題欄目和次要欄目都顯示在同一個頁面上?？梢酝ㄟ^站點組織圖表示網(wǎng)站的結(jié)構(gòu)布局，或者采用Java Script來生成可以展開的“目錄樹”。（5）商業(yè)欄目一般都有固定的欄目頁面，如Support（技術(shù)支持）、Service（服務(wù)）、About Us（關(guān)于公司）等。這些欄目不是網(wǎng)站的主要欄目，不需要采用很醒目的方式出現(xiàn)，但是它們應(yīng)為于比較方便用戶單擊的位置，可以采用出現(xiàn)在網(wǎng)頁頂端（或者底端）的細長的導(dǎo)航條的方式。
（6）必須建立站內(nèi)搜索引擎，以方便瀏覽者在站內(nèi)查找所需要的信息。
10、非商業(yè)組織網(wǎng)站的風(fēng)格有哪些？ 答：（1）強調(diào)頁面的主色調(diào)。
（2）主題圖形要求反映單位的風(fēng)采，設(shè)計應(yīng)有創(chuàng)意、有內(nèi)涵、莊重中不乏活潑。
（3）超級鏈接的分類一定要清晰，可采用圖形，必要時可建立站內(nèi)搜索引擎。
（4）信息查看板很重要，因為非商業(yè)組織的網(wǎng)站更新不如商業(yè)網(wǎng)站頻繁，始終如一的畫面顯得枯燥，所以經(jīng)常去更新信息查看板，將增加訪問者的訪問興趣。放置信息查看板主要方法有兩種方法，一是在主頁直接放置信息查看板，二是當(dāng)頁面上主題圖形小，超級鏈接也不多的情況下不宜把信息查看板放在主頁，可以在主頁上增加一個快速進入信息查看板的超級鏈接。
11、簡述站點的層次和典型的站點結(jié)構(gòu)
答：為了合理組織整個站點中的所有內(nèi)容，便于訪問者查找和瀏覽，一般來說站點都把自身的內(nèi)容分為多個層次，每個層次逐漸遞進，最后達到最詳細的內(nèi)容。網(wǎng)站的層次正是指整個站點各個層次之間的結(jié)構(gòu)關(guān)系。大部分網(wǎng)站制作的初學(xué)者不重視這種層次規(guī)劃，以至于網(wǎng)頁風(fēng)格不統(tǒng)一，在網(wǎng)頁導(dǎo)航上也出現(xiàn)了很多問題。按照專業(yè)網(wǎng)頁設(shè)計流程，制作網(wǎng)頁前應(yīng)先設(shè)計好導(dǎo)航條，即需要事先規(guī)劃好網(wǎng)頁的層次結(jié)構(gòu)。
無論是復(fù)雜的商業(yè)網(wǎng)站還是簡單的個人網(wǎng)站，在網(wǎng)頁的層次結(jié)構(gòu)上都存在一些共同點，即任何一個網(wǎng)站均可以用三級結(jié)構(gòu)實現(xiàn)，也就是“首頁——欄目頁——文章頁”或“一級頁面——二級頁面——三級頁面”結(jié)構(gòu)。制作好這三級結(jié)構(gòu)，就能制作好其他類型的結(jié)構(gòu)，因為任何網(wǎng)站都是以這三級結(jié)構(gòu)為基礎(chǔ)并在這個基礎(chǔ)上擴張，站點的各級結(jié)構(gòu)各有特點。
目前互聯(lián)網(wǎng)上制作首頁大多采用大主題圖形配以少量文字介紹的方法，除了大型的共眾網(wǎng)站外，其他的站點都不必采用制作大量超級鏈接的做法。對于目前的商業(yè)網(wǎng)站和個人網(wǎng)站來說這條原則都是適用的。因此，主頁的制作將主要是主題圖形的制作以及頁面構(gòu)圖
二級頁面是每個欄目的起始頁，該頁面應(yīng)有與該欄目相對應(yīng)的主題圖形，相對于整個網(wǎng)站的主題圖形來說，標(biāo)志要小但必須醒目。當(dāng)用戶進入該頁面后，需要設(shè)置通向其它欄目以及返回首條上的明確指示。
三級頁面是文章頁，位于最底層，當(dāng)瀏覽者進入欄目后見到的超級鏈接，就是通向大篇幅文本的。由于文章頁本身包含大量文字，圖片不宜安放過多，必要時，可以為文章設(shè)計一些文章主題圖形，但這將服務(wù)器的負荷更重，一般情況下個人網(wǎng)站應(yīng)避免這樣做，如果個人網(wǎng)站往往把文章標(biāo)題做成各種各樣的美術(shù)字、特效字，結(jié)果將是得不償失。文字可以直接用文本表示，只要色彩、字體搭配得當(dāng)，就可以制作出美麗的頁面，應(yīng)把有限的頁面空間留給那些無法用文本表現(xiàn)的裝飾圖片上。
12、論述網(wǎng)頁設(shè)計的通用規(guī)則。
答：網(wǎng)頁設(shè)計需要遵從一定的通用規(guī)則，必須按照一定的規(guī)劃、想法來實施。網(wǎng)頁設(shè)計的原則不僅體現(xiàn)在網(wǎng)頁的風(fēng)格、層次構(gòu)思和網(wǎng)頁的頁面構(gòu)思中，還包括更多更廣的設(shè)計思想。網(wǎng)頁設(shè)計不應(yīng)該從設(shè)計者本身出發(fā)，而必須要從訪問者的角度來思考問題。共有八個問題要注意：（1）網(wǎng)站設(shè)計目的決定設(shè)計方案。在設(shè)計一個網(wǎng)站之前，應(yīng)當(dāng)有一定的目的性。比如制作個人網(wǎng)頁主要是為了宣傳自己或者自娛自樂，而公司的網(wǎng)頁就不僅僅在于宣傳，更多的時候則是提供自己的商務(wù)信息并與客戶進行商務(wù)活動，有些商業(yè)網(wǎng)站則提供有特色的服務(wù)，比如搜索引擎。因此在網(wǎng)頁的設(shè)計方案中，個人網(wǎng)頁的內(nèi)容往往由與個人有關(guān)的方面組成，包括自我介紹，個人愛好，個人收藏等。
（2）瀏覽者的需求第一位。
（3）頁面的有效性
（4）頁面布局的保持統(tǒng)一性。
頁面布局往往能顯示一個網(wǎng)站的統(tǒng)一性，如使用同樣的背景。
（5）使用表格和適當(dāng)?shù)膸Y(jié)構(gòu)來設(shè)計網(wǎng)頁。
使用表格往往可以合理安排許多網(wǎng)頁元素，實現(xiàn)圖文混排的效果。
（6）謹慎使用圖片。
（7）平面設(shè)計意識。
（8）減少Java Applet和其它多媒體的使用。
13、簡述商業(yè)網(wǎng)站的風(fēng)格特征。答：商業(yè)公司站點由于其目的與個人站點以及非盈利性的組織完全不一樣，因此它的站點風(fēng)格也與其他兩類站點的風(fēng)格完全不一樣。主要體現(xiàn)在以下幾個方面：
（7）公司徽標(biāo)或商標(biāo)應(yīng)當(dāng)出現(xiàn)在頁面最上方，盡可能做到色彩醒目，同時占用版面小。（8）可以采用主題圖形產(chǎn)品廣告來突出公司形象與風(fēng)格。主題圖形或產(chǎn)品廣告應(yīng)精心設(shè)計，給瀏覽者以良好的第一映像。
（9）主要欄目一般采用圖文并茂的超級鏈接實現(xiàn)，要考慮到主要欄目圖片、文字間的色彩配合，同時要和主題圖形相互襯托，主題圖形如果較大，則欄目必須縮小。（10）不要把主題欄目和次要欄目都顯示在同一個頁面上。可以通過站點組織圖表示網(wǎng)站的結(jié)構(gòu)布局，或者采用Java Script來生成可以展開的“目錄樹”。（11）商業(yè)欄目一般都有固定的欄目頁面，如Support（技術(shù)支持）、Service（服務(wù)）、About Us（關(guān)于公司）等。這些欄目不是網(wǎng)站的主要欄目，不需要采用很醒目的方式出現(xiàn)，但是它們應(yīng)為于比較方便用戶單擊的位置，可以采用出現(xiàn)在網(wǎng)頁頂端（或者底端）的細長的導(dǎo)航條的方式。
（12）必須建立站內(nèi)搜索引擎，以方便瀏覽者在站內(nèi)查找所需要的信息。
14、什么是網(wǎng)站目錄？簡述網(wǎng)站目錄結(jié)構(gòu)組織建設(shè)的原則。答：網(wǎng)站的目錄是指你建立網(wǎng)站時創(chuàng)建的目錄。目錄結(jié)構(gòu)規(guī)劃是否合理對于站點本身的上傳維護、站點內(nèi)容未來的擴充和移植有著重要的影響。規(guī)劃目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的幾個原則：（1）不要將所有文件都存放在根目錄下；（2）按欄目內(nèi)容分別建立子目錄；
（3）在每個主目錄下都建立獨立的images目錄；（4）目錄的層次不要太深；（5）切忌使用中文目錄；
（6）不要使用過長文件名的目錄；（7）盡量使用意義明確的目錄。
15、個人網(wǎng)站的基本風(fēng)格是什么？
答：個人站點的作用主要在于展示個人的風(fēng)采和興趣愛好，站點的風(fēng)格隨各人的愛好、習(xí)慣而不同，并無定式。但是總的來說個人網(wǎng)站的基本風(fēng)格在布局上是有區(qū)別的，尤其反映在主頁上。
（1）主題圖形網(wǎng)站最顯著的標(biāo)志是主頁有一個醒目的圖形，該圖形很大程度上反映了網(wǎng)頁作者希望自己的網(wǎng)頁具有的一種意境：或沉靜或活潑，采用冷或暖色調(diào)。主題圖形可以是制作的圖形，也可以采用個人照片。主題圖形式網(wǎng)站的另一個特點是主頁上的超級鏈接不多，而且很少出現(xiàn)大段的文本，只有當(dāng)瀏覽者進入下一級頁面時，才能看到詳細文本信息。這類網(wǎng)站體現(xiàn)了作者較好的藝術(shù)修養(yǎng)，傾向于個性展示。但是由于主題圖形增加了網(wǎng)頁的體積大小，所以不應(yīng)再出現(xiàn)大段的文本，否則網(wǎng)頁訪問速度就會變慢。
（2）信息發(fā)布式個人網(wǎng)站則主要看中網(wǎng)站的信息量，這類網(wǎng)站都發(fā)布大量的信息，其作者較熱衷于貢獻信息。為便于瀏覽者訪問，網(wǎng)站的主頁就出現(xiàn)大量的信息，更新信息較多，然后另辟欄目介紹其他信息。網(wǎng)站主題圖形基本上采用類似廣告條的樣式，往往被放置在網(wǎng)頁最上方，其布局類似各公司的徽標(biāo)，目的在于提醒瀏覽者所處的位置，便于迅速切換欄目。信息式網(wǎng)站以提供大量信息為目的，應(yīng)避免一切華而不實的設(shè)計。
信息式網(wǎng)站學(xué)習(xí)了如新浪、263等綜合類門戶站點的布局，這些綜合類網(wǎng)站要求主頁面盡可能提供豐富的信息量，通過主頁就可以完成許多信息搜索任務(wù)，查找信息簡單方便。因此，這些網(wǎng)站主頁鏈接相當(dāng)繁多，還有各種免費郵件入口、會員登記入口、搜索引擎入口等，紛繁而有序。
（3）還有一種是介于上述兩種類型之間的網(wǎng)站。這種網(wǎng)站既想突出個人形象，又想發(fā)布大量信息，組織形式不鮮明。初學(xué)者應(yīng)注重一定要讓自己的網(wǎng)站簡潔，這樣便于作者控制網(wǎng)頁上的元素。網(wǎng)頁元素包括圖形、圖像、文字、超級鏈接、表格等由作者在網(wǎng)頁上建立的對象。
個人網(wǎng)站具體采用哪種風(fēng)格形式，應(yīng)當(dāng)按照需要決定。如果只為介紹個人及其愛好，其他要加入的資料不多，就可以采用主題圖形式，這種情況下需要掌握一些圖像處理的特殊技能。如果想開設(shè)軟件下載、音樂下載、文學(xué)作品大全等，對展示個性并不熱衷，采用信息式站點模式比較方便。信息式網(wǎng)頁有一個特點是欄目間的網(wǎng)頁結(jié)構(gòu)相似，可以建立起以一個網(wǎng)頁為基準(zhǔn)的模板，從而能夠快速建立其他網(wǎng)頁，這使得管理起站點更為省時、省力。
16、論述建立網(wǎng)站的鏈接結(jié)構(gòu)有哪幾種形式和各自的優(yōu)缺點。
答：網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)，它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在與一個立體的空間中。研究網(wǎng)站的鏈接結(jié)構(gòu)的根本目的在于：用最少的鏈接，使得瀏覽最有效率。
一般地，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：（1）樹形鏈接結(jié)構(gòu)方式（一對一）
類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。立體結(jié)構(gòu)看起來就像蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進入，一級級退出。優(yōu)點是條理清晰，訪問者明確知道自己在什么位置，不會“迷”路。缺點是瀏覽效率低，要進行欄目跳轉(zhuǎn)時，必須繞經(jīng)首頁。
（2）星形鏈接結(jié)構(gòu)（一對多）
類似互聯(lián)網(wǎng)結(jié)構(gòu)，每個頁面相互之間都建立鏈接。立體結(jié)構(gòu)像東方明珠電視塔上的鋼球。這種連接結(jié)構(gòu)的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。
這兩種基本結(jié)構(gòu)都只是理論上的方式，在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用。我們希望瀏覽者即可以方便快速的達到自己需要的頁面，又可以清晰的知道自己的位置。所以，最好的辦法是首頁和一級頁面之間用星形鏈接結(jié)構(gòu)，一級和二級頁面之間用樹形鏈接結(jié)構(gòu)。
17、簡述非商業(yè)組織的網(wǎng)站風(fēng)格。答：（1）強調(diào)頁面的主色調(diào)。
（2）主題圖形要求反映單位的風(fēng)采，設(shè)計應(yīng)有創(chuàng)意、有內(nèi)涵、莊重中不乏活潑。
（3）超級鏈接的分類一定要清晰，可采用圖形，必要時可建立站內(nèi)搜索引擎。
（4）信息查看板很重要，因為非商業(yè)組織的網(wǎng)站更新不如商業(yè)網(wǎng)站頻繁，始終如一的畫面顯得枯燥，所以經(jīng)常去更新信息查看板，將增加訪問者的訪問興趣。放置信息查看板主要方法有兩種方法，一是在主頁直接放置信息查看板，二是當(dāng)頁面上主題圖形小，超級鏈接也不多的情況下不宜把信息查看板放在主頁，可以在主頁上增加一個快速進入信息查看板的超級鏈接。
18、論述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的的原則。答：規(guī)劃目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的幾個原則：（1）不要將所有文件都存放在根目錄下；（2）按欄目內(nèi)容分別建立子目錄；
（3）在每個主目錄下都建立獨立的images目錄；（4）目錄的層次不要太深；（5）切忌使用中文目錄；
（6）不要使用過長文件名的目錄；（7）盡量使用意義明確的目錄。
點擊咨詢 