網(wǎng)頁實訓報告_

網(wǎng)站：公文素材庫　|　時間：2019-05-29 07:18:13　|　移動端：網(wǎng)頁實訓報告_

網(wǎng)頁實訓報告_

大慶職業(yè)學院計算機應用工程系

(201*級)

網(wǎng)頁綜合設計

設計時間：設計地點：班級：姓名:指導教師：201*年6月29日至7月3日

教學樓329機房計算機應用07-302班劉峰廉立志

一、實訓目的與要求

目的：通過實驗教學主要培養(yǎng)學生的學生的動手能力，提高學生運用HTML語言編寫靜態(tài)網(wǎng)頁能力的水平，掌握HTML和CSS語言的應用，為學生學習動態(tài)網(wǎng)頁的打下堅硬的基礎。（1）（2）（3）（4）

掌握創(chuàng)建dreamweaver本地站點的方法，利用表格和層規(guī)劃網(wǎng)頁布局掌握在網(wǎng)頁中添加文本，圖像，flash動畫和音樂等頁面元素掌握在創(chuàng)建連接的“查詢”與數(shù)據(jù)庫連接等方法。綜合運用所學軟件進行網(wǎng)頁材料準備

要求：掌握網(wǎng)頁設計基本概念和HTML的基本結構，了解網(wǎng)頁技術概況、HTML的編輯和運行環(huán)境。掌握文字版面的編輯，掌握網(wǎng)頁的超鏈接技術的應用，了解圖像的處理，包括背景圖案、圖形、圖象及其超鏈接等的設定和應用。了解列表的各種使用，了解表格的基本語法，掌握表格的定義、控制、分組、標題等的應用。了解表單在網(wǎng)頁中的應用，了解如何在網(wǎng)頁中加入各種動態(tài)效果，了解網(wǎng)頁中CSS的基礎知識，掌握CSS的各種屬性應用。

二.課程設計題目，描述和要求

題目：即將逝去的大學

網(wǎng)頁主用內(nèi)容體現(xiàn)對大學的留念，對大一時光的還念。綜合運用翻頁Flash相冊多彩版、夢想之巔屏保制作+2[1]、美圖秀秀、家家樂相冊制作、佳影MTV電子相冊制作軟件8.4.等軟件制作了不同種的視頻相冊。

綜合運用Photoshop、Fireworks、CorelDRAW、Flash、Pagemaker等多媒體制作軟件，創(chuàng)作出一多媒體作品，為網(wǎng)頁制作充分材料。

三.系統(tǒng)分析與設計

主頁色彩新穎，由標題欄、導航欄、友情鏈接及用flash做成的滾動電子相冊組成一幅完整畫面。電子相冊下面是給同學的寄語留言，接著是個人主頁、畢業(yè)寄語、我的動感相冊、我的作品、個人簡歷等鏈接子頁。

子頁根據(jù)主頁標題欄做了我的留言、我的相冊、我的作品展等子頁。子頁是由不同軟件所做的作品。內(nèi)容豐富、新穎。子頁鏈接簡單，與主頁和下一個子頁及個人簡歷鏈接。個人簡歷時用word制作的長文檔簡歷。內(nèi)容豐富，色彩鮮艷明了。用截圖軟件滾動截圖截下來的word。在dreamweaver里用表格插入個人簡歷圖片。

靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言，是指沒有后臺數(shù)據(jù)庫、不含程序和不可交互的網(wǎng)頁。你編的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對更新起來比較麻煩，適用于一般更新較少的展示型網(wǎng)站。

在網(wǎng)站設計中，純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為:，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動態(tài)的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態(tài)效果”只是視覺上的，與下面將要介紹的動態(tài)網(wǎng)頁是不同的概念。

靜態(tài)網(wǎng)頁的特點簡要歸納如下：

(1)靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;

(2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務器上，無論是否有用戶訪問，每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務器上的，也就是說，靜態(tài)網(wǎng)頁是實實在在保存在服務器上的文件，每個網(wǎng)頁都是一個獨立的文件;

(3)靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索;

(4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難;

(5)靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。

四.系統(tǒng)調(diào)試過程中出現(xiàn)的主要問題

在制作網(wǎng)頁中出現(xiàn)主要問題是熱點鏈接不上子頁。通過老師同學及自己在網(wǎng)上找答案最后解決了問題。原因是熱點鏈接在本地文件夾下打開不能達到鏈接目的，只有在預覽或是在根目錄下在可以連接成功。

其次在一些軟件的使用中也出現(xiàn)不少問題，主要原因是自身沒有正真熟悉這款軟件，在以后學習中一定回加深練習。

五.實訓過程：

第一天,查看實訓要求了解做什么網(wǎng)站，然后上網(wǎng)查看他人網(wǎng)站，之后規(guī)劃自己的網(wǎng)站。在選擇的根目錄下建一個文件夾，然后打開dreamweaver軟件，選擇新建站點，輸入自己想要見的網(wǎng)站，在存取路徑當中選擇所建的路徑，點擊確定。

第二天，對信息服務進行設置，在開始菜單中選擇設置中的控制面板中的管理工具雙擊進入，選擇IIS信息服務，選擇默認網(wǎng)站右單擊選擇屬性，在主目錄中的本地路徑選擇所建的根目錄夾，單擊確定。

第三天，選擇布局表格在工作區(qū)里建立表格外框，在屬性當中調(diào)整表格大小然后在插入中擇圖像，選擇所要添加的圖像，在表格當中寫入所要添加的文字，首頁工作基本做好，新建文件，打開后建立表格，插入圖片和文字。

第四天，利用準備好的材料，電子相冊、作品等進行完善主頁及各個子頁，然后創(chuàng)立鏈接。

第五天，進行動態(tài)與靜態(tài)的連接，然后進行測試，上傳作業(yè)。

六．實訓總結：

五天的實訓課程結束了，此次實訓檢驗了通過一學期的學習對知識進行了匯總，通過本次實訓我已基本掌握了制作簡單網(wǎng)頁的過程，基本熟悉了各種軟件的綜合使用方法。在這五天的學習當中和同學進討論制作網(wǎng)站，同時學到了許多關于網(wǎng)頁制作的相關知識，也讓我體會到了團結的重要意義，我覺得在制作過程中，發(fā)現(xiàn)自己學的東西太欠缺了，要學習有條不紊，要學習冷靜思索，所以我想以后課上課下一定要認真學習，虛心聽取別人意見，多去學習一點網(wǎng)頁制作的技術，以備我以后的制作之路。

實踐出真理，實訓的日子過去了，從理論和操作中融合了我們平時所學的知識，為我們的學習和工作鋪墊了精彩的一幕。因此，我堅信，用血去做自己認為應該做的事，努力的開拓我們的極限，沒有什么是不可能的，我們要更加的去努力。通過這五天的學習，在制作過程中出現(xiàn)了許多問，這些都是細節(jié)問題，我與同學進行了細致的研究后，最后達到了所要預期的效果.

擴展閱讀：電大網(wǎng)頁制作實訓報告答案

廣播電視大學實訓報告書

姓名課程名稱任務編號Dreamweaver網(wǎng)頁設計01學號教材專業(yè)/班級網(wǎng)頁設計與制作——MacromediaDreamweaver8任務名稱使用Dreamweaver建立網(wǎng)站，建立一個網(wǎng)站1、通過站點設置向導建立了站點之后，怎樣進一步了解站點的設置打開“管理站點”對話框，雙擊需要進一步了解的站點名稱，在高級設置中進行。2、對多個網(wǎng)站進行管理，要通過什么面板進行通過“文件”面板進行思考題3、思考建立一個個人網(wǎng)站應包括的內(nèi)容、建立的欄目、需要的素材內(nèi)容：主要考慮與個人相配合的內(nèi)容，在突出主題的前提下要豐富內(nèi)容，使粉絲們多多回頭。欄目：主頁、相冊、留言、日志、關于我們等素材：聲音、圖片、文本、視頻、動漫等考核內(nèi)容及標準學生互評成績設計與制作得分心得及思考題得分綜合評語分值204040總分作品評語及成績評定1．優(yōu)：在較好的完成實訓任務書中的各項任務的基礎上，有自己的創(chuàng)新，并能夠應用所學的知識實現(xiàn)學生自己的設計想法�？己藰藴�2．良：能夠按照要求完成實訓任務書中的各項任務。（分4個等級）3．可：能夠完成實訓任務書中的各項任務，但有1－2個任務沒有按照要求完成設計。4．差：不能夠完成實訓任務書中的各項任務。說明：1．淺灰色部分由學生填寫2．白色部分為教師判分用