【導(dǎo)讀】政府單位也都積極運(yùn)用網(wǎng)絡(luò)進(jìn)行行銷或提供服務(wù)。例如淘寶網(wǎng)上商城，實(shí)現(xiàn)了在網(wǎng)上進(jìn)行。開店到賣貨品等一系列服務(wù)；再比如中央政府門戶網(wǎng)站，建立人民與政府溝通的網(wǎng)上橋梁。將整個(gè)系統(tǒng)分為了影片介紹、會(huì)員服務(wù)、電影票預(yù)訂等功能模塊，主要分析。設(shè)計(jì)了會(huì)員對(duì)觀看每場(chǎng)電影的座位選擇問(wèn)題。

　　

【正文】 c h a r ( 2) n o t n u l l 訂單編號(hào) 秒 OR DE R S . ODSR E A L PR I C E s ma l l i n t n o t n u l l 0 實(shí)際售價(jià)A V A I L A B L E c h a r ( 1) n o t n u l l Y 該筆資料是否有效L A T E S T t i me s t a mp ( 14 ) 該筆資料最後一次更新時(shí)間 實(shí)體關(guān)聯(lián)圖 F I L M SR U N N I N G _ F I L M SR E S E R V A T I O N Sa r r a n g eNR E G I O N SZ I P C O D E Sb e l o n g1NC U S T O M E R SE M P L O Y E E SE P A R T SS E A T SZ O N E SO R D E R So r d e rh a v er e s e r v e i n c l u d eb e l o n gr e f e rw o r k _ f o rs e r v er e f e r1N11NNN11NN111NN1N1 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 18 5 網(wǎng)站的建設(shè) 首頁(yè) index 一個(gè) 網(wǎng)站 的 首頁(yè)在網(wǎng)站建設(shè)中起到關(guān)鍵性作用，現(xiàn)在的網(wǎng)站，大多數(shù)都是首頁(yè)決定著一切 。本次課題的首頁(yè)設(shè)計(jì)是以藍(lán)色基調(diào)為主，給人帶來(lái)的感覺(jué)是清涼、開朗、愉快。 圖 51 首頁(yè) index logo 頁(yè)面的設(shè)計(jì)是以 布局開始，在布局模式下，頭部設(shè)計(jì)是一塊 946 像素 *75 像素的區(qū)域，在其中放入網(wǎng)站的 logo—— Mtime（即時(shí)光網(wǎng)）。 Logo 是網(wǎng)站形象的重要體現(xiàn)。就一個(gè)網(wǎng)站來(lái)說(shuō)， logo 即是網(wǎng)站的名片。而對(duì)于一個(gè)追求精美的網(wǎng)站， logo 更是它的靈魂所在，即所謂的 “ 點(diǎn)睛 ” 之處。 導(dǎo)航條 然后是導(dǎo)航條部分， 在一個(gè) 946 像素 *45 像素的區(qū)域中，右對(duì)齊的方式依次寫入“ | 會(huì)員登入 | 熱映影片 | 新片速遞 |” ，當(dāng)鼠標(biāo)點(diǎn)擊文字時(shí)會(huì)跳轉(zhuǎn)到相應(yīng)的頁(yè)面。導(dǎo)航 作用在于讓一個(gè)瀏覽者知道，他們現(xiàn)在在什么網(wǎng)站，對(duì)搜索引擎友好 的導(dǎo)航便于列表頁(yè)的爬行，導(dǎo)航中包括一些面包屑，一些提示性的語(yǔ)言，讓用戶體驗(yàn)提高 。 好的導(dǎo)航幫助搜索引擎更好理解站點(diǎn)結(jié)構(gòu)，作為好象幫助站點(diǎn)用戶的那樣，通常你的最重要的資料將有最多數(shù)量的回航鏈連。經(jīng)常，人們將使用鏈接描寫簡(jiǎn)短的文本 . 再通過(guò)鏈接注釋中使用文本描寫補(bǔ)充。 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 19 flash 接下來(lái)是一個(gè) 946像素 *300 像素的區(qū)域，插入一個(gè)有關(guān)影片的 flash 元素 ，其屬性有： ? bgcolor 設(shè)定圖像播放背景顏色 ? captionColor 是圖像標(biāo)題色彩 ? captionFont 是圖片標(biāo)題字體 ? captionSize 是圖片標(biāo)題字體大小 ? frameColor 是動(dòng)畫框架色彩 ? frameShow 代表是否顯示框架 ? frameThickness 是框架厚度 ? imageCaptions 是圖片標(biāo)題 ? imageURLs 是用來(lái)編輯所要顯示的圖片地址 ? imageLinks 是用來(lái)設(shè)定每張圖片點(diǎn)擊后的鏈接地址 ? imageLinkTarget 是鏈接后窗口的打開方式 ? showControls 代表是否顯示控制條 ? slideAutoplay 是用來(lái)控制 flash 是否自動(dòng)播放的 ? slideDelay 圖片間隔延時(shí) ? slideLoop 是用來(lái)控制 是否循環(huán)播放 ? title 是標(biāo)題 ? titleColor 是標(biāo)題顏色 ? titleFont 是標(biāo)題字體 ? titleSize 是標(biāo)題字體大小 ? transitionsType 是轉(zhuǎn)變類型 影片概況 首頁(yè)只設(shè)計(jì)了一個(gè) 946像素 *162 像素的影片概況區(qū)，簡(jiǎn)單的介紹了一下最近熱映的影片片名 和即將上映的影片片名，沒(méi)有影片的詳細(xì)信息（這個(gè)會(huì)在后面的頁(yè)面中單獨(dú)體現(xiàn)）。也沒(méi)有設(shè)置每部影片的鏈接功能， 該功能 在導(dǎo)航條中有專門的鏈接，可以 使 頁(yè)面跳轉(zhuǎn)到相應(yīng)的頁(yè)面進(jìn)行 個(gè)影片的 查詢。下面就是影片概況區(qū)的程序： div align=center table width=945 border=1 cellpadding=0 cellspacing=0 !DWLayoutTable tr td width=25 height=40 /td td width=426 align=left valign=middle span class=STYLE13熱映影片 /span/td 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 20 td width=25 /td td width=432 align=left valign=middlespan class=STYLE13即將上映 /span/td td width=25 /td/tr tr td height=40 /td td align=left valign=middle span class=STYLE7杜拉拉升職記 /span/td td /td td align=left valign=middle span class=STYLE7鋼鐵俠 2/span/td td /td/tr tr td height=40 /td td align=left valign=middle span class=STYLE7 蘇乞兒/span/td td /td td align=left valign=middle span class=STYLE7如夢(mèng) /span/td td /td/tr tr td height=40 /td td align=left valign=middle span class=STYLE7美麗密令 /span/td td /td td align=left valign=middle class=STYLE7東風(fēng)雨 /td td /td/tr /table /div 頁(yè)尾 在繪制頁(yè)尾時(shí)，將其分為三個(gè)部分 925 像素 *15 像素、 925 像素 *20 像素、 925 像素 *15像素。在中間的 20 像素內(nèi)一般都是注明該網(wǎng)站的版權(quán)，以及聯(lián)系方式，而上、下空出的15像素是為了使頁(yè)尾與網(wǎng)頁(yè)主題部分分開，達(dá)到更好的視覺(jué)效果。 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 21 會(huì)員登 錄 圖 52 會(huì)員登錄 會(huì)員登錄 頁(yè)面 包括了 logo、導(dǎo)航條、登入界面和頁(yè)尾幾個(gè)部分，其中與首頁(yè)不同的是導(dǎo)航條部分，其鏈接是“ | 網(wǎng)站首頁(yè) | 影片資訊 | 新片速遞 |” ，可由此網(wǎng)頁(yè)跳轉(zhuǎn)到網(wǎng)站首頁(yè)，或是 進(jìn)入 對(duì) 影片的 詳細(xì)查詢頁(yè)面。而在登錄界面采用了表單，昵稱和密碼是文本字段，登錄 是一個(gè)按鈕。 當(dāng)用戶訪問(wèn)這個(gè)頁(yè)面又不是會(huì)員 時(shí)，可直接通過(guò)鏈接到會(huì)用注冊(cè)的頁(yè)面，十分方便快捷。下面是會(huì)員登錄 頁(yè)面的 主體 程序： form id=form1 name=form1 method=post action= h1歡迎登錄時(shí)光網(wǎng) /h1 hr noshade=noshade / p如果您還不是會(huì)員，請(qǐng)點(diǎn)擊 a href=注冊(cè) /a/p p昵稱： label input name=s_name type=text size=21/ /label/p p密碼： label input name=s_no type=password size=21/ /label/p p 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 22 label input type=submit name=Submit value=登錄 / /label/p /form 會(huì)員操作 頁(yè) 面 圖 53 會(huì)員成功登錄 當(dāng)會(huì)員成功登錄后會(huì)出現(xiàn)這個(gè)頁(yè)面，該頁(yè)面包括 的功能查詢會(huì)員資料、修改會(huì)員資料、注銷會(huì)員信息、會(huì)員預(yù)訂座位、退 出會(huì)員登錄。其中最重要的功能是實(shí)現(xiàn)了訂票。下面是該頁(yè)面的主體程序： form name=form1 method=post action= pimg src=image/ width=16 height=15 a href=查詢會(huì)員資料 /a/p pimg src=image/ width=16 height=15 a href=修改會(huì)員資料 /a/p pimg src=image/ width=16 height=15 a href=注銷會(huì)員信息 /a/p pimg src=image/ width=16 height=15 a href=會(huì)員預(yù)訂座位 /a/p pimg src=image/ width=16 height=15 a href=退出會(huì)員登錄 /a/p 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 23 /form 熱映影片 圖 54 熱映影片 熱映影片頁(yè)面包括 logo、導(dǎo)航條 、影片詳細(xì)介紹及頁(yè)尾幾部分。導(dǎo)航條有所不同的是“ | 網(wǎng)站首頁(yè) | 會(huì)員登錄 | 新片速遞 |” 。在影片詳細(xì)介紹部分，有每部影片的導(dǎo)演、主演、制片國(guó)家、類型和劇情介紹。最重要的功能就是訂票了，通過(guò)按鈕可查詢影片的場(chǎng)次并自由選擇座位，達(dá)到本次課題的目的。下面是熱映影片的主體程序： table width=946 border=0 cellpadding=0 cellspacing=0 !— 影片介紹 tr td width=160 height=300 /td td width=615 valign=topimg src=image/ width=287 height=177 align=left/ p align=left 導(dǎo)演：徐靜蕾 p align=left 主演：徐靜蕾 黃立行 莫文蔚 吳佩慈 p align=left 制片國(guó)家：中國(guó)內(nèi)地 p align=left 類型：喜劇 愛(ài)情 p align=left label a href=訂票 /a 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 24 /label br clear=left p align=left劇情簡(jiǎn)介： p align=left現(xiàn)在這個(gè)社會(huì)，找工作難！找一份好工作更難！找一份有發(fā)展前景的好工作難上加難！菜鳥 杜拉拉居然殺出一條血路，得到了全球 500 強(qiáng)企業(yè) DB 的面試通知，又因?yàn)椤肮肥哼\(yùn)”成為 DB 的前臺(tái)杜拉拉的職業(yè)故事開始了。 /td td width=171 /td /tr /table 北京理工大學(xué)珠海學(xué)院 2020屆畢業(yè)論文 25 6 訂票功能的實(shí)現(xiàn) 座位表的設(shè)計(jì) 圖 61 座位 表 如上圖所示，座位表分為四欄： 1. 座位表的第一欄是【座位號(hào)】，例如“ 23”代表第二排第三列，會(huì)員可通過(guò)自己的意愿選擇自己喜歡的座位。 為了方便演示，該網(wǎng)站只設(shè) 計(jì)了三排，每排有 5個(gè)座位。 2. 座位表的第二欄是【會(huì)員姓名】 ，當(dāng)該欄的狀態(tài)顯示為可訂時(shí)，說(shuō)明該座位還沒(méi)有被其他會(huì)員預(yù)訂，這時(shí) 你可以選擇預(yù)訂此座位，而且在會(huì)員預(yù)訂成功后該欄相應(yīng)位置會(huì)顯示會(huì)員的的姓名。 3. 座位表的第三欄是【座位狀態(tài)】，該欄總共有兩個(gè)值“ 0”和“ 1” 。默認(rèn)情況下該欄會(huì)顯示“ 0” ，代表暫時(shí)沒(méi)有 會(huì)