web網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告-在線瀏覽
2025-05-07 07:37本頁(yè)面
【正文】 頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自 成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，顏色不同，形成對(duì)比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。使用方便 :同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求 : 布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔 次。 利用我們所學(xué)的框架集，制作更完美的頁(yè)面。 再后，調(diào)試過(guò)程，好多次本來(lái)在 dream里好好的，把字調(diào)的好好的，位置很對(duì)，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實(shí)，經(jīng)過(guò)再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請(qǐng)問(wèn)老師，為什么會(huì)出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復(fù)調(diào)整的辦法，還有什么好辦法??？ 還有，在最超鏈接過(guò)程中，明明在頁(yè)面屬性里設(shè)置的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實(shí)驗(yàn)，終于 知道怎么回事了，原來(lái)應(yīng)該對(duì)文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。 制作過(guò)程中，才發(fā)現(xiàn)，原來(lái)自己懂的太少了，好多不知道的地方，才趕緊查書(shū)，開(kāi)始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個(gè)網(wǎng)頁(yè)一個(gè)的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書(shū)籍，最后才知道文件這有個(gè)資源，點(diǎn)擊進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個(gè)模版就應(yīng)用到你建立的網(wǎng)頁(yè) 中去了?，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。 六、 實(shí)驗(yàn)心得 （一） 頁(yè)面的設(shè)計(jì)方面 網(wǎng)頁(yè)設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。 學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁(yè)的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí) 并且學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁(yè)確不堪目睹，這是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是介于平面設(shè)計(jì)和編程 技術(shù)兩者之間的 邊緣科學(xué) .不僅涉及到美學(xué) ,心理學(xué) ,平面構(gòu)成 ,色彩搭配等平面設(shè)計(jì)的方面的知識(shí) ,還涉及到 html,javascript,css,asp,php等編程語(yǔ)言技術(shù)方面的知識(shí) .只有綜合運(yùn)用多種知識(shí) ,才能設(shè)計(jì)出視聽(tīng)特效 ,動(dòng)感十足 ,富于個(gè)性的 web頁(yè)面 ,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能 . 并且我認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。 （二）網(wǎng)頁(yè)視覺(jué)效果 視覺(jué)形象識(shí)別即我們通常所說(shuō)的 VI（ VisualIdentity），與 BI 一起用于深化表現(xiàn)企業(yè)理念，同時(shí)也受到 BI的影響。 視覺(jué)形象識(shí)別系統(tǒng)在整套 CIS中處于最表層的位置，其中所有的設(shè)計(jì)都將與目標(biāo)客戶發(fā)生直接的接觸。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個(gè)網(wǎng)頁(yè)所想要傳達(dá)的信息。在大多數(shù)做的比較成功的網(wǎng)頁(yè)中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁(yè)的整體架構(gòu)十分的清晰明了，便于用戶瀏覽 網(wǎng)頁(yè)布局大致可分為 “ 國(guó) ” 字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、 Flash型、變化型 網(wǎng)頁(yè)布局是主要考慮以下幾點(diǎn)： 首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。 正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)） （四）網(wǎng)頁(yè)中文字、圖像 圖象我利用網(wǎng)上搜索和自己所學(xué)過(guò)的 banner進(jìn)行處理 ,這樣做起來(lái)節(jié)約了很多時(shí)間。我們最終追求的主要是實(shí)用價(jià)值 七、 實(shí)驗(yàn) 總結(jié) 通過(guò)這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁(yè)更加豐富多彩，在網(wǎng)頁(yè)中插入圖象，動(dòng)畫(huà)，動(dòng)態(tài)特效。看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。 近一個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺(jué)在知識(shí)、技能等方面都有了不少的收獲。 做好頁(yè)面，并不是一件容易的事，它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。需要學(xué)的地方還有很多，需要有耐心、堅(jiān)持，不斷的學(xué)習(xí)，綜合運(yùn)用多種知識(shí)，才能設(shè)計(jì)出好的 web頁(yè)面。感謝老師、同學(xué)在這次課程設(shè)計(jì)中給我的幫助、指導(dǎo)！ [附錄 ] 網(wǎng)頁(yè)源代碼 節(jié)選 首頁(yè) ： !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN !!DOCTYPE 聲明位于文檔中的最前面的位置，處于 html 標(biāo)簽之前。 html xmlns= !此元素可告知瀏覽器其自身是一個(gè) HTML 文檔。 charset=gb2312 /!meta 元素可提供有關(guān)頁(yè)面的元信息（ metainformation），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1