網頁設計與制作專業班級：指導教師：**時間：月29一、課程實訓目的及要求1.意義和目的《網頁設計與制作》課程實訓是該課程教學中的一個重要的實踐性環節。通過兩周的課程實訓，使學生進一步掌握網站建設的步驟和方法；掌握綜合運用、、Flash等軟件使用技巧，掌握相關知識和行業的相關標準，從而制作出相應的專業站點。并進一步提高網頁制作的綜合能力和團隊協作精神，以便為將來能夠獲得就業機會，提高個人的綜合競爭力與社會適應力。2.基本要求課程實訓可按小組進行（在校實訓同學，或在同一單位實習同學），也可個人單獨完成（在單位實習同學），分組實訓的同學每組成員不得超過3人，由一人擔任組長，負責組內的分工協調和總體方案設計，其他組員必須服從組長的安排，組長不得以任何借口不安排組員的工作而獨立完成。按“設計內容”中的要求，建立一個小型的專業網站或個人網站。各小組獨立完成各自網站的設計及網頁的制作。如按小組進行實訓的同學，小組中各成員要有明確分工，每人負責部分網頁設計與制作，但要注意整個網站的風格一致，以及各網頁之間的聯系，加強協作精神。上機時要遵守機房的規章制度，不得玩游戲或看電影，愛護實驗設備。
2．設計內容及設計要求根據個人的喜好和興趣，自選題材建立一個小型的專業網站或個人網站。站點構建工作流程和具體要求如下：網站中要有flash動畫效果及其他動態效果。網頁的連接層次不應小于2層，但也不要大于6層，網頁之間的連接應使用相對路徑，不要使用絕對路徑。每人制作的網頁數應不少于10張網頁。網站首頁命名為index.html二、網站設計結構圖三、網站功能描述以男裝產品為主題，制作了一個名為的網站，來宣傳男裝產品。四、網站設計確定主題。制作網頁,首先是確定主題，進過考慮，確定以為網店名的男裝店建立網站。我此次建立的是一個男裝店，所以網站基本以黑色為基點，適當的穿插了一點綠色作為點綴，讓整個網站既不缺男裝店的成熟基調，也不缺年輕人的陽光。設計主頁。主頁的設計是整個網站的靈魂，構思導航欄的分類，然后是整體規劃，每一版塊都有其個性，清晰明了，便于閱讀瀏覽，我構思大致分幾部分，首頁，小店簡介，產品展示，售后服務，友情鏈接這幾個板塊個人網頁制作過程，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。確定導航欄的各個分類標題之后對于建立二級子網尤為重要，運用技術來設計出導航欄，將整體的主頁效果建立起來。
資料的搜集。主頁的導航欄設計好后，接下來就是對主頁導航欄的各個內容進行資料的收集，我們采用大量的資料收集再對資料進行塞選，得到最適合導航欄內容的資料。素材的選擇，要符合網站的主題，圖片的大小要符合模板的輪廓，我們將不符合模板的用處理編輯，然后放入站點底下，進行圖文的鏈接和排版。建立模板。此次網站建設中我決定大量運用模板，運用模板對于建立網站提供便利同時也減少了大量的工序。各個子網頁的建立。設計好模板后只要在可編輯區依次編輯所需資料就可，運用模板建立子網頁少了很多工序，節省大量的時間。盡管我們建立了模板，但在建立子網時需要網站首頁小店首頁小店簡介產品展示售后服務友情鏈接上裝下裝周邊產品工作時間售后服務首頁簡介上裝產品下裝產品周邊產品友情鏈接很小心，因為一張圖片的大小插入就有可能破壞整個模板的結構尤其在使用表格時，因此我們對所插入的圖片和表格都得進行測量，做到不影響網站整體的美觀。實現網頁間的鏈接。做好各個子網和首頁后，接下來就是通過模板的鏈接，將整個網站中的網頁鏈接起來，做好這一步后，網站基本算是建好了。向靜態網頁插入動態效果。在基本建好網頁中的插入圖像查看器，制作其動態效果，然后在網上進行flash素材的收集，插入到靜態網頁中，使網頁更加生動形象。
過程中遇到的問題。模版應用到各個子網頁時，子網頁中的flash素材不能正常播放。但是模版中能正常播放，經過反復嘗試后，將子網頁脫離模板后個人網頁制作過程，flash素材可以正常展示了。五、總結經過這幾天的網頁制作，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。制作過程中，我參考了淘寶網中的一個服裝網站，簡單的制作出了網站的框架。利用所學的模板設計，制作更完美的頁面。將動態網頁與靜態網頁結合起來再后，調試過程，好多次本來在里好好的，把字調的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三調試，整理，加了好多表格，終于滿意簡潔實用:這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調。布局符合形式美的要求:布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。通過本次的實訓，發現自己還有很多的不足。當插入圖片的時候把原有的模板給撐破了，精確定位很重要。因為學藝不精，所以不會網頁的代碼設計，只能通過網絡綜合使用。不過在實踐中也學到了很多知識，所以這次實訓還是很有意義的。