eb圖像的輸出設置

在Photoshop中，優化Web圖像后，在“存儲為Web所有格式”對話框中，點擊“優化”擴展按鈕，在展開的下拉菜單中選擇“編輯輸出設置”命令。如圖所示：

打開“編輯輸出設置”對話框，在對話框中可以控制如何設置HTML文件的格式、如何命名文件和切片，以及在存儲優化圖像時如何處理背景圖像。如圖所示：

增加內容：Web圖像可以是位圖，也可以使矢量圖。位圖的格式如GIF、JPEG、PNG等都與分辨率有關，這就意味著位圖圖像的尺寸隨著顯示器分辨率的不同而發生著變化，圖像的品質也可能會發生變化。矢量圖格式SVG、SWF與分辨率沒有關系，大家可以對圖像進行放大或者是縮小，并且不會降低圖像的品質。矢量格式也可以包含柵格數據，可以使用“存儲問Web所用格式”命令將圖像導出為SVG和SWF格式。

建議大家集合之前小編分享的內容一起來學習Photoshop，在操作過程中遇到問題可在留言區進行留言，小編會盡快進行回復。

單擊上方的關注按鈕關注小編，一起來學習PS吧！

s網頁設計技巧

以下就是ps網頁設計技巧等等的介紹，希望為您帶來幫助。

1 新建一個800X600像素的空白背景，顏色模式設置為RGB模式。RGB模式顏色是由紅色，綠色，藍色三種顏色相交構成，可以更好的顯示網頁中的色彩內容。

2 新建文件，點擊確定，空白文件會自動顯示在軟件中。對于新建空白文件來說，圖像的寬度和高度的大小要按照等比例進行設計，也可以不勾選重新定義新像素來實現。

3 打開一張車的圖片，移動到白色背景畫布中，選擇圓角矩形工具，選擇路徑為了方便轉換為選區，設置為5個像素，像素越大，圓角矩形的四個圓角就是更加的明顯，然后選擇漸變工具，選中系統自帶的黑白漸變，修改黑白漸變的顏色，改為灰白，也可以設置前景色為灰色，背景色為白色進行漸變的填充，然后點擊確定。

4 然后選擇工作路徑，鼠標CRL點擊工作路徑，設置為選區，選中線性漸變類型，然后畫出漸變的顏色。漸變的方向是從上到下為白色到淺灰色的漸變效果圖。

5 然后選擇修改收縮2個像素，就是將選區收縮小2個像素，變小一些，然后再次從下向上漸變，然后alt快捷鍵復制2個，如圖所示，然后找到車的一個的圖標按鈕，然后用磁性套索工具勾勒好，然后鼠標左鍵拉動到合適位置，然后選擇3個圖層，然后水平分布，和居中分布對齊。然后選擇左對齊分布，分布均勻。分布按鈕是在選擇工具上方的工具欄中，有平均分布對齊等多個按鈕。

6 然后再次用鋼筆工具勾畫另外一個車的圖標，然后再用自由變換調整到合適位置，然后點擊2個圖層之后，進行左對齊分布。分布到形狀中的最左邊位置即可。

7 再次選擇一個不同的車的圖標設計圖片，然后用鋼筆工具進行勾畫圖標，或者為了方便，可以直接用魔棒工具來選擇，選中其需要圖形的一部分。

8 然后再次選中圖形，形狀圖形，全部選中相應圖層，調整水平分布和左對齊分布。當分布不均勻，可以按住鼠標左鍵自動進行調整。

9 所有的圖標都自由變換，調整到合適位置，如圖。按住crl+t來實現圖形的自由變換的內容。如圖

10 輸入相應的文字，文字的顏色設置為黑色，將其三個文字圖層，按住shift鍵和左右方向鍵進行移動調整來改變。之后將車的圖片進行調整，便于觀看，文字進行排版即可。

提高Web應用程序開發的技巧

1. 自動部署

把一個Web應用程序遷移到生產環境一定要盡可能的簡單，快捷。為了實現真正的敏捷性，跟上業務發展的步伐，必須要把Web應用程序頻繁地部署到生產環境才可以，否則，延遲會跨越開發周期地堆積起來。如果把一個新版本部署到生產環境需要花費兩天的時間，那么你的生產力會受到嚴重的影響。

2. 減少復雜性

一個應用程序越復雜，改變它就越困難。解決方案是什么?當發現一個系統規模太大的時候，把這個系統分成幾個更小的子系統。但是，要完成這個任務，需要這樣一種技術：既可以幫助你理解復雜的系統，又可以幫助開發團隊把系統分成多個更容易管理的組件。

3. 從第一天起，就以生產為目標

對于一個時間緊迫的業務問題來說，制定一個快速的解決方案，以后再修改這個應用程序，讓它適應生產環境，是十分具有誘惑力的。這似乎看起來很敏捷，但是，在現實中，監控，可擴展性，日志，用戶管理等都是不可忽略的事情。理想的解決方案是在一個可以讓你理所當然地獲得這些功能的平臺上構建這個Web應用程序。

4. 影響分析

要快速地進行改變，團隊需要確定這些改變不會破壞已經完成的工作。通過以下三個步驟，這個問題會被最小化：首先，在開發過程中，使用影響分析工具：如果一個數據庫的變更會破壞業務邏輯，那么這個工具需要馬上顯示出來。其次，進行回歸測試。最后，確保變更的影響可以被度量，尤其是把生產性的數據放到生產性的服務器中的時候。

5. 在知識傳遞方面進行投資

人員離職，由不同的團隊負責開發和維護，或者必須把團隊重新分配到不同的項目中，這些都是需要在知識傳遞方面進行投資的理由。但是，不要把知識傳遞的重擔壓在開發者的肩上。文檔是無法滿足這方面的需求的，走查代碼比較緩慢，而且也比較困難。應該使用領域特定語言或可視化的語言，把這個工具交給工具來完成。

6. 靈活控制

在面對需要兩天才能批準遷移到生產環境的官僚化流程的時候，只需要10秒鐘的部署流程的優勢徹底喪失了。要實現真正的靈活性，有兩件事情是必需的：全面問責制——如果問題發生的時候，知道應該向誰尋求幫助;最重要的是，可以回滾一個不太成功的部署。

7. 和項目干系人進行合作

越早獲得項目干系人的反饋，Web應用程序開發就會越早走上正軌。如果方向錯誤的話，開發速度再快也沒有意義。考慮到這一點，項目干系人可以很容易地提供關于他們想看到哪些改進的反饋是至關重要的。

看起來好像有很多工作需要做

的確——這些步驟都不是一觸而就的(但是，比起獨角獸飼養場來說，它們要更容易一些)!但是，通過這些技巧，開發團隊的生產力會得到顯著的提高。

網頁制作常見問題

1.超鏈接訪問過后hover樣式就不出現的問題

被點擊訪問過的超鏈接樣式不在具有hover和active了, 解決方法是改變CSS屬性的排列順序: L-V-H-A

ps：好在自己一開始書寫時就沒有把這四種樣式寫全過，我只寫 a:link ，a:hover ，一直也沒出現什么問題，后來發現ie6下a:visited 和 ff下的顏色不一致，這才發現這一個問題。看來沒有問題也不代表書寫正確。

2.IE6的雙倍邊距BUG

浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline

ps：剛開始接觸這一工作的時候真的是不知道怎么回事，還以為是各個瀏覽器之間的解釋不同，制作的時候只能小心意義的以ie6的寬度來定義，可惜ff 和ie經常預覽效果不一致，被某些人抓住不放，當時很是氣氛和郁悶，一氣之下瘋狂百度和谷歌，可惜那時候抓不住關鍵詞，走了不少彎路才找到問題答案，好在現在解決了。Y(^_^)Y

3.為什么FF下文本無法撐開容器的高度

標準瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的,那我又想固定高度，又想能被撐開需要怎樣設置呢?辦法就是去掉he ight設置min-height:200px; 這里為了照顧不認識min-height的IE6 可以這樣定義：

div { height:auto!important; height:200px; min-height:200px; }

4.為什么web標準中IE無法設置滾動條顏色了

解決辦法是將body換成 html

ps: 當時被要求要重新定義滾動條的時候，我查到了兩個方法，一種如上，一種是js仿制滾動條，我應用的是上面的這種，但是發現不兼容IE，后來不了了之了，再后來偶然間才發現了這個解決辦法。

5.為什么無法定義1px左右高度的容器

IE6下這個問題是因為默認的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么樣才能讓層顯示在FLASH之上呢

解決的辦法是給FLASH設置透明

7.怎樣使一個層垂直居中于瀏覽器中

這里使用百分比絕對定位，與外補丁負值的方法，負值的大小為其自身寬度高度除以二

ps:margin的值就是div寬度的1/2;

在網頁上顯示日期的兩種方法

在上網的時候，經常會在一些網頁上看到當前的日期，如“今天是×年×月×日星期×”等字樣。為了顯示系統當前的日期，一般采用腳本語言VBScript或javascript，兩種語言有其各自的特點，特別在網頁教學中，通過這兩種語言的運用和對比，能達到較好的教學效果，現分別介紹它們的設計過程。

一、采用VBScript腳本語言

用VBScript腳本語言來顯示系統當前的日期，通常使用其內部提供的日期和時間函數:

Date——返回系統日期

Weekday(x)——返回日期x是星期幾

Year(x)——返回日期x的年份

Month(x)——返回日期x的月份

Day(x)——返回日期x的日期

二、采用javascript腳本語言

用javascript腳本語言來顯示系統當前的日期，通常使用其內部提供的Date對象，該對象可以用來處理有關日期和時間的操作。利用Date對象中以下幾個方法來顯示日期:

getDate()——獲得當前的日期

getDay()——獲得當前的星期

getMonth()——獲得當前的月份

getYear()——獲得當前的年份

設計時進入HTML編輯方式，在需要顯示日期的位置插入如下代碼:

以上兩種方法都能顯示系統當前的日期，它們各具特色，各有所長。很顯然，VBScript和javascript腳本語言在格式上有明顯的差別，初學者很容易將它們混淆，造成程序在格式上的嚴重錯誤。

點擊左下角了解更多課程資訊

s網頁設計技巧

以下就是ps網頁設計技巧等等的介紹，希望能給您帶來幫助。

1 新建一個800X600像素的空白背景，顏色模式設置為RGB模式。RGB模式顏色是由紅色，綠色，藍色三種顏色相交構成，可以更好地顯示網頁中的色彩內容。

2 新建文件，點擊確定，空白文件會自動顯示在軟件中。對于新建空白文件來說，圖像的寬度和高度的大小要按照等比例進行設計，也可以不勾選重新定義新像素來實現。

3 打開一張車的圖片，移動到白色背景畫布中，選擇圓角矩形工具，選擇路徑為了方便轉換為選區，設置為5個像素，像素越大，圓角矩形的四個圓角就是更加的明顯，然后選擇漸變工具，選中系統自帶的黑白漸變，修改黑白漸變的顏色，改為灰白，也可以設置前景色為灰色，背景色為白色進行漸變的填充，然后點擊確定。

4 然后選擇工作路徑，鼠標CRL點擊工作路徑，設置為選區，選中線性漸變類型，然后畫出漸變的顏色。漸變的方向是從上到下為白色到淺灰色的漸變效果圖。

5 然后選擇修改收縮2個像素，就是將選區收縮小2個像素，變小一些，然后再次從下向上漸變，然后alt快捷鍵復制2個，如圖所示，然后找到車的一個的圖標按鈕，然后用磁性套索工具勾勒好，然后鼠標左鍵拉動到合適位置，然后選擇3個圖層，然后水平分布，和居中分布對齊。然后選擇左對齊分布，分布均勻。分布按鈕是在選擇工具上方的工具欄中，有平均分布對齊等多個按鈕。

6 然后再次用鋼筆工具勾畫另外一個車的圖標，然后再用自由變換調整到合適位置，然后點擊2個圖層之后，進行左對齊分布。分布到形狀中的最左邊位置即可。

7 再次選擇一個不同的車的圖標設計圖片，然后用鋼筆工具進行勾畫圖標，或者為了方便，可以直接用魔棒工具來選擇，選中其需要圖形的一部分。

8 然后再次選中圖形，形狀圖形，全部選中相應圖層，調整水平分布和左對齊分布。當分布不均勻，可以按住鼠標左鍵自動進行調整。

9 所有的圖標都自由變換，調整到合適位置，如圖。按住crl+t來實現圖形的自由變換的內容。如圖

10 輸入相應的文字，文字的顏色設置為黑色，將其三個文字圖層，按住shift鍵和左右方向鍵進行移動調整來改變。之后將車的圖片進行調整，便于觀看，文字進行排版即可。

提高Web應用程序開發的技巧

1. 自動部署

把一個Web應用程序遷移到生產環境一定要盡可能地簡單，快捷。為了實現真正的敏捷性，跟上業務發展的步伐，必須要把Web應用程序頻繁地部署到生產環境才可以，否則，延遲會跨越開發周期地堆積起來。如果把一個新版本部署到生產環境需要花費兩天的時間，那么你的生產力會受到嚴重的影響。

2. 減少復雜性

一個應用程序越復雜，改變它就越困難。解決方案是什么?當發現一個系統規模太大的時候，把這個系統分成幾個更小的子系統。但是，要完成這個任務，需要這樣一種技術：既可以幫助你理解復雜的系統，又可以幫助開發團隊把系統分成多個更容易管理的組件。

3. 從第一天起，就以生產為目標

對于一個時間緊迫的業務問題來說，制定一個快速的解決方案，以后再修改這個應用程序，讓它適應生產環境，是十分具有誘惑力的。這似乎看起來很敏捷，但是，在現實中，監控，可擴展性，日志，用戶管理等都是不可忽略的事情。理想的解決方案是在一個可以讓你理所當然地獲得這些功能的平臺上構建這個Web應用程序。

4. 影響分析

要快速地進行改變，團隊需要確定這些改變不會破壞已經完成的工作。通過以下三個步驟，這個問題會被最小化：首先，在開發過程中，使用影響分析工具：如果一個數據庫的變更會破壞業務邏輯，那么這個工具需要馬上顯示出來。其次，進行回歸測試。最后，確保變更的影響可以被度量，尤其是把生產性的數據放到生產性的服務器中的時候。

5. 在知識傳遞方面進行投資

人員離職，由不同的團隊負責開發和維護，或者必須把團隊重新分配到不同的項目中，這些都是需要在知識傳遞方面進行投資的理由。但是，不要把知識傳遞的重擔壓在開發者的肩上。文檔是無法滿足這方面的需求的，走查代碼比較緩慢，而且也比較困難。應該使用領域特定語言或可視化的語言，把這個工具交給工具來完成。

6. 靈活控制

在面對需要兩天才能批準遷移到生產環境的官僚化流程的時候，只需要10秒鐘的部署流程的優勢徹底喪失了。要實現真正的靈活性，有兩件事情是必需的：全面問責制——如果問題發生的時候，知道應該向誰尋求幫助;最重要的是，可以回滾一個不太成功的部署。

7. 和項目干系人進行合作

越早獲得項目干系人的反饋，Web應用程序開發就會越早走上正軌。如果方向錯誤的話，開發速度再快也沒有意義。考慮到這一點，項目干系人可以很容易地提供關于他們想看到哪些改進的反饋是至關重要的。

看起來好像有很多工作需要做

的確——這些步驟都不是一蹴而就的(但是，比起獨角獸飼養場來說，它們要更容易一些)!但是，通過這些技巧，開發團隊的生產力會得到顯著的提高。

網頁制作常見問題

1.超鏈接訪問過后hover樣式就不出現的問題

被點擊訪問過的超鏈接樣式不再具有hover和active了, 解決方法是改變CSS屬性的排列順序: L-V-H-A

ps：好在自己一開始書寫時就沒有把這四種樣式寫全過，我只寫 a:link ，a:hover ，一直也沒出現什么問題，后來發現ie6下a:visited 和 ff下的顏色不一致，這才發現這一個問題。看來沒有問題也不代表書寫正確。

2.IE6的雙倍邊距BUG

浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline

ps：剛開始接觸這一工作的時候真的是不知道怎么回事，還以為是各個瀏覽器之間的解釋不同，制作的時候只能小心意義的以ie6的寬度來定義，可惜ff 和ie經常預覽效果不一致，被某些人抓住不放，當時很是氣憤和郁悶，一氣之下瘋狂百度和谷歌，可惜那時候抓不住關鍵詞，走了不少彎路才找到問題答案，好在現在解決了。Y(^_^)Y

3.為什么FF下文本無法撐開容器的高度

標準瀏覽器中固定高度值的容器是不會像IE6里那樣被撐開的,那我又想固定高度，又想能被撐開需要怎樣設置呢?辦法就是去掉he ight設置min-height:200px; 這里為了照顧不認識min-height的IE6 可以這樣定義：

div { height:auto!important; height:200px; min-height:200px; }

4.為什么web標準中IE無法設置滾動條顏色了

解決辦法是將body換成 html

ps: 當時被要求要重新定義滾動條的時候，我查到了兩個方法，一種如上，一種是js仿制滾動條，我應用的是上面的這種，但是發現不兼容IE，后來不了了之了，再后來偶然間才發現了這個解決辦法。

5.為什么無法定義1px左右高度的容器

IE6下這個問題是因為默認的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么樣才能讓層顯示在FLASH之上呢

解決的辦法是給FLASH設置透明

7.怎樣使一個層垂直居中于瀏覽器中

這里使用百分比絕對定位，與外補丁負值的方法，負值的大小為其自身寬度高度除以二

ps:margin的值就是div寬度的1/2;

在網頁上顯示日期的兩種方法

在上網的時候，經常會在一些網頁上看到當前的日期，如“今天是×年×月×日星期×”等字樣。為了顯示系統當前的日期，一般采用腳本語言VBScript或javascript，兩種語言有其各自的特點，特別在網頁教學中，通過這兩種語言的運用和對比，能達到較好的教學效果，現分別介紹它們的設計過程。

一、采用VBScript腳本語言

用VBScript腳本語言來顯示系統當前的日期，通常使用其內部提供的日期和時間函數:

Date——返回系統日期

Weekday(x)——返回日期x是星期幾

Year(x)——返回日期x的年份

Month(x)——返回日期x的月份

Day(x)——返回日期x的日期

二、采用javascript腳本語言

用javascript腳本語言來顯示系統當前的日期，通常使用其內部提供的Date對象，該對象可以用來處理有關日期和時間的操作。利用Date對象中以下幾個方法來顯示日期:

getDate()——獲得當前的日期

getDay()——獲得當前的星期

getMonth()——獲得當前的月份

getYear()——獲得當前的年份

設計時進入HTML編輯方式，在需要顯示日期的位置插入如下代碼:

以上兩種方法都能顯示系統當前的日期，它們各具特色，各有所長。很顯然，VBScript和javascript腳本語言在格式上有明顯的差別，初學者很容易將它們混淆，造成程序在格式上的嚴重錯誤。

點擊左下角了解更多課程資訊