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

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

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

　　院系： 班級：學(xué)號：姓名：時間：

　　設(shè)計報告

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

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

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

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

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

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

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

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

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

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

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

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

　　2）插入的Div標(biāo)簽有：date標(biāo)簽，menu標(biāo)簽，main標(biāo)簽，make

　　標(biāo)簽。

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

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

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

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

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

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

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

　　1）采用Ap層布局。

　　2）設(shè)置了AP Div1差

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

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

　　2）設(shè)置了AP Div1不

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

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

　　2）設(shè)置了AP Div1-AP Div2兩個層。

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

　　心得

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

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

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

　　學(xué)院：計算機(jī)

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

　　班級：0

　　學(xué)號：0

　　姓名：姚樹秘

　　2011年5月10日Web

　　實(shí)驗一

　　實(shí)驗題目：編程環(huán)境的熟悉 實(shí)驗?zāi)康模?/p>

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

　　2、重點(diǎn)學(xué)習(xí)使用“頁面創(chuàng)建”和“設(shè)置服務(wù)器信息”功能

　　實(shí)驗環(huán)境：

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

　　實(shí)驗步驟：

　　1、啟動

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

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

　　實(shí)驗過程截圖：

　　心得體會：

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

　　實(shí)驗二

　　實(shí)驗題目：熟悉ASP技術(shù)及它的內(nèi)置對象 試驗?zāi)康模?/p>

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

　　試驗步驟：

　　1、打開軟件設(shè)計頁面

　　2、輸入下列代碼

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

　　4、運(yùn)行結(jié)果

　　實(shí)驗過程截圖：

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

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

　　心得體會：

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

　　實(shí)驗三

　　試驗題目：

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

　　試驗?zāi)康模?/p>

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

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

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

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

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

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

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

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

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

<% @ language=javascript %>