創(chuàng)意設(shè)計類網(wǎng)站的設(shè)計與實(shí)現(xiàn)畢業(yè)設(shè)計(編輯修改稿)
2025-07-23 01:31 本頁面
【文章內(nèi)容簡介】 才能從側(cè)面展現(xiàn)出公司的實(shí)力，讓客戶更放心的把業(yè)務(wù)交給公司處理。 公司介紹。具體介紹出公司的發(fā)展史，結(jié)構(gòu)，業(yè)務(wù)流程等等一系列來加大公司的宣傳力度，好讓客戶能全面的了解公司。公司的詳細(xì)信息，都將批注在網(wǎng)頁上，好讓顧客方便聯(lián)系。在推銷的同時更要注重企業(yè)的特色推廣和服務(wù)信息等。 內(nèi)部管理優(yōu)化。網(wǎng)站的建設(shè)將會為企業(yè)內(nèi)部的管理帶來一種全新的模式。網(wǎng)站是實(shí)現(xiàn)這一模式的平臺。在降低企業(yè)內(nèi)部資源順好、減低成本、加強(qiáng)企業(yè)員工與員工，企業(yè)與員工之間的聯(lián)系和溝通等方面發(fā)揮巨大的作用，最終使企業(yè)的運(yùn)營和運(yùn)作打到最大的優(yōu)化。第三章 技術(shù)支持第一節(jié) Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的Roundtrip HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式。Dreamweaver可以為用戶做到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。Dreamweaver還是一個可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴(kuò)展Dreamweaver的行為和屬性檢查器。至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種：① 文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。② 裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。③ 對象工具欄包含創(chuàng)建不同類型的對象（例如 圖象、表格和層等）的按鈕。④ 屬性檢查器顯示選定對象的屬性。⑤ 快捷菜單可以使用戶對當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。⑥ 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。第一節(jié) Macromedia Flash Macromedia Flash ，它可制作出用于瀏覽時的導(dǎo)航控制、制作動畫圖標(biāo)、帶同步聲音的大段的動畫，創(chuàng)建出生動富于表現(xiàn)力的網(wǎng)頁。Flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過對 Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對變量及函數(shù)的設(shè)置。第三節(jié) FireworksAdobe Fireworks可以加速 Web 設(shè)計與開發(fā)，是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks不僅具備編輯矢量圖形與位圖圖像的靈活性， 還提供了一個預(yù)先構(gòu)建資源的公用庫, 并可與 Adobe Photoshop、Adobe Dreamweaver和Adobe Flash軟件省時集成。 在Fireworks 中將設(shè)計迅速轉(zhuǎn)變?yōu)槟Ｐ停蚶脕碜?Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入Dreamweaver 中輕松地進(jìn)行開發(fā)與部署。Fireworks特性如下：① 矢量編輯與位圖編輯。創(chuàng)建和編輯矢量圖像與位圖圖像，并導(dǎo)入和編輯本機(jī) Photoshop 文件。② 圖像優(yōu)化。采用預(yù)覽、跨平臺灰度系統(tǒng)預(yù)覽、選擇性 JPEG 壓縮和大量導(dǎo)出控件，針對各種交付情況優(yōu)化圖像。③ 高效的 Photoshop 和 Illustrator 集成。導(dǎo)入 Photoshop (PSD) 文件， 導(dǎo)入時可保持分層的圖層、圖層效果和混合模式。 將 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。 導(dǎo)入 Illustrator (AI) 文件， 導(dǎo)入時可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。④ 智能縮放。通過 9 切片縮放智能地縮放矢量圖像或位圖圖像中的按鈕與圖形元件。 將 9 切片縮放與新的自動形狀庫相結(jié)合, 以加速網(wǎng)站和應(yīng)用程序的原型構(gòu)建進(jìn)度。⑤ 簡化的 Dreamweaver 和 Flash 集成。復(fù)制 Fireworks CS3 中的任意對象, 并直接粘貼到 Dreamweaver CS3 中。 創(chuàng)建可保存為 CSS 和 HTML 的彈出菜單。 將 Fireworks (PNG) 文件直接導(dǎo)出至 Flash CS3, 導(dǎo)出時可保持矢量、位圖、動畫和多狀態(tài)不變, 然后在 Flash CS3 中編輯文件。眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會嚴(yán)重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量（除非放大了與原圖對比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大,最終還是要用Fireworks來處理一下。第四節(jié) JavaScriptJavaScript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java 腳本語言（Java小程序）一起實(shí)現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語言的缺陷，它是Java與HTML折衷的選擇。第五節(jié) Adobe Photoshop 、圖像編輯設(shè)計軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計、封面設(shè)計、美術(shù)繪畫、網(wǎng)頁設(shè)計等領(lǐng)域都被廣泛地應(yīng)用。① 文字處理更加方便② 增加的圖層集使圖層管理更有序。③ 新增圖像功能：圖像的剪切和剪裁更加方便。④ 將所有工具的選項(xiàng)板改進(jìn)為工具選項(xiàng)欄放置在工作區(qū)頂部，方便先項(xiàng)參數(shù)的設(shè)置。⑤ 為了更方便地用路徑繪畫，改進(jìn)增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。第六節(jié) DIV+CSS一、什么是divdiv標(biāo)簽和其他HTML標(biāo)簽沒有什么區(qū)別，需要由關(guān)閉標(biāo)志。如果不加入任何css樣式，它的效果類似p標(biāo)記。Div示例代碼如下：div內(nèi)容/div把css的擴(kuò)展屬性放入div標(biāo)簽中，就可以控制div容器中的所有HTML元素顯示在屏幕上的具體位置，為了實(shí)現(xiàn)這種1:1的精確控制，必須給當(dāng)前的div加上唯一的id，用來區(qū)分其他div標(biāo)記。還有一種情況是：你想讓一類或者說幾個div具有相同的樣式屬性時，可以給每個div加上class屬性，這樣具有同樣class屬性的div標(biāo)記樣式相同。代碼如下：div id=”wrap”內(nèi)容/divdiv class=”button”內(nèi)容/div二、什么是CSSCSS是英文Cascading Style Sheet縮寫形式，中文譯為層疊樣式表或級聯(lián)樣式表。Web設(shè)計者可利用它來定義文檔的樣式，這里指的文檔不僅限于（X）HTML。通過CSS，設(shè)計者可控制文檔的字體、顏色、圖像、表格、鏈接和布局格式，同時設(shè)計者也可以將表示樣式外觀的信息從內(nèi)容中分離出來，集中放置在頁面的某一部分，甚至可保存為獨(dú)立的文件，從而減少文件的大小，節(jié)省網(wǎng)絡(luò)的寬帶、節(jié)約web設(shè)計
語文相關(guān)推薦
鄂ICP備17016276號-1