網(wǎng)頁(yè)與制作畢業(yè)論文-基于dedecms的買(mǎi)買(mǎi)網(wǎng)的設(shè)計(jì)_與實(shí)現(xiàn)-免費(fèi)閱讀
【正文】 在此向 各位 老師表示深深的感謝和崇高的敬意。本項(xiàng)目實(shí)現(xiàn)了購(gòu)物網(wǎng)站的簡(jiǎn)易管理，在項(xiàng)目上還有很多不足，在不斷優(yōu)化之后，雖說(shuō)改善了很多，但是需要改進(jìn)的地方依舊存在。 分別更新文檔、更新欄目、更新主頁(yè)。ymd39。導(dǎo)航欄、圖片素材、 CSS 樣式表標(biāo)記代碼都與 一樣修改，這里需要注意的就是內(nèi)容欄的標(biāo)記代碼插入。 DedeCMS 標(biāo)記使用 織夢(mèng)模板引擎是一種使用 XML 名字空間形式的模板解析器，想要讓前臺(tái)靜態(tài)頁(yè)面變成動(dòng)態(tài)頁(yè)面，一定要用到織夢(mèng)模板引擎的代碼，所以要在前臺(tái)幾個(gè)頁(yè)面中插入標(biāo)記代碼。 /div div class=context ul li/li /ul /div 右邊效果顯示如 圖 316 所示： 圖 316內(nèi)容頁(yè)右邊效果 第四章 動(dòng)態(tài)網(wǎng)頁(yè)后臺(tái)管理 15 第四章 動(dòng)態(tài)網(wǎng)頁(yè)后臺(tái)管理 靜態(tài)頁(yè)面部分完成之后就是用來(lái)管理的動(dòng)態(tài)頁(yè)面的制作，買(mǎi)買(mǎi)網(wǎng)這里用到了織夢(mèng)后臺(tái) DedeCMS 軟件，使用后臺(tái)引擎代碼對(duì)前臺(tái)頁(yè)面進(jìn)行應(yīng)用，添刪改查欄目和內(nèi)容， 進(jìn)行內(nèi)容添加，并且將網(wǎng)頁(yè)內(nèi)容和子欄目、字內(nèi)容串聯(lián)起來(lái)，使其能夠跳轉(zhuǎn)顯示。*/ paddingtop:12px。 height:35px。} .list_rigtall{width:730px。 height:9px。 paddingleft:20px。} .list_right_top{width:737px。 main 部分分成左右兩塊。lineheight:20px。margintop:30px。 2021 2021 All Rights Reserved /p div class=gs img src=images/ / img src=images/ /img src=images/ /img src=images/ height=45 / /div /div /div Css 樣式： footer{width:1001px。fontsize:14px。lineheight:25px。margintop:20px。margintop:20px。color:FF0000。marginbottom:5px。display:none。borderbottom: 3px solid CCCCCC。width:100px。} .jrxp{float:left。 Top部分布局部分代碼 如下所示： div class=top div class=brand_top img src=images/ width=70px height=28px span class=jrpp今日品牌 /span span class=more a href=a/jinripinpai/更多品牌特賣(mài) /a /span /div div class=brand_content_left img src=images/ width=500px height=200px div class=brand_content_text span class=brand_content_text_left 折起 /span span class=brand_content_text_right進(jìn)入活動(dòng) /span /div /div Css 樣式代碼如下圖 33 所示： 圖 33 top部分 css樣式 預(yù)覽效果如圖 34 第三章 靜態(tài)頁(yè)面布局 7 圖 34 top部分預(yù)覽效果 center 部分布局部分代碼 如下所示： div class=center div class=center_top img src=images/ width=70px height=28px / span class=jrxp今日新品 /span span class=jrxpbz每日 10 點(diǎn)上新 /span span class=more a href=a/jinrixinpin/更多新品 /a /span /div div class=center_content a href=images/ class=tooltip title=思洛芙德針織衫 img src=images/ //a span class=center_content_text [包郵 ]思洛芙德針織衫 /span span class=jg￥ 129/span /div /div 這里 center 部分使用了 JS代碼來(lái)實(shí)現(xiàn)鼠標(biāo)滑動(dòng)到圖片上方圖片放大的效果， JS代碼如圖 35所示： 圖 35 放大圖片 JS代碼 淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)論文 8 接著用 CSS代碼來(lái)對(duì) center部分定義： .center{width:1024px。} li{liststyle: none。} {width:200px。} .mainmenu{float:left。} .menu ul{float:left。margintop:3px。} .logo{position:relative。 第三章 靜態(tài)頁(yè)面布局 5 第三章 靜態(tài)頁(yè)面制作 網(wǎng)站首頁(yè)的展示直面影響著顧客對(duì)整個(gè)網(wǎng)站的好感度以及觀賞欲。 Adobe Dreamweaver 使用所見(jiàn)即所得的接口，亦有 HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能。本次任務(wù)主要完成買(mǎi)買(mǎi)網(wǎng)靜態(tài)頁(yè)面模板導(dǎo)入 DedeCMS 環(huán)境，掌握 DedeCMS 標(biāo)記的使用，并將標(biāo) 記應(yīng)用到買(mǎi)買(mǎi)網(wǎng)網(wǎng)站設(shè)計(jì)中；掌握買(mǎi)買(mǎi)網(wǎng)網(wǎng)站后臺(tái)模板的管理及應(yīng)用，并利用買(mǎi)買(mǎi)網(wǎng)網(wǎng)站管理平臺(tái)添加網(wǎng)站內(nèi)容。對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分，或者改變不同頁(yè)數(shù)頁(yè)面的外觀和格式。也便于網(wǎng)頁(yè)的修改。 購(gòu)物 網(wǎng)規(guī)劃設(shè)計(jì)的主要任務(wù) 網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù) 、內(nèi)容、費(fèi)用、測(cè)試、維護(hù)等作出規(guī)劃。所以，建立一個(gè)美觀的，易于管理的網(wǎng)站已經(jīng)勢(shì)在必行。 關(guān)鍵詞： HTML、 CSS、 JS、織夢(mèng) Dede、信息管理系統(tǒng) Abstract II Abstract In late twentieth Century, the Inter has made rapid development in our country in thirtyfirst Century, with the development of puter technology has already perated into all walks of life, it has played an important role in various fields, such as medical treatment, teaching and scientific research, finance, shopping and so on a series of political life, along with the continuous promotion of information construction, the website function beyond the traditional information exchange, which can better reflect the traditional style to express, is now online shopping boom, similar to that of beautiful workmanship can attract more customers to buy. Therefore, the establishment of a beautiful, easy to manage the site has been imperative. Shopping information management system developed in this paper is based on the characteristics and the preparation of the shopping website now, with the expansion of marketing advantage of modern science and technology, modern information management system for the design and application of scientific management is an indispensable means, according to the needs of the system of classification, page design, add and delete content, each page jump the management are illustrated. In the layout of the page, HTML will be defined to display elements, CSS elements to modify the location, and then through the JavaScript to achieve the effect of the corresponding
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1