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