第六章 圖片編排以美化網頁-「網路藝廊」頁面設計

Embed Size (px)

DESCRIPTION

第六章 圖片編排以美化網頁-「網路藝廊」頁面設計. 課前指引 目前的網頁設計潮流已經從單純的內容編排進步到頁面整體的美術效果。強調版面佈局、配色及強烈的個人風格,更讓頁面注入了新的生命力,也因為這股潮流的導引,讓網頁圖片設計更邁入了一個新的領域。本章的首要重點在頁面圖片的加入,以及編輯調整,其中還包括了頁面背景影像的使用技巧。. 章節大綱. 6-1 加入網頁圖片. 6-5 影像預留位置. 6-2 圖片編輯調整. 6-6 建立網頁相簿. 6-3 背景影像使用技巧. 6-7 應用範例-「網路藝廊」的網 頁設計. - PowerPoint PPT Presentation

Citation preview

  • -

  • 6-1 6-2 6-3 6-4 6-5 6-6 6-7 -

    *

    6-1 Dreamweaverindex.html

    *

    1.2.

    *

    1.2. 1.2.

    *

    1.2.

    *

    *

    banner601.jpg 1.

    2.3.

    *

    2. 1.banner601

    *

    1.images2.

    *

    1.2.

    *

    6-2 1.2. 1.2.

    *

    1.20

    *

    1.20

    *

    1.

    2.

    *

    1.2.CSSCSS 3.1.2.

    *

    1.2.3.4. 2.1.CSS

    *

    1.2.

    *

    *

    *

    1.

    2.

    *

    1.

    2.

    *

    *

    *

    Dreamweaver Photoshop

    *

    1./

    3.+

    2..jpg .jpe .jpeg

    *

    2.1.PhotoImpact3.

    *

    PhotoImpact

    *

    6-3 2.1.back6-3-1.jpg3.

    *

    *

    Dreamweaver/

    *

    *

    2.back6-3-3.jpg1.large.html

    *

    1.CSS

    2.body

    3.4.5.fixed

    *

    6-4 Page1.htmlback6-4-1

    *

    1.page1.htmlback6-4-1.jpg2.

    *

    2.banner603.jpg 3.1.banner604.jpg

    *

    1.

    2.

    *

    (1) 44

    *

    (2)

    1.page2.html2.back6-4-2.jpg

    *

    *

    (3) 1. 1.

    2.

    *

    3.1.2.

    *

    2.

    *

    1.+22.3.

    *

    3. 1.+

    4.2.

    3.

    *

    *

    6-5 1.2. 1.2.

    *

    *

    6-6 Dreamweaver/Fireworks

    *

    /

    *

    1.6.2.

    3.

    5.4.

    *

    6-7 - graphic.htm

    *

    2./ 1.graphic.html

    *

    3. 1.frame_main_graphic.jpg2.

    *

    *

    Fireworks

    *

    *

    1.

    2.

    *

    *

    2. 1.

    *

    2. 1.

    *

    1.

    2.

    *

    *

    1.

    2.

    *

    1.2.

    *

    2.

    1._blank

    *

    1.2.

    *

    Q&A