g37dreamweaver cs6網(wǎng)頁設計立體化教程-課件第1章

高等教 化精品系列規(guī)第1 DreamweaverCS6網(wǎng)頁制作基DreamweaverCS6網(wǎng)頁設 （微課版1.11.1課堂案例：賞析購1.1.6從結構、內(nèi)容和形式上賞網(wǎng)頁常用術網(wǎng)頁色彩搭HTML標記語常用網(wǎng)頁制作軟件—Dreamweaver概課堂案例：創(chuàng)建“千履千尋”公司站項目實課后練技巧提 和網(wǎng)頁的關互聯(lián)網(wǎng)是由成千上萬 組成，而每 又是由諸多網(wǎng)頁構成，因此可以 是由網(wǎng)組成的一個整體在Internet中根據(jù)一定規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的關網(wǎng)頁集合。通 的作用是發(fā)布資訊或提供相關服務網(wǎng) 網(wǎng)頁是Internet中的頁面，在瀏覽器的地址欄中輸 地址打開的頁面是網(wǎng)頁，網(wǎng)頁是構 的基本元素， 應用平臺的載體的類是多個網(wǎng)頁的集合， 內(nèi)容可 分為5種類型：門 、企 、個 專 、職 門門企個個專職職網(wǎng)頁的類根據(jù)分類的依據(jù)不同，可以將網(wǎng)頁分為不同的類按位置分按表現(xiàn)形分

按網(wǎng)頁在中的位置可將其分為主頁和內(nèi)頁，主頁是指的主要導航面，一般是進入時打開的第一個頁面，也稱為首頁；內(nèi)頁是指與主頁的頁面，也就是的頁面。按網(wǎng)頁的表現(xiàn)形式可將網(wǎng)頁分為靜態(tài)網(wǎng)頁和TML語言編寫的，實際存在的網(wǎng)頁文件，它無法處理用戶的信息交互過程，其后綴.tm.htm。H、JSPGI等程序生成，常與數(shù)據(jù)庫結合使用，使網(wǎng)頁產(chǎn)生動態(tài)效果，可以處理復雜用戶信息的交互過程，.as.、.js。和標題正文式04常用于顯示宣傳首頁，常以精美大幅圖像為，設計。放 一類的功能，右側為 02國字型系到頁面結構的合理性，同時還在一定程度 出 的類型定位5.網(wǎng)頁的基本構成元文本、圖像、 和 等元素是構成網(wǎng)頁的基本元素，通過這些元素的組合，能將網(wǎng)頁制作成各種不同類型、風格的頁面文具有體積小，網(wǎng)絡傳輸速度快等點，可使用戶更方便地瀏覽文本信息，是網(wǎng)頁最主要的基本 流它是一種基于FlashMX文件一般為flv格式網(wǎng)頁中

圖

音

動網(wǎng)頁中常用的動畫格式主要有gif畫和swf動畫。gif網(wǎng)頁設計有其專業(yè)的常用術語，如Internet、WWW、瀏覽器、URL、IP、、HTTP、FTP、站點、發(fā)布、超、導航條、客戶機和服務器等，作為一名網(wǎng)頁設計師，必須熟練掌

又名互聯(lián)網(wǎng)或因特網(wǎng)，由各種不同類型的計算機網(wǎng)絡連接起來的全球性網(wǎng)絡是“WorldWide 網(wǎng)”的縮寫，簡稱Web，其功能是讓Web客戶（常用瀏覽器 Web服務器中的網(wǎng)頁瀏覽 將Internet中的文本文檔和其他文件翻譯成網(wǎng)頁的軟件，通過瀏覽器可以快捷獲取Internet中的內(nèi)容。常用的瀏覽器有InternetExplorer、Firefox、Chrome等 統(tǒng)一資源定位符，指定通信協(xié)議和地址，如 ”是一個“http://”表示通信協(xié)議為超文本傳輸協(xié)議 ”表 名稱 網(wǎng)際協(xié)議。Internet中的每臺計算機都有唯一的IP地址，表示該計算機在Internet的位置。IP通常分為A類、B類、C類3類指名稱，在全世界是唯一的。通常把看成的。由固定的網(wǎng)絡管理組織進行全球統(tǒng)一管理。需向各地的網(wǎng)絡管理機構進行申請才能獲取。的書寫格式為：機構名.主機名.類別名.地區(qū)名。 超文本傳輸協(xié)議，是互聯(lián)網(wǎng)上應用最為廣泛的一種網(wǎng)絡協(xié)議。所有的WWW文都必須遵守這個標準 文件傳輸協(xié)議簡稱，通過該協(xié)議，可把文件從一個地方傳到另外一個地方真正地實現(xiàn)資源共享發(fā) 發(fā)布指將制作好的網(wǎng)頁傳到網(wǎng)絡上的過程，也稱為上 站點管理是對一個Internet的站點進行組織、和管理的功能集合。站點可分父子站點。一個站點就是一個所有內(nèi)容所存放的文件夾。Dreamweaver的使用是以站點為基礎的，必須為每一個要處理的建立一個本地站點。 從一個網(wǎng)頁指向一個目標的連接關系，這個目標可以是另一個網(wǎng)頁，可是相同網(wǎng)頁的不同位置，也可以是一個、一個電子郵件地址、一個文件，甚至是一個程序。在瀏覽網(wǎng)頁時單擊超就能跳轉到與之相應的頁面。 客戶機 瀏覽網(wǎng)頁是由個人計算機向Internet中的計算機發(fā)出請求，Internet中的計算機服務 接受到請求后響應請求，將需要的內(nèi)容發(fā)到個人計算機上，這種發(fā)送請求的個計算機稱為客戶機或客戶端，而Internet中的計算機稱為服務器或服務端網(wǎng)頁安全統(tǒng)、不同瀏覽器中都能夠正常顯示的顏色集合。當使用網(wǎng)頁安全色進行配色后，這些顏色在任何終端用戶的顯示設備上都將顯示為相同的效果。網(wǎng)頁安全色是當紅色、綠色、藍色顏色數(shù)字信302時構成的顏統(tǒng)、不同瀏覽器中都能夠正常顯示的顏色集合。當使用網(wǎng)頁安全色進行配色后，這些顏色在任何終端用戶的顯示設備上都將顯示為相同的效果。網(wǎng)頁安全色是當紅色、綠色、藍色顏色數(shù)字信302時構成的顏種顏色。在remar6擊按鈕展開色板，然后選擇需要的顏色色彩的表達方在Dreamweaver中，顏色值最常見的表達方式是十六進制。十六進制是計算機中數(shù)據(jù)的一種示方法，由數(shù)字0-9，字母A-F組成，字母不區(qū)分大小寫。顏色值可以采用6位的十六進制來進行表示并且需 面加上特殊符號“#”，如#0E533DG、、a、CM來進行表示。G色彩模式是通過對紅（R）、綠（G）、之一。色彩模式是普及型設計軟件中常見的色彩模式。L顏色模型由亮度）、a和兩個顏MY也稱作印刷色彩模式，由青、洋紅（品紅）、黃和黑4種色彩組合成各種顏1.1.33.網(wǎng)1.1.33.網(wǎng)頁中常見的色彩搭配方采用相近色配色：相近色是指相同色系的顏色，使用相近色進行網(wǎng)頁色彩的搭配，可以使網(wǎng)頁的更加統(tǒng)一和諧，如暖色調(diào)和冷色調(diào)就是相近色的兩種運綠、紅、青。任何色彩和黑、白、灰、深色和淺色、冷色和暖色、亮色和暗色都是對比色關系。HTML概HTML是標準通用標記語言下的應用，也一種規(guī)范，標準，通過標記符號來標記要顯示在網(wǎng)頁的各個部分。網(wǎng)頁本身是一種文本文件，在其中添加標記符，可告訴瀏覽器如何顯示其中的內(nèi)容TM中盛行的原因之一，其主要特點如下。簡易

HTML語言版本升級采用超集方式，從而更加靈活方便TM的方式，為系統(tǒng)擴展帶來保證。HTML語言是一種標準，HTML語言使用了統(tǒng)一的標準， 在各個瀏覽平臺上進行顯示.4HTML標記語2.HTMLHTML其實就是文本，它需要瀏覽器的解釋，它的編輯軟件大體可以分為3PRATPRATPRATHTML快速入HTML語言非常簡單，更容易上手。在IE瀏覽器中打開一個index.html文檔。在網(wǎng)頁空白處單鼠標右鍵，在彈出的快捷菜單中選擇“查看源文件”命令，查看網(wǎng)頁HTML源文件2.HTML快速入一個網(wǎng)頁對應一個TM文件，超文本標記語言文件以.hm或.hm為擴展名。可以使用任何能TXT準的超文本標記語言文件都具有一個基本的整體結構，標記一般都是成對出現(xiàn)（），即超文本標記語言文件的開頭<TM與結尾/HTML標志和超文本標記語言的頭部與實體兩大部分。頭

實 元

元素的屬 現(xiàn)在網(wǎng)頁制作工具種類繁多，比較常用的是DreamweaverCS6，支持 選擇【開始】/【所有程序】/【AdobeDreamweaverCS6】菜單命令即可啟動Dreamweaver從頁面內(nèi)容上看：該是一個典型的購物到導航位置為一行，中間左側是主要內(nèi)容，頁面最下方的注明等內(nèi)容為一行。從表現(xiàn)形式上：網(wǎng)頁中間的主要內(nèi)容用大來展現(xiàn)，吸引者眼球，另外通過右側的輪顯動畫效果增加了從配色上看：整個頁面顏色非常統(tǒng)一，且對都進行了一個主色調(diào)處理，背景顏色、文字顏色、商品顏色搭

1.1課堂案例：賞析購1.21.2網(wǎng)網(wǎng)頁設計內(nèi)容和原站點規(guī)行業(yè)提示：何時向客戶收取網(wǎng)頁制作費創(chuàng)建本地站管理站管理站點文件和文件開發(fā)流1.2.1商項目實課后練技巧提商 開發(fā)流需求分析階段：在這一階段，需求分析 首先設計出站點的點結構，然后規(guī)劃站點所功能、內(nèi)容結構頁面等，經(jīng)客戶確認后才能進行下一步的操作。實現(xiàn)階段：始制作靜態(tài)站點。再次對客戶進行演示，在此靜態(tài)站點上設計和編碼開發(fā)。發(fā)布階段：制作完成后，先對進試。測試通過后試運行，試運行階段編碼還需根據(jù)收集到的日志進行網(wǎng)頁設計內(nèi)確確 背景和定確 目內(nèi)容與形象規(guī)

推 網(wǎng)頁設計原網(wǎng)頁設計與其他設計相似，需要內(nèi)容與形式統(tǒng)一，另外還要遵循以下原則統(tǒng)一內(nèi)容形風格定

形式是為內(nèi)容服務的，而內(nèi)容需要利用美觀的形式才能吸引瀏覽者的關注類型的不同，其表現(xiàn)風格也不同，通常表現(xiàn)在色彩、構圖和版式等方面總之，設計時一定要采用美觀、科學的色彩搭配和構圖原則確定風格對網(wǎng)頁設計具有決定性作用，風格包括內(nèi)容風格和設計風格。內(nèi)版上，這需要設計者具有一定的美術資質(zhì)和修養(yǎng)。CS的使用 設計是企業(yè)識別系統(tǒng)，是企業(yè)、公司、團體在形象上的整體設計，包括業(yè)理念識別、企業(yè)行為識、企業(yè)視覺識別I3部分。前期策劃和內(nèi)容組 整理和 在制作網(wǎng)頁前應先收集要用到的文字資料素材及用于增添頁面特效的動畫等元并將其分類保存在相應的文件夾中通常在 草圖確定后，網(wǎng)頁效果圖設計期間就可以先用以及后期 和技術支持費用等。

制作費用 與虛擬主機選擇【站點】/【新建站點】菜單命令，框的“站點名稱”文本框中輸框的“站點名稱”文本框中輸框，在“選擇打框，在“選擇下拉列表框中選擇D盤中事先創(chuàng)按鈕框，單文件夾，單 按鈕，返回“站按鈕框，單編輯站 “WebURL”文本框中輸入“ 刪除站 站打開“管理站點”框，在列表框中選擇“qlqxsite”選項，單擊“”按鈕站點，單擊“編輯”按鈕，打開設置站點的框，按新建站點的方法重新設置此站點的名稱和保存位置， 按鈕，返回“站點管理”框，單擊按鈕。-st”選項上單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建文件”命令；新建文件的名稱呈可編輯狀態(tài)，輸入“ix”（首頁）后按【Er】鍵確認；繼續(xù)在“站點-qst”sjs”（公司介紹）后按【tr】鍵。課堂案例：賞析購課堂案例：創(chuàng)建“千履千尋”公司站1.3項目1.3項目實1.3.1規(guī)劃“果蔬網(wǎng)1.3.2創(chuàng)建旅游課后練技巧提實訓目規(guī)劃一個，網(wǎng)店中的水果蔬菜是天然無污染的綠色有機食品，另站會定期推出商品，并提供團購，還會教大家能體現(xiàn)該的主要功能，界面設計要符合專業(yè)背物，在規(guī)劃時需要考慮如何體現(xiàn)最有特色的板塊，如何規(guī)劃的表現(xiàn)內(nèi)容等。（1（1）根據(jù)客要求繪制并站點基本結（2）繪制草圖給客戶確認，然后搜集相關的文字 資料操作思創(chuàng)建 旅游實訓目本實訓是為 旅游 創(chuàng)建站點，包括站點中的各種文件和文件夾。要求首先規(guī)劃點結構，然后創(chuàng)建站點以及其中的文件對創(chuàng)建 旅游專業(yè)背隨著旅 業(yè)的火熱，旅游已成為越來越受大眾歡迎的消費項目，旅游 也層出不窮。好的旅游 方界和等。實言“ 游點除了應該具備旅游 的普遍特點之外，還應該突出“ ”一詞，這需要通過有效地設計和整合色彩布局以及簡單輕松的文字等各方面，才能達到效果。除此之外，站點結構的安排也決定著能否突出“創(chuàng)建 旅游3操作思完成本實訓主要包括站點結構的規(guī)劃、站點的創(chuàng)建，以及在站點中規(guī)劃文件和文件夾其操作思路如下圖所示。課堂案例：賞析購課堂案例：創(chuàng)建“千履千尋”公司站項目實1.4課1.4課后練練：規(guī)劃個1.5技巧提本對個本對個進行規(guī)劃于展示用戶的個人攝影作品、個人信息動態(tài)，并且會和大一些攝影作品的技巧。要求制作的網(wǎng)頁能體現(xiàn)的主能，界面設計要符特色。先搜集相和文字等資料，然后制作草圖并確認實訓的站點規(guī)劃草圖效果如右圖所本練制作購物其中的一個子業(yè)的思想和品牌系列。制作時可打課堂案例：賞析購課堂案例：創(chuàng)建“千履千尋”公司站項目實課后練1.51.5技巧提常用的配色軟件網(wǎng)頁推廣軟件站點命名規(guī)常用的配色軟網(wǎng)頁色彩的把握是網(wǎng)頁制作中的一個重點和難點，好的網(wǎng)頁色彩具有視覺舒適性，便于瀏覽者常 。使用一些專門的網(wǎng)頁配色軟件可以方便地創(chuàng)建網(wǎng)頁色彩方案。用于網(wǎng)頁配色的軟件也較多，而常用的有玩轉顏色和網(wǎng)頁配色等，另外，某 也提供網(wǎng)頁色的功能，如藍色理想、模板無憂和千圖網(wǎng)等網(wǎng)頁推廣軟 及ActiveWebTraffic等軟件進行