金沙9375娱城手机app下载|首页欢迎您!

  • <tr id='qV90N7'><strong id='qV90N7'></strong><small id='qV90N7'></small><button id='qV90N7'></button><li id='qV90N7'><noscript id='qV90N7'><big id='qV90N7'></big><dt id='qV90N7'></dt></noscript></li></tr><ol id='qV90N7'><option id='qV90N7'><table id='qV90N7'><blockquote id='qV90N7'><tbody id='qV90N7'></tbody></blockquote></table></option></ol><u id='qV90N7'></u><kbd id='qV90N7'><kbd id='qV90N7'></kbd></kbd>

    <code id='qV90N7'><strong id='qV90N7'></strong></code>

    <fieldset id='qV90N7'></fieldset>
          <span id='qV90N7'></span>

              <ins id='qV90N7'></ins>
              <acronym id='qV90N7'><em id='qV90N7'></em><td id='qV90N7'><div id='qV90N7'></div></td></acronym><address id='qV90N7'><big id='qV90N7'><big id='qV90N7'></big><legend id='qV90N7'></legend></big></address>

              <i id='qV90N7'><div id='qV90N7'><ins id='qV90N7'></ins></div></i>
              <i id='qV90N7'></i>
            1. <dl id='qV90N7'></dl>
              1. <blockquote id='qV90N7'><q id='qV90N7'><noscript id='qV90N7'></noscript><dt id='qV90N7'></dt></q></blockquote><noframes id='qV90N7'><i id='qV90N7'></i>
                設計 任務書 論文 開題 答辯 說明書 格式 模板 外文 翻譯 範文 資料 作品 文獻 課程 實習 指導 調研 下載 網絡教育 計算機 網站 網頁 小程序 商城 購物 訂餐 電影 安卓 Android Html Html5 SSM SSH Python 爬蟲 大數據 管理系統 圖書 校園網 考試 選題 網絡安全 推薦系統 機械 模具 夾具 自動化 數控 車床 汽車 故障 診斷 電機 建模 機械手 去殼機 千斤頂 變速器 減速器 圖紙 電氣 變電站 電子 Stm32 單片機 物聯網 監控 密碼鎖 Plc 組態 控制 智能 Matlab 土木 建築 結構 框架 教學樓 住宅樓 造價 施工 辦公樓 給水 排水 橋梁 剛構橋 水利 重力壩 水庫 采礦 環境 化工 固廢 工廠 視覺傳達 室內設計 產品設計 電子商務 物流 盈利 案例 分析 評估 報告 營銷 報銷 會計
                 首 頁 機械畢業設計 mile米乐集团 計算機畢☆業設計 土木工程畢業設計 視覺傳達畢業設計 理工論文 文科論文 畢設資料 幫助中心 設計流程 
                墊片
                您現在所在的位置:首頁 >>理工論文 >> 文章內容
                                 
                墊片
                   我們提供全套畢業設計和mile米乐体育服務,聯系點擊這裏給◣我發消息   1257590467   
                Html網站◆的設計與制作
                文章來源:www.biyezuopin.cc   發布者:mile米乐集团  
                ograph;"> var lyr = document.overDiv.document

                lyr.write(txt)

                lyr.close()

                }

                else if (ie4) document.all["overDiv"].innerHTML = txt

                if (tr) { trk(); }

                }

                function showObject(obj) {

                if (ns4) obj.visibility = "show"

                else if (ie4) obj.visibility = "visible"

                }

                function hideObject(obj) {

                if (ns4) obj.visibility = "hide"

                else if (ie4) obj.visibility = "hidden"

                }

                function moveTo(obj,xL,yL) {

                obj.left = xL

                obj.top = yL

                }

                function trk() {

                if ( (ns4) || (ie4) ) {

                nt=new Image(32,32); nt.src="images/2002-1/dot.gif";

                bt=new Image(1,1); bt.src="images/2002-1/dot.gif";

                refnd=new Image(1,1); refnd.src="images/2002-1/dot.gif";

                }

                tr = 0;

                }

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                3.3  一盞茶坊

                在休息時讓我們的腳步在這裏停留,讓心在這裏徜№徉,用一盞燈,一杯茶的時間來品味人生的另一份靈動。效果如圖3-3所示:

                3-3

                 

                3.4 佳篇難棄

                一陣清新的茶香飄來,吸引你我來這到這裏,品茗之後,便是久久彌香。效果如圖3-4所示:

                3-4

                此頁面中作家介紹處用到了文字滾動,主要代碼如下:

                document.write ("")

                document.write ("

                巴金

                ")

                document.write ("

                ")

                document.write ("//巴金的簡∑介")

                document.write ("
                ")

                document.write ("

                冰心

                ")

                document.write ("
                1900—1999.2.28")

                document.write ("//冰心簡介 ")

                document.write ("
                ")

                document.write ("

                老舍

                ")

                document.write ("
                l899
                23—1966824 ")

                document.write ("//老舍簡介")

                document.write ("
                ")

                document.write ("

                魯迅

                ")

                document.write ("//魯迅簡介")

                document.write ("
                ")

                document.write ("

                朱自清

                ")

                document.write ("//朱自清簡介")

                document.write ("
                ")

                document.write ("

                郭沫若

                ")

                document.write ("//郭沫若簡介")

                document.write ("")

                document.write ("

                ")

                3.5 讀書時間

                俗話說書中自由黃▲金屋,書中自由顏如玉,給自己一點時間,讓它帶我們去瀏覽書中的那個臆想時間。讓我們徜徉在書的海洋之中。效果如圖3-5所示:

                3-5

                3.6 網絡文學

                在這裏,你可以看到另一個熱鬧的生活,也可以將自己的快樂與樂趣同大家分享。網絡文學不僅♀繼承了傳統文學原有的元素,同時也有它自己獨特的魅力。

                3.7 文娛驛站

                裏存放的是中國古代與西方的經典作品及一些非常好的網上文章,雖然它們與●網站的主題並不一致,但卻令人有難以割舍之感。效果如圖3-6

                3-6

                e空間:e世界的狂想地,這★裏只有你想不到的沒有你看不到的。在這裏你可以找到一份驚喜。

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                經過這段時間的學習與制作,讀書『會網站的設計制作基本上已經完成。對這次制作畢業作品的設計過程,對我來說是一個將從書本上所學到的理論知識應用到實際操作中去。通過這次的々畢業作品設計讓我更加深▲入的了解了制作一個網站的基本過程和基本架構,還對制作網站用到的制作工具∮Dreamweaver、修圖用到的ps有了更多的了解,同時也使我能夠更加熟練的使用這些工具。在這次畢業作品的設計中使我學到了比以前更多的知識,提高了自己的自學能力和操作能力,我深信這段時間的努力學習一定會對我以後的工作帶來很大的幫助的↑。

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                參考文獻

                1】《Dreamweaver應用與網頁設計案例教程》 楊長安 沈大林 人民郵電出版社 200910

                2】《Dreamweaver 8 循序漸進教程》龍騰科技  中國林業出版社 20075

                3】《Adobe Photoshop  CS3 圖形圖像處理案例教程》 洪光 趙倬 北京大學出◥版社  20091

                4】《Flash CS3 動畫制作案例教程》俞欣 洪光 北京大學出版社  20091

                5】《CSS網站布局實錄》李超 編著  科學出版社  20079

                 

                 

                幾年的大學生活即將結束,我們的校園生活就要結束了,心中是無盡的↘愛與不舍。從學校出來,對於我⊙的生活來說,將是一個新的▓起點、新的征程,步入社會就要求我們能夠把科學理論應用到實際的工作中。

                    經過這段時間的忙碌,我的畢業設計讀書會網站也基本結束。設計從開始定題到網站基本功能的實現,感謝有丁萃婷老師給予我的細心教導與指引,使得我最終能夠完成畢業作品的設計。雖然這次設計由於個人能力、時間約束和設計經驗的缺乏,可以在整個設計網站設計的一些〒功能不完善,需要進一步努力。現請各位指導老師對我這段時間的努力所得的作品進行指導,並加以指正。最後,向百忙之中抽出時間對我的畢業作品進行審@ 閱、評議的各位老師表示感謝。


                ,

                 

                 

                學生畢業設計

                 

                 

                課題名稱:

                XX網站的設計與制作

                系     部:

                計算機科學系▲

                班    級:

                16網絡技術02

                學生姓名:

                 

                指導老師:


                完成日期:

                2018年11月22日

                   

                 

                前言 2

                第一章 網站的開發工具 3

                1.1 Dreamweaver簡介 3

                1.2 DIV+CSS 3

                1.3 Adnbe Photoshop  CS簡介 4

                1.4 JAVA腳本語言 4

                1.5 Flash簡介 5

                第二章 網站】的總體規劃 7

                2.1 網站的結構◎圖 7

                2.2 網站的風格 7

                2.3  素材準備 8

                第三章 網站功能某塊的制作 9

                3.1  index.html頁面 9

                3.2 主頁頁面 10

                3.3 一盞茶坊 14

                3.4 佳篇難棄 14

                3.5 讀書時間 16

                3.6 網絡文學 16

                3.7 文娛驛站 17

                 

                結論 18

                參考文獻 19

                致謝 20

                  

                 

                今天的世界已經迅速◆進入信息時代,互聯網已成為第二十一世紀最熱門的行業之一,由於它的快速發展和在全世界的廣泛應用帶來了革命性的變化。網絡技術的發展也取得了巨大的成就,為網站的發展提◢供了技術支持。網站已經成為必不↘可少的網絡營銷平臺,很多企業在現階段,互聯網的應用規★模不斷擴大。其中,特別是各類中小企業營銷,對網絡平臺的需求十分迫切。各大門戶網站、企業網絡是在WEB的標準上,使用DIV+CSS布局,因此我就有了此次選題的想法。

                論文詳細論述了一個基於書籍網站開發的設∞計過程。在技術上,用Dreamweaver網頁開發,PS的圖像處理,動畫設計工具,用HTML結合JavaScript客戶端語言超級功能, PS強大的圖像處理功能,flash的超強動畫制作功能相聯合,這種結↙構有利於網站系統對未來的把握,並對未來的發展積累了一定的經驗,提高網站制作的能力,最重要的是魅力和功能的顯示和DIV+CSS進行網頁設計。

                本網站實現了首頁、一盞茶坊、佳篇難棄、讀書時間、網絡文學、文娛驛站等功能,系統符合讀書網站的基本需求。

                本論⊙文的整體部署如下:先介紹了相關的開發工具及技術基礎;其次;在需求分析網站,並提出了具體的設計;而後詳細的展示了全部網站的實現,其中包含網頁的策劃和銜接,每個功能模塊的具體實現;最後對本網站進行了常規的測試。

                第一章  網站的開發工具

                本網站運用的開發工具DreamweaverAdobe Photoshop  CS3Flash的簡介。

                1.1 Dreamweaver簡介

                Dreamweaver是美國由MACROMEDIA公司開發的用於網頁制作和網站管理的軟件,它操作簡便,可進行多個網站的管理,使用此軟件可以將通過定義▓類文件、css樣式、庫文件、模板等,將多個頁面設置成相同的頁面,只需要更改母版文件就可以實現對文件的更新,十分的便利,就不需要單個更改。

                Dreamweaver中部分常用的菜單和面板的作用如下所述:

                1、主菜單欄

                Dreamweaver軟件界面頂部的主菜單欄,包括Dreamweaver使用的各種編輯操作命令。這些命令以下拉菜單的形式隱藏在每個菜單標題的下面。通過單擊○菜單標題,可以打開標題內的下拉菜單列表。選擇各種菜單選項,可以完成各種相關的操作。

                2、插︼入菜單欄

                插入菜單欄位於主菜單的下面,包含了dreamweaver中各類經常使☆用的頁面元素。這些頁面元素按照常用、布局、表單等功能分類顯示在插入欄的上側。單擊某個分類的名稱,可以再插入菜單欄的下側顯示每個分類的具體信息。

                3、文檔窗口

                    文檔窗口是dreamweaver中ζ的主要部分,編輯和顯示的頁面內容都是在這個區域完成的。在文檔窗口的頂部,顯示了文檔的標題。在文檔標題的下面,顯示了文檔的三個視圖和常用的按鈕。通過代碼、拆分、設計這個三個選項,可以控制文檔窗口中內容的顯示方式。

                4、屬性面板

                屬性¤面板顯示在文檔窗口的下面,用來ω 顯示和編輯頁面中各種頁面元素中定義的相關屬性。通過對屬性面板中相應參數的修改,可以對頁面元素的各種顯示效果和相關屬性進行精確控制。

                5、其他常用面板

                其他經常使用的面板顯示在dreamweaver界面的右邊,包含面板、應用程序面板、標簽面板等。通過這些面板可以方便地查看和編輯頁面中的各種相關內容,例如查看某些元素中定義的CSS樣式等。

                1.2  DIV+CSS

                CSSCascading Style Sheets的縮寫,是一種用來體現XMLHTML等文件式↙樣的計算機語言。DIV+CSS WEB標準”中常用術語之一,div+css 是一種網頁的布局方式,這一種網頁布局方式有別於傳統的HTML網頁設計語言中的表格(table)定位方法,真確地達到了w3c內容與表現相分離。XHTML語言是一種可以將HTML語言標準化,用XHTML語言重寫後的HTML頁面可」以應用許多XML應用技術。使Ψ得網頁更加容易擴展,適用於自動數據交換和更多的規則。在XHTML網站設計標準中,再也不使用表格定位技術,而是采用DIV+CSS的式樣完成各類定位。

                如下是DIV+CSS的優點:

                1. 更好的控制頁面布局。

                2. 提高易用性。使用CSS可以結構化HTML

                3. 大大縮減頁面代碼,提█高頁面瀏覽速度,縮減帶寬成本【;

                4. 制備的CSS很容易。你會很容易的在HTML中寫你喜歡的CSS樣式。

                5. 由於CSS的兼容性它可以一次編寫,多處使用。你的設計不僅可以在Web瀏覽器上使用,也可以在其他設備上釋△放。Adobe Photoshop圖像處理軟件簡稱PS ,是Adobe圖像處理軟件開發資訊公司開發的。Photoshop包括了強大的快速瀏覽功能、顏色匹配方便快捷、調色板種類○齊全、陰影或加亮的修正功能、支持多種模式的圖〖像輸入功能、支持快速查看、flash輸入、沿路徑放置文本、還可以自定義←快捷鍵。PS圖像處理軟件主要用於處理數字圖像,而不是圖

                6. 縮短改版時間。

                7. 表現和內容相分離。

                8. 強大的字體控制和排版能力。

                1.3 Adobe Photoshop  CS3簡介

                圖形制作。圖像處理是可編輯的〗圖像處理和特效的使用,其重點是對圖像進行處理;PS已廣泛應用在數◣字圖像處理中,圖像編輯領域的合成,封面設計,廣告設計,網頁設計等。Adobe  Photoshop經歷了多個版本我所選用的是Adobe Photoshop  CS3

                Adobe Photoshop  CS3Adobe Photoshop  CS3的優越處有以下幾點:

                 文字處理更加方便。

                 增加的圖層集使圖層管理更有序。

                 新增圖像功能、圖像的剪切和剪⌒ 裁更加方便。

                處理速度比較快、對機器的硬件要求不是特別的高。

                1.4 JAVA腳本語言

                JavaScript的對象事件驅動的腳本語言,它是基於Web瀏覽器的客戶導向。由於HTML語言的能力有限,不能滿足我們的期望設計,實現豐富多彩的動態效果。在這樣的環境下各種腳本語言應運而生,JavaScript就是其中之一。

                   JavaScriptC++Java的面向對象的語言比較成熟,JavaScript的功能要差一些,但是JavaScript不能被用來編寫獨立運行的應用程序,但JavaScript的腳本可以在一個解釋器中運行,解釋器可以是Web服務器可以也可以是網絡瀏覽器。 JavaScript是一個較為寬松的類型不具※有明確定義的變量的數※據類型的語言, JavaScript的將自動根據需要進行轉換。都寫在出現在程序源代碼的形式的JavaScript ,就是說你看到一個頁面中一個相當不錯的JavaScript代碼,只是你需要他們,你可以拷貝,然後把它放在你的網頁中去。這是因為它可以學習的優秀網站參考代碼的特性,使JavaScript的本身也變得非常流行,它被廣」泛應用。誰的人已經明白編程,多參考的JavaScript示例代碼,可以很快上手。 JavaScript允許用戶以交互方式瀏覽豐富多彩的個性化內容,能夠大大提高了Web服務器和Web應用程序〗的吸引力。

                JavaScript的特點: 

                簡單、易學、易用; 

                事件驅動式的腳本程序設計思想; 

                動態、交互式的操作方式。

                JavaScript最大特點是:

                它的var類型有點貌似java語言的object類型,類型基本上都可以用它來聲明,也正是它的弱類型,js具有非常強大的靈活性。 

                JavaScript的作用: 

                交互式操作; 

                表單驗證; 

                網頁特效; 

                Web遊戲; 

                服務器腳本開發;

                , -ideograph;">  

                第二章 網站的總體規劃

                 

                網站的總體規劃決定著網站的整體布局,在整個網站的設計中具有舉足輕重的作用。只有前期對網站的整體結構、網站的風格和素材等制作網站的必要々東西準備齊全,在整個網站的制作中才能夠快速順利的完成

                2.1 網站的結構圖

                根據@ 一般網站的基本功能需求,完成了本網站的基本結構,網站主要由“一盞茶坊”,“佳篇難棄”,“讀書時間”,“網絡文學”,“文娛驛站”,“e空間”六個網站頁面組成。總體結構如圖2-1所示:

                 

                 

                 

                 

                2-1

                2.2  網站的風格

                本網站的主界面是很服飾和目錄式的頁面,分為上、下左、下中和下右4分部分。頂部是一個橫幅,下左是一個目錄,下中是個書目,下右是本站介紹和本站寄語。下左中的超鏈接可以保存本頁面、可以給我留言、還可以直接進入我的空間。下中書目上的超鏈接可以直接進去看本書的詳細內容。下右中的本站介紹可以讓瀏覽者更詳細的了解本網站,本站寄語中點擊我的名字可以進入到我的微博可以對我有更多的了解。網站整體運用藍色做背景,風格上主要強調簡潔、大方、布局簡單的特點。主頁由flash制作,通過導航條的∮引導可以進入網站了解網站的全部內容。用戶可以通過網頁上導航的提示來取得自己感興趣的文本和圖文的詳細描述。

                2.3 素材準備

                搜集素材在網站制作中也是重要的一個環節,我們只有準備好制作網站的必備素材,才能夠更好更快的制作網站,從而不會浪費時間和精力。

                制作網站的準備工作不僅僅包括收集許多符合網站的文本,網站內容的圖片◤,還包括網站設計的布局和設計。網站中圖片大部分是從素材精品屋等網站搜集的,有的圖片是直接應用到網站中,有的是自己用Photoshop自己處理的。書籍是從當當圖書、亞馬遜商城和一些電子書網站上搜集過來的。

                素材準備好後,我們最好能把從網上搜集過來的素材進行一些必要的歸類,也就是把素材整理成一些整齊的目錄,把它們放在站點所在放置的目錄下,這樣放置比較方便處理。例如:將圖片都→放在image文件夾中、文字都放在txt文檔中等。

                第三章 網站功能某塊的制作

                3.1  Index.html頁面

                JavaScript寫的,在此頁面中點擊“進入濃久沁香的小屋”便可進入網站的主頁,頁面如圖3-1所示:

                3-1

                以下是Index.html的主要代碼:

                 function MM_reloadPage(init)

                if (init==true) with (navigator)

                {

                if ((appName=="Netscape")&&(parseInt(appVersion)==4))

                {

                document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;

                }

                }

                else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

                }

                MM_reloadPage(true);

                function MM_openBrWindow(theURL,winName,features)

                 {

                  window.open(theURL,winName,features);

                }

                 

                3.2 主頁頁面

                運用了javascript寫了一個漂浮的窗口,即將鼠標放到導航上下∑邊就會出現相應的小▓窗口,它來對你將訪問的頁面做簡單的介紹。效果如圖3-2所示:

                3-2

                實現漂浮窗口的代碼如下:

                mile米乐集团bms-sports.net

                mile米乐集团bms-sports.net