新聞發(fā)布系統(tǒng)(任務三靜態(tài)布局)_第1頁
新聞發(fā)布系統(tǒng)(任務三靜態(tài)布局)_第2頁
新聞發(fā)布系統(tǒng)(任務三靜態(tài)布局)_第3頁
新聞發(fā)布系統(tǒng)(任務三靜態(tài)布局)_第4頁
新聞發(fā)布系統(tǒng)(任務三靜態(tài)布局)_第5頁
已閱讀5頁，還剩32頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、新聞發(fā)布系統(tǒng)(任務三：靜態(tài)布局) WORD文檔使用說明：新聞發(fā)布系統(tǒng)(任務三：靜態(tài)布局) 來源于PDFWORDPDF轉換成WROD 本WOED文件是采用在線轉換功能下載而來，因此在排版和顯示效果方面可能不能滿足您的應用需求。如果需要查看原版WOED文件，請訪問這里新聞發(fā)布系統(tǒng)(任務三：靜態(tài)布局) 文件原版地址: 新聞發(fā)布系統(tǒng)(任務三：靜態(tài)布局)|PDF轉換成WROD_PDF閱讀器下載新聞發(fā)布系統(tǒng)（任務三：靜態(tài)布局）1、 頂部導航網頁（）設計 、 頂部導航網頁（ ）1）在文件面板新建一個文件 ,結果如下：2）打開 文件，新建一個 2 行 1 列的表格，居中對齊，寬 770 象素，邊框 0，填 充

2、 0，間距 0，在第一行，插入 ,，結果如下：3）在第二行插入一個 1 行 7 列的表格，居中對齊，寬 100%，高 29 象素，象素，邊框 0， 填充 0，間距 0，背景顏色為#cccccc 結果如下：4）分別在新插入的表格輸入文字，字體大小 12，顏色為黑色結果如下：5）進入代碼視圖，刪除<body></body>標簽及外部的所有代碼，結果如下：完成2、底部版權網頁（） 、底部版權網頁（ ）1）在文件面板新建一個文件 ,結果如下：2）打開 文件，新建一個 1 行 1 列的表格，居中對齊，寬 770 象素，高 80，邊框 0，填充 0，間距 0，背景色#0066CC，

3、結果如下：3） 單元格水平居中， 垂直居中堆砌， 輸入文字， 字體顏色為白色輸入文字： “版權所有:Absoult ? 2009 程序制作:Absoult” ，結果如下：4）進入代碼視圖，刪除<body></body>標簽及外部的所有代碼，結果如下：完成3、檢索網頁（） 、檢索網頁（ 網頁 ）1）在文件面板新建一個文件 ,結果如下：2）打開 文件，新建一個 3 行 1 列的表格，居中對齊，寬 100%，邊框 0，填充 0，間 距 0，結果如下：3)將第 1 行的高 25 象素，背景色為#0066CC，字體顏色為白色，字體大小為 12 象素，輸入 文字“新聞搜索” ，文字

4、居中對齊4）在第 2 行插入一個 2 行 1 列，寬度為 100%的表格，邊框 0，填充 0，間距 0，結果如下：5） 在新插入的表格里面， 將第一行的度為 30 象素， 水平居中對齊， 垂直居中對齊， “ 點 插入文本框，命名為 input”5）點“確定” ，進入下圖：6）屬性面板進行如下設置，點“否” ，結果如下圖所示：7）在新插入的表格里面的第 2 行，設置高度為 30 象素，水平居中對齊，垂直居中對齊，點 “ ”插入文本框，命名為 list8)選中剛插入的列表菜單，點屬性面板的“列表值” ，9）點確定，結果如下：10）在列表菜單的右邊插入一個按紐，在屬性面板將名稱設置為“搜索” ，屬性

5、面板設置， 如下：結果如下：11）在最初插入的表格的第 3 行插入一個 2 行 2 列的表格，寬度為 100%的表格，邊框 0， 填充 0，間距 0，結果如下：12）最近插入的表格的第 1 行，水平居中對齊，垂直居中對齊，背景顏色為#0066CC，將第 1 行第 1 列的寬度 82%， 25%， 高 字體顏色為白色， 大小為 12， 輸入文字 “熱門新聞 TOP10” ， 將第 1 行第 2 列的寬 18%，高 25%，輸入文字“點擊” ，結果如下：13）進入代碼視圖，刪除<body></body>標簽及外部的所有代碼，結果如下：完成4、首頁（） 、 ）1) 在文件面板

6、新建一個文件 ,結果如下：2) 打開 文件，新建一個 1 行 2 列的表格，居中對齊，寬 770 象素，邊框 0，填充 0，間距 0，結果如下： 3）將剛插入的表格第 1 列，的單元格的寬 170，高 300，背景顏色為#efefef，垂直頂端對齊， 表格的第 2 列的單元格寬 600，高 300，垂直頂端對齊，水平左對齊，結果如下：4）進入代碼視圖，在<body>后面插入代碼“<!-#include file="" ->” ，結果如下：5）在</body>前面插入<!-#include file="" ->

7、;,結果如下：6）光標選擇左邊的單元格，進入代碼視圖，插入代碼<!-#include file="" ->,結果如 下：7）在左邊單元格插入一個 6 行 1 列的表格，寬度為 560 象素，邊框 0，填充 0，間距 0，表 格居中對齊，結果如下：8）在剛插入的表格的第 1 行里面插入一個 3 行 3 列的表格，寬度 100%，結果如下：9）在最新插入的表格的第 1 行第 1 列寬度 6%，插入 images 下的圖片 ，第 1 行第 2 列寬度 76%，左對齊并輸入文字“最新新聞” ，字體加粗，字體為“Verdana, Arial, Helvetica, san

8、s-serif” ，第 1 行第 3 列寬度 18%，輸入文字“更多.” ，最終結果如下：10）在最新插入的表格的第 2 行高度為 2 象素，背景顏色為#6699cc，結果如下：11）將最新表格的第 3 行合并單元格，并插入一個 2 行 2 列的表格，結果如下：12）將上面插入的表格的第一行高度 5，第 2 行高度 11 象素，第 2 行左邊單元格的寬度為 6%，右邊寬度為 94%，結果如下：13） ，在剛修改的表格里面，在第 2 行第 1 列里面插入 images 下的圖片 ,在第 2 行第 2 列里面輸入文字“閱讀了次” ，字體顏色為#cccccc，結果如下：14）將剛才插入的 6 行 1

9、 列的表格第 1 行里面的表格復制到第 2 行，第 3 行，第 4 行，第 5 行，第 6 行，結果如下：15） 再將第 2 行， 3 行， 4 行， 5 行， 6 行的表格做適當修改， 第 第 第 第 分別是 “國際新聞” 、 “國內新聞”“專題新聞”“社會新聞”“文體新聞”結果如下： 、 、 、16）點菜單欄的“修改” 頁面屬性，將網頁的背景顏色設為#525252，網頁的上邊局設置為0 完成！ ！5、顯示所有信息頁面（） 、顯示所有信息頁面（ ）1) 在文件面板新建一個文件 ,結果如下：2）新建立一個 1 行 2 列的表格，寬度為 770，高 300，邊框 0，填充 0，間距 0，居中對齊

10、， 表格垂直頂端對齊，水平左對齊，第 1 列的表格寬度為 170，背景色為：#efefef，第 2 列表 格的寬度為 600，結果如下：3）在表格的第 1 行第 2 列插入一個 3 行 1 列的表格，寬度為 95%，居中對齊，第 1 行高 5 象素，第 3 行高度為 5 象素，結果如下4）在剛插入的表格后面插入一個 5 行 2 列的表格，寬度為 95%，居中對齊，結果如下：4）將剛插入表格的第 2 行的高度設置為 2，背景顏色為#6699cc，結果如下：5）在表格的第 3 行第 1 列插入 images 下的圖片 ，表格高度為 24 象素，調整表格 的寬度，結果如下：6）在表格的第 4 行高度

11、設置為 25，合并單元格，第 5 行的高度為 25，第 5 行合并單元格， 并在第 5 行輸入文字“當前記錄集為空” ，文字居中對齊，字體顏色為紅色，結果如下：3）加入頂部導航文件：在<table>標簽前面加入<!-#include file="" ->，結果如下：4）在</table>標簽后加入<!-#include file=""->，結果如下：5）在表格的第 1 列插入代碼：<!-#include file=""->，結果如下：7）點菜單欄的“修改” 頁面屬性，將網頁的

12、背景顏色設為#525252，網頁的上邊局設置為 0 完成！ ！6、列表網頁（） 、列表網頁（ ）1）將 另存問 ，結果如下：2）在 5 行 2 列的表格里面輸入文字“搜索結果” ，字體大小 16，字體顏色為#0066FF，文字 加粗，字體為 Verdana, Helvetica, sans-serif，結果如下：3）將紅色的文字“當前記錄為空”修改為紅色的文字“對不起,你所要找的新聞不存在!” ， 結果如下：完成設計7、詳細信息網頁（） 、詳細信息網頁（ ）1) 在文件面板新建一個文件 ,結果如下：2）新建立一個 1 行 1 列的表格，寬度為 770，邊框 0，填充 0，間距 0，居中對齊，單

13、元格水平左對齊，結果如下： 3）在上面的表格里面再插入一個 8 行 3 列的表格，寬度為 97%，邊框 0，填充 0，間距 0， 居中對齊，結果如下：4）在最新插入的表格的的第 1 行高 5 象素，5）在最新插入的表格的第 2 行第 1 列寬 6%，第 2 行第 2 列 83%，第 3 行第 3 列 11%，結 果如下：6）將最新表格的第 5 行輸入文字“錄入時間： 閱讀了 次” ，單元格水平右對齊，結果如 下：7）然后分別如前面操作所示，導上頂部導航條文件和底部版權文件，結果如下：8)在第 4 行和第 6 行分別插入水平線，結果如下：9）點菜單欄的“修改” 頁面屬性，將網頁的背景顏色設為#5

14、25252，網頁的上邊局設置為 0 完成！ ！8、新聞發(fā)布網頁（） 、新聞發(fā)布網頁（ 網頁 ）1) 在文件面板新建一個文件 ,結果如下：2）新建立一個 1 行 1 列的表格，寬度為 770，邊框 0，填充 0，間距 0，居中對齊，單元格 水平左對齊，結果如下： 3）在上面的表格里面再插入一個 4 行 3 列，寬度為 97%的表格，邊框 0，填充 0，間距 0， 居中對齊，單元格水平左對齊，結果如下：4）將新插入的表格的第 1 行高為 5 象素，第 2 行的第 1 列寬 6%，第 2 行第 2 列 83%，輸 入文字， 新聞內容錄入”字體顏色為紅色， “ ， 大小為 24 象素， 字體為： Ve

15、rdana, Arial, Helvetica, sans-serif，第 2 行第 3 列 11%，結果如下：5）新插入的表格的第 3 行第 2 列插入一個空白表單，結果如下：6）在表單里面插入一個 4 行 2 列的表格，寬度為 97%，居中對齊，結果如下：6）在剛插入的表格的第 1 列的第 1 行，第 2 行，第 3 行分別輸入文字“新聞標題”“新聞 、 類型”“新聞內容” 、 ，字體大小為 12 象素，字體為 Verdana, Helvetica, sans-serif，結果如下：7）在上面的表格的第 1 行第 2 列插入一個文本框，文本框屬性設置如下：結果如下：8）在上面表格的第 2

16、行第 2 列點菜單欄的“”插入一個列表菜單，菜單屬性如下：9）點屬性面板的“列表值” ，彈出窗口，10）進行設置后，結果如下，點“確定”11）將文件夾拷貝到根目錄文件夾下面， 12）光標移動到第 3 行第 2 列，進入代碼視圖，將下面的代碼復制到里面，結果如下： <input type="hidden" name="content" value="" /> <iframe id="hokong1" src="hokong/?id=content&style=full650&quo

17、t; frameborder="0" scrolling="No" width="650" height="400"></iframe> 結果代碼視圖如下：結果如下：12）光標在上面表格的第 4 行第 2 列點菜單攔的，屬性設置如下：結果如下：9、后臺編輯新聞頁面（） 、后臺編輯新聞頁面（ 頁面 ）將 網頁另存為 ,網頁完成編輯。10、錄入結果頁面（） 、錄入結果頁面（ ）1) 在文件面板新建一個文件 ,結果如下：2）新建立一個 1 行 1 列的表格，寬度為 770，邊框 0，填充 0，間距 0，

18、居中對齊，單元格 水平左對齊，結果如下： 3）在上面的表格里面再插入一個 4 行 3 列，寬度為 97%的表格，邊框 0，填充 0，間距 0， 居中對齊，單元格水平左對齊，結果如下：4）將新插入的表格的第 1 行高為 5 象素，第 2 行的第 1 列寬 6%，第 2 行第 2 列 83%，輸 入文字， “新聞內容錄入” ，字體顏色為#0000FF，大小為 16 象素，字體為：Verdana, Arial, Helvetica, sans-serif，第 2 行第 3 列 11%，結果如下：5) 將新插入的表格的第 3 行的第 2 列輸入文字， “新聞錄入成功” ，字體顏色為#0000FF，大

19、小為 12 象素，字體為：Verdana, Arial, Helvetica, sans-serif，文字左對齊，結果如下：6）然后分別如前面操作所示，導上頂部導航條文件和底部版權文件，結果如下：7）點菜單欄的“修改” 頁面屬性，將網頁的背景顏色設為#525252，網頁的上邊局設置為 0 完成！ ！11、后臺登陸網頁（） 、后臺登陸網頁（ ）1) 在文件面板新建一個文件 ,結果如下：2）新建立一個 1 行 1 列的表格，寬度為 770，邊框 0，填充 0，間距 0，居中對齊，單元格 水平左對齊，結果如下： 3）在上面的表格里面再插入一個 4 行 3 列，寬度為 97%的表格，邊框 0，填充 0

20、，間距 0， 居中對齊，單元格水平左對齊，結果如下：4）將新插入的表格的第 1 行高為 5 象素，第 2 行的第 1 列寬 6%，第 2 行第 2 列 83%，輸 入文字， “登陸” 文字水平居中對齊， ， 字體顏色為#0000FF， 大小為 16 象素， 字體為： Verdana, Arial, Helvetica, sans-serif，第 2 行第 3 列 11%，結果如下：5）在新插入的表格的第 3 行第 3 列插入一個空白表單，結果如下：6）在表單里面插入一個 3 行 3 列的表格，寬 100%，邊框 0，填充 6，間距 1，居中對齊， 結果如下：6）在剛插入的表格的第 1 行第 1

21、 列輸入文字“用戶名：，字體顏色為#000000，文字加粗， ” 大小為 12 象素， 字體為： Verdana, Arial, Helvetica, sans-serif， 2 行第 1 列輸入文字 第 “密碼：， ” 字體顏色為#000000， 文字加粗， 大小為 12 象素， 字體為： Verdana, Arial, Helvetica, sans-serif，7）在剛插入的表格的第 1 行第 2 列插入一個文本框，文本框屬性設置如下：結果如下：7）在剛插入的表格的第 2 行第 2 列插入一個文本框，文本框屬性設置如下：結果如下：8）適當調整表格的寬度，將剛插入的表格的第 3 列的第 1

22、、2 行合并單元格，再插入圖片， 結果如下：9）點菜單欄的“” ，結果如下：10）選中提交按紐，點“代碼”視圖，結果如下：11）將選中內容的 type=”submit”修改為“type=”image”,再回到“設計”視圖，屬性面板 顯示如下：12）點“源文件”的“” ，選擇 images 下的 ,結果如下：13）然后分別如前面操作所示，導上頂部導航條文件和底部版權文件，結果如下：14）點菜單欄的“修改” 頁面屬性，將網頁的背景顏色設為#525252，網頁的上邊局設置 為0 完成！ ！12、后臺管理網頁（） 、后臺管理網頁（ ）1) 在文件面板新建一個文件 ,結果如下：2)打開 文件，插入一個立

23、一個 4 行 3 列的表格，寬度為 770，邊框 0，填充 0，間 距 0，居中對齊，單元格水平左對齊，結果如下：3）將第 2 列的寬度設置為 95%，結果如下：4）將第 1 行第 2 列的高度設置為 5，結果如下：5）在第 2 行第 2 列輸入文字， “添加新聞 查看新聞 為紅色，結果如下：注銷登陸” ，字體大小為 24，顏色6）將光標移到第 3 行第 2 列，進入代碼視圖，將如下代碼粘貼在里面， <iframe name="main" width="100%" height="600" src="" scrolling="no"></iframe> 結果如下：設計視圖結果如下：然后分別如前面操作所示，導上頂部導航條文件和底部版權文件，結果如下：7）點菜單欄的“修改” 頁面屬性，將網頁的背景顏色設為#525252，網頁的上邊局

溫馨提示

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

評論

0/150

提交評論