下面是范文網(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)頁設(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 %> 1.簡單的網(wǎng)頁 國際網(wǎng)頁Web設(shè)計流程2
國際網(wǎng)頁Web設(shè)計流程3
夏天很熱!
國際網(wǎng)頁Web設(shè)計流程3篇(網(wǎng)頁設(shè)計web前端網(wǎng)站設(shè)計)相關(guān)文章:
★ 國際經(jīng)濟(jì)貿(mào)易求職信模板4篇 國際經(jīng)濟(jì)貿(mào)易求職信模板怎么寫
★ 學(xué)校消防演練活動方案5篇(培訓(xùn)學(xué)校消防演練方案及流程)
★ 轉(zhuǎn)戶口證明手續(xù)辦理流程3篇(戶口遷出證明辦理)
★ 2022年國際禁毒日主題活動總結(jié)范文7篇(國際禁毒日主題班會活動總結(jié))
★ 會議紀(jì)要發(fā)文流程5篇(會議紀(jì)要發(fā)文流程范文)
★ 最新大學(xué)生座談會方案2篇(大學(xué)生座談會流程)