下面是范文網(wǎng)小編整理的國際網(wǎng)頁Web設計流程3篇(網(wǎng)頁設計web前端網(wǎng)站設計)，歡迎參閱。

國際網(wǎng)頁Web設計流程1

　　鄭州輕工業(yè)學院 Web前端設計網(wǎng)頁設計報告

　　院系： 班級：學號：姓名：時間：

　　設計報告

　　網(wǎng)頁設計要求題目：設計一個不限內(nèi)容、題材的個人網(wǎng)站，要求頁面數(shù)量不少于7個。具體要求

　　1.網(wǎng)頁內(nèi)容詳實、科學、準確、積極、健康、活潑，網(wǎng)頁文字及相關(guān)鏈接無錯誤。

　　2.網(wǎng)頁文件及文件夾的命名符合要求，文件組織合理。1)首頁源文件命名為：。

　　2)文件夾image存放與網(wǎng)頁相關(guān)的圖片、動畫文件等。3)說明文件內(nèi)容包括：網(wǎng)頁創(chuàng)意及制作的簡單說明。3.網(wǎng)頁設計整體設計思路清晰，網(wǎng)頁布局合理，風格明快、主題頁和其他子頁之間協(xié)調(diào)，主題分明、重點突出。欄目及版面設計，層次結(jié)構(gòu)及鏈接結(jié)構(gòu)明確，內(nèi)容布局合理，圖畫運用得當，效果生動。

　　4.網(wǎng)頁上各主題和附加圖片、背景的色彩選配方案要注意做到：色彩柔和、搭配美觀、樸素大方，不應過分夸張，使視覺疲勞。5.使用表格、框架、Css各布局一個頁面。6.有自己創(chuàng)作的flash、JavaScript可加分。

　　7.文檔提交：電子稿與報告（電子稿—網(wǎng)站、報告—網(wǎng)頁創(chuàng)意及制作的簡單說明）。

　　網(wǎng)頁主題及內(nèi)容

　　主題：在世界的各個角落，邂逅最美的你 內(nèi)容：一些著名的外國旅游、度蜜月勝地，感受當?shù)氐娘L土人情，體驗不一樣的異域風情。網(wǎng)頁創(chuàng)意

　　因為自己本身特別喜歡旅游，喜歡嘗試不一樣的生活環(huán)境，和每個少女一樣，我也存在著一個和未來的另一半環(huán)游世界的夢，所以這次我的網(wǎng)頁是以“在世界的各個角落，邂逅最美的你”為主題展開制作，在實現(xiàn)這個環(huán)游世界的夢以前，提前感受下各國的風土人情。網(wǎng)頁制作的簡單說明

　　通過主頁index可鏈接到 “馬爾代夫的藍色心情（）、法國的紫色浪漫風情（）、在雅典，我愿意帶你，走遍陽光灑過的地方（）、行走在巴黎（）、巴塞羅那（）、ReadMe（），所有圖片都經(jīng)過”PS處理過。

　　1.首頁（）：采用了CSS布局頁面。

　　1）創(chuàng)建了文件在style文件中。

　　2）插入的Div標簽有：date標簽，menu標簽，main標簽，make

　　標簽。

　　3）在代碼中插入了背景音樂“

　　4）AP Div8插入了滾動歌詞，AP Div13插入滾動圖片。

　　5）在代碼中插入了背景音樂

　　4）AP Div15插入了滾動歌詞，AP Div12插入了滾動圖片。

　　5）在代碼中插入了背景音樂

　　4）在代碼中插入了背景音樂

-I Hate ” loop=“-1” />。5.行走在巴黎（）：

　　1）采用Ap層布局。

　　2）設置了AP Div1差

　　一個擁抱.mp3“ loop=”-1“>。6.巴塞羅那（）：

　　1）采用spry選項卡式面板布局。

　　2）設置了AP Div1不

　　想去上班.mp3” loop=“-1” />。（）：

　　1）采用Ap層布局+表格布局。

　　2）設置了AP Div1-AP Div2兩個層。

　　3）AP Div2 設置為滾動字幕，并插入了日期。

　　心得

　　通過《Web前端設計網(wǎng)頁設計》的學習，我喜歡上了網(wǎng)頁設計，在制作網(wǎng)頁的過程中遇到很多問題，但是經(jīng)過自己在網(wǎng)上搜索、圖書館找材料以及老師的講解幫助下，都解決了問題。雖然我現(xiàn)在制作網(wǎng)頁的能力還不好，但是我會在大學期間好好實踐，將網(wǎng)頁的制作變成自己的技術(shù)。

國際網(wǎng)頁Web設計流程2

　　網(wǎng)頁設計實驗報告

　　學院：計算機

　　專業(yè)：網(wǎng)絡工程

　　班級：0

　　學號：0

　　姓名：姚樹秘

　　2011年5月10日Web

　　實驗一

　　實驗題目：編程環(huán)境的熟悉 實驗目的：

　　1、學會使用Macromedia Dreamweaver 軟件，了解并掌握該軟件的各種功能，為以后的網(wǎng)頁設計打下基礎。

　　2、重點學習使用“頁面創(chuàng)建”和“設置服務器信息”功能

　　實驗環(huán)境：

　　操作系統(tǒng)為Windows2000或者Windows XP，應用軟件為Macromedia Dreamweaver。

　　實驗步驟：

　　1、啟動

　　單擊“開始”，依次指向“程序”、“Macromedia ”，然后單擊“Macromedia Dreamweaver MX”。

　　2、熟悉和了解Macromedia Dreamweaver MX界面

　　實驗過程截圖：

　　心得體會：

　　通過這次試驗，基本熟悉和掌握了Dreamweaver軟件的功能和用法，能夠用該軟件設計簡單的網(wǎng)頁。

　　實驗二

　　實驗題目：熟悉ASP技術(shù)及它的內(nèi)置對象 試驗目的：

　　1． 了解并掌握ASP初步知識 2． 熟悉ASP內(nèi)置對象

　　試驗步驟：

　　1、打開軟件設計頁面

　　2、輸入下列代碼

　　3、建立一個自動監(jiān)測瀏覽時間并根據(jù)不同時段動態(tài)顯示不同頁面內(nèi)容的 ASP 程序，請將以下代碼輸入到Macromedia Dreamweaver的代碼編輯區(qū) , 命名為

　　4、運行結(jié)果

　　實驗過程截圖：

　　5、建立一個學生情況調(diào)查表，并將學生填寫的內(nèi)容寫入數(shù)據(jù)文件中。

　　6、設計編譯結(jié)果

　　心得體會：

　　通過本次試驗我學會了很多，軟件的掌握和使用也更加熟練，能夠成功的打開ASP文件，更加熟悉了ASP的運用和使用技巧，以及學會怎么打開IIS服務器，設置站點信息。

　　實驗三

　　試驗題目：

　　實現(xiàn)與后臺數(shù)據(jù)庫的連接

　　試驗目的：

　　學會在ASP頁面訪問數(shù)據(jù)庫的方法，包括對后臺數(shù)據(jù)庫進行各項操作； 試驗環(huán)境：

　　Windows2000/Windows XP（已安裝有IIS系統(tǒng)）,Microsoft Access數(shù)據(jù)庫 實驗步驟：

　　1、利用 ASP 的 Database Access 組件通過 ADO 連接并操作 WEB 數(shù)據(jù)庫

　　2、單擊“開始”，選設置控制面板。

　　3、雙擊圖標“32 位 ODBC” , 將彈出一個對話框，選標簽“System DSN”

　　4、單擊“Add”添加一個 DSN 入口 , 選擇如“Microsoft Access Drive”并確認。

　　5、在“Data Source Name”欄里輸入你希望指定的 DSN, 然后單擊“Select”選擇數(shù)據(jù)庫存放位置，你可以按“Browse”來選取。

　　6、以上步驟完成后在 ASP 程序中指定 DSN

　　7、現(xiàn)有兩個數(shù)據(jù)庫表：students表記錄學生的一般數(shù)據(jù)，其中字段studID為學號，studName記錄學生姓名，score表記錄學生成績，其中computer字段和english字段分別記錄studID所表示的學生的計算機和英語課程成績。實驗相關(guān)代碼：

<% @ language=javascript %>