用Illustrator10做一個簡單的網頁

1.首先用ill設計出網頁的大體布局。

用Illustrator10做一個簡單的網頁

2.然後選中幾個按鈕,執行Object/Slice/make命令,立刻就出現了我們需要的切片。這種切片可以根據對象的大小進行自動調整的,對于設計網頁十分方便。

用Illustrator10做一個簡單的網頁

3.對于網頁下面的文字,由于字體比較小,直接輸出成圖片可能不太容易看清楚,所以我們先用工具箱中的“切片工具”手工設置一個切片範圍(切片編號爲15),這個切片中的內容以後可以在Dreamweaver或者Golive中進一步編輯,最後處理成文字可能效果更好一些。

用Illustrator10做一個簡單的網頁

4.用“切片選擇工具”可以調整切片的大小。

用Illustrator10做一個簡單的網頁

5.然後選擇File/Save for Web命令,將出現下面的面板。用“切片選擇工具”可以選擇不同的切片並對它們進行不同的優化處理:首先根據切片中圖像的特征,確定優化方式是Gif、JPEG還是PNG格式;然後再爲各種圖像格式選擇合理的優化參數(這一步不太好說明白,先跳過去了)。在“圖像尺寸”面板中,可以確定網頁輸出的尺寸。

用Illustrator10做一個簡單的網頁

6.點擊面板右下方的IE圖標,可以對將要輸出的網頁進行預覽。一切就緒後點擊“保存”按鈕,在彈出的對話框中選擇“Html and Image”輸出。

用Illustrator10做一個簡單的網頁

7.下面回到Illustrator中繼續進行處理。爲了作出“鼠標經過效果”(就是Rollover效果,不知道怎麽翻譯才好,暫時先用這個吧),再次選擇幾個按鈕,更改一下按鈕的顔色。

用Illustrator10做一個簡單的網頁

8.然後選擇File/Save for Web命令,首先不要忘記將圖像尺寸調整到和第一次一樣的大小,然後用“切片選擇工具”同時選中所有按鈕(按住Shift鍵)。

用Illustrator10做一個簡單的網頁

9.優化完畢後,點擊Save進行輸出,首先要把文件改一個名字,要不然會覆蓋掉第一次輸出的圖像,比如第一次輸出時文件的名稱爲Index,那麽第二次輸出時不妨就叫Indexover。然後在保存類型中選擇“Image Only”,在最後一個選項中選擇“Selected Slices”進行輸出。

用Illustrator10做一個簡單的網頁

10.最後輸出的文件應該大概和下面這張圖片差不多。

用Illustrator10做一個簡單的網頁

11.最後在用Dreamweaver和Golive這樣的軟件進行一下簡單的編輯,最終效果就是下面這張圖了。

用Illustrator10做一個簡單的網頁

用Illustrator10做簡單網頁
  1.首先用ill設計出網頁的大體布局。    2.然後選中幾個按鈕,執行object/slice/make命令,立刻就出現了我們需要的切片。這種切片可以根據對象的大小進行自動調整的,對于設計網頁十分方便。    3.對于...查看完整版>>用Illustrator10做簡單網頁
 
用Illustrator 10做一個簡單的網頁
用Illustrator 10做一個簡單的 1.首先用ill設計出的大體布局。 2.然後選中幾個按鈕,執行object/slice/make命令,立刻就出現了我們需要的切片。這種切片可以根據對象的...查看完整版>>用Illustrator 10做一個簡單的網頁
 
爲火狐浏覽器提速 三個竅門簡單實現-網頁浏覽
爲火狐浏覽器提速 三個竅門簡單實現-網頁浏覽
  在火狐中清理一下下載列表、刪除Java控制台舊數據,並且切換到新開的標簽頁,即可快速提升火狐浏覽器速度。不相信?作者在文中爲你嘗試。    1.清除下載列表 改進火狐性能    最近我注意到在火狐浏覽器下...查看完整版>>爲火狐浏覽器提速 三個竅門簡單實現-網頁浏覽
 
爲火狐浏覽器提速 三個竅門簡單實現-網頁浏覽
爲火狐浏覽器提速 三個竅門簡單實現-網頁浏覽
  在火狐中清理一下下載列表、刪除Java控制台舊數據,並且切換到新開的標簽頁,即可快速提升火狐浏覽器速度。不相信?作者在文中爲你嘗試。  1.清除下載列表 改進火狐性能  最近我注意到在火狐浏覽器下載文件,...查看完整版>>爲火狐浏覽器提速 三個竅門簡單實現-網頁浏覽
 
簡單設置 讓IE9下載多個文件無限量-網頁浏覽
簡單設置 讓IE9下載多個文件無限量-網頁浏覽
  默認情況下,使用IE9下載文件時,限定數量爲2;不過你可以將IE9的下載設置更改,讓下載文件數量大于2。    讓IE9的下載數量增大的步驟如下:  1.找到“開始”菜單欄 - 運行 - 在搜索框輸入“regedit”  ...查看完整版>>簡單設置 讓IE9下載多個文件無限量-網頁浏覽
 
簡單幾步小操作 讓您的IE 9更加省電-網頁浏覽
簡單幾步小操作 讓您的IE 9更加省電-網頁浏覽
  微軟官方對當今全球最流行的5款浏覽器進行了功耗(電量消耗)測試,測試的項目包含浏覽器本身界面、HTML4應用、HTML5應用(硬件加速)的功率消耗。在一個標准的56瓦特電池下,IE9以更長的電池續航時間領先其他浏...查看完整版>>簡單幾步小操作 讓您的IE 9更加省電-網頁浏覽
 
7個IE9簡單小技巧 讓您用起來更順手-網頁浏覽
  一、將分頁標簽顯示在另一行  第一次使用IE9的人,應該會覺得IE9的網址欄跟分頁標簽擠在同一行裏面,用起來很不習慣。其實這個問題很容易解決,只要在索引標簽上方按下滑鼠右鍵,點選“在單獨一行上顯示選項卡...查看完整版>>7個IE9簡單小技巧 讓您用起來更順手-網頁浏覽
 
DIV+CSS建設網頁簡單的6個步驟-css設計
大家都知道用DIV+CSS的布局來設計網站便于優化,容易被收錄,比如兩個網站同時上線,擁有同樣的外鏈,推廣2個月後,保證使用DIV+CSS布局的站點獲得的排名比傳統的TABLE 要好,用DIV+CSS建設該網站首先是從整體布局入...查看完整版>>DIV+CSS建設網頁簡單的6個步驟-css設計
 
簡單兩步 恢複IE崩潰時意外關閉網頁-網頁浏覽
簡單兩步 恢複IE崩潰時意外關閉網頁-網頁浏覽
  有沒有遇到過這樣的情況,爲了查找資料打開了很多網頁,突然系統崩潰或是浏覽器意外關閉,線索一下子全斷了…真是很沮喪啊!  對此,Internet Explorer 顯然是早有准備。簡單兩步,問題解決,辛苦工作就不用白費...查看完整版>>簡單兩步 恢複IE崩潰時意外關閉網頁-網頁浏覽
 
 
回到王朝網路移動版首頁