新聞管理模塊設(shè)計-GridView控件與ADO.NET高級應(yīng)用

1、動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)徐延章 編著第15章 新聞管理模塊設(shè)計GridView控件與ADO.NET高級應(yīng)用第15章 新聞管理模塊設(shè)計GridView控件與ADO.NET高級應(yīng)用新聞管理模塊是一個綜合新聞和內(nèi)容管理的模塊，是基于B/S模式的網(wǎng)絡(luò)信息管理系統(tǒng)，新聞管理提供新聞的發(fā)布，審核，刪除，瀏覽等功能，是大多數(shù)網(wǎng)站后臺的主要功能模塊，通過設(shè)計新聞管理模塊，讀者可以延伸設(shè)計例如用戶管理、信息管理等模塊。將美工與技術(shù)一起講在本章也有明顯的體現(xiàn)，本章美工設(shè)計采用流行的DIV+CSS模式設(shè)計，緊跟時代潮流，體現(xiàn)技術(shù)的要求。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo第15章 新聞

2、管理模塊設(shè)計GridView控件與ADO.NET高級應(yīng)用動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社15.1 新聞管理界面的設(shè)計115.2 新聞管理數(shù)據(jù)庫的設(shè)計215.3 新聞管理功能的實現(xiàn)GridView控件的使用315.4 新聞發(fā)布功能的實現(xiàn)415.5 新聞瀏覽功能的實現(xiàn)515.6 新聞管理模塊界面的美化2615.7 新聞管理模塊高級設(shè)計ADO.NET數(shù)據(jù)操縱7Company Logo15.1 新聞管理界面的設(shè)計新聞管理模塊主要包括新聞管理、新聞發(fā)布、新聞瀏覽等頁面，我們在一致性原則的指導(dǎo)下，進行新聞管理界面的美工設(shè)計。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.1.

3、1 美工的界面設(shè)計1.新聞管理界面動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.1.1 美工的界面設(shè)計1.新聞管理界面動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.1.1 美工的界面設(shè)計2.新聞發(fā)布界面動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.1.1 美工的界面設(shè)計2.新聞發(fā)布界面動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.1.2 技術(shù)如何實現(xiàn)新聞管理功能主要利用GridView控件結(jié)合數(shù)據(jù)源對象實現(xiàn)，利用數(shù)據(jù)源控件的查詢、修改和刪除語句，通過GridView控件按鈕實現(xiàn)。GridView控件

4、通過表格形式顯示數(shù)據(jù)，通過設(shè)置GridView控件的數(shù)據(jù)源，GridView控件每列顯示一個字段，每行顯示一條記錄，同時支持?jǐn)?shù)據(jù)的編輯、排序和分頁的功能。需要說明的是，GridView控件不支持插入記錄的功能。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.2 新聞管理數(shù)據(jù)庫的設(shè)計新聞管理模塊是典型的數(shù)據(jù)庫操作的應(yīng)用，因此在設(shè)計時首先要對新聞數(shù)據(jù)庫進行設(shè)計，建立數(shù)據(jù)庫并設(shè)計數(shù)據(jù)表，提供程序?qū)?shù)據(jù)的訪問支持。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.2.1 數(shù)據(jù)庫的建立打開SQL Server 2005，從左側(cè)對象資源管理其中，選擇數(shù)據(jù)庫選項，單

5、擊鼠標(biāo)右鍵，選擇新建數(shù)據(jù)庫，設(shè)置數(shù)據(jù)庫名稱為“NewsDB”。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.2.2 數(shù)據(jù)表的建立打開新聞數(shù)據(jù)庫“NewsDB”，選擇“表”選項，單擊鼠標(biāo)右鍵，選擇“新建表”，輸入字段“NewsID”，在列屬性中設(shè)置數(shù)據(jù)類型為int型，設(shè)置標(biāo)識規(guī)范為是，從而使字段能夠自動編號。單擊工具欄中的設(shè)置為主鍵按鈕 ，將該字段作為主鍵。然后按照表輸入其它字段，單擊保存按鈕，將表命名為“News”。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.2.3 數(shù)據(jù)表數(shù)據(jù)的添加在對象資源管理器中，單擊News表，單擊鼠標(biāo)右鍵，選擇打開表，

6、手動輸入數(shù)據(jù)，注意輸入完一條記錄，按鍵確認(rèn)。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3 新聞管理功能的實現(xiàn)GridView控件的使用新聞管理功能中重要的就是表格形式的新聞條目的顯示，提供新聞修改、刪除、瀏覽的超級鏈接。GridView控件是專門為表格數(shù)據(jù)設(shè)計的控件，提供對表格形式數(shù)據(jù)操作的多項功能。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立打開Visual Studio .net 2008，選擇菜單“文件|新建|網(wǎng)站”，在“新建網(wǎng)站”對話框中，設(shè)置網(wǎng)站的位置為“D:news”，程序自動新建Defaul

7、t.aspx文件，選擇“設(shè)計”視圖。從左側(cè)工具欄中選擇“數(shù)據(jù)”組中的“GridView”控件，拖動到設(shè)計視圖中。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示從控件右側(cè)的智能標(biāo)記選項中選擇“自動套用格式”，可以設(shè)置控件的顯示樣式，可以單擊“移除格式設(shè)置”，取消格式的應(yīng)用，這里選擇一種格式后單擊“確定”按鈕。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立從控件右側(cè)智能標(biāo)記中“選擇數(shù)據(jù)源”選項中選擇“新建數(shù)據(jù)源”，出現(xiàn)數(shù)據(jù)源設(shè)置對話框，在這里可以設(shè)置數(shù)據(jù)源的類型，這里選擇“數(shù)據(jù)庫”，系統(tǒng)會自動為數(shù)

8、據(jù)源對象命名“SqlDataSource1”，單擊確定按鈕。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立在選擇數(shù)據(jù)連接對話框中單擊“新建連接”按鈕，設(shè)置服務(wù)器為（local）或者為.（半角字符點），用戶名為sa，密碼為111111，選擇數(shù)據(jù)庫為“NewsDB”。讀者可以根據(jù)自己設(shè)置的密碼輸入密碼。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立此時已經(jīng)設(shè)置好連接的數(shù)據(jù)字符串，單擊下一步按鈕，在出現(xiàn)的對話框中提示我們是否要把剛才的連接字符串保存到配置文件中，選擇“是” 。這樣如

9、果再建立連接，就可以直接從連接中選擇，不必重新設(shè)置添加連接。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立選擇下一步，進入配置SQL 語句對話框，選擇表為News，字段為NewsID、Title、NewsDate、Author。選擇右側(cè)的“ORDER BY”按鈕，添加排序，設(shè)置排序字段為“NewsDate”，降序排列，。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立單擊確定后選擇下一步，此時可以單擊“測試查詢”按鈕，顯示選擇出的數(shù)據(jù)如圖所示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)

10、出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立單擊完成回到設(shè)計界面，出現(xiàn)相應(yīng)的數(shù)據(jù)顯示效果，如圖所示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示1.新聞界面的建立單擊調(diào)試按鈕，瀏覽器中效果如圖所示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示2.列的編輯選擇GridView控件，在右側(cè)的智能標(biāo)記選項中選擇“編輯列” 。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示2.列的編輯從左側(cè)下方選定的字段中單擊“NewsID”字段，在右側(cè)修改屬性H

11、eaderText（標(biāo)題文本）為“編號”，如圖所示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示2.列的編輯同樣修改Title的HeaderText屬性為“標(biāo)題”，Author的HeaderText屬性為“發(fā)布人”，NewsDate的HeaderText屬性為“日期”，單擊確定。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示3.超級鏈接列的增加選擇GridView智能標(biāo)記中的添加新列選項，設(shè)置添加字段對話框中，選擇字段類型為HyperLinkField（超級鏈接字段），超級鏈接文本為指定文本“查看詳細(xì)”，超鏈

12、接URL選項中從數(shù)據(jù)字段獲取URL選擇“NewsID”，URL格式字符串為“newsdetail.aspx?newsid=0”，這里的0代表參數(shù)NewsID，這樣可以將每條記錄的主鍵連接到每個超級鏈接中，形成變化的超級鏈接，從而傳遞查詢的參數(shù)，以備newsdetail.aspx這個新聞瀏覽的頁面顯示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示3.超級鏈接列的增加動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示3.超級鏈接列的增加動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞

13、的顯示3.超級鏈接列的增加設(shè)計指導(dǎo)：這里我們也可以在插入超級鏈接字段對話框中設(shè)置頁眉文本為標(biāo)題，超鏈接文本為從數(shù)據(jù)字段獲取文本，然后選擇Title。然后刪除原始的標(biāo)題字段，將新添加的超級鏈接字段左移。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.1 新聞的顯示4.命令按鈕列的增加選擇GridView智能標(biāo)記中的添加新列選項，設(shè)置添加字段對話框中，選擇字段類型為CommandField（命令按鈕字段），頁面文本為“編輯”，按鈕類型為“Link”（超級鏈接形式），命令按鈕選擇“刪除、編輯/更新、顯示取消按鈕”。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Lo

14、go15.3.1 新聞的顯示5.分頁的啟用選擇GridView控件，選擇智能標(biāo)記中的啟用分頁，如果記錄不足10條，將不顯示下面的分頁鏈接?？梢酝ㄟ^修改GridView的PageSize屬性修改每頁的記錄條數(shù)。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.2 新聞的編輯通過數(shù)據(jù)源控件的修改功能實現(xiàn)新聞的編輯，選擇數(shù)據(jù)源控件，選擇屬性中的UpdateQuery，單擊右側(cè)的按鈕。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.2 新聞的編輯在命令和參數(shù)編輯器中輸入修改命令：update News set Title=Title,Author=Au

15、thor,NewsDate=NewsDate where NewsID=NewsID單擊刷新參數(shù)，單擊參數(shù)NewsID，設(shè)置其參數(shù)源為控件“Control”，ControlID為“GridView1”，依次設(shè)置其它參數(shù)為同樣的屬性。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.2 新聞的編輯動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.2 新聞的編輯設(shè)計指導(dǎo)：如果希望某個字段不需修改，除了在SQL的更新命令中去除更新語句外，還需要把GridView控件的該字段的Readonly屬性設(shè)置為True，即設(shè)置為只讀，這樣單擊編輯時，就不會出現(xiàn)文

16、本框，而是直接顯示信息了。例如要求不能修改發(fā)布人，即發(fā)布人設(shè)置為只讀，需要選擇GridView控件，在右上角的智能標(biāo)記中選擇“編輯列”命令，在字段編輯對話框中選擇“發(fā)布人”字段，修改右側(cè)屬性ReadOnly為True，如圖15-34所示。然后選擇數(shù)據(jù)源控件的UpdateQuery屬性，取消Author項的修改，修改SQL語句為：update News set Title=Title, NewsDate=NewsDate where NewsID=NewsID動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.3.3 新聞的刪除通過數(shù)據(jù)源控件的刪除功能實現(xiàn)新聞的刪除，選擇數(shù)據(jù)源

17、控件，選擇屬性中的DeleteQuery，單擊右側(cè)的按鈕，在命令和參數(shù)編輯器中輸入修改命令：delete from News where NewsID=NewsID單擊刷新參數(shù)，單擊參數(shù)NewsID，設(shè)置其參數(shù)源為控件“Control”，ControlID為“GridView1”。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4 新聞發(fā)布功能的實現(xiàn)新聞發(fā)布實現(xiàn)新聞信息以及附件和圖片等信息的提交，使新聞記錄需要插入數(shù)據(jù)庫中，新聞圖片和附件需要上傳到服務(wù)器，并將圖片和附件的名稱記錄在該新聞記錄中。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.1

18、新聞發(fā)布界面制作在右側(cè)解決方案管理器中單擊網(wǎng)站分支（D:news），單擊鼠標(biāo)右鍵，選擇添加新項，或者選擇菜單“文件|新建|文件”，選擇類型為Web窗體，名稱為“NewsAdd.aspx”。打開設(shè)計視圖，輸入提示文字，拖動工具欄標(biāo)準(zhǔn)控件組中相應(yīng)的控件（TextBox，F(xiàn)ileUpload，Button，Label）到設(shè)計視圖，調(diào)整標(biāo)題框的寬度，設(shè)置內(nèi)容文本框的TextMode屬性為MultiLine，并調(diào)整其寬度與高度，修改Label控件的Text屬性為空，兩個上傳控件后面的Label用于提示上傳錯誤信息，按鈕后面的Label控件用于顯示發(fā)布提示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Comp

19、any Logo15.4.1 新聞發(fā)布界面制作動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.1 新聞發(fā)布界面制作這里我們可以對用戶輸入的信息進行非空驗證，這里設(shè)計標(biāo)題的非空驗證。從左側(cè)工具欄中選擇驗證組中的“RequiredFieldValidator”，拖動到標(biāo)題文本框后面，修改其屬性ErrorMessage為“請輸入標(biāo)題”，ControlToValidate屬性為“TextBox1”（標(biāo)題文本框）。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計1.準(zhǔn)備工作完成了新聞發(fā)布界面的設(shè)計，我們進行代碼的編寫，首先我們新建兩

20、個文件夾upimage和upfile，用于存放用戶上傳的圖片與附件，在右側(cè)解決方案管理器中單擊網(wǎng)站分支（D:news），單擊鼠標(biāo)右鍵，選擇添加新項，選擇文件夾，修改文件夾的名字為“upimage”，同樣添加upfile文件夾。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計2.插入數(shù)據(jù)基本功能的實現(xiàn)設(shè)計思路：先設(shè)計完成基本的功能數(shù)據(jù)的插入，然后進行逐步完善，驗證用戶信息的合法性，考慮文件上傳的限制問題，最后實現(xiàn)完善的程序。程序設(shè)計從簡單到復(fù)雜，逐步深入與完善，以此來體會程序開發(fā)的每一步。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Log

21、o15.4.2 新聞發(fā)布代碼設(shè)計在發(fā)布按鈕（Button1）的單擊事件Button1_Click中輸入插入數(shù)據(jù)的代碼如下： /下面代碼是建立數(shù)據(jù)庫連接 String constr = data source=(local);database=NewsDB;user id=sa;password=111111; SqlConnection conn = new SqlConnection(constr); conn.Open(); /下面代碼是定義命令 SqlCommand cmd = conn.CreateCommand(); cmd.CommandText = insert into New

22、s(Title,Author,NewsDate,NewsBody,NewsPhoto,NewsFile) values(Title,Author,NewsDate,NewsBody,NewsPhoto,NewsFile); /下面代碼給命令參數(shù)賦值 cmd.Parameters.Add(Title, SqlDbType.NVarChar).Value =TextBox1.Text; 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計cmd.Parameters.Add(NewsBody, SqlDbType.Text).Value =TextBox2

23、.Text; cmd.Parameters.Add(Author, SqlDbType.NVarChar).Value =TextBox3.Text; cmd.Parameters.Add(NewsDate, SqlDbType.DateTime).Value = DateTime.Now; cmd.Parameters.Add(NewsPhoto, SqlDbType.NVarChar).Value = ; /這里先設(shè)置為沒有圖片 cmd.Parameters.Add(NewsFile, SqlDbType.NVarChar).Value = ; /這里先設(shè)置為沒有附件 /執(zhí)行命令 cmd.

24、ExecuteNonQuery(); conn.Close(); /顯示信息Label3.Text = 新聞發(fā)布完畢;動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計/清空文本框內(nèi)容 TextBox1.Text = ; TextBox2.Text = ; TextBox3.Text = ;動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計測試程序，輸入數(shù)據(jù)，注意先不選擇附件和圖片。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計3.文件上傳功能的實現(xiàn)在設(shè)計文件

25、上傳功能時，有這樣一個要求，新聞可以沒有附件或圖片，如有圖片或者附件，要求新聞圖片是網(wǎng)頁支持的圖片格式（JPG、GIF、PNG、BMP）且大小不能超過10M，新聞的附件大小不能超過100M。為此，兩個文件上傳空間后面的標(biāo)簽用于提示錯誤信息，如新聞圖片格式不正確，新聞圖片太大，附件太大等。同時我們要注意，只有當(dāng)圖片和附件都滿足要求時（新聞可以沒有圖片或附件，但如果有就要滿足要求），才完成數(shù)據(jù)的插入操作。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計設(shè)計思路：初始化變量與信號量 String upfilename = ; /定義上傳附件的附件名Str

26、ing upimagename = ; /定義上傳圖片的文件名 String upfilename2 = ; /定義上傳附件文件的擴展名String upimagename2 = ; /定義上傳圖片文件的擴展名String upfilepath = Server.MapPath(upfile); /定義上傳附件的路徑String upimagepath = Server.MapPath(upimage); /定義上傳圖片的路徑 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計/通過時間拼出文件名為當(dāng)前時間的 年月日時分秒毫秒 DateTime ct

27、ime = DateTime.Now; /獲取當(dāng)前時間 String timestring = ;/定義時間字符串 timestring=ctime.Year.ToString() + ctime.Month.ToString() + ctime.Day.ToString();/年月日拼接 timestring=timestring+ctime.Hour.ToString() + ctime.Minute.ToString() + ctime.Second.ToString() + ctime.Millisecond.ToString();/小時分鐘秒毫秒拼接/定義信號量記錄上傳圖片和附件狀態(tài)

28、int upfilestyle = 0; /定義上傳附件的狀態(tài)信號量：0為默認(rèn)狀態(tài)，表示沒有附件，1表示有附件且符合要求，2表示有附件但不符合要求int upimagestyle = 0; /定義上傳圖片的狀態(tài)信號量：0為默認(rèn)狀態(tài)，表示沒有圖片，1表示有圖片且符合要求，2表示有圖片但不符合要求動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計檢查上傳附件是否存在（檢查附件文件大小，記錄信號量）if (FileUpload1.PostedFile.ContentLength 104857600) /如果文件大小大于100M Label1.Text =

29、上傳附件文件太大; upfilestyle = 2; /記錄上傳附件錯誤else upfilestyle = 1; /記錄上傳附件成功動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計檢查上傳圖片是否存在（檢查圖片文件大小，記錄信號量；檢查圖片文件格式，記錄信號量）if (FileUpload2.PostedFile.ContentLength 10485760) /10M Label2.Text = 圖片文件太大; upimagestyle = 2; /記錄錯誤狀態(tài) /如圖大小滿足要求，判斷文件格式else if (upimagename2.ToL

30、ower() = .jpg | upimagename2.ToLower() = .gif | upimagename2.ToLower() = .png | upimagename2.ToLower() = .bmp) upimagestyle = 1; /記錄狀態(tài)為成功 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計/如果執(zhí)行到這里，只能是大小滿足要求，但文件格式不正確else Label2.Text = 文件格式不正確; upimagestyle = 2; /記錄錯誤狀態(tài) 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15

31、.4.2 新聞發(fā)布代碼設(shè)計根據(jù)附件信號量upfilestyle和圖片信號量upimagestyle的值（0表示沒有文件，1表示有文件且格式與大小正確，2表示文件格式不正確或大小不正確），判斷是否有附件與圖片、文件格式與大小是否符合要求。只有附件信號量upfilestyle和圖片信號量upimagestyle的值同時在正確范圍時（小于2，即0或1），才進行文件的上傳操作，同時完成在數(shù)據(jù)庫中插入新聞記錄的操作。也就是說，圖片和附件可以沒有，但有就要符合要求，即圖片滿足格式正確、大小在規(guī)定范圍，附件大小在規(guī)定范圍，才能進行上傳操作。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15

32、.4.2 新聞發(fā)布代碼設(shè)計/根據(jù)信號量取值決定是否執(zhí)行文件上傳與數(shù)據(jù)插入操作if (upfilestyle 2 & upimagestyle 2) /只有上傳附件信號量和圖片信號量都滿足要求時 if (upfilestyle = 1) /如果上傳附件狀態(tài)為1，即有文件且合法，上傳文件，記錄文件名 else /如果為0，則沒有附件文件，記錄文件名為空 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計 if (upimagestyle = 1) /如果上傳圖片狀態(tài)為1，即有文件且合法，上傳文件，記錄文件名 else /如果為0，則沒有圖片文件，記錄文件

33、名為空 /執(zhí)行插入數(shù)據(jù)代碼，別忘了修改命令參數(shù)中的圖片和附件的取值 完整代碼參考書中或光盤中的內(nèi)容 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計調(diào)試程序，選擇一個大文件，測試出現(xiàn)無法顯示該頁面的提示頁面，原因在于配置文件默認(rèn)是上傳4M以下的文件，因此需要在配置文件中web.config文件來改變應(yīng)用程序上傳限制。在 分支中加入：這里maxRequestLength設(shè)置上傳文件大小，單位是kb，executionTimeout允許執(zhí)行請求的最大秒數(shù), 即超時時間，單位：秒，此功能必須在Compilation元素中Debug屬性為false時才生效

34、。再次選擇文件，上傳之后刷新解決方案資源管理器，發(fā)現(xiàn)附件與圖片上傳成功，。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計4.信息處理與頁面完善我們發(fā)現(xiàn)新聞發(fā)布成功之后，仍然存在文件格式不正確的提示，發(fā)布的數(shù)據(jù)在數(shù)據(jù)庫中新聞主體內(nèi)容的信息完全連接到了一起，沒有換行的標(biāo)志，這樣顯示新聞時必然只有一個段落，與提交的信息不同，因此需要修改。再有就是信息的驗證，對于客戶端的瀏覽器由于安全性而對JavaScript有不同的設(shè)置，因此應(yīng)在提交信息后通過進行驗證。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計解決信

35、息換行的問題，需要新建一個公用函數(shù)texttohtml：public string texttohtml(string chr) if (chr = null) return ; /如果字符串為空，返回空值 chr = Server.HtmlEncode(chr); /對字符串進行HTML編碼 chr = chr.Replace(, <);/替換字符串中的小于號, >);/替換字符串中的小于號為HTML的大于號> chr = chr.Replace( , );/替換字符串中的空格為HTML的空格 chr = chr.Replace(n, );/替換字符串中的換行為HTML的換行 r

36、eturn (chr); /返回加工后的字符串 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計將該函數(shù)放在程序中與其它事件并列，這里放在Page_Load之后。 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計然后將Button1_Click事件中插入數(shù)據(jù)的參數(shù)cmd.Parameters.Add(Title, SqlDbType.NVarChar).Value = TextBox1.Text;cmd.Parameters.Add(NewsBody, SqlDbType.Text).Value = T

37、extBox2.Text;cmd.Parameters.Add(Author, SqlDbType.NVarChar).Value = TextBox3.Text;修改為cmd.Parameters.Add(Title, SqlDbType.NVarChar).Value =texttohtml(TextBox1.Text);cmd.Parameters.Add(NewsBody, SqlDbType.Text).Value = texttohtml(TextBox2.Text);cmd.Parameters.Add(Author, SqlDbType.NVarChar).Value =tex

38、ttohtml(TextBox3.Text);動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.4.2 新聞發(fā)布代碼設(shè)計對于頁面合法性與提示信息，修改Button1_Click程序為：if (Page.IsValid)/進行頁面合法性驗證 /清除提示內(nèi)容 Label1.Text = ; Label2.Text = ;Label3.Text = ;原程序內(nèi)容else Label3.Text = 請?zhí)顚懶侣剺?biāo)題;動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5 新聞瀏覽功能的實現(xiàn)新聞瀏覽是根據(jù)用戶選擇的新聞，打開新聞詳細(xì)內(nèi)容的界面，顯示新聞的具體內(nèi)容，同

39、時將新聞圖片和附件以適當(dāng)?shù)男问秸故境鰜?。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5.1 新聞瀏覽界面制作打開Visual Studio 2008，添加新項，選擇Web窗體，文件名為newsdetail.aspx，放置Label用于顯示新聞標(biāo)題（lbltitle）、發(fā)布人(lblauthor)、發(fā)布日期(lbldate)、新聞內(nèi)容(lblbody)，這里對每個Label控件進行了改名，并設(shè)置其Text屬性為空，放置Image控件(Image1)用于顯示新聞圖片，最后放置一個Hyperlink控件(Hyperlink1)，修改其Text屬性為“下載附件”用于下載新聞附

40、件。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5.2 新聞瀏覽代碼設(shè)計在Page_Load事件中進行代碼設(shè)計，這里為了防止用戶盜鏈，即沒有通過新聞管理頁面而直接輸入網(wǎng)址產(chǎn)生錯誤，通過判斷請求參數(shù)來進行處理。protected void Page_Load(object sender, EventArgs e) if (Request.QueryStringnewsid != null) /如果請求頁面 / 存在請求參數(shù)，則進行數(shù)據(jù)讀取 else Response.Redirect(error.aspx); /頁面定位到出錯界/面?，讀者可以自行設(shè)計錯誤頁面。 動態(tài)網(wǎng)

41、頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5.2 新聞瀏覽代碼設(shè)計然后對if分支進行程序完善，進行數(shù)據(jù)庫連接，定義sql命令，讀取數(shù)據(jù)，進行判斷。詳細(xì)代碼參考書中內(nèi)容。protected void Page_Load(object sender, EventArgs e) if (Request.QueryStringnewsid != null) /如果請求頁面存在請求/參數(shù)，則進行數(shù)據(jù)讀取 String constr = data source=(local);database=NewsDB;user id=sa;password=; SqlConnection co

42、nn = new SqlConnection(constr);/定義連接對/象 conn.Open(); /打開連接 /下面代碼是定義命令 SqlCommand cmd = conn.CreateCommand(); cmd.CommandText = select * from News where NewsID=NewsID; 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5.2 新聞瀏覽代碼設(shè)計/下面代碼給命令參數(shù)賦值 cmd.Parameters.Add(NewsID, SqlDbType.NVarChar).Value =Request.QueryString

43、newsid.ToString() ; /執(zhí)行命令 SqlDataReader rd = cmd.ExecuteReader();/定義閱讀器對象接收/命令執(zhí)行的結(jié)果（數(shù)據(jù)集合） if (rd.Read() lbltitle.Text = rdTitle.ToString(); /新聞標(biāo)題 lblauthor.Text = rdAuthor.ToString(); /發(fā)布人 lbldate.Text = rdNewsDate.ToString(); /發(fā)布日期 lblbody.Text = rdNewsBody.ToString();/新聞內(nèi)容 if (rdNewsPhoto.ToString

44、() != ) /新聞圖片存在 Image1.Visible = true; /顯示圖像控件 Image1.ImageUrl = /upimage/ + rdNewsPhoto.ToString();/指定路徑 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5.2 新聞瀏覽代碼設(shè)計else Image1.Visible = false; /隱藏控件 if (rdNewsFile.ToString() != ) /新聞附件存在 HyperLink1.Visible = true; /顯示超級鏈接控件 HyperLink1.NavigateUrl = /upfile/ +

45、rdNewsFile.ToString(); /鏈接路徑 else HyperLink1.Visible = false; /隱藏控件 rd.Close(); /關(guān)閉閱讀器 conn.Close(); /關(guān)閉連接 動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.5.2 新聞瀏覽代碼設(shè)計else rd.Close(); conn.Close(); Response.Redirect(error.aspx); /頁面定位到出錯頁面。 else Response.Redirect(error.aspx); /頁面定位到出錯頁面，讀者可/以自行設(shè)計錯誤頁面。 動態(tài)網(wǎng)頁設(shè)計教程美工

46、與技術(shù)機械工業(yè)出版社Company Logo15.5.2 新聞瀏覽代碼設(shè)計直接調(diào)試程序，顯示error頁面無法找到，因為我們沒有建立這個頁面，打開新聞管理頁面，再調(diào)試程序，選擇一條新聞，單擊詳細(xì)內(nèi)容。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6 新聞管理模塊界面的美化新聞管理模塊的界面美化采用流行的DIV+CSS的布局方式進行美化，需要結(jié)合Visual Studio 2008和Dreamweaver CS5進行美化設(shè)計，使用Dreamweaver CS5設(shè)計布局頁面，使用Visual Studio 2008測試美化效果。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Com

47、pany Logo15.6.1 新聞管理界面的美化1.統(tǒng)一界面的設(shè)計通過前面的設(shè)計，我們得到了網(wǎng)頁新聞顯示界面，而這只是從技術(shù)的角度實現(xiàn)，真正要到成品還需要進一步的美化。我們采用統(tǒng)一的布局來實現(xiàn)界面效果。實際的工作中，存在這樣的問題，美工已經(jīng)把新聞管理的界面設(shè)計完畢，并設(shè)計成html格式的文件，往往這是很常見的情況，我們可以直接采用這個文件進行修改，形成模板，然后將其它的頁面套用上去，這樣的操作有助于我們實際操作能力的提高。這里設(shè)置了網(wǎng)頁的統(tǒng)一框架，而將網(wǎng)頁內(nèi)容放到右側(cè)中間的空白區(qū)域中，體現(xiàn)網(wǎng)頁設(shè)計一致性原理。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管

48、理界面的美化1.統(tǒng)一界面的設(shè)計動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化1.統(tǒng)一界面的設(shè)計實現(xiàn)統(tǒng)一框架有兩種方法：使用框架結(jié)構(gòu)嵌入網(wǎng)頁。使用母版。通常情況下，使用框架結(jié)構(gòu)比較靈活，但要注意內(nèi)容溢出時的滾動條問題，為了不出現(xiàn)滾動條，需要對內(nèi)容進行修剪或裁切。這里介紹使用框架的方法，母版的方法將在第18章進行介紹。首先在Dreamweaver CS5中設(shè)計網(wǎng)頁newsadmin.html文件，這個頁面可以由美工設(shè)計完成，也可以由美工設(shè)計完效果圖后由技術(shù)人員利用Dreamweaver軟件實現(xiàn)，注意需要將所用到的圖片連同文件夾一起復(fù)制到網(wǎng)站文件夾中

49、。設(shè)計指導(dǎo)：實際應(yīng)用中可以將newsadmin.html設(shè)計成動態(tài)網(wǎng)頁newsadmin.aspx，以便于安全性的設(shè)置。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化1.統(tǒng)一界面的設(shè)計下面進行網(wǎng)站美工的設(shè)計制作，首先將配套光盤中“源文件15”中的“News美化前”文件夾復(fù)制到D盤，即網(wǎng)站文件夾路徑為“D:News美化前”，然后將配套光盤中“源文件15素材”中的所有文件和文件夾復(fù)制到“D:News美化前”文件夾中。打開Dreamweaver CS5軟件，新建站點“新聞管理”，定義站點文件夾為“D:News美化前”。然后打開站點中的newsadmi

50、n.html文件，單擊網(wǎng)頁右側(cè)的框架位置，選擇菜單“插入|HTML|框架|IFRAME”，得到代碼：然后修改代碼為：詳細(xì)步驟請參考配套光盤視頻教程中的講解“視頻教程15 新聞管理2-美化.wmv”。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化1.統(tǒng)一界面的設(shè)計動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化1.統(tǒng)一界面的設(shè)計選擇新聞發(fā)布和新聞管理圖片，設(shè)置超級鏈接的地址：新聞發(fā)布：NewsAdd.aspx，目標(biāo)“mainframe”。新聞管理：Default.aspx，目標(biāo)“mainframe”

51、。設(shè)計指導(dǎo)：一定要選擇目標(biāo)“mainframe”，這是框架的命名，只有選擇了目標(biāo)，單擊超級鏈接后，鏈接文件才會在目標(biāo)框架中打開。使用Visual Studio 2008中調(diào)試newsadmin.html文件，結(jié)果如圖所示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化2.DIV+CSS網(wǎng)頁布局我們這里采用流行的DIV+CSS的布局方式對新聞管理頁面進行美化。在進行新聞管理頁面的美化之前，在Visual Studio 2008中打開“D:News美化前Default.aspx”文件，選擇GridView控件，單擊智能標(biāo)記中的“自動套用格式|移除自

52、動套用格式”命令，保存文件。然后，使用Dreamweaver CS5軟件打開該文件，在設(shè)計視圖中紅色虛線范圍中“即Form表單”單擊鼠標(biāo)，單擊插入面板中的“插入Div標(biāo)簽”（或選擇菜單“插入|布局對象|Div標(biāo)簽”），在插入Dibble標(biāo)簽對話框中設(shè)置插入為“在插入點”，ID為“title”，如圖所示。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化2.DIV+CSS網(wǎng)頁布局再次在插入面板中單擊“插入Div標(biāo)簽”，在插入Div標(biāo)簽對話框中設(shè)置插入為“在標(biāo)簽之后”，選擇標(biāo)簽為，ID為“datatable” ，插入Div標(biāo)簽后的界面如圖所示。動態(tài)網(wǎng)頁

53、設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化2.DIV+CSS網(wǎng)頁布局刪除Div標(biāo)簽中的提示信息，在title標(biāo)簽插入圖片，圖片文件路徑為“D:News美化前imagestitlelogo.jpg”和“D:News美化前imagesnewssend.jpg”，將第一個控件（即帶有黃色ASP標(biāo)志的控件GridView1）拖動到datatable標(biāo)簽中，第二個控件（即數(shù)據(jù)源控件SqlDataSource1）是隱藏的，所以不用處理。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化3.主體body CSS樣式設(shè)

54、計在Dreamweaver CS5設(shè)計視圖中，單擊鼠標(biāo)右鍵，選擇“CSS樣式|新建”，新建CSS樣式，選擇標(biāo)簽樣式，選擇選擇器為body，文件位置為新建樣式表文件，保存文件名為newscss.css。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化4.標(biāo)題區(qū)域title CSS樣式設(shè)計新建CSS樣式，類型為ID，名稱為title。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化5.數(shù)據(jù)表區(qū)域datatable CSS樣式設(shè)計新建CSS樣式，類型為ID，名稱為datatable。動態(tài)網(wǎng)頁設(shè)計教程美工與

55、技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化6.表格data CSS樣式設(shè)計新建CSS樣式，類型為“類”，名稱為data。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化進入css樣式文件中，添加border-collapse:collapse;使表格線呈單線并去除間距，相鄰邊被合并，選擇GridView控件，設(shè)置屬性面板中css樣式為data。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化7.表格標(biāo)題th CSS樣式設(shè)計接下來進行表格數(shù)據(jù)的進一步美化，新建CSS樣式

56、，設(shè)置規(guī)則類型為“復(fù)合內(nèi)容”，選擇器名稱為.data th，即設(shè)置data（表格數(shù)據(jù)）項目下的th（標(biāo)題）屬性。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化7.表格標(biāo)題th CSS樣式設(shè)計動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化8.表格單元格td CSS樣式設(shè)計新建CSS樣式，設(shè)置規(guī)則類型為“復(fù)合內(nèi)容”，選擇器名稱為.data td，即設(shè)置data（表格數(shù)據(jù)）項目下的td（單元格）屬性，類型屬性中設(shè)置行高Line-height為26px，區(qū)塊屬性中Text-align（文本對齊）為cen

57、ter居中。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化9.超級鏈接CSS樣式設(shè)計我們發(fā)現(xiàn)，網(wǎng)頁的超級鏈接顯示為默認(rèn)的藍色，因此需要修改為和諧的灰色，當(dāng)鼠標(biāo)劃上去的時候顯示紅色。新建CSS樣式，設(shè)置規(guī)則類型為“復(fù)合內(nèi)容”，選擇器名稱為.data a:link,.data a:visited（這里一起設(shè)置鏈接和訪問過兩種狀態(tài)，故中間用逗號隔開），設(shè)置類型屬性中Text-derection（文本修飾）為none（無），即去掉超級鏈接的下劃線，Color為#CCC，即修改顏色為灰色。新建CSS樣式，設(shè)置規(guī)則類型為“復(fù)合內(nèi)容”，選擇器名稱為.data

58、 a:hover, .data a:active（這里一起設(shè)置鼠標(biāo)劃上和激活兩種狀態(tài)），設(shè)置類型屬性中Text-decoration（文本修飾）為none（無），去掉超級鏈接的下劃線，Color為#F00，即修改顏色為紅色。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化9.超級鏈接CSS樣式設(shè)計我們發(fā)現(xiàn)，網(wǎng)頁的超級鏈接顯示為默認(rèn)的藍色，因此需要修改為和諧的灰色，當(dāng)鼠標(biāo)劃上去的時候顯示紅色。新建CSS樣式，設(shè)置規(guī)則類型為“復(fù)合內(nèi)容”，選擇器名稱為.data a:link,.data a:visited（這里一起設(shè)置鏈接和訪問過兩種狀態(tài)，故中間用逗

59、號隔開），設(shè)置類型屬性中Text-derection（文本修飾）為none（無），即去掉超級鏈接的下劃線，Color為#CCC，即修改顏色為灰色。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.1 新聞管理界面的美化在Visual Studio中調(diào)試：動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.2 新聞發(fā)布界面的美化新聞發(fā)布同樣可以CSS樣式進行美化，利用DIV進行標(biāo)題（title）與表單內(nèi)容（formitem）的分割，標(biāo)題部分插入圖片，后設(shè)置底部橫線，表單部分利用表格進行版式編排，利用CSS樣式進行版式編排與美化。1.附加樣式表使用Dr

60、eamweaver軟件打開該文件NewsAdd.aspx，在設(shè)計視圖中單擊鼠標(biāo)右鍵，選擇“CSS樣式|附加樣式表”選項，在鏈接外部樣式表對話框中選擇外部樣式表文件為網(wǎng)站中的newscss.css文件。動態(tài)網(wǎng)頁設(shè)計教程美工與技術(shù)機械工業(yè)出版社Company Logo15.6.2 新聞發(fā)布界面的美化2.DIV+CSS布局在網(wǎng)頁中（表單標(biāo)簽內(nèi)）插入Div標(biāo)簽（title、formitems）進行布局。在網(wǎng)頁中（表單標(biāo)簽內(nèi)）插入Div標(biāo)簽（title、formitems）進行布局。刪除Div標(biāo)簽中的提示信息和新聞發(fā)布文字，在title標(biāo)簽插入兩張圖片，圖片文件路徑為“D:News美化前imagesti