吉林工程技術師範學院
資訊工程學院
《 網頁製作》
課程設計報告
題目專業： 軟體工程
班級： r1142
姓名學號： 1101114202
指導教師： 高嵐
時間： 2013.12.02—2013.12.06
摘要中國的網路市場存在著巨大的潛力。在網際網路越來越深入到生活中每乙個角落的年代，網頁的表現形式更加多樣化。網頁設計師是現代社會不可或缺的職業，是未來非常有發展前景的工作。
目前網際網路的形勢是遍地開花各種各樣的**數不勝數。隨著**的增多和種類的多樣化，出現在大眾面前的乙個緊迫的問題就是如何才能瀏覽到好的**。另外，通過網頁設計與製作課程的學習，我們應當知道作為乙個網頁設計師應具有的技術和素質。
網頁設計是成功**平台建設成敗的關鍵內容之一。在中國真正普及全職的**設計員嚴格講是2023年，在之前更多是由技術性人才擔任此項職位，隨著中國網際網路環境轉晴，**的高競爭使**策劃的地位突顯。我們可以看到，許多真正處於領軍性地位的**平台90%具有乙個特點——**策劃思路清晰合理，介面友好，**營銷作用強；因此專業的**設計是未來**成功的重要條件之一。
關鍵字： 網頁製作加工整理編輯設計
目錄課程設計的目的 1
1、課程設計的目的 1
2、應達到的實踐能力標準 1
設計方案的論證 2
設計實現過程 3
1、站點建立 3
2.開啟「外觀」選項卡 4
3使用背景影象 5
4 插入音訊檔案 6
5設定鏈結 6
除錯過程及結果分析 7
測試及問題** 7
課設總結及體會 8
致謝 9
參考文獻 10
附錄 11
針對計算機各專業崗位技能要求，進行網頁設計與製作專案工作，目的在於加深對網頁設計與製作的基本知識的理解，網頁設計與製作技能、綜合運用和提高，培養學生計算機操作的能力，提高學生網頁製作和**建設，使學生具備分析問題、用程式設計思維解決問題的能力。
具體設計目的如下：
（l）明確設計基本流程。
（2）熟悉網頁的基本元素。
（3）掌握影象的編輯處理方法；
（4）掌握音訊、**、動畫的基本編輯方法；
（5）掌握**製作。
（l）自定義主題、自選素材進行個人站點設計，站點頁面的層次不能少於兩層；
（2）根據確定的**主題，通過各種途徑收集、整理、加工**所需要的資訊；
（3）自行確定**的logo、自行設計各級網頁的風格、**的整體結構,並且利用dreamwe**er軟體製作並完成報告。
此次網頁製作的課程設計，我將要設計乙個南韓電視劇集的詳細資料介紹，包括了電視劇集的發生背景部分劇照，演職員介紹，角色介紹，以及演員的**欣賞，還有部分演員的職業生涯介紹。在dreamwe**er8的軟體條件下進行網頁的編輯，加工以及其他操作。熟練地使用dreamwe**er中各種對網頁中各類因素的調整方式以及布局排版。
通過設計達到掌握網頁設計、製作的技巧。了解和熟悉網頁設計的基礎知識和實現技巧。根據題目的要求，給出網頁設計方案，可以按要求，利用合適**素材設計製作符合要求的網頁設計作品。
熟練掌握photoshop cs3、dreamwe**er cs3等軟體的的操作和應用。增強動手實踐能力，進一步加強自身綜合素質。
圖2.1 網頁的結構圖
開啟dreamwe**er8.0選擇選單欄中的「站點」「新建站點」命令出現「站點」「自定義」視窗
2 網頁中的影象
影象傳輸是www的真正魅力所在，它與文字相比具有顯著的優點：一是直觀，人眼**影象時接受資訊的速度遠遠超過**文字時接受資訊的速度；二是能更清楚地表達細節內容。正是由於這些優點，所以在進行網頁設計時影象很受歡迎。
如果網頁做得像一幅風景畫，瀏覽者一定會流連忘返（如果**很大，效果會適得其反）。 影象檔案的格式有幾十種，如gif、jpeg、bmp、eps、pcx、png、fas、tga、tiff、wmf等，現在internet explorer和netscape支援的、最常用的影象格式是gif、jpeg和bmp。
在網頁中插入影象
利用dreamwe**er cs3可以方便地在網頁中插入影象，還可以設定影象邊框、大小、和位置，並且可以直接對影象進行編輯。在網頁中加入影象的操作非常簡單：
1.新建乙個空白網頁，把游標定位在網頁的開始位置。
2.開啟「工具」選單，選擇「**」選單項，在子選單中選擇「來自檔案」選單項，或者單擊工具欄中的**工具圖示，彈出乙個「**」對話方塊。
3.在此對話方塊中單擊「瀏覽」按鈕，出現乙個「選擇檔案」對話方塊。
4.在「選擇檔案」對話方塊的檔案列表中選擇某個影象檔案，然後單擊「確定」按鈕，或直接雙擊該影象檔案，該影象即被加入到網頁中。在網頁中插入影象後我們就可以對影象的各種屬性進行設定了。
3.2.2影象的各種屬性設定
1.選中所插入的**，單擊滑鼠右鍵，彈出乙個快捷選單，在選單中選擇「**屬性」選單項，出現乙個「**屬性」對話方塊.
(1)設定影象邊框粗細：在「外觀」選項卡的「布局」欄裡可以根據需要定義影象的邊框，也可以定義邊框值為「0」，即無邊框。
(2)設定影象環繞方式：一般情況下一幅影象只能與一行文字處在同一高度，但有時需要將影象和文字分開，且兩者互不影響。比如在網頁左邊插入一幅影象，要求右邊的文字就像沒有影象時可以多行輸入，這就要通過設定影象的環繞方式來實現。
在網頁中影象的環繞方式有兩種：
①左環繞：影象在左邊，文字在影象的右邊進行環繞。
②右環繞：影象在右邊，文字在影象的左邊進行環繞。
在「外觀」選項卡的「布局」欄中開啟「對齊方式」下拉列表框，選擇「左」選項，並單擊「確定」按鈕，影象就被設定為左環繞方式，同樣，如果選「右」，影象就被設定為右環繞方式。
(3)編輯影象大小：在dreamwe**er cs3中，當在網頁中加入一幅影象後，影象大小預設設定為其原來的大小，如果加入的影象太大或太小，或有其他特別需要，就得調整影象的大小。調整影象大小非常簡單靈活，只要你選中加入的影象，用滑鼠左鍵拖**像邊框，可任意調整影象的寬度和高度直到達到你滿意的尺寸。
(4)設定影象縮放比例：網頁設計的乙個重要原則就是網頁的相容性，對於不同的瀏覽器或者不同的解析度，不管是800×600的視窗，還是1024×768的視窗，網頁都要能正常的顯示。設定影象縮放比例就是將影象設定為大小可以按比例變化，與瀏覽器的大小成一固定比例，這樣在不同大小的瀏覽器視窗裡影象都能正常的顯示外觀。
設定影象縮放比例的步驟如下：
1.選中網頁中的影象，單擊滑鼠右鍵，在彈出的快捷選單裡，選擇「影象屬性」選單項，彈出乙個「影象屬性」對話方塊.
2.在「大小」欄中選中「指定大小」核取方塊，同時選中「寬度」和「高度」下面的「百分比」單選按鈕，然後在「寬度」和「高度」欄裡輸入想顯示的比例，單擊「確定」完成設定。外還可以在「外觀」選項卡的「水平間距」和「垂直間距」欄裡進行設定，水平間距是指影象與周圍元素在水平方向的間距，以象素為單位；垂直間距指影象與周圍元素在垂直方向的間距。
使用背景影象與使用背景色不同，使用背景色只將網頁的背景用某種顏色填充，而使用背景影象則是將網頁的背景用影象平鋪。這樣做可以使製作的網頁更美觀好看。網頁中使用背景影象的具體步驟如下：
1.新建乙個空白網頁。
2.單擊滑鼠右鍵，彈出的快捷選單裡選「網頁屬性」，彈出「網頁屬性」對話方塊.
3.開「背景」選項卡。
4.在「背景」選項卡的「格式」欄中選中「背景**」核取方塊，然後單擊下面的「瀏覽」按鈕，出現乙個「選擇背景**」對話方塊。
5.在「選擇背景影象」對話方塊中單擊「瀏覽檔案」按鈕，出現乙個「選擇檔案」對話方塊。
6.在「選擇檔案」對話方塊的檔案列表中選擇影象檔案，單擊「確定」按鈕。
這樣，所選**將作為整個網頁的背景，如果在第4步時同時選中「水印」核取方塊，背景**將顯示為特殊的水印效果，當網頁滾動時，背景不動，只有網頁內容滾動，產生一種透明層的效果，非常吸引人。
聲音在主頁中常備有座背景**，也可以用於製作在單價或者其他特殊情況下的特效音，另外，聲音檔案也能夠是**廣播功能。
利用外掛程式功能，在網頁文件中插入東莞明快的背景**：
（1） 新建乙個網頁文件，並將其儲存為xx。html
（2） 單機「常用」工具欄中的「**」按鈕，在彈出的下拉列表中選擇「外掛程式」命令。
（3） 出現「選擇檔案」對話方塊以後，在其中選擇資料夾下的.***檔案，並單機「確定」按鈕。
（4） 這樣，網頁文件中就出現乙個外掛程式圖示，保持這個圖示處在選中狀態，在「屬性」面板中，將他的「款」和「高」本別設定為400和50，在網頁中將自動**背景**。
客戶端簡介 初級
企業為什麼要製作自己的手機客戶端 2010 09 11 16 37 18 隨著移動網際網路技術發展以及資費的下降，智慧型手機的普及，移動網際網路開始成為網際網路之後又一企業營銷戰略高地。市場營銷中最重要也最本質的是資訊傳播和交換。如果沒有資訊交換，那麼交易就是無本之源。而移動網際網路之間的資訊交換更...
ClearCase客戶端安裝指導
陽光保險 2008年10月 修訂歷史 首先先安裝perl指令碼 servercc clearcase客戶端軟體 將perl安裝到c perl下。執行 servercc clearcase客戶端軟體 預設安裝即可。如下，可更改安裝路徑，如下 安裝完成後會彈出下面的介面，把 take me to ibm...
客戶端軟體驗收測試標準
版本號 修改日期 版本修改記錄 目錄1.前言 4 1.1.文件範圍 4 1.2.目標 4 2.驗收測試介入標準 4 3.驗收標準 4 3.1.缺陷嚴重級別定義 4 3.2.各缺陷級別的現象舉例 5 3.3.驗收通過標準 6 4.驗收測試內容 6 5.附件 6 5.1.缺陷分析報告模版 6 5.2.測...