網(wǎng)站建設(shè)的實(shí)習(xí)心得
網(wǎng)站建設(shè)的實(shí)習(xí)心得
在炎熱的夏季，又在悶熱的機(jī)房中，我們又一次的完成了網(wǎng)站建設(shè)的實(shí)習(xí)。在這實(shí)習(xí)期間，有太多的話想說(shuō)，都是苦不堪言。但事后又想想，苦過(guò)了，才知道有甜。
在這實(shí)習(xí)當(dāng)中，我知道了div是html(超文本語(yǔ)言)中的一個(gè)元素,div+css 是一種網(wǎng)頁(yè)的布局方法,div+css包括 行內(nèi)樣式、內(nèi)嵌式、鏈接式、導(dǎo)入式、css選擇器、標(biāo)記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別：id不允許重復(fù)使用，只能用一次，css規(guī)范和其他規(guī)范javascript控制方法一樣。
說(shuō)實(shí)話，我對(duì)div+css一點(diǎn)兒都不懂，但起碼我知道了這是一種網(wǎng)頁(yè)的布局格式，總比不知道強(qiáng)。有句話說(shuō)，不懂就要學(xué)。是的，既然學(xué)了了這個(gè)專業(yè)，就不能對(duì)這個(gè)專業(yè)模糊。所以，就要學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)。征服畏懼、建立自信的最快最確實(shí)的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗(yàn)。
我們經(jīng)過(guò)兩周的實(shí)訓(xùn)，通過(guò)前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過(guò)網(wǎng)絡(luò)洽談商務(wù)的禮儀和細(xì)節(jié)，也讓我的網(wǎng)站制作知識(shí)及技能有了很大提高。
前期我們通過(guò)發(fā)送電子郵件，進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒(méi)有做好工作——了解商務(wù)郵件的格式，導(dǎo)致郵件發(fā)了很長(zhǎng)一段時(shí)間，雙方還僅僅停留在認(rèn)識(shí)階段，確實(shí)說(shuō)來(lái)很失敗。
在擬定合同時(shí)，由于不能真正滿足客戶的需求，一些條款及報(bào)價(jià)不合理，因此要一次又一次反復(fù)的修改合同。這主要是因?yàn)槲覀儾荒苷_解讀客戶的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。
在網(wǎng)站制作的起初階段，由于不曾制作過(guò)網(wǎng)頁(yè)，雖然團(tuán)隊(duì)確立了分工，但還是有些迷茫。公司沒(méi)有確立風(fēng)格和大體的布局，并且搜集資料是一個(gè)漫長(zhǎng)而又復(fù)雜的過(guò)程。通過(guò)瀏覽各類禮品網(wǎng)站，心里大概有了一定的想法和設(shè)計(jì)。
我的主要任務(wù)有“誠(chéng)聘英才” 、“產(chǎn)品導(dǎo)航” 、“展會(huì)禮品” 、“廣告促銷禮品” 。我最先做的是“誠(chéng)聘英才” ，我是參照中國(guó)電信誠(chéng)聘英才首頁(yè)做的，它看似制作簡(jiǎn)單，其實(shí)布局十分復(fù)雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來(lái)通過(guò)請(qǐng)教老師，總算知道了其中的奧妙。原來(lái)是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實(shí)也是一個(gè)圖層，它是可以移動(dòng)的。盡管我為誠(chéng)聘英才網(wǎng)頁(yè)付出了很多，但并沒(méi)有被采納，并且此時(shí)我也設(shè)計(jì)了logo，也沒(méi)有被采納。
“產(chǎn)品導(dǎo)航”是一個(gè)困擾我一上午的問(wèn)題(此刻公司首頁(yè)已經(jīng)制作完畢，而它與合同上的“產(chǎn)品導(dǎo)航”頁(yè)面布局類似，于是這讓我一時(shí)間很難抉擇。我就一邊設(shè)計(jì)一邊思考，此時(shí)我為公司定的色彩風(fēng)格是紅色，我為導(dǎo)航欄設(shè)計(jì)的是交互式按鈕，并且設(shè)計(jì)了初始字體、懸停、按下時(shí)字體顏色。可是這一切都是白費(fèi)，由于后來(lái)我們將風(fēng)格確定為藍(lán)色，并且導(dǎo)航欄確定都采用首頁(yè)中插入的圖片，但我覺(jué)得這樣有些不好：例如它不可以設(shè)置超鏈接的字體顏色，這是很不專業(yè)的體現(xiàn)。團(tuán)隊(duì)由于缺乏及時(shí)的溝通，導(dǎo)致其他組員一些好的想法得不到實(shí)施，確實(shí)是我們團(tuán)隊(duì)合作的一個(gè)問(wèn)題所在。
展會(huì)禮品、廣告促銷禮品由于套用相同的布局，設(shè)計(jì)上沒(méi)有什么難點(diǎn)，只是在這基礎(chǔ)上進(jìn)行產(chǎn)品的進(jìn)一步分類和圖片的搜集有些費(fèi)神和花時(shí)間。我在制作這一系列網(wǎng)頁(yè)時(shí)，都特別注意修改網(wǎng)頁(yè)標(biāo)題。網(wǎng)頁(yè)標(biāo)題是十分重要的，它是每打開一張網(wǎng)頁(yè)的頭標(biāo)。
前面這一階段的工作我還有一個(gè)小收獲，這就是圖片位置，其實(shí)在圖片屬性中圖片定位選擇絕對(duì)定位，再在下面輸入距左距上的距離即可，這是一個(gè)很不錯(cuò)的方法。
后期我們進(jìn)行每個(gè)人作的網(wǎng)頁(yè)整合時(shí)遇到了不少問(wèn)題 ，原先我們認(rèn)為超鏈接是可以整合的，其實(shí)不然，只能在一個(gè)文件內(nèi)作。當(dāng)時(shí)已經(jīng)花了一天的工時(shí)，可后來(lái)在晚上才發(fā)現(xiàn)，不只這個(gè)問(wèn)題，還有每個(gè)人做的網(wǎng)頁(yè)都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個(gè)網(wǎng)站文件夾。所以后來(lái)我們組有三個(gè)人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當(dāng)我們把網(wǎng)站通過(guò) windowsXXiis默認(rèn)web站點(diǎn)上傳進(jìn)行本地調(diào)試時(shí)發(fā)現(xiàn)所有網(wǎng)頁(yè)導(dǎo)航欄的圖片都顯示不出來(lái)，一些超鏈接也無(wú)法連接，這下讓我們有些驚慌失措。通過(guò)向老師了解，知道可能是圖片命名的問(wèn)題，web服務(wù)器無(wú)法識(shí)別中文命名的圖片，此外網(wǎng)頁(yè)也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁(yè)的名稱。我的所制作的展會(huì)禮品將網(wǎng)頁(yè)都放在private文件夾下，導(dǎo)致所有需要連接到展會(huì)禮品首頁(yè)的都不能進(jìn)行。我首先需要把private文件夾下的網(wǎng)頁(yè)全部剪切出來(lái)，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進(jìn)行。同時(shí)還要在http上檢測(cè)，進(jìn)行及時(shí)的修改。超鏈接檢測(cè)是我展會(huì)禮品網(wǎng)頁(yè)的一個(gè)主要問(wèn)題。公司主頁(yè)上的“展會(huì)禮品”始終連接不到“展會(huì)禮品首頁(yè)” ，反復(fù)的進(jìn)行超鏈接都無(wú)法成功，其實(shí)是因?yàn)槲宜B接的超鏈接路徑不對(duì)，其實(shí)我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁(yè)路徑進(jìn)行修改超鏈接。
經(jīng)過(guò)這翻調(diào)試、測(cè)試，網(wǎng)站不存在圖片顯示不出來(lái)的問(wèn)題，以及超鏈接無(wú)法連接的問(wèn)題。
在互聯(lián)網(wǎng)越來(lái)越深入到生活中每一個(gè)角落的年代，網(wǎng)頁(yè)的表現(xiàn)形式就如同以前書本上的文字，傳達(dá)著的是網(wǎng)絡(luò)語(yǔ)言，每一條線、每一個(gè)色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺(jué)。實(shí)際上網(wǎng)頁(yè)的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。