- 目錄
篇一 網(wǎng)頁設(shè)計開題報告范文
在經(jīng)濟(jì)迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí),讓我們把平時所學(xué)知識運用到實習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊(yùn),又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨荩前?,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展。“菲”通非,是生機(jī)、是個性、是春意盎然、是自強(qiáng)不息,是對人性深度的一種挖掘?!吧钊缁ǎ栽诳鞓贰笔莥ifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進(jìn)入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),美容美體,一個網(wǎng)站強(qiáng)調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應(yīng),搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用: 這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng): 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學(xué)校上的問題,當(dāng)真正開始運用的時候在向老師提問。
篇二 網(wǎng)頁設(shè)計開題報告范本
網(wǎng)頁設(shè)計開題報告范本
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。
“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊(yùn),又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ?,是生機(jī)、是個性、是春意盎然、是自強(qiáng)不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是yifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進(jìn)入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),美容美體,一個網(wǎng)站強(qiáng)調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應(yīng),搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用: 這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以效率的方式將用戶所要想得到的信息傳送給他就是的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng): 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學(xué)校上的問題,當(dāng)真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí),讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。
篇三 網(wǎng)頁網(wǎng)站系統(tǒng)制作開題報告
1.本課題的研究意義
在internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取?發(fā)布和傳遞信息的重要渠道,它在人們政治?經(jīng)濟(jì)?生活等各個方面發(fā)揮著重要的作用.因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯而易見,它已成為政府?企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視?
這次我們所設(shè)計的課題正是互聯(lián)網(wǎng)與社會生活之間的緊密關(guān)系的體現(xiàn),現(xiàn)今的社會,人們已經(jīng)離不開了網(wǎng)絡(luò),網(wǎng)絡(luò)已經(jīng)成為人與人之間交流的一種形式,他能夠把事情的復(fù)雜化轉(zhuǎn)為簡單化?老干部局網(wǎng)網(wǎng)站的建設(shè)不僅能夠使該事業(yè)單位的工作方式有所改變,也大大地提高了該單位工作人員的辦事效率,也增加了該單位的知明度,更重要的是為我們局的老干部們提供了一個網(wǎng)絡(luò)生活空間,促進(jìn)了他們對網(wǎng)絡(luò)知識的進(jìn)一步地了解?
通過該網(wǎng)站展示了機(jī)構(gòu)設(shè)置?政策法規(guī)?辦事指南?電子刊物?新聞?學(xué)習(xí)園地?問題集錦?養(yǎng)生保健?生活小常識?旅游簡介等系列內(nèi)容的介紹?同時您也可以利用電子信箱經(jīng)濟(jì)而又快捷地與外界進(jìn)行各種信息溝通?
asp簡介
1 什么是a s p microsoft active server pages (asp)實際上是將標(biāo)準(zhǔn)的h t m l文件拓展了一些附加特征, a s p像標(biāo)準(zhǔn)的h t m l文件一樣包含h t m l語句并且在一個瀏覽器上解釋并顯示?但它為h t m l編寫人員提供了在服務(wù)器端運行腳本的環(huán)境,使h t m l編寫人員可以利用v b s c r i p t和j s c r i p t或其他
第三方腳本語言來創(chuàng)建a s p,實現(xiàn)過去需要編寫復(fù)雜的c g i程序才能實現(xiàn)的有動態(tài)內(nèi)容的網(wǎng)頁,如計數(shù)器等?一個a s p文件的后綴為. a s p,其中包含實現(xiàn)動態(tài)功能的v b s c r i p t或j s c r i p t語句,如果去掉那些v b s c r i p t或j s c r i p t語句,它和標(biāo)準(zhǔn)的h t m l文件沒有任何區(qū)別?a s p提供了一些內(nèi)建對象(參見后面關(guān)于內(nèi)建對象的章節(jié))?利用這些內(nèi)建對象,你可以使你的腳本更加強(qiáng)大;這些
對象會允許您從瀏覽器中接收和發(fā)送信息?例如,利用r e q u e s t對象,你可以接收用戶的h t m l表單中的信息并加以處理?a s p包含標(biāo)準(zhǔn)的a c t i v e x組件(參見后面關(guān)于組件的章節(jié)),這些組件可以實現(xiàn)一些復(fù)雜的功能,如使用數(shù)據(jù)庫等?不過,你并不會被此局限,你可以輕松創(chuàng)建屬于你自己的附加a c t i v e x組件?這意味著你可以不加限制地拓展你的a c t i v e x組件(參見后面關(guān)于自制組件的章節(jié))?a s p可以和諸如sql server這樣的數(shù)據(jù)庫行掛接,在本書后面的章節(jié)中,我
們將詳細(xì)地學(xué)習(xí)這方面的內(nèi)容?重要的是,這是a s p一個非常強(qiáng)大的功能所在,在線商務(wù)以及在線論壇等各種非常高級的?動態(tài)更新的站點都需要數(shù)據(jù)庫的支持,而且需要隨數(shù)據(jù)庫內(nèi)容的更新而自動更新,這樣,你就可以利用a s p自己建立很多類似的高級站點?通過上面的描述,我們可以了解到, a s p就是由服務(wù)器端腳本?對象以及組件拓展過的標(biāo)準(zhǔn)網(wǎng)頁并為其提供了運行的環(huán)境?而它的網(wǎng)頁并不是在建立初期存在的,而是當(dāng)某個瀏覽器向它提出請求時,它才根據(jù)需要產(chǎn)生所需要的標(biāo)準(zhǔn)網(wǎng)頁,這克服了過去h t m l編寫的網(wǎng)頁的靜態(tài)缺點,從而使網(wǎng)頁上可以有許多動態(tài)的信息存在?如:當(dāng)前的計算機(jī)時間?計數(shù)器的計數(shù)值等?
2 asp的功能
a s p是一套服務(wù)器端的腳本運行環(huán)境,當(dāng)用戶從瀏覽器向we b服務(wù)器請求.asp 文件時, asp 腳本開始運行,然后web 服務(wù)器調(diào)用a s p,a s p全面讀取請求的文件,執(zhí)行所有的腳本命令,并將標(biāo)準(zhǔn)的web 頁傳送給瀏覽器,而并不包含你所寫的腳本命令?
2使用asp與sql server 網(wǎng)站架設(shè)
而a s p的每一個命令都首先被用來生成h t m l文件,因此a s p允許生成動態(tài)內(nèi)容?
下載對于web 服務(wù)器來說, a s p與h t m l有著本質(zhì)的區(qū)別, h t m l不經(jīng)任何處理送回給瀏覽器另一方面,對于瀏覽器來說, a s p和h t m l幾乎是沒有區(qū)別的,僅僅是后綴為. a s p和. h t m的區(qū)別,當(dāng)我們在客戶端提出對a s p的申請后,我們的瀏覽器接受的是h t m l格式的文件?因此它根據(jù)以上特性,我們用a s p可以方便地實現(xiàn)諸如表格信息收集?計數(shù)器?留言簿?公告板?a s p還可以輕松地實現(xiàn)對頁面內(nèi)容的動態(tài)控制,為不同的瀏覽者定制不同的頁面內(nèi)容,實現(xiàn)
適用于任何瀏覽器?
聊天室甚至電子商務(wù)等過去必須由c g i才能實現(xiàn)的功能?
個性化的網(wǎng)站?
3 使用范圍
用a s p實現(xiàn)各功能時幾乎沒有什么限制,只要網(wǎng)站存在并正常運行,以下是的應(yīng)用示例列表:
. 在你的網(wǎng)站主頁頂部添加一個滾動顯示的廣告欄?
. 從h t m l的表單中接受信息并且存到數(shù)據(jù)庫中?
. 根據(jù)不同訪問者顯示不同內(nèi)容,創(chuàng)建個性化主頁?
. 在你的主頁中添加點擊計數(shù)器?
. 根據(jù)用戶瀏覽器的版本?類型和能力顯示不同檔次的內(nèi)容?
. 連接多個主頁使之容易網(wǎng)際導(dǎo)航?
. 跟蹤用戶網(wǎng)站上的活動信息并且存入日志文件?
. 使用基于windows nt的i n t r a n e t建立你的m i s應(yīng)用?
用a s p編寫出的系統(tǒng),完全可以達(dá)到原來使用c l i e n t / s e r v e r的網(wǎng)絡(luò)數(shù)據(jù)庫系統(tǒng)的水平?使用a s p最大的好處是,在你對程序進(jìn)行升級時,你只需要修改服務(wù)器上的a s p文件,而不需要修改客戶端程序?
以上只是簡單介紹,看完下面章節(jié),你會對利用a s p做的事情有更加全面深入的了解?你會真正學(xué)會如何使用a s p建立各種應(yīng)用?
2.本課題的基本內(nèi)容
為了樹立中國各級政府各部門在網(wǎng)絡(luò)上的嶄新形象,有利于使各級政府由管理型向管理服務(wù)型的角色轉(zhuǎn)換,降低辦公費用,提高辦公效率,促進(jìn)勤政?廉政建設(shè),提高政府公務(wù)員的信息化水平,市委老干部局網(wǎng)站的建立將為辦公網(wǎng)絡(luò)化,自動化?電子化,全面信息的共享所提供了優(yōu)越的條件
本課題介紹了市老干部局網(wǎng)站建設(shè)的做法和具體步驟,給出了老干部局網(wǎng)站建設(shè)的方案選擇?設(shè)備配置?還介紹了老干部局網(wǎng)站建設(shè)的運用目的和發(fā)展方向以充分實現(xiàn)以上目的?還全面介紹了在internet上建設(shè)和管理網(wǎng)站的技術(shù)?內(nèi)容涉及網(wǎng)站的基礎(chǔ)建設(shè),對原始數(shù)據(jù)進(jìn)行調(diào)查,重點放在新聞更新?辦事指南等的事務(wù)處理以及站點管理,使用asp,html開發(fā)前臺程序,完成網(wǎng)站的鏈接,從相關(guān)系統(tǒng)中導(dǎo)入數(shù)據(jù),編寫相應(yīng)的存儲過程,以便聯(lián)系老干部局的需要開發(fā)出功能強(qiáng)大的網(wǎng)站?
老干部局網(wǎng)站為干部的工作?管理?生活?信息交流個通訊等提供綜合的網(wǎng)絡(luò)環(huán)境?網(wǎng)站的使用,使干部的辦公?學(xué)術(shù)研究和管理條件跨上一個新臺階,同時也給老干部局的宣傳,發(fā)展,提供了一個平臺?我們可以充分利用現(xiàn)用計算機(jī)資源,實現(xiàn)信息交流和軟硬件資源的共享,實現(xiàn)老干部局辦公?管理?服務(wù)于社會的現(xiàn)代化新形式?
關(guān)于建設(shè)老干部局網(wǎng)站的一些內(nèi)容,包括網(wǎng)站的結(jié)構(gòu),特點以及網(wǎng)站建設(shè)的理論知識要點?其最大的特點就是在于對asp中的每個知識點都精心運用到了實際需要中,通過對理論的研究來聯(lián)系實際操作,并全面地掌握asp開發(fā)web動態(tài)網(wǎng)站的思路?技巧和體系?另外,asp還提供可更簡單?更方面的數(shù)據(jù)庫訪問方法,使開發(fā)基于數(shù)據(jù)庫驅(qū)動的web應(yīng)用程序更容易,asp支持vbscript和jscript,并能以插件形式支持其他腳本語言,如html?
3.本課題的重點和難點
本課題的重點主要是網(wǎng)站素材的選擇與框架的搭建,一個好的網(wǎng)站要有許多的主頁相互之間鏈接起來,以及其中添加一些動態(tài)?圖片?聲效等鏈接?綜合地完成網(wǎng)站的建設(shè)才能體現(xiàn)主題,才能把瀏覽者的目光吸引到每一個主頁上,內(nèi)容的及時更新也是網(wǎng)站建設(shè)的一個主要實際問題,只有不斷得到更新的主頁內(nèi)容才能使瀏覽者再次訪問該網(wǎng)站,沒有新鮮的內(nèi)容素材,沒有時代性的哲學(xué)理念,遠(yuǎn)遠(yuǎn)不能稱得為好網(wǎng)站?
新穎的框架結(jié)構(gòu)也能使瀏覽者的目光更長久地被吸引,再擁有好的素材基礎(chǔ)上,框架的搭建也是網(wǎng)站建設(shè)所必須考慮到的問題, 只有把這兩者相結(jié)合進(jìn)行周密地布置,相信建設(shè)出來的網(wǎng)站必然是點擊率最高的網(wǎng)站?
該網(wǎng)站的建設(shè)也牽涉到了動態(tài)網(wǎng)頁的制作,因此,這必然成了制作過程中的難點,就我個人而言,對動態(tài)網(wǎng)頁的制作方面還缺少很多的理論與實際操作知識,曾經(jīng)只是做一些簡單的個人主頁,僅此而已,而現(xiàn)今,卻得必須運用asp程序進(jìn)行動態(tài)網(wǎng)站的編輯,運用asp把腳本?html?組件和強(qiáng)大的web數(shù)據(jù)庫訪問功能結(jié)合在一起,形成一個能在服務(wù)器上運行的應(yīng)用程序,并把按用戶的要求專門制作的html頁面送給客戶端瀏覽器?此技術(shù)的運用使我的工作量大大地提高了幾倍,當(dāng)然這正是我以前沒好好學(xué)的不好表現(xiàn),但通過這次設(shè)計使我認(rèn)識提高了,在學(xué)好靜態(tài)網(wǎng)頁制作的基礎(chǔ)上則不能忽視對動態(tài)網(wǎng)頁制作的重要性?此后,我將借鑒這次的領(lǐng)悟,認(rèn)真學(xué)習(xí)并全面地掌握asp中的每個知識點,以便今后熟練地運用到實際問題中,充分展現(xiàn)自我價值?為自己以后的生活道路鋪上一層更牢固的奠基石!
用asp實現(xiàn)搜索引擎的功能是一件很方便的事,可是,如何實現(xiàn)類似3721的智能搜索呢?比如,當(dāng)在搜索條件框內(nèi)輸入“中國人民'時,自動從中提取“中國'?“人民'等關(guān)鍵字并在數(shù)據(jù)庫內(nèi)進(jìn)行搜索?看完本文后,你就可以發(fā)現(xiàn),這個功能實現(xiàn)起來竟然是如此的簡單?ok,follow me!
第一步,我們要建立一個名為db_sample.mdb的數(shù)據(jù)庫(本文以access2000數(shù)據(jù)庫為例),并在其中建立表t_sample?表t_sample包括如下字段:
id 自動編號
u_name 文本
u_info 備注
第二步,我們開始設(shè)計搜索頁面search.asp?該頁面包括一個表單(frm_search),表單內(nèi)包括一個文本框和一個提交按鈕?并將表單的method屬性設(shè)為“get' ,action屬性設(shè)為“search.asp,即提交給網(wǎng)頁自身?代碼如下:
請輸入關(guān)鍵字:
下面,就進(jìn)入了實現(xiàn)智能搜索的關(guān)鍵部分?
首先,建立數(shù)據(jù)庫連接?在search.asp的開始處加入如下代碼:
<%
4.論文提綱
1.緒論
2.課題任務(wù)書
1)設(shè)計依據(jù)
2)課題總體體會要求
3)設(shè)計要求
3.系統(tǒng)規(guī)劃
1)系統(tǒng)分析
2)系統(tǒng)具體分析
3)功能圖
4.主體
1)程序代碼
2)結(jié)論
5.參考文獻(xiàn)
6.個人體會
7.附錄
指導(dǎo)教師意見:
(對本課題的深度?廣度及工作量的意見)
指導(dǎo)教師:
年 月 日
教研室審查意見:
篇四 網(wǎng)頁設(shè)計開題報告
網(wǎng)頁設(shè)計開題報告
在經(jīng)濟(jì)迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí),讓我們把平時所學(xué)知識運用到實踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。
“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊(yùn),又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨荩前?,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ?,是生機(jī)、是個性、是春意盎然、是自強(qiáng)不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是yifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進(jìn)入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),美容美體,一個網(wǎng)站強(qiáng)調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應(yīng),搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用: 這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的.方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng): 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學(xué)校上的問題,當(dāng)真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí),讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。
篇五 2023年網(wǎng)頁設(shè)計開題報告范文
在經(jīng)濟(jì)迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí),讓我們把平時所學(xué)知識運用到實習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象?!耙追啤敝哺袊幕?,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊(yùn),又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ?,是生機(jī)、是個性、是春意盎然、是自強(qiáng)不息,是對人性深度的一種挖掘?!吧钊缁ǎ栽诳鞓贰笔莥ifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。
篇六 網(wǎng)頁制作設(shè)計開題報告
網(wǎng)頁制作設(shè)計開題報告
在經(jīng)濟(jì)迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí),讓我們把平時所學(xué)知識運用到實踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象?!耙追啤敝哺袊幕?,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊(yùn),又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨?,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ牵巧鷻C(jī)、是個性、是春意盎然、是自強(qiáng)不息,是對人性深度的一種挖掘。“生活如花,自在快樂”是yifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的.掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進(jìn)入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),美容美體,一個網(wǎng)站強(qiáng)調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應(yīng),搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式
美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng):發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學(xué)校上的問題,當(dāng)真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí),讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁制作設(shè)計開題報告