【文章內容簡介】 計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞發(fā)布代碼設計 ? 解決信息換行的問題，需要新建一個公用函數(shù) texttohtml： ? public string texttohtml(string chr) ? { ? if (chr == null) ? return 。 //如果字符串為空，返回空值 ? chr = (chr)。 //對字符串進行 HTML編碼 ? chr = (, lt)。//替換字符串中的小于號 為 HTML的小于號 lt ? chr = (, gt)。//替換字符串中的小于號 為 HTML的大于號 gt ? chr = ( , )。//替換字符串中的空格為HTML的空格 ? chr = (\n, br/)。//替換字符串中的換行為 HTML的換行br / ? return (chr)。 //返回加工后的字符串 ? } 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞發(fā)布代碼設計 ? 將該函數(shù)放在程序中與其它事件并列，這里放在 Page_Load之后。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞發(fā)布代碼設計 ? 然后將 Button1_Click事件中插入數(shù)據的參數(shù) ? (Title, ).Value = 。 ? (NewsBody, ).Value = 。 ? (Author, ).Value = 。 ? 修改為 ? (Title, ).Value =texttohtml()。 ? (NewsBody, ).Value = texttohtml()。 ? (Author, ).Value =texttohtml()。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞發(fā)布代碼設計 ? 對于頁面合法性與提示信息，修改 Button1_Click程序為： ? if ()//進行頁面合法性驗證 ? { ? //清除提示內容 ? = 。 ? = 。 ? = 。 ? 原程序內容 …… ? } ? else ? { ? = 請?zhí)顚懶侣剺祟} 。 ? } 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽功能的實現(xiàn) ?新聞瀏覽是根據用戶選擇的新聞，打開新聞詳細內容的界面，顯示新聞的具體內容，同時將新聞圖片和附件以適當?shù)男问秸故境鰜怼? 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽界面制作 ? 打開 Visual Studio 2023，添加新項，選擇 Web窗體，文件名為，放置 Label用于顯示新聞標題（ lbltitle）、發(fā)布人 (lblauthor)、發(fā)布日期 (lbldate)、新聞內容 (lblbody)，這里對每個 Label控件進行了改名，并設置其 Text屬性為空，放置Image控件 (Image1)用于顯示新聞圖片，最后放置一個Hyperlink控件 (Hyperlink1)，修改其 Text屬性為“下載附件”用于下載新聞附件。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽代碼設計 ? 在 Page_Load事件中進行代碼設計，這里為了防止用戶盜鏈，即沒有通過新聞管理頁面而直接輸入網址產生錯誤，通過判斷請求參數(shù)來進行處理。 ? protected void Page_Load(object sender, EventArgs e) ? { ? if ([newsid] != null) //如果請求頁面 // 存在請求參數(shù)，則進行數(shù)據讀取 ? { ? } ? else ? { ? ()。 //頁面定位到出錯界 ? //面 ?，讀者可以自行設計錯誤頁面。 ? } ? } 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽代碼設計 ? 然后對 if分支進行程序完善，進行數(shù)據庫連接，定義 sql命令，讀取數(shù)據，進行判斷。 詳細代碼參考書中內容。 ? protected void Page_Load(object sender, EventArgs e) ? { ? if ([newsid] != null) //如果請求頁面存在請求//參數(shù)，則進行數(shù)據讀取 ? { ? String constr = data source=(local)。database=NewsDB。user id=sa。password=。 ? SqlConnection conn = new SqlConnection(constr)。//定義連接對//象 ? ()。 //打開連接 ? //下面代碼是定義命令 ? SqlCommand cmd = ()。 ? = select * from News where NewsID=NewsID。 ? 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽代碼設計 ? //下面代碼給命令參數(shù)賦值 ? (NewsID, ).Value =[newsid].ToString() 。 ? //執(zhí)行命令 ? SqlDataReader rd = ()。//定義閱讀器對象接收 //命令執(zhí)行的結果（數(shù)據集合） ? if (()) ? { ? = rd[Title].ToString()。 //新聞標題 ? = rd[Author].ToString()。 //發(fā)布人 ? = rd[NewsDate].ToString()。 //發(fā)布日期 ? = rd[NewsBody].ToString()。//新聞內容 ? if (rd[NewsPhoto].ToString() != ) //新聞圖片存在 ? { ? = true。 //顯示圖像控件 ? = ~/upimage/ + rd[NewsPhoto].ToString()。//指定路徑 ? } 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽代碼設計 ? else ? { ? = false。 //隱藏控件 ? } ? if (rd[NewsFile].ToString() != ) //新聞附件存在 ? { ? = true。 //顯示超級鏈接控件 ? = ~/upfile/ + rd[NewsFile].ToString()。 //鏈接路徑 ? } ? else ? { ? = false。 //隱藏控件 ? } ? ()。 //關閉閱讀器 ? ()。 //關閉連接 ? } 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽代碼設計 ? else ? { ? ()。 ? ()。 ? ()。 //頁面定位到出錯頁面。 ? } ? } ? else ? { ? ()。 //頁面定位到出錯頁面，讀者可//以自行設計錯誤頁面。 ? } ? } 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞瀏覽代碼設計 ? 直接調試程序，顯示 error頁面無法找到，因為我們沒有建立這個頁面，打開新聞管理頁面，再調試程序，選擇一條新聞，單擊詳細內容。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理模塊界面的美化 ?新聞管理模塊的界面美化采用流行的 DIV+CSS的布局方式進行美化，需要結合 Visual Studio 2023和Dreamweaver CS5進行美化設計，使用Dreamweaver CS5設計布局頁面，使用 Visual Studio 2023測試美化效果。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理界面的美化 ? ? 通過前面的設計，我們得到了網頁新聞顯示界面，而這只是從技術的角度實現(xiàn)，真正要到成品還需要進一步的美化。我們采用統(tǒng)一的布局來實現(xiàn)界面效果。實際的工作中，存在這樣的問題，美工已經把新聞管理的界面設計完畢，并設計成 html格式的文件，往往這是很常見的情況，我們可以直接采用這個文件進行修改，形成模板，然后將其它的頁面套用上去，這樣的操作有助于我們實際操作能力的提高。這里設置了網頁的統(tǒng)一框架，而將網頁內容放到右側中間的空白區(qū)域中，體現(xiàn)網頁設計一致性原理。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理界面的美化 ? 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理界面的美化 ? ? 實現(xiàn)統(tǒng)一框架有兩種方法： ? 使用框架結構 IFRAME/IFRAME嵌入網頁。 ? 使用母版。 ? 通常情況下，使用框架結構比較靈活，但要注意內容溢出時的滾動條問題，為了不出現(xiàn)滾動條，需要對內容進行修剪或裁切。這里介紹使用框架的方法，母版的方法將在第 18章進行介紹。首先在 Dreamweaver CS5中設計網頁 ，這個頁面可以由美工設計完成，也可以由美工設計完效果圖后由技術人員利用 Dreamweaver軟件實現(xiàn)，注意需要將所用到的圖片連同文件夾一起復制到網站文件夾中。 ? 設計指導：實際應用中可以將 ，以便于安全性的設置。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理界面的美化 ? ? 下面進行網站美工的設計制作，首先將配套光盤中“源文件 \15\”中的“ News美化前”文件夾復制到 D盤，即網站文件夾路徑為“ D:\News美化前 \”，然后將配套光盤中“源文件 \15\素材 \”中的所有文件和文件夾復制到“ D:\News美化前 \”文件夾中。打開 Dreamweaver CS5軟件，新建站點“新聞管理”，定義站點文件夾為“ D:\News美化前”。然后打開站點中的 ，單擊網頁右側的框架位置，選擇菜單“插入 |HTML|框架 |IFRAME”，得到代碼： ? iframe/iframe ? 然后修改代碼為： ? iframe width=700 height=434 id=mainframe name=mainframe src= frameborder=0/iframe ? 詳細步驟請參考配套光盤視頻教程中的講解“視頻教程 \15 新聞管理 2美化 .wmv”。 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理界面的美化 ? 動態(tài)網頁設計教程 —— 美工與技術 機械工業(yè)出版社 Company Logo 新聞管理界面的美