- 相關(guān)推薦
網(wǎng)頁(yè)制作設計開(kāi)題報告
在經(jīng)濟迅速發(fā)展的今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì )發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專(zhuān)用周是實(shí)習，讓我們把平時(shí)所學(xué)知識運用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習使我獲得了更多的新知識同時(shí)也使我使我認識到了自己在學(xué)習上的許多不足，下面就談?wù)勎以诒敬螌?zhuān)用周的主要感受。
一、網(wǎng)站整體規劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規劃這主要包括四個(gè)方面的內容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2.定位網(wǎng)站的CI形象�！耙追啤敝哺袊幕�，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌�！耙住奔词侨�，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展�！胺啤蓖ǚ�，是生機、是個(gè)性、是春意盎然、是自強不息，是對人性深度的一種挖掘�！吧钊缁�，自在快樂(lè )”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè )的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級頁(yè)面。分別設計了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng )意。
整個(gè)網(wǎng)站的創(chuàng )意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達這張自然之美、和諧之美。
二、網(wǎng)頁(yè)制作的前期策劃與準備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁(yè)我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁(yè)觀(guān)察其網(wǎng)頁(yè)的布局、顏色搭配、欄目、板塊等方面的內容，同時(shí)也搜集了一些對我有用的資料。在搜索資料最困難的便是動(dòng)態(tài)圖片的搜集，動(dòng)態(tài)圖片其gif格式的還是好保存，但是要搜集flash動(dòng)態(tài)圖片就相對較難了。我用了一天的時(shí)間來(lái)搜集我的flash都不太成功，不過(guò)還搜到了可以換自己圖片的代碼。在開(kāi)始時(shí)我根本就不知道flash是怎樣搜索，不過(guò)經(jīng)過(guò)三次像老實(shí)詢(xún)問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現了自己的許多不足之處，最關(guān)鍵就是平時(shí)對知識的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認真和努力的表現。通過(guò)這次的教訓在以后我一定會(huì )做得更好，爭取不范類(lèi)似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時(shí)上課是老師帶領(lǐng)我們運用過(guò)。所以我還可以正常的運用，但是出現的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現了我學(xué)習方面的缺點(diǎn)，它是我平時(shí)不夠認真的具體表現。
三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。
1.構建站點(diǎn)框架。
在我打開(kāi)Dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。
2.設計主頁(yè)及二級頁(yè)面。
在主頁(yè)我設首頁(yè)制作時(shí)，時(shí)刻考慮著(zhù)網(wǎng)頁(yè)的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強調的就是一個(gè)整體，只有圍繞一個(gè)統一的目標所做的設計才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，色彩呼應，搭配協(xié)調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：
簡(jiǎn)潔實(shí)用:這是非常重要的，網(wǎng)絡(luò )特殊環(huán)境下，盡量以最高效率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿(mǎn)足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調，布局符合形式
美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò )的優(yōu)勢，是每個(gè)使用者都參與到其中來(lái)，這樣的設計才能算成功的設計。這樣的網(wǎng)頁(yè)才算真正的美的設計。每個(gè)子頁(yè)都設有上導航欄，便于瀏覽和跳轉。3個(gè)二級網(wǎng)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。
3.實(shí)現網(wǎng)頁(yè)間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
4.向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。
在這一階段我遇到了許多的問(wèn)題，主要是我在主頁(yè)插入我的flash的時(shí)候，開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在瀏覽網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
四、網(wǎng)頁(yè)的調試
在做完網(wǎng)站才發(fā)現，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對應一個(gè)文件夾。制作過(guò)程中，才發(fā)現，原來(lái)自己懂的太少了，好多不知道的地方，才趕緊查書(shū)，開(kāi)始的時(shí)候只是會(huì )建立模版，可不會(huì )應用。而對于動(dòng)態(tài)flash的插入我更是問(wèn)題多多，開(kāi)始是我對代碼基本上是不懂，這就是自己學(xué)校上的問(wèn)題，當真正開(kāi)始運用的時(shí)候在向老師提問(wèn)。
這只是在制作過(guò)程中出現一些問(wèn)題，其它問(wèn)題也是類(lèi)似相同�，F在想想，自己所會(huì )的東西太少了，現在做的網(wǎng)站只是一些簡(jiǎn)單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jì)热葚S富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁(yè)來(lái)看可以反映出學(xué)習的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習，不斷開(kāi)拓視野，增強自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類(lèi)似動(dòng)手練習，讓我們在實(shí)踐之中來(lái)學(xué)習知識。因為我覺(jué)得實(shí)踐不僅能夠提高我們的學(xué)習興趣它更能夠提高我們的動(dòng)手能力增強我們的技術(shù)性。
【網(wǎng)頁(yè)制作設計開(kāi)題報告】相關(guān)文章：
網(wǎng)頁(yè)設計與制作報告01-04