版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
沈陽(yáng)工業(yè)大學(xué)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)題目:電話簿管理系統(tǒng)學(xué)院:工程學(xué)院專業(yè)/班級(jí):電子商務(wù) 1101姓名:陳超同組人姓名:燕海霞 王莉黃程程 唐易靈指導(dǎo)教師:關(guān)學(xué)銘報(bào)告時(shí)間: 2014年6月20日成績(jī)與教師評(píng)語(yǔ)成績(jī)教師評(píng)語(yǔ)目 錄一 網(wǎng)頁(yè)設(shè)計(jì)的總體概述網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 (包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái),離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”,也是企業(yè)無(wú)形資產(chǎn)的組成部分,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。網(wǎng)頁(yè)設(shè)計(jì)的建站包含:企業(yè)網(wǎng)站、集團(tuán)網(wǎng)站、門戶網(wǎng)站、社區(qū)論壇、電子商務(wù)網(wǎng)站、網(wǎng)站優(yōu)化技術(shù)等,如中華網(wǎng)庫(kù),在行業(yè)中各自有各自的作用。網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)圖形設(shè)計(jì),界面設(shè)計(jì),創(chuàng)作,其中包括標(biāo)準(zhǔn)化的代碼和專有軟件,用戶體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。許多人常常會(huì)以工作小組負(fù)責(zé)不同方面的設(shè)計(jì)過(guò)程中,雖然有些設(shè)計(jì)師將他們所有的網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)過(guò)程的前端(客戶端)的設(shè)計(jì)用于描述一個(gè)網(wǎng)站,包括寫標(biāo)記,但是這是一個(gè)灰色地帶,因?yàn)檫@還覆蓋了網(wǎng)絡(luò)的發(fā)展。網(wǎng)頁(yè)設(shè)計(jì)師預(yù)計(jì)將有意識(shí)的可用性,如果他們的作用,需要?jiǎng)?chuàng)建標(biāo)記,那么它們也有望成為最新的網(wǎng)頁(yè)易讀性指引。網(wǎng)頁(yè)設(shè)計(jì)的目的本課程的設(shè)計(jì)目的是通過(guò)實(shí)踐使同學(xué)們經(jīng)歷Dreamweaver8開發(fā)的全過(guò)程和受到一次綜合訓(xùn)練,以便能較全面地理解、掌握和綜合運(yùn)用所學(xué)的知識(shí)。結(jié)合具體的開發(fā)案例,理解并初步掌握運(yùn)用Dreamweaver8可視化開發(fā)工具進(jìn)行網(wǎng)頁(yè)開發(fā)的方法;了解網(wǎng)頁(yè)設(shè)計(jì)制作過(guò)程。通過(guò)設(shè)計(jì)達(dá)到掌握網(wǎng)頁(yè)設(shè)計(jì)、制作的技巧。了解和熟悉網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)和實(shí)現(xiàn)技巧。根據(jù)題目的要求,給出網(wǎng)頁(yè)設(shè)計(jì)方案,可以按要求,利用合適圖文素材設(shè)計(jì)制作符合要求的網(wǎng)頁(yè)設(shè)計(jì)作品。熟練掌握Photoshop8、Dreamweaver8等軟件的的操作和應(yīng)用。增強(qiáng)動(dòng)手實(shí)踐能力,進(jìn)一步加強(qiáng)自身綜合素質(zhì)。我本次主要是設(shè)計(jì)的是以“電話簿管理系統(tǒng)”為主題的網(wǎng)頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)任務(wù)一、網(wǎng)站欣賞:DreamweaverCS3提供了站點(diǎn)創(chuàng)建與管理工具,通過(guò)站點(diǎn)管理器可以更好地利用站點(diǎn)對(duì)文件進(jìn) 行管理,實(shí)現(xiàn)本地路徑設(shè)置、地址信息管理、遠(yuǎn)程服務(wù)器信息管理、測(cè)試服務(wù)器環(huán)境配置、模板和庫(kù) 管理等功能。任務(wù)二、網(wǎng)頁(yè)布局:網(wǎng)頁(yè)布局的好壞是決定網(wǎng)頁(yè)美觀與否的一個(gè)重要因素,主要從兩方面去理解,一種是結(jié)構(gòu)布局,另一種是藝術(shù)布局。通過(guò)合理的布局,可以將頁(yè)面中的文字、圖像等內(nèi)容完美、直觀地展現(xiàn)給訪問(wèn)者,同時(shí)合理安排網(wǎng)頁(yè)空間,優(yōu)化網(wǎng)頁(yè)的頁(yè)面效果和下載速度。 因此,在對(duì)網(wǎng)頁(yè)進(jìn)行布局的過(guò)程中,應(yīng)遵循視覺的對(duì)稱平衡、對(duì)比、凝視和空白等原則。常見的網(wǎng)頁(yè)布局 形式包括:π型布局、“三”型布局、框架布局和 POP布局。任務(wù)三、色彩基礎(chǔ):網(wǎng)頁(yè)設(shè)計(jì)是一種特殊的視覺設(shè)計(jì),它對(duì)色彩的依賴性很高。由于色彩能夠在不知不覺間影響人的心理, 左右人的情緒,所以色彩設(shè)計(jì)也是網(wǎng)站風(fēng)格設(shè)計(jì)的決定性因素之一。任務(wù)四、軟件的安裝:?jiǎn)?dòng)計(jì)算機(jī),將 DreamweaverCS3光盤放入CD-ROM驅(qū)動(dòng)器中,找到DreamweaverCS3安裝文件,雙擊即可啟動(dòng)安裝程序。按操作向?qū)崾静僮骷纯赏瓿扇堪惭b過(guò)程。網(wǎng)頁(yè)設(shè)計(jì)的要求內(nèi)容本程序的設(shè)計(jì)是為用戶提供一個(gè)電話薄管理平臺(tái),給用戶提供一個(gè)管理聯(lián)系人的聯(lián)系方式的小系統(tǒng)。本電話薄管理系統(tǒng)利用計(jì)算機(jī)對(duì)通訊錄進(jìn)行統(tǒng)一管理,包括了添加、修改、查詢記錄等功能。程序中涉及結(jié)構(gòu)體、數(shù)組、文件等方面的知識(shí),從而實(shí)現(xiàn)通訊錄管理工作的系統(tǒng)化、規(guī)范化和自動(dòng)化,給用戶的工作和生活提供便利。系統(tǒng)模塊設(shè)計(jì):整個(gè)電話薄管理系統(tǒng)包括如下幾個(gè)功能模塊。(1)輸入記錄模塊:輸入記錄模塊主要完成將數(shù)據(jù)存入數(shù)組中的工作。在此電話薄管理系統(tǒng)中,記錄可以從以文本形式存儲(chǔ)的數(shù)據(jù)文件中讀入,也可以從鍵盤逐個(gè)輸入記錄。查詢記錄模塊:查詢記錄模塊主要完成在數(shù)組中查找滿足相關(guān)條件的記錄。在電話薄管理系統(tǒng)中,用戶可以按照聯(lián)系人姓名或聯(lián)系人電話號(hào)碼在數(shù)組中進(jìn)行查找。(3)更新記錄模塊:更新記錄模塊主要完成對(duì)記錄的維護(hù)。在電話薄管理系統(tǒng)中,它能實(shí)現(xiàn)對(duì)記錄的修改、刪除、插入和排序操作。(4)輸出記錄模塊:輸出記錄模塊主要完成兩個(gè)任務(wù)HTML標(biāo)記語(yǔ)言基本內(nèi)容:構(gòu)建HTML網(wǎng)頁(yè)文本及版面風(fēng)格控制圖像、超鏈接和表格的表單的其他常用標(biāo)記層疊樣式表CSS。要求:1)了解HTML語(yǔ)言與高級(jí)語(yǔ)言(如 VB、C等)的區(qū)別;識(shí)記網(wǎng)頁(yè)常用標(biāo)記及屬性,如標(biāo)題、字體、段落、圖像、超鏈接、表格等;2)熟練掌握HTML表單中各界面對(duì)象的標(biāo)記符號(hào)和屬性,如表單、文本域、列表域、復(fù)選框與單選鈕、命令按鈕等;3)熟練掌握在Dreamweaver中使用層疊樣式表 CSS;了解層疊樣式表與標(biāo)記屬性的區(qū)別。Dreamweaver8基本內(nèi)容1.Dreamweaver8基礎(chǔ)知識(shí)2.設(shè)計(jì)站點(diǎn)3.文字處理與圖像4.超鏈接5.表格與圖層的使用6.框架7.層疊樣式表CSS8.表單與行為要求:了解Dreamweaver8基礎(chǔ)知識(shí)、掌握設(shè)計(jì)站點(diǎn)、文字與圖像處理、超鏈接、表格與圖層的使用、框架、層疊樣式表CSS、表單與行為。平面圖像處理軟件基本內(nèi)容:1.靈活運(yùn)用Fireworks8 作網(wǎng)站的圖像處理2.靈活運(yùn)用Flash8 作網(wǎng)站的動(dòng)畫處理要求:了解網(wǎng)頁(yè)文字素材、圖形圖像素材、聲音素材、動(dòng)畫素材的基礎(chǔ)和Fireworks、Flash的使用方法。本文所制作網(wǎng)頁(yè)主題內(nèi)容介紹網(wǎng)頁(yè)題目電話簿管理系統(tǒng)網(wǎng)頁(yè)主題內(nèi)容本文網(wǎng)頁(yè)是沈陽(yáng)工業(yè)大學(xué)工程學(xué)院11級(jí)電子商務(wù)專業(yè)小蘋果組合的電話簿,其中包括對(duì)小蘋果成員電話信息進(jìn)行添加、刪除和修改,以及及時(shí)更新成員的電話號(hào)碼和所在單位部門,方便其他同學(xué)及時(shí)取得小蘋果成員的最新聯(lián)系方式和相關(guān)動(dòng)態(tài)。二 網(wǎng)頁(yè)素材制作Fireworks 制作圖片2.2 Photoshop 制作首頁(yè)圖片三 程序設(shè)計(jì)與實(shí)現(xiàn)功能設(shè)計(jì)1)制作該網(wǎng)頁(yè)頁(yè)面主要實(shí)現(xiàn)電話簿的管理,其主要功能分別為:添加電話;電話管理;電話修改<tablewidth="428"height="38"border="1"align="center"><tr><td><div align="center"><a href="">添加電話</a></div></td> ’將添加電話設(shè)置成超鏈接,點(diǎn)擊“添加電話”跳轉(zhuǎn)到進(jìn)行操作’<td><div align="center"><a href="">電話管理</a></div></td> ’將電話管理設(shè)置成超鏈接,點(diǎn)擊“電話管理”跳轉(zhuǎn)到進(jìn)行操作’<td><palign="center"><ahref=""> 注銷登錄</a></p></td></tr>’將注銷登錄設(shè)置成超鏈接,點(diǎn)擊“注銷登錄”跳轉(zhuǎn)到進(jìn)行操作’</table>3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)四 程序測(cè)試1)網(wǎng)頁(yè)登錄頁(yè)面2)電話簿管理網(wǎng)頁(yè)首頁(yè)首頁(yè)顯示數(shù)據(jù)庫(kù)中存入的電話信息:3)首頁(yè)搜索引擎通過(guò)輸入姓名,實(shí)現(xiàn)在數(shù)據(jù)庫(kù)中搜索數(shù)據(jù)的功能:功能實(shí)現(xiàn)代碼:<tablewidth="90%"border="0"align="center"cellpadding="1"cellspacing="1"bgcolor="#6699cc"><tr><tdheight="20"bgcolor="#6699cc"align="center"style="BACKGROUND-IMAGE:url(images/;COLOR:#330099;font:"><spanclass="STYLE1blackText">搜索電話</span></td></tr><tr><tdheight="60"bgcolor="#FFFFFF"><tablewidth="90%"border="0"align="center"cellpadding="0"cellspacing="0"><tr><formname="form2"method="post"action="?action=select"><tdalign="center"> 按姓名查找:<inputname="namekey"type="text"="namekey2"size="12"> <inputname="checkbox"type="checkbox"="checkbox2"value="1"checked>模糊查詢<inputtype="submit"name="Submit2"value="查詢"></td></form></tr></table></td></tr></table>(4)電話添加頁(yè)面點(diǎn)擊首頁(yè)添加電話彈出該頁(yè)面, 帶有星號(hào)的選項(xiàng)必須進(jìn)行填寫, 填寫好信息后點(diǎn)擊保存,將數(shù)據(jù)添加到數(shù)據(jù)庫(kù)。功能實(shí)現(xiàn)代碼:<tablewidth="42%"height="330"border="0"align="center"cellpadding="0"cellspacing="0"class="CContent"><tr><thclass="tablestyle_title">電話維護(hù)頁(yè)面</th></tr><tr><tdclass="CPanel"><tableborder="0"cellpadding="0"cellspacing="0"style="width:100%"><tralign="center"><tdclass="TablePanel"><%iflid<>""then%>電話信息修改<%else%>電話信息添加<%endif%></td></tr><TR><TDwidth="100%"><fieldsetstyle="height:100%;"><legend>電話信息</legend><tablewidth="100%"height="189"border="0"cellpadding="2"cellspacing="1"style="width:100%"><tr><tdnowrapalign="right"width="15%">姓名:</td><tdwidth="35%"><inputname='name'type="text"class="text"id="name"style="width:154px"value="<%=name%>"/><spanclass="red">*</span></td></tr><tr><tdnowrap="nowrap"align="right">電話:</td><td><label></label><inputname='tel'type="text"class="text"id="tel"style="width:154px"value="<%=tel%>"/><spanclass="red">*</span></td></tr><tr><tdalign="right"nowrap="nowrap">單位:</td><td><label><inputname='department'type="text"class="text"id="department"style="width:154px"value="<%=department%>"/></label></td></tr></table><br/></fieldset></TD></TR></TABLE></td></tr><TR><TDcolspan="2"align="center"height="50px"><inputtype="submit"name="Submit"value="保存"class="button"/><inputtype="hidden"name="id"value="<%=lid%>"/></TD></TR></TABLE>(5)刪除信息選中要?jiǎng)h除的信息,然后點(diǎn)擊刪除所選項(xiàng),系統(tǒng)會(huì)自動(dòng)彈出“你確定這樣做嗎?”點(diǎn)擊確定刪除所選中的信息。點(diǎn)擊反回,取消操作。功能實(shí)現(xiàn)代碼:</table><br><br><divalign="center"><inputtype="submit"name="Submit"value="刪除所選電話"onClick="returnconfirm('您確定要這樣操作嗎?')">全選<inputtype="checkbox"name="checkbox2"value="CheckAll"onClick="mm()"></div></td></form></tr></table>五 總結(jié)Internet正在以強(qiáng)大的沖擊力影響著人類的生活。Internet的出現(xiàn)和迅速發(fā)展,徹底改變了人們的傳統(tǒng)生活方式。Internet現(xiàn)在已經(jīng)滲透到了人類社會(huì)的各個(gè)領(lǐng)域,以及人們的日常生活的各個(gè)環(huán)節(jié)。Internet的迅速普及,正是依靠不計(jì)其數(shù)、豐富多彩的網(wǎng)站。網(wǎng)站是由網(wǎng)頁(yè)按照一定的鏈接順序組成?,F(xiàn)在有越來(lái)越多的人希望在網(wǎng)絡(luò)上擁有自己的個(gè)人主頁(yè)或個(gè)人網(wǎng)站
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年貴州省安全員-A證考試題庫(kù)附答案
- 2024年木材加工廠樹木原料采購(gòu)與加工合同6篇
- 車間智能化改造的安全保障措施
- 2024版標(biāo)準(zhǔn)派遣工作服務(wù)協(xié)議樣本版B版
- 2025版勞動(dòng)合同轉(zhuǎn)讓與員工社會(huì)保險(xiǎn)及福利協(xié)議2篇
- 2024版購(gòu)銷簡(jiǎn)單合同模板3篇
- 2025年甘肅建筑安全員A證考試題庫(kù)
- 2024版外貿(mào)業(yè)務(wù)協(xié)作協(xié)議樣式版
- 2024石材行業(yè)綠色環(huán)保生產(chǎn)原料供應(yīng)合同3篇
- 2024美容師美容美發(fā)店全職聘用合同范本3篇
- 單位工程、分部工程、分項(xiàng)工程及檢驗(yàn)批劃分方案
- 七年級(jí)數(shù)學(xué)資料培優(yōu)匯總精華
- 器樂(lè)Ⅰ小提琴課程教學(xué)大綱
- 主債權(quán)合同及不動(dòng)產(chǎn)抵押合同(簡(jiǎn)化版本)
- 服裝廠安全生產(chǎn)責(zé)任書
- JGJ202-2010建筑施工工具式腳手架安全技術(shù)規(guī)范
- 液壓爬模系統(tǒng)作業(yè)指導(dǎo)書
- 2018-2019學(xué)年北京市西城區(qū)人教版六年級(jí)上冊(cè)期末測(cè)試數(shù)學(xué)試卷
- SFC15(發(fā)送)和SFC14(接收)組態(tài)步驟
- LX電動(dòng)單梁懸掛說(shuō)明書
- 旅行社公司章程53410
評(píng)論
0/150
提交評(píng)論