中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

在本文中我們將幫助您親身體驗(yàn)Fireworks在網(wǎng)頁(yè)創(chuàng)作中的強(qiáng)大功能，我們通過(guò)一個(gè)網(wǎng)站頁(yè)面的設(shè)計(jì)過(guò)程，為您詳細(xì)介紹Fireworks在網(wǎng)頁(yè)設(shè)計(jì)的不同階段是如何處理各種不同任務(wù)的。通過(guò)解決您所遇到的每一個(gè)具體的任務(wù)，您將對(duì)Fireworks的主要功能有一個(gè)統(tǒng)一的全局性的了解，同時(shí)為您在設(shè)計(jì)中如何利用Fireworks提供一個(gè)清晰的思路。下圖是這個(gè)教程完成后的外觀：

我們將根據(jù)這一個(gè)典型網(wǎng)站其中一個(gè)頁(yè)面設(shè)計(jì)流程，使您逐步學(xué)習(xí)到以下內(nèi)容：
1、導(dǎo)入并編輯位圖圖像。
2、自動(dòng)任務(wù)處理
3、創(chuàng)造矢量圖形
4、創(chuàng)建文字
5、創(chuàng)建按鈕
6、創(chuàng)建導(dǎo)航條
7、設(shè)定按鈕屬性
8、建立切片
9、創(chuàng)建拖拽翻轉(zhuǎn)效果
10、創(chuàng)建彈出菜單
11、創(chuàng)建變形動(dòng)畫(huà)
12、優(yōu)化圖像
13、輸出HTML文件到Dreamweaver
14、在Dreamweaver中進(jìn)行往返表格編輯

一、設(shè)計(jì)前準(zhǔn)備

1、網(wǎng)站介紹：

在教程介紹之前首先讓我們來(lái)看一下我們將要完成的主要任務(wù)。這是一個(gè)服飾公司的企業(yè)網(wǎng)站設(shè)計(jì)，公司主要以男式服飾為主，同時(shí)也兼顧部分女士服飾。網(wǎng)站的主要任務(wù)是幫助瀏覽者了解公司的基本概況和產(chǎn)品信息，并作為公司的一個(gè)展示窗口，向參觀者展示企業(yè)的形象及產(chǎn)品系列。根據(jù)業(yè)主的要求，網(wǎng)站包含了企業(yè)概況、企業(yè)人才、產(chǎn)品展示、公司榮譽(yù)以及聯(lián)系方式。我們將以此得到網(wǎng)站的導(dǎo)航結(jié)構(gòu)。

2、設(shè)計(jì)指導(dǎo)思想：

本網(wǎng)站設(shè)計(jì)的指導(dǎo)思想是在網(wǎng)絡(luò)上營(yíng)造一個(gè)優(yōu)雅、高貴、寧?kù)o的氛圍，為了體現(xiàn)這一主題，設(shè)計(jì)者將紋理、景深、光影、基調(diào)與有形的模特照片和靜態(tài)的文字結(jié)合起來(lái)，更多的使用直線、堅(jiān)硬的邊緣、暗的色調(diào)來(lái)組成網(wǎng)站界面。頁(yè)面中以較大面積的男性模特圖片突出男式服飾這一主題，以穿插的直線段體現(xiàn)一種服裝紋理的感覺(jué)。公司的名稱(chēng)則以一種柔軟光滑的粗倩體來(lái)表現(xiàn)，以打破整個(gè)頁(yè)面的堅(jiān)硬感，同時(shí)以白色突出企業(yè)名稱(chēng)，達(dá)到非常亮眼的感覺(jué)。

3、頁(yè)面結(jié)構(gòu)：

整個(gè)網(wǎng)站采用統(tǒng)一的結(jié)構(gòu)，分為上下兩個(gè)部分，上面為網(wǎng)站的導(dǎo)航條，下面左邊以不同的男式服飾圖片及文字標(biāo)題表示各頁(yè)主題。右邊為內(nèi)容區(qū)，以深色帶條紋的圖片作為背景。

下面我們將根據(jù)上述設(shè)計(jì)分析，分不同的部分為您介紹制作過(guò)程。在新建一個(gè)文件后，我們需要對(duì)我們的工作環(huán)境進(jìn)行簡(jiǎn)單的設(shè)定，以符合我們的任務(wù)要求。首先需要設(shè)定工作區(qū)的面積及背景顏色，打開(kāi)Modify>Canvas Size針對(duì)常見(jiàn)的800x600分辨率，我們?cè)O(shè)定工作區(qū)的長(zhǎng)為776這可以根據(jù)需要設(shè)定，但最好不要超過(guò)778，高為515根據(jù)實(shí)際內(nèi)容確定，再執(zhí)行Modify>Canvas Color設(shè)定背景色為黑色。再打開(kāi)View>Grid>Edit Grid對(duì)話框，設(shè)定水平方向網(wǎng)格間距為10像素，垂直方向?yàn)?像素，并將網(wǎng)格顏色設(shè)為暗灰色以不影響觀察頁(yè)面，打開(kāi)網(wǎng)格顯示和網(wǎng)格捕捉。如下圖所示：

出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色

上一頁(yè) 下一頁(yè) 導(dǎo)入并編輯位圖/自動(dòng)任務(wù)處理

◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論