在經(jīng)濟(jì)迅速發(fā)展的今天,Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會(huì)發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí),讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(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í)我也對(duì)服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的CI形象!耙追啤敝哺袊幕,汲取自然稟賦之靈性,形成一個(gè)既有濃厚文化底蘊(yùn),又有現(xiàn)代自然人文氣息的特色品牌!耙住奔词侨,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對(duì)人性寬度的一種拓展。“菲”通非,是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息,是對(duì)人性深度的一種挖掘!吧钊缁,自在快樂”是YIFINI易菲的設(shè)計(jì)理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級(jí)頁面。分別設(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)備,在本階級(jí)主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時(shí)也搜集了一些對(duì)我有用的資料。在搜索資料最困難的便是動(dòng)態(tài)圖片的搜集,動(dòng)態(tài)圖片其gif格式的還是好保存,但是要搜集flash動(dòng)態(tài)圖片就相對(duì)較難了。我用了一天的時(shí)間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時(shí)我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實(shí)詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會(huì)做得更好,爭取不范類似錯(cuò)誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對(duì)Dremweaver、Photoshop相對(duì)比較熟悉,因?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ì)主頁及二級(jí)頁面。
在主頁我設(shè)首頁制作時(shí),時(shí)刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對(duì)比及和諧的原則,內(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)頁有動(dò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)勢(shì),是每個(gè)使用者都參與到其中來,這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁才算真正的美的設(shè)計(jì)。每個(gè)子頁都設(shè)有上導(dǎo)航欄,便于瀏覽和跳轉(zhuǎn)。3個(gè)二級(jí)網(wǎng)頁制作時(shí),使用的是表格,每一個(gè)頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強(qiáng)了對(duì)比性。在做這些網(wǎng)頁的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁都是為凸顯我主題而服務(wù)。