織夢仿站系列教程_第1頁
織夢仿站系列教程_第2頁
織夢仿站系列教程_第3頁
織夢仿站系列教程_第4頁
織夢仿站系列教程_第5頁
已閱讀5頁,還剩65頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、織夢仿站系列教程第一講準備工作2011-08-29 17:56:29|分類: HYPERLINK /fuxing5_com/blog/ l m=0&t=1&c=fks_084064081081086070080081086095085095085067087094085071081 o dedecms教程 dedecms教程 |標簽: |字號大中小訂閱 首先,我們找一個目標網(wǎng)站,以便我們來仿制。經(jīng)過福星網(wǎng)絡(luò)的尋找,確定以拳擊在線(QuanJ)為目標站來完成織夢模板的仿制教程。其次,關(guān)于以后教程的一些說明:1、將目標站網(wǎng)頁另存為,會得到一個網(wǎng)站,及相關(guān)的文件夾。里面有相關(guān)的圖片,樣式和JS文件。

2、我們需要將這些文件復制到織夢模板的相關(guān)文件夾下。在這個系列教程中,此文件夾為templetsfuxing5。2、我們會制作一個通用的頭部和底部,以便全站調(diào)用。所以我們會優(yōu)先制作頭部和底部。3、朋友們需要有HTML知識,還有DIV+CSS的一些知識才行。4、不斷更新。最后,希望朋友們跟著我們一步一步的做,學會織夢的仿站。呵呵,別人的教程可是收費的哦!織夢仿站系列教程第二講首頁框架2011-08-29 17:57:12|分類: HYPERLINK /fuxing5_com/blog/ l m=0&t=1&c=fks_08406408108108607008008108609508509508506

3、7087094085071081 o dedecms教程 dedecms教程 |標簽: |字號大中小訂閱 首先,打開目標站拳擊在線(QuanJ),然后將網(wǎng)頁保存到本地。如圖:保存類型選擇網(wǎng)頁,全部(*.htm;*.html)。如下圖所示:將織夢(DEDECMS)的默認模板文件夾復制一份,以備做在模板制作時做為代碼參考。然后打開保存文件夾,如下圖中箭頭所指的文件夾:將文件夾中的文件歸類,將CSS文件拷貝到templetsdefaultstyle目錄下,將JS文件拷貝到templetsdefaultjs,將圖片文件拷貝到templetsdefaultimages。接著用網(wǎng)頁編輯器軟件FrontPa

4、ge或者Dreamweaver打開剛剛保存的拳擊在線網(wǎng)頁文件和templetsdefault目錄下的index.htm(首頁)、head.htm(通用頭部)、footer.htm(通用底部)。還要打開剛剛備份的默認模板首頁文件templets復件 defaultindex.htm。先清空index.htm文件,將拳擊在線網(wǎng)頁代碼拷貝到里面。接下來,就是正式的代碼修改了。一行一行的來修改。首先將CSS樣式表的路徑修改成織夢的CSS路徑代碼(從備份的默認首頁文件中拷貝),如下圖所示: 保存網(wǎng)頁,進入織夢后臺,在后臺的右上部,點擊網(wǎng)站主頁,查看前臺演示:通過上圖可以看出,樣式是正確了,但好多圖片沒有

5、顯示,這主要的原因是好多圖片沒有下載下來,或者是圖片路徑?jīng)]有修改,這些我們在下一講中進行替換。織夢仿站系列教程第三講路徑問題2011-08-30 11:22:52|分類: HYPERLINK /fuxing5_com/blog/ l m=0&t=1&c=fks_084064081081086070080081086095085095085067087094085071081 o dedecms教程 dedecms教程 |標簽: |字號大中小訂閱 在第二講中,前臺預覽時,好多圖片不顯示,造成不顯示的原因是有兩個:一是網(wǎng)頁里調(diào)用圖片的路徑問題;一是樣式表里調(diào)用圖片的路徑問題。網(wǎng)頁里的圖片路徑(在這

6、一講中說到的圖片,是指模板中所用到的圖片,不包括網(wǎng)站內(nèi)容中用到的圖片)是這樣的:dede:global.cfg_templets_skin/images/logo.gifdede:global.cfg_templets_skin/即網(wǎng)站設(shè)置的當前模板的目錄,即default。為了利于區(qū)別,我們將default重命名為fuxing5。然后進入織夢后臺,依次點擊系統(tǒng)-系統(tǒng)基本參數(shù)。在右側(cè)處的模板默認風格輸入框里的內(nèi)容修改為fuxing5。如圖所示:點擊確定,更新緩存。用編輯軟件打開第二講中的所有文件,修改里面的圖片路徑,可以使用替換功能來批量替換圖片路徑,用如下代碼src=dede:global.

7、cfg_templets_skin/images/替換src=拳擊在線%20-%20QuanJi_Cn%20%20致力于打造最大最全拳擊門戶!_files/保存網(wǎng)頁,查看前臺。不好,提示找不到模板文件。我們忘記修改首頁默認模板文件了!依次點擊生成-更新主頁HTML。在選擇主頁模板后面點擊瀏覽,選擇fuxing5目錄下的index.htm。如下圖所示:點擊更新主頁HTML。再次查看前臺,刷新一次!呵呵,有點意思了,下面就缺樣式表里的圖片了。打開樣式表,將樣式表里的圖片路徑由BACKGROUND:url(yg_bg.gif)修改為BACKGROUND:url(./images/yg_bg.gif)

8、我們是以此圖片為例,大家不要誤解啊,是在圖片名前加./images/。批量替換后,再次查看前臺,你會奇怪,怎么和目標站還是有區(qū)別呢?這里告訴大家一個不幸的消息,模板里所需要的大量的圖片沒有下載下來,需要我們一個一個的下載下來。最簡單的方法是,在目標網(wǎng)站上點擊右鍵,選擇背景另存為。這個圖片的下載方法不用我教了吧?當所有圖片都下載到templetsfuxing5images目錄下后,再將刷新一下前臺??聪滦Ч?!差不多都顯示了!好了,我們這第三講也就結(jié)束了,第四講開始真正意義上的仿站的代碼修改了。織夢仿站系列教程第四講首頁頁首代碼2011-08-31 21:46:34|分類: HYPERLINK

9、/fuxing5_com/blog/ l m=0&t=1&c=fks_084064081081086070080081086095085095085067087094085071081 o dedecms教程 dedecms教程 |標簽: |字號大中小訂閱 今天,我們接上一講,繼續(xù)開始我們的仿站之路。這一講分兩個部分,第一部分,修改首頁的頁首代碼,即之間的代碼。有網(wǎng)頁標題title、網(wǎng)頁關(guān)鍵字keywords、網(wǎng)頁描述description,織夢的這三項是(單指首頁):dede:global.cfg_webname/代碼解釋:網(wǎng)頁標題調(diào)用的是網(wǎng)站名稱,后臺-系統(tǒng)-系統(tǒng)參數(shù)設(shè)置,如下圖所示:網(wǎng)頁

10、關(guān)鍵字和網(wǎng)頁描述調(diào)用的是站點默認關(guān)鍵字和站點描述,后臺-系統(tǒng)-系統(tǒng)參數(shù)設(shè)置。如下圖所示:這一節(jié)內(nèi)容不多,很簡單。大家不要著急,心急吃不了熱豆腐。慢慢來,下一講我們講通用頭部的制作??棄舴抡鞠盗薪坛痰谖逯v通用頭部(一)2011-09-01 20:32:35|分類: HYPERLINK /fuxing5_com/blog/ l m=0&t=1&c=fks_084064081081086070080081086095085095085067087094085071081 o dedecms教程 dedecms教程 |標簽: |字號大中小訂閱 上一講修改了頁首的代碼,這一講,我們講通用頭部的制作。首先

11、找到全站共用部分,然后把共用部分放在通用頭部head.htm文件中,這樣我們可以節(jié)省很多的工作量。開始工作,查找共用部分。我們打開拳擊在線,發(fā)現(xiàn)全部共用部分是從最頂部到網(wǎng)站搜索那一行,如圖所示:我們在網(wǎng)頁代碼中查找這一部分代碼,將其覆蓋到head.htm文件中,替換掉的代碼。查找代碼這部分任務(wù),需要有一定的HTML知識了,大家有時間還是要看一些HTML的基礎(chǔ)知識。別忘記了,把共用部分復制到head.htm以后,將index.htm文件中的這部分共用代碼用dede:includefilename=head.htm/來替換。然后查看一下前臺。如果前臺亂了,說明你剛才的步驟出錯了,需要重新來過。如果

12、和第三講時的效果一樣,說明你成功了,可以繼續(xù)仿站工作了。查看head.htm代碼,可以看到,拳擊在線的登陸框是調(diào)用一個靜態(tài)文件loginjs.htm,我們找到這個文件。在你保存網(wǎng)頁文件的目錄中,如下圖所示:打開后,我們發(fā)現(xiàn),這個是個JS文件,我們將其轉(zhuǎn)化業(yè)html文件格式。這個好多站長工具提供此服務(wù)。將轉(zhuǎn)換后的代碼復制到head.htm中,覆蓋如下代碼:接下來就要修改這段代碼使之成為織夢的登陸框代碼了,這個有點復雜,我們放在下一節(jié)單獨講解。往下走,是加入收藏等鏈鏈。找到下面的代碼:加入收藏| 設(shè)為首頁| 會員中心| 我要投稿| 聯(lián)系我們| RSS修改為:加入收藏| 設(shè)為首頁| 會員中心| 我要

13、投稿| 聯(lián)系我們| RSS代碼解釋:dede:global.cfg_basehost/ 站點根網(wǎng)址 在后臺系統(tǒng)-系統(tǒng)參數(shù)設(shè)置-站點根網(wǎng)址處設(shè)置。dede:global.cfg_webname/ 網(wǎng)站名稱 在后臺系統(tǒng)-系統(tǒng)參數(shù)設(shè)置-網(wǎng)站名稱處設(shè)置聯(lián)系我們這個鏈接之所以寫為#,是因為我們還沒有建這個頁面。我們?nèi)绻砑右粋€欄目聯(lián)系我們,那么此處的鏈接是:dede:typetypeid=10field:typelink/dede:type其中的數(shù)字10是聯(lián)系我們這個欄目的ID。好了,這一講內(nèi)容就到這里了,下一講說說織夢登陸框??棄舴抡鞠盗薪坛痰诹v通用頭部(二)會員登陸框(上)2011-09-05 2

14、3:42:41|分類: HYPERLINK /fuxing5_com/blog/ l m=0&t=1&c=fks_084064081081086070080081086095085095085067087094085071081 o dedecms教程 dedecms教程 |標簽: |字號大中小訂閱 這一講,主要講解一下登陸框的制作。首先看拳擊在線的登陸框代碼:用戶名: 密碼: 驗證碼: 修改為織夢登陸框代碼:用戶名: 密碼: dede:php if(preg_match(#2#,$safe_gdopen) echo 驗證碼: ; /dede:php CheckLogin();此處代碼的意思我

15、就不解釋了,呵呵!因為我們有更重要的工作要作。下面大家看前臺演示。如下圖所示:顯示正常,不對!此時我登陸了啊,為何不顯示為登陸后的狀態(tài)???對了,忘記添加JS文件了。在head.htm文件頂部位置添加如下代碼:再次查看前臺,已顯示登陸后的狀態(tài),但有問題,如下圖所示:由上圖可以看出,當我們登陸后,會出來錯位,因為織夢程序默認登陸后的頁因不是橫向的。我們需要修改一下登陸后的頁面樣式。關(guān)于登陸后的樣式我們放在下一講再說吧,手有些累了。:) 織夢仿站系列教程第七講通用頭部(三)會員登陸框(下)今天主要講一下登陸后的樣式。登陸后的樣式文件是memberajax_loginsta.php。打開這個文件,找到

16、以下代碼:你好:M_UserName;?,歡迎登錄ahref=/index.phpimgsrc=width=52height=52/ahref=/guestbook_admin.php我的留言ahref=/mystow.php我的收藏ahref=/article_add.php發(fā)表文章ahref=/myfriend.php好友管理ahref=/visit-history.php訪客記錄ahref=/search.php查找好友ahref=/index.php會員中心| ahref=/edit_fullinfo.php資料| ahref=空間| ahref=/index_do.php?fmdo=

17、login&dopost=exit退出登錄 將上面的代碼修改為:ahref=/index.phpimgsrc=width=20height=20/你好:M_UserName;?,歡迎登錄 ahref=/index.php會員中心| ahref=空間| ahref=/article_add.php發(fā)表文章| ahref=/edit_fullinfo.php資料| ahref=/index_do.php?fmdo=login&dopost=exit退出登錄 為了節(jié)約時間,在這里我用表格修改了一下,站長朋友們可以自己修改下CSS樣式,此樣式文件為templetsdefaultstylepage.cs

18、s。再次查看前臺:效果還不錯,不滿意大家自己動手寫樣式。呵呵,下一講我們講LOGO與橫幅廣告??棄舴抡鞠盗薪坛痰诎酥v通用頭部(四)LOGO與BANNER這一講內(nèi)容不多,很輕松就可以學好并完成它。首頁是LOGO,查看head.htm里的LOGO代碼: 替換成織夢的LOGO代碼: 代碼解釋:dede:global.cfg_templets_skin/ 是默認模板的目錄,當前即empletsfuxing5。dede:global.cfg_basehost/ 已解釋過了,參看第五講: HYPERLINK http:/www.fuxin/cmsedu/dedecms/20110808_18.html t

19、 _blank HYPERLINK http:/www.fuxin/cmsedu/dedecms/ t _blank 織夢仿站系列 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程第五講通用頭部(一)可以看到以上兩段代碼中,LOGO圖片地址代碼相同,這主要是因為我們在第三講: HYPERLINK http:/www.fuxin/cmsedu/dedecms/20110807_12.html t _blank 織夢仿站系列教程第三講路徑問題 中修改過了。下面修改BANNER廣告代碼,首先查看拳擊在線,LOGO右邊第一個BANNER是圖片廣告,通過查看圖片

20、屬性,我們得到了此廣告位的寬度為468,高度為60。第二個廣告位不能通過此方法,可以通過截圖工具,但不太準確;也可以通過查看CSS樣式才得到寬高。我們查看下head.htm代碼,看到第二個廣告位的CSS標記名為ssyg_r,我們以此為關(guān)鍵詞,搜索CSS文件css.css。得到其寬度為264,高度為62,除去邊框,高度為60,寬度為262。得到寬度和高度后,我們可以添加廣告位了。具體步驟如下:1、進入后臺,依次點擊模塊-廣告管理-增加一個新的廣告;2、照下圖輸入?yún)?shù):廣告位標識可以隨意填寫,但須符合后面的規(guī)則,此處我們是以圖片廣告為例,至于廣告的詳細操作,我們會以后專門講解。點擊確定以后,再點擊

21、代碼,如下圖:得到兩種調(diào)用方式:織夢CMS標簽調(diào)用代碼dede:myadname=banner/JS調(diào)用代碼兩者的區(qū)別是:織夢CMS標簽調(diào)用代碼每次修改都需要生成靜態(tài)頁才可以看到效果,而JS則不需要再次生成靜態(tài)頁。此教程我們選擇JS調(diào)用代碼。將上面的JS調(diào)用代碼覆蓋以下代碼:查看前臺:廣告已顯示正常。第二個廣告參考第一個廣告位的制作方法。好了,這一講結(jié)束了。我要休息一下了。下一講主要講導航代碼,下一講再見!織夢仿站系列教程第九講通用頭部(五)導航欄今天這一講,主要講織夢模板導航欄的制作。首先打開通用頭部文件head.htm。找到以下代碼:首頁拳擊新聞文章中心拳擊圖片拳賽下載拳擊視頻拳擊游戲拳擊

22、商城拳迷論壇拳迷家園拳賽直播修改為:首頁dede:channeltype=toprow=10 field:typename/dede:channel代碼解釋:第2行到第4行,是channel|頻道標簽。該標簽的用法如下:標記簡介:織夢常用標記,通常用于網(wǎng)站頂部以獲取站點欄目信息,方便網(wǎng)站會員分類瀏覽整站信息功能說明:用于獲取欄目列表適用范圍:全局使用基本語法:dede:channeltype=toprow=8currentstyle=typename field:typename/dede:channel參數(shù)說明:typeid = 0 欄目IDreid = 0 上級欄目IDrow = 100

23、調(diào)用欄目數(shù)col = 1 分多少列顯示(默認為單列)type = son | sun son表示下級欄目,self表示同級欄目,top頂級欄目currentstyle = 應用樣式底層模板字段:ID(同 id),typeid, typelink, typename, typeurl,typedir(僅表示欄目的網(wǎng)址)例:dede:channeltype=top field:typename/ /dede:channel注:在沒有指定typeid的情況下,type標記與模板的環(huán)境有關(guān),如,模板生成到欄目一,那么type=son就表示欄目一的所有子類織夢標簽使用手冊: HYPERLINK http

24、:/help.dedec/v53/archives/tag/ http:/help.dedec/v53/archives/tag/多看看織夢手冊,有助于你熟練的應用織夢系統(tǒng)(DEDECMS)。今天這一講的內(nèi)容就講完了,最后加一點,把LOGO修改成福星網(wǎng)絡(luò)的LOGO。用PS打開templetsfuxing5images目錄下的logo.gif,修改一下下,這個就要看你的PS功力了!完成后查看前臺:好了,這一講就結(jié)束了,我們下一講再見??棄舴抡鞠盗薪坛痰谑v通用頭部(六)搜索框今天接著上一講,講一下搜索框的制作,首先找到head.htm里面拳擊在線的搜索代碼:站內(nèi)搜索: 新聞 下載 圖庫 游戲 視

25、頻 商品 文章 高級搜索 修改為織夢的搜索框代碼:站內(nèi)搜索: 檢索標題智能模糊 高級搜索 查看前臺,搜索一個關(guān)鍵詞測試一下搜索框。輸入關(guān)鍵詞css,點擊搜索按鈕,一切正常。再往下看代碼,是一個JS文件調(diào)用,原來是拳擊在線搜索框右部的本站動態(tài)滾動,我們把這里改為調(diào)用織夢的某個特定的欄目,我們暫定這個欄目的ID為1。先看原來的代碼:修改為:dede:arclisttypeid=1row=1titlelen=60 field:title/dede:arclist 查看前臺演示:滾動起來了。呵呵,本節(jié)成功結(jié)束,慶祝一下。通用頭部也就結(jié)束了。下一節(jié)是講 HYPERLINK http:/www.fuxin

26、/texiao/ t _blank 幻燈片代碼呢還是通用底部呢?我要想一想啊!不要猜了,到了下一講就知道了。:)織夢仿站系列教程第十一講幻燈片的制作我們還是順著做吧,這一講說說 HYPERLINK http:/www.fuxin/texiao/ t _blank 幻燈片代碼的制作。首先打開index.htm文檔,找到幻燈片部分的代碼。就是下面這段代碼:梅威瑟VS奧提茲紐約召開新聞發(fā)布會28號早些時候,保持不敗的P4P冠軍弗羅伊德.梅威瑟與WBC次中量級冠軍維克多.奧提茲在紐約城的胡德遜劇場召開了一場新聞發(fā)布會,正式宣布9月17日二人在拉斯維加斯米. 帕奎奧12回合點數(shù)完勝莫斯利(附視頻)在剛剛

27、結(jié)束的一場次中量級拳王爭霸戰(zhàn)中,“亞洲驅(qū)逐艦”帕奎奧十二回合點數(shù)完勝三個級別的五度世界拳王“糖塊”莫斯利,一邊倒的贏得了勝利。. “幽靈”帕弗里克10回合點勝洛佩茲(附視頻)剛剛在美國米高梅大酒店進行的一場10回合超中量級比賽中,前中量級冠軍,美國“幽靈”凱利.帕弗里克(37-2,32KO)以點數(shù)95-95、98-92、99-91戰(zhàn)勝. 代碼有些長,此段代碼可分為三段,大圖部分、標題和簡介部分、小圖部分。我們將上面這段代碼修改為織夢模板的代碼:dede:arclistflag=frow=3 /dede:arclistdede:arclistflag=flimit=0,1 field:title

28、/field:infos/ /dede:arclist dede:arclistflag=flimit=1,2 field:title/field:infos/ /dede:arclistdede:arclistflag=frow=3 /dede:arclist保存后,查看前臺效果:織夢仿站系列教程第十二講最新新聞今天這一講講一下最新新聞處的代碼制作。首先,打開index.htm文件,找到如下代碼:最新新聞07-01小克里琴科VS海耶稱重儀式07-01梅威瑟:是我改變了拳擊運動07-01劉易斯:海耶只有擊倒對手才能取勝06-30梅威瑟VS奧提茲洛杉磯之唇槍舌戰(zhàn)06-30海耶團隊抗議羅德里格斯執(zhí)

29、法拳王統(tǒng)一戰(zhàn)06-30莫拉萊斯期待重奪WBC超輕量級世界冠軍06-30庫托VS馬加里托二番戰(zhàn)正式敲定于12月3日進06-308月6日帕弗里克將在家鄉(xiāng)對決坎寧安06-30梅威瑟:我不會游走作戰(zhàn)我將對奧提茲施加06-29奧提茲:我將成為2012年面對帕奎奧的那個06-29小梅威瑟談?wù)撆c曼尼.帕奎奧比賽的可能性 修改為織夢的調(diào)用最新內(nèi)容的代碼:最新新聞dede:arclistrow=11titlelen=30orderby=pubdate field:pubdatefunction=MyDate(m-d,me)/field:title/dede:arclist 代碼解釋:由于織夢CMS默認沒有最新文

30、章的列頁,所以我們刪除了最新新聞的更多鏈接。arclist標簽:row=11 調(diào)用11篇最新更新的內(nèi)容。titlelen=30 標題長度為30字節(jié),一個漢字為兩個字節(jié)。orderby=pubdate 按出版時間排序,即按發(fā)布時間排序,越新越靠前。當修改一篇文章時,此文章的發(fā)布時間會更新為當前時間。field:pubdatefunction=MyDate(m-d,me)/ MyDate函數(shù) 返回格林威治標準時間,格式:function MyDate($format=Y-m-d H:i:s,$timest=0)。好了,我們查看下前臺,看下效果先!這一講就到這兒吧,學會了這一講課程,以后的課程就會輕

31、松許多了。因為大部分地方需要用到arclist標簽,而其它標簽和arclist標簽的用法差不了多少??棄舴抡鞠盗薪坛痰谑v特定欄目調(diào)用今天這一講,我們要講一下特定欄目的調(diào)用,我們打開index.htm文檔,往下看代碼:拳擊視頻阿米爾.卡汗VS朱達(尤達赫)(2011小克里琴科VS海耶(2011-07-03)帕本VS卡斯特羅(2011-06-25)科克蘭德VS沙普(2011-06-25)米漢VS克比(2011-06-24)瓦拉德茲VS弗洛雷斯(2011-06-24)卡瓦納VS維洛比(2011-06-24)霍諾里奧VS佩雷茲(2011-06-19)穆雷VS布萊克維爾(2011-06-19)克羅拉

32、VS德.盧卡(2011-06-19)修改為織夢調(diào)用特定欄目內(nèi)容的代碼:dede:typetypeid=1field:typename/dede:type dede:arclisttypeid=1row=10titlelen=30 field:title/dede:arclist 代碼解釋:第二行:調(diào)用欄目ID為1的欄目名稱。第三行:調(diào)用欄目ID為1的欄目鏈接地址。標簽type的詳細解釋參考 HYPERLINK http:/help.dedec/v53/archives/tag/global/type/ http:/help.dedec/v53/archives/tag/global/type/

33、第6行到第8行是我們熟悉的arclist標簽。只是多了一個typeid=1,指調(diào)用欄目ID為1 的欄目的內(nèi)容。福星網(wǎng)絡(luò)(fuxin)仍然建議大家把這個標簽學習一下,因為這個標簽用處是很大的??蓞⒖脊俜降氖謨裕?HYPERLINK http:/help.dedec/v53/archives/tag/global/arclist/ http:/help.dedec/v53/archives/tag/global/arclist/接來我們看前臺,接下來是又是調(diào)用一個特定欄目,參考上面的 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程來做,以后這些調(diào)用特定欄

34、目文章的代碼我們將跳過去。不再重復講了。參照本講 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程就可以做的欄目有:比賽下載、拳擊文章。我們參考本講教程,修改這兩塊的代碼。修改完成后,我們看下前臺:好了,這一講就結(jié)束了,我們下一講再見織夢仿站系列教程第十四講特定欄目圖片調(diào)用這一講說下織夢圖片文章的調(diào)用,首先看代碼:拳擊游戲職業(yè)拳擊 打拳擊 希臘拳擊 職業(yè)拳擊真實拳擊打拳擊希臘拳擊拳擊血腥擊打美眉拳擊賽海綿寶寶拳擊史努比打拳擊搞怪拳擊賽 修改為織夢的調(diào)用代碼:dede:typetypeid=6field:typename/dede:type dede:a

35、rclisttypeid=6row=3titlelen=10type=image. field:title/ /dede:arclist dede:arclisttypeid=6row=9titlelen=14 field:title/dede:arclist 代碼解釋:代碼分為三段,第一段和第三段上一講已講過了,不再重復。第二段代碼其實上一講也講過了,只是多了一點內(nèi)容。type=image. 調(diào)用有縮略圖的內(nèi)容。field:litpic/ 調(diào)用出縮略圖的地址。詳細 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程要參考arclist標簽的手冊: HY

36、PERLINK http:/help.dedec/v53/archives/tag/global/arclist/ http:/help.dedec/v53/archives/tag/global/arclist/好了,我們這一講也講完了,嘿嘿,內(nèi)容不多??!大家不要急,慢慢來。俺寫的有些手痛呢!最后,看下前臺演示:凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第十五講全站圖片調(diào)用這一講的內(nèi)容和上一講差不多,略有不同。主要是上一講是特定欄目的圖片內(nèi)容調(diào)用,本講主要是全站的圖片內(nèi)容調(diào)用。先看下拳擊在線的全站圖片代碼:推薦新聞小克里琴科VS海耶稱重儀式北京時間

37、2011年7月1日,2011年WBA世界拳王爭霸賽進行賽前稱重,多位拳壇頂尖級人物現(xiàn)身儀式現(xiàn)場。圖為小克里琴科VS大衛(wèi).海.梅威瑟VS奧提茲洛杉磯之唇槍舌戰(zhàn)在今天的早些時候,P4P冠軍弗羅伊德.梅威瑟與WBC次中量級冠軍維克多.奧提茲在洛杉磯召開了一次新聞發(fā)布會,正式宣布他們將在9月17日的米.梅威瑟VS奧提茲紐約召開新聞發(fā)布會28號早些時候,保持不敗的P4P冠軍弗羅伊德.梅威瑟與WBC次中量級冠軍維克多.奧提茲在紐約城的胡德遜劇場召開了一場新聞發(fā)布會,正式宣布.為了方便寫 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程,我刪除了幾行代碼,默認上調(diào)用

38、出11個圖片,我刪除了8個。以便于代碼顯示。將上面的代碼修改為織夢的調(diào)用代碼:推薦新聞dede:arclistrow=11titlelen=30type=len=100 field:title/field:infos/./dede:arclist 代碼解釋:row=11 調(diào)用11個圖片文章titlelen=30 標題長度30字節(jié)type=image. 有縮略圖的內(nèi)容infolen=100 簡介的長度我們查看下前臺演示:凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第十六講首頁其它部分及站內(nèi)調(diào)查接上一講,繼續(xù)我們的仿站之路。打開inde

39、x.htm文檔,接著看代碼,接下來是論壇新帖,這里我們不討論論壇的調(diào)用,我們改為調(diào)用一個特定的欄目,所以要參考 HYPERLINK http:/www.fuxin/cmsedu/dedecms/20110813_42.html t _blank HYPERLINK http:/www.fuxin/cmsedu/dedecms/ t _blank 織夢仿站系列 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程第十三講特定欄目調(diào)用 。接下來是熱門信息,我們細講一下,找到如下代碼:帕奎奧12回合點數(shù)完勝莫斯利“幽靈”帕弗里克10回合點勝帕奎奧VS莫斯利賽后新

40、聞發(fā)布薩利多8回合TKO洛佩茲奪得WBO冠軍頭銜(附視頻)帕奎奧VS莫斯利洛杉磯新聞發(fā)布會霍利菲爾德11回合TKO尼爾森庫托VS馬約加紐約新聞會爆口水戰(zhàn)喬治.阿瑟爆冷12回合KO小瓦茲奎茲(附視頻)泰森為第五頻道拍大片演繹“美女與野獸”帕奎奧VS莫斯利賽前最后新聞發(fā)布會9月17日:小梅威瑟復出挑戰(zhàn)奧提茲梅威瑟VS奧提茲紐約召開新聞發(fā)布會組圖帕奎奧VS莫斯利精彩瞬間達臣延5回合點數(shù)完勝佩雷茲(附視頻)帕奎奧完勝莫斯利次中量級最新排名 看拳擊在線首頁的熱門信息,分為三部分,一個圖片內(nèi)容,三個藍色字體的內(nèi)容,九篇普通格式內(nèi)容。我們就照這三部分來做代碼:dede:arclistrow=1sort=ho

41、ttype=image. /dede:arclist dede:arclistsort=hottitlelen=26limit=0,3 field:title/dede:arclist dede:arclistsort=hottitlelen=50limit=3,9 field:title/dede:arclist 代碼解釋:第4行到第6行:row=1 調(diào)用一篇內(nèi)容,sort=hot 按點擊數(shù)排列,type=.image. 調(diào)用有縮略圖的內(nèi)容。第7行到第9行:limit=0,3 表示從ID為0的記錄開始,取3條記錄。第10行到第12行:limit=3,9 表示從ID為3的記錄開始,取9條記錄。

42、接下來是圖片海報,可以參考 HYPERLINK http:/www.fuxin/cmsedu/dedecms/20110813_45.html t _blank 織夢仿站系列教程第十四講特定欄目圖片調(diào)用 。再往下是站內(nèi)調(diào)查,拳擊在線的代碼是調(diào)用一個JS文件,我們進入織夢后臺-模塊-投票模塊,默認有一個調(diào)查:你是從哪兒得知本站的? 點擊后面獲取代碼,有三種調(diào)用格式,我們選擇最后一種格式,這種格式便于控制樣式。把代碼復制一下,覆蓋掉下面的代碼:替換后的代碼:你是從哪兒得知本站的?朋友介紹門戶網(wǎng)站的搜索引擎Google或百度搜索別的網(wǎng)站上的鏈接其它途徑好了,首頁除通用底部外,都完成了,我們查看下前臺

43、,欣賞一下我們的成果吧!凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第十七講通用底部的制作今天講一下通用底部的制作,建模板目錄fuxing5下新建一個footer.htm文檔,將index.htm里面的全站共用底部的代碼復制到footer.htm里面,然后在index.htm里面剛剪切走通用底部代碼處添加一行代碼:dede:includefilename=footer.htm/我們接下來修改foot.htm這個文檔的代碼,先看第一部分:拳擊在線拳擊在線論壇拳迷家園拳擊王朝新華山論劍拳擊航母拳擊帝國中華氣功大全網(wǎng)時代郵刊WBO中國區(qū)官網(wǎng)武林風要上13ww

44、w世界K-O泰拳網(wǎng)WWE中文網(wǎng)申請友情鏈接 這是友情鏈接代碼,我們修改為織夢的友情鏈接代碼,織夢默認調(diào)用友情鏈接代碼是dede:flink row=24/,但這樣調(diào)用出樣的代碼里有,而我們不需要,怎么辦呢?參考 HYPERLINK http:/www.fuxin/cmsedu/ t _blank 教程: HYPERLINK http:/www.fuxin/cmsedu/dedecms/20110811_32.html t _blank 去掉織夢CMS模板中友情鏈接標簽中的li。根據(jù)這篇教程,我們將上面的代碼修改為:dede:flinklinktype=2row=24field:link/ded

45、e:flink 申請友情鏈接 接下來就是底部版權(quán)處的代碼了:網(wǎng)站首頁| 關(guān)于我們| 版權(quán)聲明| 廣告服務(wù)| 聯(lián)系我們| 網(wǎng)站地圖| WAP PoweredbyQuanJi.Cn2004-2011 BoxingOnlineNetworkInc. 湘ICP備09024032號 關(guān)鍵詞:拳擊|boxing|拳擊在線|拳擊比賽|拳擊新聞|拳擊視頻|拳擊論壇|拳迷俱樂部|拳擊手|中國拳擊|拳賽直播|拳賽推廣|拳擊培訓|拳擊器材|美國拳擊|黑市拳|帕奎奧|梅威瑟 從第5行到第12行,是站內(nèi)鏈接,除網(wǎng)站首頁、網(wǎng)站地圖、WAP是固定鏈接外,其它幾個都是需要新建欄目或者新建單頁文檔后才能確定路徑的,而WAP需要

46、安裝模塊才可以用,所以我們將其刪除。第15行是關(guān)鍵詞,可以調(diào)用網(wǎng)站的關(guān)鍵詞,也可以直接寫在這模板里面。這里我們調(diào)用網(wǎng)站的關(guān)鍵詞。修改上面的代碼如下:網(wǎng)站首頁| 關(guān)于我們| 版權(quán)聲明| 廣告服務(wù)| 聯(lián)系我們| 網(wǎng)站地圖dede:global.cfg_powerby/dede:global.cfg_beian/ 關(guān)鍵詞:dede:global.cfg_keywords/ 代碼解釋:dede:global.cfg_powerby/版權(quán)信息,dede:global.cfg_beian/ 備案號,在后臺系統(tǒng)參考處修改好了,到此節(jié)結(jié)束,我們仿制拳擊在線(quanj)的首頁模板已制作完工了。哈哈,慶祝一下!

47、還是上一個圖吧:最后說一下,在footer.htm里面加上織夢的版權(quán),也是對織夢的支持!代碼如下:Poweredbydedecms凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第十八講封面頁制作(一)從這一進開始,我們制作封面模板index_article.htm。首先打開 HYPERLINK http:/www.quanj http:/www.quanj,點擊拳擊新聞,保存一下。然后打開保存的html文檔。再打開templetsfuxing5目錄下的index_article.htm和templets復件 default目錄下的index_articl

48、e.htm。將保存的網(wǎng)頁的代碼復制一下,覆蓋到templetsfuxing5目錄下的index_article.htm。參考templets復件 default目錄下的index_article.htm進行修改。先看頁首代碼:拳擊新聞_拳擊在線-QuanJi.Cn|致力于打造最大最全拳擊門戶!修改為織夢封面頁的頁首代碼:dede:field.title/_dede:global.cfg_webname/封面頁的頁首代碼與列表頁、內(nèi)容頁一樣,所以我們以后不會再重復講了。代碼解釋:dede:field.title/ 頁面標題dede:global.cfg_webname/ 網(wǎng)站名稱dede:fie

49、ld name=keywords/ 關(guān)鍵詞dede:field name=description function=html2text(me)/ 描述 關(guān)鍵詞和描述在欄目修改-高級選項中修改。接下來是通用頭部,用dede:includefilename=head.htm/替換掉共用頭部代碼。再接下來是面包屑導航代碼:當前位置:首頁拳擊新聞修改為:當前位置:dede:fieldname=position/代碼不用解釋了,position變量調(diào)用當前頁面的路徑。列表頁、內(nèi)容頁通用。再往下是四幅圖片的調(diào)用,我們調(diào)用四幅有縮略圖的內(nèi)容。即調(diào)用當前欄目及下級欄目的內(nèi)容。先看代碼:組圖霍普金斯VS道森紐馬

50、丁內(nèi)斯:我愿意將降級梅威瑟:我將以更好的訓“老男孩”坎帕斯三回合修改為織夢的調(diào)用代碼:dede:arclistrow=4titlelen=24orderby=pubdatetype=image. field:title/dede:arclist 代碼就不用解釋了,前面的課程里已講過這些了。好了,這一講到此結(jié)束,最后,看下前臺效果:下一進我們講一下,在首頁沒有講到的一個標簽channelartlist,這是織夢唯一可以嵌套的標簽。凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第十九講封面頁制作(二)接上一講,我們繼續(xù)講封面模板的制作。接下來是欄目列表的循環(huán)

51、,顯示當前頻道下的子欄目的文章列表。我將拳擊在線的代碼精簡了一下,代碼如下:國際拳壇更多2011-08-12辛特隆VS手史密斯稱重結(jié)束明天開打 2011-08-12拳臺雜志八月份最新P4P世界排名 2011-08-10霍普金斯:我能心靈感應到道森已經(jīng)輸了 這只是一個子欄目,并且只顯示三篇文章,因為我們要顯示代碼方便,所以刪除了一些代碼。我們用織夢的channelartlist標簽,來循環(huán)顯示當前頻道的子欄目的文章列表。將上面的代碼修改成以下代碼:dede:channelartlist dede:fieldname=typename/更多dede:arclisttitlelen=60row=8

52、field:pubdatefunction=MyDate(Y-m-d,me)/field:title/ /dede:arclist /dede:channelartlist代碼解釋:這里使用到了channelartlist標簽。標記簡介:功能說明:獲取當前頻道的下級欄目的內(nèi)容列表標簽適用范圍:全局使用基本語法:dede:channelartlistrow=6 dede:fieldname=typename/dede:arclisttitlelen=42row=10 field:title/(field:pubdatefunction=MyDate(m-d,me)/)/dede:arclist

53、/dede:channelartlist參數(shù)說明:typeid = 0 頻道ID,多個請用,分隔row = 20 獲取的欄目返回值其他說明:除了宏標記外,channelArtlist 是唯一一個可以直接嵌套其它標記的標記,不過僅限于嵌套dede:type/dede:type 和 dede:arclist/dede:arclist 兩個標記。底層模板變量:包含dede:type/dede:type及dede:arclist/dede:arclist下面所有底層模板變量。另外別忘記刪除拳擊在線多余的欄目代碼,然后查看前臺演示效果,每個欄目下顯示8篇文章,但下面仍有空白,看來CSS樣式里有控制,有兩

54、個辦法,一是增加調(diào)用數(shù)量,和拳擊在線一樣調(diào)用11篇,二是在樣式表里修改這里的高度。我們選擇增加調(diào)用條數(shù),將調(diào)用代碼第7行dede:arclisttitlelen=60row=8修改為dede:arclisttitlelen=60row=11,保存,查看前臺:很完美,不是嗎?接下來下一講,我們講封面頁的右側(cè)的制作。別忘記了,告訴你的朋友們,福星網(wǎng)絡(luò)的地址!我們的口號是:福星網(wǎng)站,站長福星!凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第二十講封面頁制作(三)這一講說說封面頁的右側(cè),右側(cè)最上面是 HYPERLINK http:/www.fuxin/texia

55、o/ t _blank 幻燈片代碼,在講首頁制作時,講過 HYPERLINK http:/www.fuxin/texiao/ t _blank 幻燈片代碼,我們這里簡要說說。我們直接將拳擊在線封面里的幻燈片代碼:!- varinterval_time=3; varfocus_width=288; varfocus_height=220; vartext_height=19; vartext_align=center; varswf_height=focus_height+text_height; varswfpath=/e/data/images/pixviewer.swf; varswfpa

56、tha=/e/data/images/pixviewer.swf; varpics=%2Fd%2Ffile%2Fnews%2F1%2F732488265adfe6d9153f489f7550e2dc.jpg%7C%2Fd%2Ffile%2Fnews%2F1%2Fe02812004247d409b9ed1716b8169f5e.jpg%7C%2Fd%2Ffile%2Fnews%2F1%2Fsmall0a72185ad918b79b8177baff67a7d8f51309318211.jpg; varlinks=%2Fnews%2F1%2F6095.html%7C%2Fnews%2F1%2F609

57、3.html%7C%2Fnews%2F1%2F6004.html; vartexts=可汗5回合KO朱達獲得勝利(附視頻)|小克里琴科點數(shù)戰(zhàn)勝海耶統(tǒng)一四大拳擊組織(|梅威瑟VS奧提茲紐約召開新聞發(fā)布會; document.write(); document.write(); document.write(); document.write(); document.write(); document.write(); /-替換成織夢封面里的幻燈片代碼:linkarr=newArray(); picarr=newArray(); textarr=newArray(); varswf_width=2

58、80; varswf_height=192; varfiles=; varlinks=; vartexts=; /這里設(shè)置調(diào)用標記 dede:arclistflag=frow=5 linkarrfield:global.autoindex/=field:arcurl/; picarrfield:global.autoindex/=field:litpic/; textarrfield:global.autoindex/=field:titlefunction=html2text(me)/; /dede:arclist for(i=1;ipicarr.length;i+) if(files=)f

59、iles=picarri; elsefiles+=|+picarri; for(i=1;ilinkarr.length;i+) if(links=)links=linkarri; elselinks+=|+linkarri; for(i=1;itextarr.length;i+) if(texts=)texts=textarri; elsetexts+=|+textarri; document.write(); document.write(); document.write(); document.write(); document.write();document.write(); 將將上面代碼里的寬度和高度修改一下,將varswf_width=280; varswf_height=192;修改為:varswf_width=288; varswf_height=239;因為織夢幻燈片的文字在幻片上面,所以高度要等于原幻燈高度加文字高度,所以高度為239。本來想將右側(cè)放在一節(jié)里面講完,但下面的最新新聞和熱門新聞在列表頁和內(nèi)容頁都會用到,所以我們放在一個單獨的一節(jié)里講解??聪挛覀冞@一講的成績吧!凡標識為福星網(wǎng)絡(luò)原創(chuàng)的內(nèi)容系福星網(wǎng)絡(luò)版權(quán)內(nèi)容,轉(zhuǎn)載請注時來源于福星網(wǎng)絡(luò)織夢仿站系列教程第二十一講封面頁制作(四)最新新聞和熱門新聞在首頁、封面頁、列表頁、內(nèi)容頁里都用得

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論