景點介紹網(wǎng)站建設(shè)及優(yōu)化

時間：2023-08-05 16:48:01 | 來源：網(wǎng)站運營

時間：2023-08-05 16:48:01 來源：網(wǎng)站運營

景點介紹網(wǎng)站建設(shè)及優(yōu)化：

實訓(xùn)目的

網(wǎng)站建設(shè)及優(yōu)化課程是電子商務(wù)專業(yè)的重要實踐環(huán)節(jié)。通過實習(xí)使學(xué)生能夠更進一步的領(lǐng)會電子商務(wù)網(wǎng)站建設(shè)的相關(guān)知識,熟悉和掌握網(wǎng)站規(guī)劃、設(shè)計的基本流程和注意事項,熟練運用網(wǎng)站建設(shè)的各種開發(fā)工具。并希望通過網(wǎng)站建設(shè)課程設(shè)計來培養(yǎng)學(xué)生綜合運用所學(xué)知識分析和解決實際問題的能力,為今后就業(yè)打下堅實的基礎(chǔ)，開設(shè)該課設(shè)的實訓(xùn)主要目的為以下幾點：

• 通過綜合實訓(xùn)進一步鞏固,深化和拓展學(xué)生的理論知識與專業(yè)技能
• 掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu),目錄結(jié)構(gòu),鏈接結(jié)構(gòu)的方法
• 掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法
• 熟練掌握網(wǎng)頁頁面布局的各種方法
• 熟練掌握在網(wǎng)頁中輸入,設(shè)置標(biāo)題和正文文字的方法
• 熟練建立各種形式的超級鏈接的方法
• 掌握表單網(wǎng)頁制作方法
• 掌握網(wǎng)站測試的方法

訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動手能力學(xué)會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料動畫和網(wǎng)頁特效等。

培養(yǎng)學(xué)生運用所學(xué)的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。

培養(yǎng)學(xué)生理論聯(lián)系實際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨立工作的能力樹立自信心。

實訓(xùn)內(nèi)容

選擇一個實訓(xùn)專題，以小組為單位設(shè)計所選專題的網(wǎng)站建設(shè)。綜合運用網(wǎng)站開發(fā)平臺、Dreamweaver 網(wǎng)頁制作、Photoshop 平面設(shè)計、Axure RP8、MySQL、MariaDB、DIV+CSS、JS 等技術(shù),實現(xiàn)的主要欄目有企業(yè)產(chǎn)品展示,在線訂購、在線客服、企業(yè)信息發(fā)布。重點掌握網(wǎng)站開發(fā)平臺的特性,特別是 DEDECMS 系統(tǒng)模板的調(diào)用和修改方法。

實訓(xùn)步驟與核心源程序

網(wǎng)頁規(guī)劃

HTML 前端頁面







用戶登錄頁面







用戶注冊頁面







景點介紹后臺







管理員后臺登錄界面







管理員登陸后前端頁面







管理員登陸后后端編輯頁面







管理員登陸后管理系統(tǒng)頁面







管理員主頁







景點列表







景點編輯頁面

• 網(wǎng)頁設(shè)計
• 注冊和登錄頁面的設(shè)計與制作
• 注冊和登錄頁面都調(diào)用到“登錄注冊.css”來進行網(wǎng)頁設(shè)計的美觀優(yōu)化。

首頁的設(shè)計與制作

首頁的頁面美化運用到“首頁.css”以及 js 功能來進行更好的頁面布局。







后臺管理

管理員后臺登錄界面













管理員景點發(fā)布系統(tǒng)

通過在數(shù)據(jù)庫添加景點來進行管理景點發(fā)布：







管理員管理系統(tǒng)頁面

系統(tǒng)管理模塊的主要作用是對網(wǎng)站信息進行管理，如對信息作搜索、編輯和刪除等操作。







4 核心源程序

注冊管理

用戶沒有登錄賬號，首先需要在注冊頁面注冊一個新賬號，載入數(shù)據(jù)庫：







獲取用戶內(nèi)容，允許用戶入庫：







注冊成功與否，提示用戶，成功即返回登錄頁讓顧客登錄，失敗即提示注冊失?。?br>






登錄管理

已經(jīng)注冊成功的用戶（數(shù)據(jù)庫中有載入記錄），可直接登錄：







登錄驗證，獲取登錄用戶名和用戶密碼，調(diào)取數(shù)據(jù)庫注冊信息，用戶名和密碼是否一致：













信息一致，可彈出彈窗“登錄成功”跳往首頁，登錄失敗即彈出彈窗“登錄失敗”返回登錄頁面：







用戶忘記密碼

用戶忘記密碼會有彈窗提示，這部分如下：













實訓(xùn)結(jié)果

設(shè)計界面：

登錄前進入主頁：







點擊確定后進入主頁：













點擊登錄跳轉(zhuǎn)至管理員登錄界面：







沒有賬號，點擊注冊：







忘記密碼，彈出提醒：







登錄成功回到主頁：







點擊圖標(biāo)進入后臺管理：







點擊用戶管理——用戶列表——進入管理員列表，管理員可進行在線編輯用戶：







點擊景點信息管理——景點列表——進入景點列表，管理員可進行在線編輯景點列表：







點擊景點信息管理——景點發(fā)布——進入景點發(fā)布列表，管理員可進行在線編輯景點發(fā)布列表：







設(shè)計組件：

管理員忘記密碼可點擊“忘記密碼”按鈕跳出彈窗







點擊退出按鈕可退后至登錄界面







該圖標(biāo)按鈕可實現(xiàn)退出登錄界面







設(shè)計亮點：

設(shè)計主題鮮明。在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。隊網(wǎng)站的總體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)，做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題。

頁面布局合理簡潔大方，流暢，表達(dá)和諧。新用戶可注冊再進行登錄，如果用戶忘記密碼，點擊“忘記密碼”會彈出提示，充分為顧客考慮。

該項目采用使用較多的 js 文件以渲染頁面達(dá)到美觀的畫面。

實訓(xùn)分析與心得體會

通過這一段時間的實訓(xùn)，我們初步掌握了網(wǎng)站建設(shè)的基本方法，在小組討論的過程中，明確操作的具體步驟和建設(shè)網(wǎng)站的基本理念豐富了我們運用 HTML、CSS、JS、MySQL 結(jié)合起來的技巧，讓我們掌握使用后臺管理前臺的基本技能。在解決問題的過程中，我們學(xué)會了從課本中尋找答案以及結(jié)合網(wǎng)上的相關(guān)知識解決我們所遇到的問題。實訓(xùn)的結(jié)果不僅僅是完成一個項目交上一份答案，而是讓我們從多方面尋找解決問題的方法，讓我們能夠把所學(xué)到的東西運用到實踐當(dāng)中。