《銳奇使用手冊》word版

1、界面管理 制作模板界面的注意事項？1、制作任意一個模板前，都要先新建一個tp文件夾（比如在桌面新建tp文件夾），然后在tp文件夾里再新建一個圖片文件夾，把模板里用到的圖片，全部都放在這個圖片文件夾里。（這樣一來，在dreamweaver插入圖片時，就需要從tp文件夾里，雙擊圖片文件夾，再選中圖片插入即可。例如圖片的路徑是 tp/newsbox01_box/123.jpg，路徑如果不對，圖片將不能正常顯示。）2、制作模板第一步，即在dreamweaver新建一個空白htm文件，然后把代碼區(qū)里默認的代碼要全部刪除，再將此網(wǎng)頁文件保存好，此網(wǎng)頁文件必須與tp文件夾放在同一目錄，比如都放在桌面上，然后

2、再開始制作模板。3、各個模板的命名規(guī)則異同之處：共同點：所有模板的圖片文件名和網(wǎng)頁文件名必須相同, 比如圖片文件夾名稱是newsbox01_box,網(wǎng)頁文件是newsbox01_box.htm（注意：網(wǎng)頁文件一定要用htm格式，不能用html格式）區(qū)別：引導頁模板要帶_boot后綴，如hhymb01_boot 主頁模板不需要加任何后綴，如hhymb01 除此之外，其它的模板文件名都要帶_box例如銳奇公司制作的模板文件命名規(guī)則：新聞評論界面newsbox01_box為了查找方便，銳奇公司的新聞評論模板文件名都以newsbox開頭，接著是數(shù)字和_box您也可按這個規(guī)則來命名，為了防止您做的模板和

3、銳奇公司的同名，建議您將數(shù)字換成客戶名稱的英文簡稱，比如newsbox_wy_box其它的模板建議您也以這種規(guī)則命名信息反饋界面：ask001_box博客文章界面：blogshow001_box/博客主界面：blogshow001_box產(chǎn)品列表主界面：list001_box產(chǎn)品展示界面：wareshow001_box網(wǎng)上商城主界面：shop001_box商品展示界面：shopshow001_box購物車界面：cart001_box會員中心界面：member001_box留言板界面：guestbook001_box新聞列表主界面：newslist01_box新聞內(nèi)容界面：newsshow001

4、_box新聞評論界面：newscomment001_box主頁界面：hhymb引導頁界面：hhymb_boot4、所有的模板里，凡是需要插入帶BEGIN和END的標注語句的，這些標注語句都必須單獨放在一行，而且缺一不可，否則模板無法使用。5、 除了帶BEGIN和END的標注語句外，所有模板的參數(shù)，即用括起來的參數(shù)，可以按建站要求相應地刪除，但至少要保留一個參數(shù)，否則模板無法使用。 例一：底部區(qū)不想顯示“網(wǎng)站管理”四個字時，就可以將模板里的底部區(qū)參數(shù)COUNNECT刪除，然后直接在模板里輸入底部區(qū)的內(nèi)容。 例二：想制作個性化的FLASH菜單時，您也可以將MENU參數(shù)刪除，然后將和放在最后一個參數(shù)

5、的后面，注意要單獨放在一行。最后直接插入已制作好的FLASH菜單即可，注意每個菜單名要做好鏈接。 例三：網(wǎng)站的所有欄目都不想顯示邊側(cè)模塊時，您可以將邊側(cè)模塊參數(shù)所在的列刪除，然后將和放在最后一個參數(shù)的后面。備注：某些參數(shù)刪除后，在網(wǎng)站管理后臺相應位置輸入的內(nèi)容，就不會顯示在網(wǎng)站上的。6、制作模板時，插入的表格，對齊方式都要統(tǒng)一，比如全部設(shè)為居中對齊或者右對齊、左對齊。7、模板里插入的FLASH，必須設(shè)為透明的！具體方法是：選中FLASH，在屬性面板里單擊“參數(shù)”按鈕，在彈出的對話框里“參數(shù)”填wmode“值”填transparent最后確定即可。假設(shè)FLASH不設(shè)為透明的，網(wǎng)站里的下拉菜單、漂

6、浮廣告經(jīng)過FLASH時，會被FLASH擋住的。8、背景圖必須在一個獨立的單元格或者表格里。不能放在合并單元格之后所得的表格里。9、把網(wǎng)頁的所有文件名統(tǒng)一成小寫10、超級鏈接要使用相對路徑，不要用絕對路徑，也不要用中文文件名。 11、模板里邊側(cè)所在的表格，不可以設(shè)為左對齊或者右對齊。要么設(shè)為居中對齊，要么用默認的。否則三區(qū)的功能列表只能顯示一個。12、在單元格里再插入表格時，這個表格的垂直對齊方式要設(shè)為居頂對齊13、MENU最好不要放在模板的最后一個表格里，因為放在最后，下拉菜單就不能顯示了。如果一定要放在最后，就需要在MENU參數(shù)所在表格的后面，再插入一個空白的表格。下拉菜單有多高，這個空白表

7、格就設(shè)多高就行。 界面管理 如何添加刪除模板模板界面？模板制作完成后，要將模板的網(wǎng)頁文件即htm文件，復制到tp文件夾里。接著用ftp工具登錄到服務(wù)器的根目錄，從本地電腦里選擇tp文件夾，上傳至根目錄。最后進入軟件的超級后臺，點擊相應的模板目錄，填好添加模板的表格即可。 添加：您需要按以下步驟添加模板界面： 一、先制作好模板界面。二、用FTP軟件上傳至網(wǎng)站tp目錄下。 三、在管理員平臺的相應的模板界面管理添寫模板界面信息并上傳。 （以下是添加主頁模板為例：如下圖）模板名稱：您可以隨便取，比如叫金色年華等等 ，只是方便記憶。模板目錄名：就是您制作的時候網(wǎng)頁和目錄取的名字。模板類別：分 公共 私有

8、 兩種，公共的模板所有用戶均可查看和使用，私有模板只能授權(quán)的某一個用戶查看和使用，其它用戶看都無法看到。私有模板一般適用于給用戶訂制模板的時候使用，因為訂制的模板可能再有某一個企業(yè)特定的內(nèi)容和標志，其它用戶用不上，所以訂為私有比較合適。模板描述：就是模板簡要的介紹，一般填寫這個模板適用于哪個行業(yè)呀，模板的寓意等。刪除：把欲刪除的模板打上勾，再點擊刪除，即可把此模板在數(shù)據(jù)庫的記錄清除，然后系統(tǒng)會提示您是否將網(wǎng)頁和目錄也一并清除，點擊確定將會把網(wǎng)頁和目錄一起刪除。點后退按鈕則只刪除列表中的模板記錄，不會刪除網(wǎng)頁和目錄。值得注意的是：正在被用戶使用的模板是不能刪除的。界面管理 如何制作主模板界面？本

9、例效果圖如下：(紅色標記處是主頁模板需要用到的參數(shù))主頁模板所有的參數(shù)如下：(注意:參數(shù)都是以大括號為準，并且字母必須是大寫)。TITLE:網(wǎng)頁標題 LOGO:網(wǎng)站頂部logo區(qū)LANGUAGE:網(wǎng)站語言MENU:網(wǎng)站欄目和網(wǎng)站欄目的標注語句BODY:網(wǎng)站主體內(nèi)容COUNNECT:網(wǎng)站底部COUNTER:計數(shù)器BOX_TITLE、BOX_BODY:網(wǎng)站邊側(cè)模塊和網(wǎng)站邊側(cè)模塊的標注語句另外還需要在網(wǎng)頁頭部代碼區(qū)里面添加如下代碼：(這兩個句代碼里面包含的參數(shù)是搜索引擎優(yōu)化參數(shù))。：是指網(wǎng)站描述：是指網(wǎng)站關(guān)鍵字下面介紹一下各個參數(shù)的作用的添加方法TITLE參數(shù)：網(wǎng)頁標題參數(shù)，用于顯示在網(wǎng)站管理后臺輸

10、入的網(wǎng)站名稱。一個網(wǎng)頁的TITLE，網(wǎng)頁標題參數(shù)，用于顯示在網(wǎng)站管理后臺輸入的網(wǎng)站名稱。一個網(wǎng)頁的TITLE，通常顯示在IE的藍色標題欄上（如右圖標記處）設(shè)置方法是：在dreamweaver編輯器窗口的上方,有一個標題選項框,如圖所示:在標題項輸入TITLE即可LANGUAGE參數(shù)：設(shè)置網(wǎng)站的語言。Dreamweaver軟件的編輯視圖窗口有三種狀態(tài)，分別是：代碼、拆分、設(shè)計。如圖： 操作步驟是：單擊“拆分”安鈕,在前面幾行代碼里，,找到gb2312這幾個字符,將gb2312改成LANGUAGE即可備注：一般我們制作網(wǎng)頁模板時添加表格、圖片、文字相關(guān)一些資料都是在設(shè)計窗口中就可以實現(xiàn),有時候需要

11、添加一些特殊的代碼就需要到代碼或者拆分視圖窗口;例如制作銳奇模板時，添加LANGUAGE網(wǎng)站語言、欄目與邊側(cè)的標注語句時就會用到。LOGO參數(shù)：用于顯示logo文字、logo圖片或者動畫等內(nèi)容的,一般放在網(wǎng)頁的頂部。設(shè)置方法：在需要放logo的表格里，先插入頂部的背景色或者背景圖，然后輸入LOGO參數(shù)即可。MENU參數(shù)：設(shè)置主欄目菜單的參數(shù)。效果是在網(wǎng)站管理后臺，輸入各個主欄目名稱后，此參數(shù)會自動獲取各欄目名稱顯示在網(wǎng)頁上。注意事項：、MENU不能是單獨放在一個行列的表格里面，所以您在制作模板時，需要先插入行列或者行列的表格或其它行列數(shù)，原則就是行數(shù)和列數(shù)不能同時為，否則會出錯）例如插入2行1

12、列的表格，上面一行放LOGO參數(shù)，下面一行放MENU參數(shù)。、添加MENU參數(shù)后，還需要切換到“代碼”區(qū)。在MENU的前后面加上和這兩行標注語句。例如：MENU注意和必須單獨放在一行里顯示，不能跟其它代碼放在同一行里面。這兩行標注語句的作用是復制第一個欄目的樣式，兩行語句缺一不可。以LOGO和MENU放在同一個表格為例,具體方法如下： 第步：把光標放在LOGO參數(shù)所在表格的第二行, 先填充好欄目的背景圖片或者顏色，然后輸入MENU，為了菜單的美觀可以在MENU后面插入豎線或者圖片作為欄目之間的間隔。第2步：切換到“拆分”區(qū)（這時編輯器窗口就會發(fā)生變化，上面一部分是代碼區(qū)，下面一部分是設(shè)計區(qū)，如右

13、圖：在設(shè)計區(qū)把光標放在MENU后面，然后代碼區(qū)的光標也會自動移到MENU參數(shù)的后面，如下圖所示：第步：把光標放在代碼窗口里MENU前第一個標記后面,按回車，然后輸入第步：把光標放在MENU后第一個標記前面，按回車，然后輸入如右邊效果圖：BODY參數(shù)：這是正文區(qū)的內(nèi)容參數(shù)。制作方法：正文一般和邊側(cè)模塊放在一個1行2列的表格里面的。所以我們就插入一個1行2列的表格：一個單元格放正文內(nèi)容的參數(shù)，另一個單元格放邊側(cè)模塊的參數(shù)，單元格的寬度大小和位置不是固定的，可根據(jù)需求排版。以左邊放正文內(nèi)容，右邊放邊側(cè)為例：在左邊單元格輸入BODY,如下圖：BOX_TITLE、BOX_BODY參數(shù)：分別是網(wǎng)站邊側(cè)模塊

14、標題、模塊內(nèi)容的參數(shù)(邊側(cè)的模塊包括網(wǎng)站公告、網(wǎng)站管理、會員登陸、子菜單欄目、站內(nèi)搜索、問卷調(diào)查、友情鏈接等相關(guān)的內(nèi)容)。其中BOX_TITLE是設(shè)置邊側(cè)模塊的標題,BOX_BODY是設(shè)置邊側(cè)模塊里面的內(nèi)容。注意事項：添加BOX_TITLE、BOX_BODY參數(shù)除了直接在表格里面添加好這個參數(shù)，還需要在代碼里添加好和兩句標注語句。語句的形式如下：BOX_TITLEBOX_BODY其中和必須單獨放在一行里，不能和其它代碼放在一行。這兩行標注語句的作用就是復制第一個邊側(cè)模塊的表格樣式，兩行語句缺一不可。具體方法如下：第步：把光標放在BODY參數(shù)所在表格的另外一個單元格里。插入一個三行一列的表格，分

15、別先給第一行和第二行填充好相應的背景圖片和顏色，然后在第一行里輸入邊側(cè)模塊標題參數(shù)BOX_TITLE,在第二行里面輸入模塊內(nèi)容參數(shù)BOX_BODY。(第三行什么也不放，有了這個空白行，邊側(cè)模塊與模塊之間就會有一個間距)如圖所示：第步：單擊編輯器上方的“拆分”按鈕，然后選中添加好BOX_TITLE和BOX_BODY所在的整個三行一列的表格，這時代碼視頻的窗口就會有變化了，選中部分就是邊側(cè)模塊表格的代碼，如下圖。第步：把光標放在被選中代碼的最前面，也就是的前面，敲回車鍵，輸入標注開始語言第步：接著重復第2步，先選中邊側(cè)模塊的表格，把光標放在被選中代碼的最后面，也就是）的后面，敲回車鍵，輸入標注結(jié)束

16、語句：。最終代碼里的效果圖如下圖：第5步：單擊編輯器窗口的上方的“設(shè)計”按鈕，回到編輯窗口就可以了。COUNTER參數(shù)：計數(shù)器的參數(shù)設(shè)置方法：插入一個1行1列的表格，然后在單元格里輸入COUNTER參數(shù)即可。CONNECT：網(wǎng)站底部的參數(shù)，一般用于放置聯(lián)系方式、證書編號等內(nèi)容。設(shè)置方法：插入一個1行1列的表格，然后在單元格里輸入CONNECT參數(shù)即可。添加搜索引擎優(yōu)化參數(shù)的方法：打開需要制作模板的時頁面,點擊編輯器窗口上方的“拆分”按鈕，然后把光標移到上面的代碼窗口的最上面，在如下兩句代碼（也就是下面和上面敲回車鍵空出兩行）無標題文檔中間插入我們需要添加的搜索引擎代碼：添加好代碼后效果如下：無

17、標題文檔然后點擊編輯器窗口上方的“設(shè)計”按鈕，回到設(shè)計窗口。參數(shù)添加設(shè)置完成后，模板還是沒有完成，接著還需要添加樣式。如果沒有樣式的話，在網(wǎng)民瀏覽網(wǎng)頁時，根據(jù)IE瀏覽器的“查看文字大小”菜單里不同的設(shè)置，網(wǎng)頁的樣式就會發(fā)生很大的變化，比如網(wǎng)頁文字大小不一、網(wǎng)頁變形等。我們先來介紹一下主頁的樣式表：設(shè)置整個網(wǎng)頁的邊框背景樣式是：body一區(qū)里面默認引用的樣式是:tdLOGO區(qū)引用的樣式是:.logo網(wǎng)頁正文里里面標題的樣式是：thMENU導航條引用的樣式是:.menu三區(qū)子菜單引用的樣式是:.menuson底部區(qū)引用的樣式是:.foot其中,每個文字樣式除了一個默認的狀態(tài)之外,另外還有四個鏈接狀

18、態(tài).分別是:a:link:文字做好鏈接的狀態(tài)(沒有訪問過之前的樣式)a:visited:點擊過后的狀態(tài)(訪問過后的鏈接樣式)a:hover:鼠標移上去的狀態(tài)(訪問沒有點擊時的樣式)a:active:鼠標點擊時的狀態(tài)(正當訪問時鼠標點擊下去時的樣式)在沒有特殊的效果的時候，一般我們把a:link a:visited a:active這狀態(tài)的顏色或字體設(shè)為一致的.只修改鼠標移上去的a:hovert的顏色或字體.另外就是關(guān)于菜單樣式里面的特殊效果：（比如當前瀏覽的欄目，它的欄目名稱的顏色和其它欄目的不同）方法就是在創(chuàng)建菜單樣式表的時候，另外再增加四個鏈接狀態(tài)a.menunow:linka.menun

19、ow:visiteda.menunow:hovera.menunow:active添加CSS樣式的方法，我們現(xiàn)在的樣式是使用外部樣式，方法如下：1、首先在dreamweaver里面新建一個style.css文件，然后把下面這些代碼全部復制進去，保存在模板的圖片文件夾里面。body margin: 0px; background-color: #FFFFFF; background-attachment: fixed;background-image: url(bg.jpg); background-repeat: repeat-x; background-position: top;.logo

20、 font-size: 24px; font-weight: bold; color: #000000;th font-size: 16px; color: #999999; text-decoration: none; letter-spacing: 5px;tdfont-size: 12px;color: #000000;a:link font-size: 12px;color: #000000;text-decoration: none; a:visited font-size: 12px; color: #000000; text-decoration: none; a:hover c

21、olor: #FF6600; text-decoration: underline; font-size: 12px; a:active font-size: 12px; color: #000000; text-decoration: none;.menu font-size: 12px; bold; color: #FFFFFF; text-decoration: none; .menu a:link font-size: 12px; color: #FFFFFF; text-decoration: none; .menu a:visited font-size: 12px; color:

22、 #FFFFFF; text-decoration: none;.menu a:hover font-size: 12px; color: #000000; text-decoration: underline; .menu a:active font-size: 12px; color: #FFFFFF; text-decoration: none;a.menunow:link font-size: 12px; color: #000000; text-decoration: none; a.menunow:visited color: #000000; text-decoration: n

23、one; font-size: 12px; a.menunow:hover font-size: 12px; color: #FFFFFF; text-decoration: underline; a.menunow:active font-size: 12px; color: #000000; text-decoration: none; .menuson font-size: 12px; color: #000000; text-decoration: none;.menuson a:link font-size: 12px; color: #000000; text-decoration

24、: none; .menuson a:visited font-size: 12px; color: #000000; text-decoration: none; .menuson a:hover font-size: 12px; color: #FF6600; text-decoration: underline;.menuson a:active font-size: 12px; color: #000000; text-decoration: none;a.menusonnow:link font-size: 12px; color: #000000; text-decoration:

25、 none; a.menusonnow:visited color: #000000; text-decoration: none; font-size: 12px;a.menusonnow:hover font-size: 12px; color: #FF6600; text-decoration: underline;a.menusonnow:active font-size: 12px; color: #000000; text-decoration: none;.foot font-size: 12px; color: #999999; text-decoration: none;.f

26、oot a:link font-size: 12px; color: #999999; text-decoration: none;.foot a:visited font-size: 12px; color: #999999; text-decoration: none;.foot a:hover font-size: 12px; color: #FF9900; text-decoration: underline;.foot a:active font-size: 12px; color: #999999; text-decoration: none;您可以根據(jù)自己的模板需要更改每個樣式里

27、面的顏色、文字大小等相關(guān)設(shè)置，其中font-szie是字體大小color是字體顏色background-color是背景顏色text-decoration是設(shè)置超鏈接有沒有下劃線,none代表沒有下劃線underline代表有下劃線2、打開我們首先做的那個模板頁面，在dreamweaver窗口右邊我們會看到有一個樣式的面板（如果沒有看到，可以點擊菜單欄上面的“窗口CSS樣式”把面板調(diào)出來）面板如右圖：再點擊紅色標記處的“附加樣表”按鈕。會彈出如下對話框：點擊紅色標記“瀏覽”按鈕，選擇剛做好保存在圖片文件夾里面的style.css，接著在添加為選項里選擇“導入”項，點擊“確定”即可回到編輯窗口。

28、這時候我們可以看到樣式的面板會有變化如右面：樣式文字下面多了一個“ style.css”，點擊“”號圖標還可以展開下面的樣式列表。3、然后給LOGO、COUNTER、CONNECT等底部區(qū)的參數(shù)引用相應的樣式。具體操作步驟是:選中參數(shù)如LOGO,然后點擊dreamweaver窗口最下面的屬性面板,在“樣式“下拉菜單里（下圖紅色標記處）選中此參數(shù)相對應的樣式名即可。每個參數(shù)都要按這個步驟去選擇自己的樣式。參數(shù)添加好后，為了美觀，可以給某個單元格或者表格加上背景圖或顏色。整個主頁模板就制作完成了。界面管理 如何制作新聞列表界面？本例效果圖如下：(紅色標記處是引導頁模板需要用到的參) 新聞列表界面所

29、有的參數(shù)作用和添加方法如下：MENUNAME參數(shù)：新聞系統(tǒng)的欄目名稱設(shè)置方法：插入一個1行1列的表格(下稱表格A),直接在單元格里添加MENUNAME新聞欄目標題參數(shù)即可。NEWS_PAGE參數(shù)：統(tǒng)計新聞的記錄，頁碼翻頁設(shè)置方法：在表格A的下面再插入一個1行1列的表格（下稱表格B），直接在表格B里添加NEWS_PAGE新聞欄目參數(shù)即可。NEWS_TITLE參數(shù)：新聞的標題說明：在添加這個新聞標題參數(shù)后，還要記得在代碼區(qū)里加上和新聞列表的標注語句;另外新聞標題參數(shù)添加好之后，還要設(shè)置超鏈接，超鏈接就填NEWS_URL這個鏈接參數(shù)，因為我們發(fā)表每一條新聞，在首頁顯示的都只是一個標題，需要點擊新聞標

30、題才會鏈接到新聞的詳細頁面，這個鏈接參數(shù)NEWS_URL就起到自動讀取新聞詳細頁面的功能。）設(shè)置方法：1、在表格B的下面再插入一個2行1列的表格（下稱表格C）,在表格C的第一行單元格里輸入NEWS_TITLE新聞標題參數(shù)，然后在屬性面板的“鏈接”選項文本框里輸入NEWS_URL鏈接參數(shù)。2、在表格C的第二行里面插入一張分割線圖片（方法：點插入/圖像）。3、在代碼區(qū)加上和標記。這對標記的作用就是：具體步驟是：第一步：選中表格C，切換到拆分區(qū)（即點擊編輯器窗口上方的“拆分”按鈕）第二步：把光標放在被選中代碼的第一個前面，按回車鍵，在空白行里輸入。第三步：切換到設(shè)計區(qū)，再重復第一步，然后把光標放在被

31、選中的代碼的最后一個后面，按回車鍵，在空白行里輸入。最終效果如右圖：NEWS_DATE參數(shù)：新聞發(fā)布日期設(shè)置方法：在新聞標題參數(shù)NEWS_PAGE后面，敲一下空格，然后輸入新聞發(fā)布日期參數(shù)NEWS_DATE即可。這樣每條新聞標題后面就會有個新聞發(fā)布日期了。說明：因為新聞的記錄可能會很多，為了方便網(wǎng)民查看翻頁項，我們可以在表格C的后面，再插入一個1行1列的表格D，然后添加NEWS_PAGE新聞欄目參數(shù)，這樣在新聞標題頁的上面和下面都會出來翻頁功能了。如果您覺得沒必要有兩個翻頁功能，也可以省去此步.另外，參數(shù)添加好之后，為了美觀，可以在每個參數(shù)前再插入一個小圖標,給某個單元格或者表格加上背景圖或者

32、背景色,也可以先加好背景圖再添加參數(shù),此步省略。至此新聞列表界面我們就制作完成了。界面管理 如何制作新聞內(nèi)容界面？本例效果圖如下：(紅色標記處是引導頁模板需要用到的參) 新聞內(nèi)容界面所有的參數(shù)作用和添加方法如下：NEWS_TITLE參數(shù)：新聞標題設(shè)置方法：插入一個1行1列的表格(下稱表格A)，直接在單元格里添加NEWS_TITLE新聞欄目參數(shù)即可。NEWS_DATE參數(shù)：新聞發(fā)布的日期設(shè)置方法：在表格A的下面，再插入一個1行1列的表格（下稱表格B），然后在表格B里添加NEWS_DATE新聞發(fā)布日期參數(shù)即可。NEWS_BODY參數(shù)：新聞的詳細內(nèi)容設(shè)置方法：在表格B的下面，再插入一個2行1列的表格

33、（下稱表格C），直接在表格C的第一行單元格里添加NEWS_BODY新聞詳細內(nèi)容參數(shù)即可。NEWS_TOOLS參數(shù)：文章的評論，打印、關(guān)閉選項設(shè)置方法：在表格C第二行的單元格里添加NEWS_TOOLS參數(shù)，對齊方式為“右對齊”。ABOUT_TITLE參數(shù)：其它相關(guān)新聞標題欄設(shè)置方法：在表格C的下面，再插入一個2行1列的表格（下稱表格D），直接在表格D的第一行單元格里添加ABOUT_TITLE其它相關(guān)新聞標題欄。ABOUT_BODY參數(shù)：關(guān)于其它的相關(guān)新聞設(shè)置方法：在上面的表格D的第二行單元格里添加ABOUT_BODY參數(shù)。參數(shù)添加好之后，為了美觀，可以在每個參數(shù)前再插入一個小圖標，給某個單元格或

34、者表格加上背景圖或者背景色，也可以先加好背景圖再添加參數(shù)，此步省略。整個新聞列表界面我們就制作完成.界面管理 如何制作新聞評論界面？本例效果圖如下：(紅色標記處是引導頁模板需要用到的參) 新聞評論界面所有的參數(shù)作用和添加方法如下：NEWS_COMMENT參數(shù)：新聞評論設(shè)置方法：插入一個三行一列的表格(下稱表格A),直接在第一行的單元格里添加NEWS_COMMENT新聞評論參數(shù)。NEWS_TITLE參數(shù)：這是被評論的新聞標題設(shè)置方法：直接在 NEWS_COMMENT新聞評論參數(shù)后面敲一下空格，然后輸入“ NEWS_TITLE”此參數(shù)即可。說明：評論者姓名、評論日期和評論內(nèi)容的參數(shù)必須放在同一個表

35、格里面，而且表格的前后面分別要添加和。所以我們首先應該在前面插入的表格A里添加一個小表格,然后把這三個參數(shù)添加到小表格里面。具體設(shè)置方法如下：COMMENT_NAME參數(shù)：評論者姓名（即發(fā)布評論的人）第一步：在前面插入的表格A的第二行里插入一個3行1列的表格(下稱表格B)，然后把光標放在表格B的第一行里面，點擊屬于面板上的“拆分單元格”按鈕，這樣表格B的第一行就被拆分兩列了。第二步：在表格B的左列里添加好評論者姓名參數(shù)，即COMMENT_NAME。COMMENT_DAYTIME參數(shù)：評論日期設(shè)置方法：在表格B的右列里添加COMMENT_DAYTIME即可。COMMENT_BODY參數(shù)：評論的內(nèi)

36、容設(shè)置方法：在前面添加的表格B的第二行里輸入COMMENT_BODY即可。三個參數(shù)添加完畢后，再按以下步驟操作：、在表格B的第三行里插入水平線、分割線、圖片之類的（目的是評論與評論之間有個間隔，便于瀏覽）。、選中表格B，然后點擊編輯器的“拆分”按鈕，代碼視圖里以藍底顯示的代碼就是表格B的代碼。、把光標放在被選中代碼的最前面，也就是的前面，敲回車鍵，在空白行里輸入開始標注語句、重復第2步，再次選中表格B，把光標放在被選中代碼的最后面,也就是的后面，敲回車鍵，在空白行里輸入結(jié)束標注語句至此,表格B已按要求制作完畢。COMMENT_PAGE參數(shù)：評論記錄，翻頁選項設(shè)置方法：在表格A的第三行里面輸入C

37、OMMENT_PAGE參數(shù)即可。NEWS_WRITE參數(shù)：參數(shù)：發(fā)表評論設(shè)置方法：在表格A的下面，再插入一個2行1列的表格（簡稱表格C），然后表格C的第一行里輸入NEWS_WRITE參數(shù)即可。NEWS_GUESTBOOK參數(shù)：發(fā)表評論的表單設(shè)置方法：在表格C的第二行里輸入NEWS_GUESTBOOK參數(shù)即可。所有的參數(shù)添加好之后，為了美觀，可以在每個參數(shù)前再插入一個小圖標，給某個單元格或者表格加上背景圖或者背景色,也可以先加好背景圖再添加參數(shù),此步省略。如何制作產(chǎn)品列表主界面？本例效果圖如下：（用括起來的是產(chǎn)品列表主界面需要用到的參數(shù)）產(chǎn)品列表界面的參數(shù)作用和添加方法如下：LIST_TITLE

38、參數(shù)：產(chǎn)品列表的欄目名稱設(shè)置方法：插入一個2行1列的表格（下稱表格A），直接在第一行的單元格里添加LIST_TITLE參數(shù)。LIST_PHOTO參數(shù)：產(chǎn)品圖片設(shè)置方法：第一步：在表格A的第二行再插入一個1行1列的表格（下稱表格B）。第二步：在表格B再插入一個2行1列的表格（下稱表格C）,表格的寬度設(shè)為98%，在表格C的第一行單元格輸入LIST_PHOTO產(chǎn)品圖片參數(shù)，在屬性面板里設(shè)置這個單元格的高度設(shè)為“120”像素，水平對齊方式為“居中”對齊。LIST_NAME參數(shù)：產(chǎn)品名稱設(shè)置方法：、在表格C第二行的單元格里輸入LIST_NAME產(chǎn)品名稱參數(shù),水平對齊方式為“居中”對齊。LIST_PAGE

39、參數(shù)：產(chǎn)品記錄、翻頁項設(shè)置方法：插入一個1行1列的表格，直接在這行的單元格里輸入LIST_PAGE產(chǎn)品記錄、翻頁項參數(shù)。所有參數(shù)添加完畢之后，就要加以下三對標注語句。分別是A、和作用：復制列.制作模板時，我們只做了第一個產(chǎn)品的樣式，其它產(chǎn)品的樣式是不用全部都制作的，而是用這對標注語句來自動制作，并自動排列整齊.因為一行里放幾個產(chǎn)品的，需要幾列來放，所以就要復制列。每當用戶在網(wǎng)站管理后臺添加一個產(chǎn)品時，這對語句就會自動復制（或者叫添加）一列單元格，用于顯示新添加的產(chǎn)品。B、和作用：復制行。產(chǎn)品太多時一行就放不下，這時就要分多行顯示了，所以也要用這對語句自動復制行，自動排版。C、和作用：復制表格。

40、效果圖如右下：添加這三對標注語句的詳細方法如下：A、首先添加和操作步驟如下：第一步：在“設(shè)計”區(qū)選中表格C，然后單擊“拆分”。第二步：在選中代碼最前面，從上往下找到第一個，把光標放在前，按回車鍵，在空白行輸入開始標注語句第三步：重復第一步，然后在選中的代碼最后面，從下往上找到第一個，把光標放在后，按回車鍵，在空白行輸入結(jié)束標注語句說明：因為這對標記的作用是復制列，所以要分別放在這個表格所在的單元格的列標記的前后面，其中單元格的列的開始標記是，所以把開始標記放在的前面。而列的結(jié)束語句是,所以要把結(jié)束標記放在的后面。這就可以復制一列單元格了。B、添加和第一步：在“設(shè)計”區(qū)選中表格C，然后單擊“拆分

41、”。第二步：在選中代碼最前面，從上往下找到第一個，把光標放在前，按回車鍵，在空白行輸入開始標注語句第三步：重復第一步，然后在選中的代碼最后面，從下往上找到第一個，把光標放在后，按回車鍵，在空白行輸入結(jié)束標注語句C、添加和第一步：在“設(shè)計”區(qū)選中表格B，然后單擊“拆分”。第二步：把光標放在選中的代碼最前面，按回車鍵，在空白行里輸入第三步：重復第一步，把光標放在選中的代碼最后面，按回車鍵，在空白行里輸入備注：參數(shù)添加好之后，為了美觀，可以在每個參數(shù)前再插入一個小圖標,給某個單元格或者表格加上背景圖或者背景色，也可以先加好背景圖再添加參數(shù)，此步省略。至此，產(chǎn)品列表界面就制作完畢了！如何制作產(chǎn)品展示界

42、面？本例效果圖如下：（用括起來的是產(chǎn)品展示界面需要用到的參數(shù)）產(chǎn)品展示界面的參數(shù)作用和添加方法如下：WARE_TITLE參數(shù)：產(chǎn)品列表欄目設(shè)置方法：插入一個5行1列的表（下稱表格A），直接在第一行的單元格里添加WARE_TITLE產(chǎn)品列表欄目參數(shù)。WARE_PHOTO參數(shù)：產(chǎn)品圖片設(shè)置方法：、把光標放在表格A的第二行，再插入一個1行2列的表格（下稱表格B）,把表格B的寬度為96%，居中對齊。、在表格B的第一列（即左列）單元格里輸入WARE_PHOTO參數(shù)，水平對齊方式為：居中，單元格寬度設(shè)為：150px，高度為：120pxWARE_NAME參數(shù)：產(chǎn)品名稱設(shè)置方法：、在表格B的第二列（即右列）再

43、插入一個2行1列的表格(下稱表格C).將表格C的寬度為98%，居中對齊。、在表格C的第一行單元格輸入WARE_NAME參數(shù)。WARE_SHORTSHOW參數(shù)：產(chǎn)品的簡要介紹設(shè)置方法：在表格C第二行輸入WARE_SHORTSHOW參數(shù)。WARE_BODY_TITLE參數(shù)：產(chǎn)品詳情標題設(shè)置方法：在表格A的第三行插入一個2行1列的表格（下稱表格D）.然后在表格D的第一行單元格里輸入WARE_BODY_TITLE參數(shù)。WARE_MOREBODY參數(shù)：產(chǎn)品詳情詳細內(nèi)容設(shè)置方法：在表格D的第二行單元格里輸入WARE_MOREBODY參數(shù)。WARE_ABOUT參數(shù)：相關(guān)產(chǎn)品標題設(shè)置方法：在表格A的第四行插入

44、一個2行1列的表格(下稱表格E)。然后在表格E的第一行單元格里輸入WARE_ABOUT參數(shù)。WARE_ABOUTBODY參數(shù)：相關(guān)產(chǎn)品的內(nèi)容設(shè)置方法：在表格E的第二行單元格里輸入WARE_ABOUTBODY參數(shù)。WARE_COMMENT參數(shù)：評論設(shè)置方法：在表格A的第五行插入一個2行1列的表格(下稱表格F)。然后在表格F的第一行單元格里輸入WARE_COMMENT參數(shù)。WARE_COMMENTBODY參數(shù)：評論的內(nèi)容設(shè)置方法：在表格F的第二行單元格里輸入WARE_COMMENTBODY參數(shù)。備注：參數(shù)添加好之后，為了美觀,可以在每個參數(shù)前再插入一個小圖標給某個單元格或者表格加上背景圖或者背景色

45、,也可以先加好背景圖再添加參數(shù),此步省略。如何制作橫排商品的商城界面？商品分幾行幾列顯示時，商城主界面制作方法介紹本例效果圖如下：（用括起來的是商城主界面需要用到的參數(shù)）商城列表界面的參數(shù)作用和添加方法如下：SHOP_SEARCH參數(shù)：商品搜索的參數(shù)，用于顯示商品搜索條。設(shè)置方法：插入一個1行1列的表格(下稱表格A),直接在單元格里添加SHOP_SEARCH商品搜索參數(shù)。SHOP_TITLE參數(shù)：商品標題欄的參數(shù)，用于顯示“最新商品、特價商品、熱賣商品、推薦商品”四個標題的名稱。設(shè)置方法：在表格A的下面，再插入一個1行1列的表格，然后在這個表格里再插入一個1行3列的表格（下稱表格B）,給表格B

46、的每一列分別插入一張背景圖，然后在中間一列輸入SHOP_TITLE商品標題欄參數(shù)。（為了提高網(wǎng)站速度，圖片越小越好，我們把標題欄的背景圖截成了三段，所以要用1行3列的表格。您也可以直接插入1行1列的表格，然后給表格插入整個背景圖）SHOP_PHOTO參數(shù)：商品圖片的參數(shù)設(shè)置方法：在表格B的下面，再插入一個4行1列的表格(下稱表格C)，在表格C的第一行單元格里輸入SHOP_PHOTO商品圖片的參數(shù)，然后將此單元格的行高設(shè)為120px，單元格里的水平和垂直對齊方式分別都設(shè)為“居中”。SHOP_NAME參數(shù)：商品名稱的參數(shù)設(shè)置方法：在表格C的第二行單元格里輸入SHOP_NAME商品名稱參數(shù)。為了美觀

47、，還可以在這個參數(shù)前插入一張小圖片。SHOP_MARKETPRICE參數(shù)：商品市場價格的參數(shù)設(shè)置方法：把光標放在表格C的第三行單元格里，再插入一個2行2列的表格（下稱表格D），然后在表格D的第一行左邊的單元格里，輸入SHOP_SHORTSHOW商品的市場價格參數(shù)。SHOP_MYPRICE參數(shù)：商品的商城價格設(shè)置方法：把光標放在表格D的第二行左邊的單元格里，輸入SHOP_MYPRICE商品的商城價格參數(shù)。SHOP_BUY參數(shù)：購買商品設(shè)置方法：選中表格D右邊兩行單元格（把光標放在第一行單元格里，拖動鼠標左鍵不放，向下移動，即可選中），然后在屬性面板單擊“合并所選單元格”按鈕，在這個合并好的單元格

48、里輸入SHOP_BUY購買商品參數(shù)。在表格C的第四行單元格里插入一條分隔線，讓每行商品之間有個間隔，便于瀏覽。SHOP_PAGE參數(shù)：商品記錄、翻頁項設(shè)置方法：在表格D的下方，再插入一個1行1列的表格，直接在這行的單元格里輸入SHOP_PAGE商品記錄、翻頁項參數(shù)。參數(shù)添加完畢之后，就要加以下三對標注語句。分別是A、和作用：復制列.制作模板時，我們只做了第一個商品的樣式，其它商品的樣式是不用全部都制作的，而是用這對標注語句來自動制作，并自動排列整齊。因為商品橫排時，一行里放幾個商品的,所以就要復制列。每當用戶在網(wǎng)站管理后臺添加一個商品時，這對語句就會自動復制（或者叫添加）一列單元格，用于顯示新

49、添加的商品。B、和作用：復制行.商品太多時一行就放不下，這時就要分多行顯示了,所以也要用這對語句自動復制行,自動排版。C、和作用：復制表格.因為高級商城里除了最新商品欄外，還有特價商品、熱賣商品、推薦商品三項。而我們在制作模板時，只制作了第一個“最新商品”欄這個表格的樣式！所以要用這對語句，自動往下復制“最新商品”欄這個表格。這樣用戶在網(wǎng)站管理后臺高級商城的“商品”顯示標識欄里，選中推薦、熱賣、特價”時，高級商城就會自動顯示這三欄。效果如右圖(選中的是表格B的代碼)：下面具體介紹一下三對標注語句的添加方法：A、首先添加和操作步驟如下：第一步：在“設(shè)計”區(qū)選中表格C，然后單擊“拆分”。第二步：在

50、選中代碼的最前面，從上往下找到第一個，把光標放在前，按回車鍵，在空白行輸入開始標注語句第三步：重復第一步，然后在選中代碼的最后面，從下往上找到第一個，把光標放在后，按回車鍵，在空白行輸入結(jié)束標注語句說明：因為這對標記的作用是復制列，所以要分別放在這個表格所在的單元格的列標記的前后面，其中單元格的列的開始標記是，所以把開始標記放在的前面。而列的結(jié)束語句是,所以要把結(jié)束標記放在的后面。這就可以復制一列單元格了。B、添加和第一步：在“設(shè)計”區(qū)選中表格C，然后單擊“拆分”。第二步：在選中代碼的最前面，從上往下找到第一個，把光標放在前,按回車鍵，在空白行輸入開始標注語句第三步：重復第一步，然后在選中代碼

51、的最后面，從下往上找到第一個，把光標放在后，按回車鍵，在空白行輸入結(jié)束標注語句C、添加和第一步：在“設(shè)計”區(qū)選中表格B和C，然后單擊“拆分”。第二步：把光標放在選中代碼的最前面，按回車鍵，在空白行里輸入第三步：重復第一步，把光標放在選中代碼的最后面，按回車鍵，在空白行里輸入為了美觀，可以在某個參數(shù)前再插入一個小圖標，給某個單元格或者表格加上背景圖或者背景色，也可以先加好背景圖再添加參數(shù)，此步省略。商城界面制作完畢！界面管理 如何制作豎排商品的商城界面？商品以多行一列的方式顯示時，商城主界面制作方法介紹本例效果圖如下：商城列表界面的參數(shù)作用和添加方法如下：SHOP_SEARCH參數(shù)：商品搜索設(shè)置

52、方法：插入一個1行1列的表格(表格A)，直接在單元格里添加SHOP_SEARCH商品搜索參數(shù)。SHOP_TITLE參數(shù)：商品標題欄的參數(shù)，用于顯示“最新商品、特價商品、熱賣商品、推薦商品”四個標題的名稱。設(shè)置方法：在表格A的下面，再插入一個1行1列的表格(簡稱表格B)，然后在這個表格里再插入一個1行3列的表格（下稱表格C）,給表格C的每一列分別插入一張背景圖,然后在中間一列輸入SHOP_TITLE商品標題欄參數(shù)。（為了提高網(wǎng)站速度，圖片越小越好，我們把標題欄的背景圖截成了三段,所以要用1行3列的表格。您也可以直接插入1行1列的表格，然后給表格插入整個背景圖）SHOP_PHOTO參數(shù)：商品圖片的

53、參數(shù)設(shè)置方法：在表格C的下面，再插入一個2行1列的表格(下稱表格D)，在表格D的第一行里再插入一個1行2列的表格(下稱表格E),在表格E的第一列(即左列)單元格里輸入SHOP_PHOTO商品圖片的參數(shù)，然后在屬性面板里設(shè)置此單元格的高度為120px，寬度為150px，水平和垂直對齊方式都設(shè)為：居中SHOP_NAME參數(shù)：商品名稱的參數(shù)設(shè)置方法：在表格E的右列單元格，再插入一個6行1列的表格（下稱表格F），在表格F的第一行單元格里輸入SHOP_NAME商品名稱參數(shù)。SHOP_SHORTSHOW參數(shù)：商品的簡要說明設(shè)置方法：在表格F的第二行單元格里輸入SHOP_SHORTSHOW商品簡要說明參數(shù)。

54、SHOP_MARKETPRICE參數(shù)：商品市場價格的參數(shù)設(shè)置方法：在表格F的第三行單元格里輸入SHOP_MARKETPRICE商品的市場價格參數(shù)。SHOP_MYPRICE參數(shù)：商品的商城價格設(shè)置方法：在表格F的第四行單元格里輸入SHOP_MYPRICE商品的商城價格參數(shù)。SHOP_SAVING參數(shù)：節(jié)省的錢（就是商城價格和市場價格的差值）設(shè)置方法：在表格F的第五行單元格里輸入SHOP_SAVING“節(jié)省的錢”參數(shù)。SHOP_BUY參數(shù)：購買商品設(shè)置方法：在表格F的第六行單元格里輸入SHOP_BUY購買商品參數(shù)。SHOP_MORESHOW參數(shù)：商品詳細說明設(shè)置方法：在SHOP_BUY參數(shù)后面，輸

55、入空格，然后再輸入SHOP_MORESHOW商品詳細說明參數(shù)。接著在表格D的第二行單元格里插入一條分隔線，讓每行商品之間有個間隔，便于瀏覽。SHOP_PAGE參數(shù)：商品記錄、翻頁項設(shè)置方法：在表格B的下方，再插入一個1行1列的表格，直接在這行的單元格里輸入SHOP_PAGE商品記錄、翻頁項參數(shù)。參數(shù)添加完畢之后，就要加以下三對標注語句。分別是A、 和和 這兩對標注的作用是:復制行。制作模板時,我們只做了第一個商品的樣式,其它商品的樣式是不用全部都制作的,而是用這兩對標注語句來自動制作,并自動排列整齊。每當用戶在網(wǎng)站管理后臺添加一個商品時,這對語句就會自動復制兩行單元格,用于顯示新添加的商品及分

56、隔線。B、和作用：復制表格。因為高級商城里除了最新商品欄外，還有特價商品、熱賣商品、推薦商品三項。而我們在制作模板時，只制作了第一個“最新商品”欄這個表格的樣式！所以要用這對語句，自動往下復制“最新商品”欄這個表格。這樣用戶在網(wǎng)站管理后臺高級商城的“商品”顯示標識欄里，選中“推薦、熱賣、特價”時，高級商城就會自動顯示這三欄。下面具體介紹一下三對標注語句的添加方法：A、首先添加 和和操作步驟如下：第一步：在“設(shè)計”區(qū)選中表格D，然后單擊“拆分”。第二步：在被選中的代碼里，從上往下找到第一個，把光標放在前，按兩次回車鍵，在上面一個空白行里輸入然后在下面的空白行里輸入第三步：重復第一步，然后在被選中

57、的代碼里，從下往上找到第一個，把光標放在后，按兩次回車鍵，在上面一個空白行里輸入然后在下面的空白行里輸入效果圖如下：B、添加和第一步：在“設(shè)計”區(qū)選中表格B，然后單擊“拆分”。第二步：把光標放在選中的代碼最前面，按回車鍵，在空白行里輸入第三步：重復第一步，把光標放在選中的代碼最后面，按回車鍵，在空白行里輸入為了美觀，可以在某個參數(shù)前再插入一個小圖標，給某個單元格或者表格加上背景圖或者背景色，也可以先加好背景圖再添加參數(shù)，此步省略。商城界面制作完畢！界面管理 如何制作商品展示界面？本例效果圖如下：商品展示界面的參數(shù)作用和添加方法如下：SHOP_SEARCH參數(shù)：商品搜索設(shè)置方法：插入一個6行1列

58、的表格(下稱表格A),直接在第一行的單元格里添加SHOP_SEARCH商品搜索的參數(shù)。SHOP_TITLE參數(shù)：網(wǎng)上商城標題欄設(shè)置方法：在表格A第二行的單元格里面輸入SHOP_TITLE參數(shù)即可。SHOP_PHOTO參數(shù)：商城商品的圖片設(shè)置方法：1、把光標表格A 的第三行，插入一個1行2列的表格(下稱表格B),表格的寬度為96%，居中對齊。2、設(shè)置表格B的第一列(左列)的寬度為：150px，高度為：120px3、在表格B的左列單元格里輸入SHOP_PHOTO商品圖片的參數(shù)，水平對齊方式為：居中對齊。SHOP_NAME參數(shù)：商品的名稱設(shè)置方法：1、在表格B的右列插入一個6行1列的表格(下稱表格C

59、）。寬度設(shè)為98%，居中對齊。2、在表格C第一行里面輸入SHOP_NAME商品名稱的參數(shù)。SHOP_SHORTSHOW參數(shù)：商品的簡要說明設(shè)置方法：在表格C里第二行輸入SHOP_SHORTSHOW商品簡要說明參數(shù)。SHOP_MARKETPRICE參數(shù)：商品的市場價格設(shè)置方法：在表格C里第三行輸入SHOP_MARKETPRICE商品的市場價參數(shù)。SHOP_MYPRICE參數(shù)：商品的商城價格設(shè)置方法：在表格里C第四行輸入SHOP_MYPRICE商品的商城價格參數(shù)。SHOP_SAVING參數(shù)：節(jié)省的錢（市場價和商城價格中的差值）設(shè)置方法：在表格C第五行輸入SHOP_SAVING節(jié)省錢多少的參數(shù)。SH

60、OP_BUY參數(shù)：購買商品設(shè)置方法：在表格C第六行輸入SHOP_BUY購買商品參數(shù)。BODY_TITLE參數(shù)：詳情介紹設(shè)置方法：在表格A的第四行單元格里插入一個2行1列的小表格(下稱表格D)，在表格D的第一行單元格里輸入BODY_TITLE參數(shù)。SHOP_MOREBODY參數(shù)：商品的詳情介紹內(nèi)容設(shè)置方法：在表格D的第二行單元格里輸入SHOP_MOREBODY參數(shù)。SHOP_ABOUT參數(shù)：相關(guān)商品設(shè)置方法：在表格A里的第五行單元格里插入一個2行1列的小表格(下稱表格E)，在表格E的第一行單元格里輸入SHOP_ABOUT參數(shù)。SHOP_ABOUTBODY參數(shù)：相關(guān)商品的內(nèi)容設(shè)置方法：在表格E的第