网页设计要素
http://www.verychannel.com/ezine/example/web.html?
□...網頁設計時應注意哪些問題?
網頁設計，根據個人愛好以及網頁內容的不同，版面的設計布置千變萬化，換一下背景就是另一種感覺，什么樣的布局好看，沒有定式。筆者根據自己的經驗體會特總結出如下要點：
1.網頁內容的選擇要不落俗套。 放眼望去，網上的許多個人主頁簡直就是"雜貨店".內容包羅萬象,題材千篇一律.人人都是"軟件下載",個個都有"網絡導航"，從頭到尾找不出一絲“鮮”意.所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。
2.內容確定下來以后，不要著急開始制作頁面。我們應該對整個版面規劃設計一下，好好的想一想，主題是什么，大概內容該怎么安排，接著最好在紙上把這個框架畫出來——這就是排版。排版是很重要的，沒有一條清晰的主線，那么整個版面將是混亂一團。
3.整個頁面的主線理好以后，我們還必須對它進行補充，以保證頁面的完整性和整體性。比方說，頁面的標題內容要簡潔明了，使人一看就能明白該網站有沒有自己所需要的東西；遇到長文本時，用劃線把它分隔開，以便人能一目了然地看清楚；重點段落要突出顯示，這樣人就能有選擇性地獲取信息；在網頁上留下通訊地址或Ｅ－ＭＡＩＬ地址，有利于用戶和你交流；網頁中使用商標，不能侵犯版權；以上都是要考慮的一些細節問題。同時特別要考慮到以后網站的維護更新要方便。
4.制作時,內容不要和其他網站的內容相同,適當加入一些自己的文章,評論和見解,會使大家更加相信您,尊重您.例如翻譯一些英文教程,寫作一些軟件的用法,分析一些實例制作過程.畢竟是個人主頁,要體現您的個性,風格,讓大家了解,接受您的觀點,是個人主頁的精神所在!
5.圖象的制作要兼顧大小和美觀，一般來說，掌握好photophop這個強大的工具，再配合其它一些專用圖象軟件如ulead、paint shop pro等，不難制作出漂亮的精美的圖片。但圖片是為主頁內容服務的，不要讓整個版面太花花綠綠，喧賓奪主。在網上就可以找到很多圖片、圖庫和動畫。
6.不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦！
7.單張圖片不要超過30k,每頁圖片總量不要超過60k(一般情況).據統計分析,每頁不超過60k圖片的網頁,其下載速度是可以讓人接受的.所有的圖片都必須"減肥"小圖片(100x40)一般可以控制在6k以內,動畫控制在15K以內,較大的圖片可以"分割"成小圖片.合理采用jpg和gif格式也是至關重要的,色彩鮮艷高分辨率的用jpg,色彩單調低分辨率的用gif,采用gif89a格式的圖片在download時能交錯顯示.
8.圖片的下載較慢,要想使用戶在圖象沒有傳下來之前，就能夠知道圖象上的內容，我們就必須為圖片加注解.這樣一來，在圖象沒有顯示出來時,可以通過注解的標注來幫助瀏覽者知道這是關于什么內容的圖片,以方便用戶作出選擇，是否需要等待,是否可以點擊.特別考慮到純文本瀏覽者瀏覽的方便。
9.設計Web頁面時，一定要用640×480和800×600的分辨率來 分別觀察。許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一 Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同分辨率下都能正常顯示的網頁。
回到目錄
把〖非常頻道-非常電子報〗推薦給朋友
□...巧用CSS的Border屬性
馮永曜 黃山村夫
制作過網頁的人都有為畫線而煩惱的經歷，本文介紹的小技巧也許對你有所幫助。我們先來認識一下“Border”（畫邊框），它是CSS的一個屬性，用它可以給能確定范圍的HTML標記（如TD、DIV等等）畫邊框，它可以定義邊框線的類型、寬度和顏色，利用這個特性，可以制作一些特殊效果。下面將通過實例來說明其應用技巧。
1、給文本加邊框
上面的示例中，給一段文字加了不同的邊框，只是為了說明邊框線的顏色、粗細是可變的。第一個邊框的CSS代碼是：style="border:thin solid red"；“border”后面的三個參數的含義是：邊框線的寬度是：thin（細線）；邊框線的類型：solid（實線）；邊框線的顏色：red（紅色）。我們定義邊框，實際上就是設定這三個參數值。
邊框線的寬度有三個標準值：thin（細線）、medium（中粗線）和thick（粗線），此外，也可以自定義寬度，如：1pt、5px、2cm等。
邊框線的類型有九個確定值：none（無邊框線）、 dotted（由點組成的虛線）、 dashed（由短線組成的虛線）、 solid（實線）、 double（雙線，雙線寬度加上它們之間的空白部分的寬度就等于border-width定義的寬度）、 groove（3D溝槽狀的邊框）、 ridge（3D脊狀的邊框）、 inset（3D內嵌邊框，顏色較深）、 outset（3D外嵌邊框，顏色較淺），注意：如果系統不支持這些邊框的屬性值，那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都會被“solid”代替。
邊框線的顏色：可以用十六進制的顏色代碼，如#00ffcc。
從上面可以看出，給文本加邊框確實很簡單，上例中后面那幾個邊框的設置，我不講你也明白了吧！在這里告訴你一點小技巧，給一段文本加邊框，可把CSS加在〈P〉標記里；給幾段文本加邊框，先把那幾段文本用DIV標記括起來，再把CSS加在〈DIV〉標記里；若是要給一行文本加幾個不同的邊框，則需要把文本放在表格里，再把CSS分別加到〈TD〉標記里。
2、給導航菜單加分隔線
?
上面這個例子中的小白線，當然可以用圖象來做，但我在這里是用CSS的“border”的擴展屬性畫了邊框的一條邊，這樣代碼要少的多。畫邊框的單邊與上例的邊框的四條邊類似，一個邊框的四條邊的屬性如下：
邊框線名稱：border-top（上邊框線）、border-right（右邊框線）、border-bottom（下邊框線）和boder-left（左邊框線）；每條邊框線的類型、寬度和顏色的取值與“boder”屬性相同。如本例中要定義每個單元格的左邊框線為白色線，線的寬度為“1px”的實線，則CSS代碼是這樣的：style="border-left: 1px solid #ffffff"。
在單獨定義邊框線時，若不給出某個值，那么就取其默認的初始值。在dreamweaver中定義CSS非常方便，不用編寫代碼；把常用的邊框線一次定義好，放在外連式CSS文件中，要用時調用一下就行了，非常方便。
3、在一個邊框中采用不同寬度和顏色的邊框線
?
在本例中的效果，當然可以用上例中的方法來實現，但那樣代碼過多，可采用另一種合并的方法，把四條邊的屬性值分類放在一起，如本例的代碼是這樣的：
style="border-style:solid; border-width: thin thin thick thick;border-color:#00ff00 #00ff00 #0000ff #0000ff" 。
從上面可以看出，我把邊框線的類型、寬度和顏色歸類在一起定義了，這里請注意幾點：
一、四條邊框線的位置順序是：上邊框線、右邊框線、下邊框線、左邊框線；
二、我在本例中邊框線的類型只取了一種實線類型，實際上四條邊也可以分別定義不同的類型；
三、屬性值可以定義一個、兩個、三個或者四個。如果僅定義一個屬性值，則其余三個自動取相同值，如：border-style:solid與border-style:solid solid solid solid的效果完全一樣；如果僅給出兩個或三個值，那么缺失邊的屬性值將取與對邊相同的值。如：boder-width:thin thick與border-width:thin thick thin thick效果相同，border-width:1px 2px 3px與border-width:1px 2px 3px 2px的效果相同。
Border屬性的靈活應用，可以產生許多特殊效果，方法與上面介紹的相同，不再一一舉例了。
回到目錄
把〖非常頻道-非常電子報〗推薦給朋友
□...Photoshop中Ctrl、Shift和Alt的妙用
Photoshop是許多朋友所熟悉的一種圖形圖像處理軟件，本人在使用Photoshop時深感Ctrl、Shift和Alt三鍵的妙處多多，靈活使用這三個鍵可以大大提高圖形圖像處理效率。現將本人使用此三鍵的心得總結如下，供喜愛Photoshop的朋友參考。
一、選擇對象時Shift、Alt
1.橢圓選擇工具(Elliptical marquee tool)和矩形選擇工具(Rectangularmarquee tool)。
橢圓（矩 形）選擇工具可在圖像中選擇橢圓（矩形）區域。
(1) 橢圓選擇工具快速選擇圓形（矩形選擇工具快速選擇正方形）。
先選中Elliptical marquee tool（或Rectangular marquee tool），再將鼠標指針移到需選擇的對象上，單擊左鍵并拖動，同時按下Shift鍵，完成選擇后先放開左鍵，后放開Shift鍵，就可以選中圓形或者正方形。
(2) 從中心點建立選擇
先選中Elliptical marquee tool（或Rectangular marquee tool），再將鼠標指針移到選擇對象上，在中心點單擊左鍵并拖動，同時按下Alt鍵，如左圖所示，完成選擇后，先放開左鍵，再放開Alt鍵，這樣就快速地完成了從中心點開始的選擇。
(3) 從中心點建立圓形（或正方形）選擇
先選中Elliptical marquee tool（或Rectangular marquee tool），再將鼠標指針移到選擇對象上，在中心點單擊左鍵并拖動，同時按下Alt和Shift鍵，完成選擇后先放開左鍵，再放開Alt和Shift鍵。
2. Lasso(套索)工具組間的轉換
Lasso（套索）工具組可幫助用戶生成邊界十分復雜的選擇區域，Lasso tool（套索工具）可生成邊界為曲線的選擇區域，Polygon lasso tool（多邊形套索工具）可生成邊界為折線的選擇區域。
(1) 從Lasso tool轉換為Polygon lasso tool
先使用Lasso tool進行曲線輪廓的選擇，，保持鼠標左鍵為按下狀態，按下Alt鍵后松開左鍵，這時即可進行折線輪廓的選擇。（在進行折線輪廓選擇時需保持按下Alt鍵。）
(2) 從Polygon lasso tool還原為Lasso tool
使用Polygon lasso tool進行折線輪廓選擇后，保持鼠標左鍵為按下狀態，松開Alt鍵，即可進行曲線輪廓的選擇。（松開Alt鍵后也需保持鼠標左鍵為按下狀態）。
二、增減選擇時Shift和Alt鍵的使用
1. 如果要增加選擇區域，按下Shift鍵后（鼠標指針旁邊出現一個加號），選中要增加的對象，此時將當前選擇加入已有選擇。
2. 如果要減去一部分選擇區域，按下Alt鍵（鼠標指針旁邊出現一個減號），選中要去除的對象，此時從已有選擇中減去當前選擇。
3. 如果要保留兩個選擇區域重合的部分，先選中第一個選擇域，同時按下Shift和Alt鍵（鼠標指針旁邊出現一個乘號），再選中第二個選擇域，這樣可保留兩個選擇重合的部分。
三、變換選擇時Shift鍵的使用
使用Free trans form（自由變換）命令可以實現選擇的縮放、旋轉等變換。當使用該命令后，變換矩形出現在選擇旁，將鼠標指針放在變換矩形角上的小方框上，鼠標指針變成雙箭頭，用戶可以通過拖動它來調整選擇的大小，按下Shift鍵后再拖動，可保持選擇的兩個方向比例不變。
四、移動選擇時Ctrl、Shift和Alt鍵的使用
1. 移動選擇
選中對象，按下Ctrl鍵，將鼠標指針移至選擇內（屏幕上出現帶著剪刀的鼠標指針），拖至目的地后，松開Ctrl鍵和鼠標左鍵。
2. 移動選擇時，按下Shift鍵可將移動方向限制在水平、垂直或45度方向。
3. 用箭頭鍵移動選擇時，按下Shift鍵一次可移動10個像素。
4. 移動并復制
選中對象，點擊Move tool移動工具后按下Alt鍵，將鼠標指針移至選擇內（鼠標指針變成雙箭頭），拖至目的地，松開鼠標左鍵和Alt鍵。
五、移動輔助線時Shift、Alt鍵的使用
輔助線可以幫助用戶以精確的尺度處理圖像。如需移動輔助線，先選擇移動工具Move tool，將鼠標指針移至輔助線上，拖動輔助線到新的位置，拖動時按下Shift鍵可將輔助線鎖定在網格點，或者以一定的尺寸單位移動。拖動時按下Alt鍵可改變輔助線的橫豎方向:如為水平輔助線，拖動時按下Alt鍵，則變為垂直輔助線，且該垂直輔助線經過鼠標指針所在點;如為垂直輔助線，拖動時按下Alt鍵，則變為水平輔助線，且該水平輔助線經過鼠標指針所在點。
六、直線描繪時Alt鍵的使用
使用Line tool直線工具時，按下Shift鍵可強制直線為水平、垂直或45度。
七、路徑錨點時Alt鍵的使用
路徑的描繪是采用鋼筆工具Pen tools進行的，在畫了一條曲線段后，按住Alt鍵并單擊剛建立的平滑點來刪除手柄，這樣可將平滑點轉化成一個角點;按住Alt鍵并拖動剛建立的平滑點，可將平滑點轉化成帶有兩個手柄的角點（有時稱之為拐點）。
八、選擇描點時Shift和Alt鍵的使用
選擇Direct selection直接選擇工具，單擊路徑中的任一錨點，則此點變黑，表明已被選中，按住Shift鍵可增加錨點，若按下Alt鍵，并在路徑上單擊，所有錨點都被選中。
九、調整曲線命令下Alt鍵的使用
Curves調整曲線命令可調整一幅圖像的色調范圍。打開Curves命令對話框，對話框中圖形網格可調整，如果想使網格變小，只要按下Alt鍵同時單擊網格即可，再一次按下Alt鍵同時單擊網格可使網格復原。
回到目錄
把〖非常頻道-非常電子報〗推薦給朋友
□...UltraDev4.0使用中常見錯誤對策
在使用UltraDev4.0制作asp的網絡應用程序時，經常會遇到“……JavaScript
error……”、軟件自行退出等錯誤。其實這個問題與UltraDev4的穩定性和兼容性有關，出現這
個現象的原因有很多種：
1.數據庫的原因：
在設計數據庫時對于數據表、數據表中的字段都要避免使用中文，并且不要使用一些
ABScript中的保留字，最好的方法是在名字前加上一個前綴或后綴。還有建立后的數據庫使用也
會出現錯誤，一般重新建立數據表或庫可以解決（我曾就遇見過這樣的事，看看蠻對的數據庫就
是出錯，照樣重建就好了）；
2.當頁面多次編輯后，光是在服務器行為視窗中刪除的行為有時會留下許多Asp殘留碼，這會
導致你頁面編輯失敗或者測試出錯等等。所以有時在編輯后最好多關心源碼；
3.過多的安裝了插件有時也會引起UltraDev執行錯誤。這個錯誤嚴重會導致UltraDev崩潰，
其實是由于插件作者對于代碼沒有考慮周全造成的，我曾經遇見過一使用update數據操作就出現
將當前頁代碼增加五倍，最后還是卸除了部分插件解決。所以對于不太使用的插件最好卸除；
4.在進行UltraDev數據庫鏈接時不要將Access數據庫處于設計狀態，否則不光會鏈接出錯，
當你預覽Asp頁面也會出錯，而要是不太注意，這問題夠你忙活的了；
5.UltraDev4跟幾種內存駐留程序會不定時出現沖突，如早期的金山毒霸開著連UltraDev4都
打不開了，所以只有盡量少開后臺程序了。
6.在利用UltraDev4制作登錄系統中有個用戶等級設置，這里的等級名稱也千萬不要使用中
文，否則必定會出錯的。
7.“……JavaScript error……”最多出現在數據源建立時，通常出現一次錯誤后，即使你
再次正確設置數據源也會報錯，最好是重啟UltraDev，再不行就重啟操作系統，那個用戶等級問
題我就是這樣才解決（對于解決js錯誤，重裝UltraDev甚至重裝操作系統也并不鮮見）。
8.操作系統對于UltraDev使用也會有或多或少的影響。通常使用Windows2000 server版比用
Windows 98 ＋Personal Web SerVer來得好，一來穩定，二來自帶IIS5.0不必費心找服務器軟件
了，而且我發現出錯的概率也小很多。
使用UltraDev4.0的網友最好去升級到4.01，它是Macromedia公司四月份發布的，修改了一些
錯誤，避免了一些常見問題的出現，我網站有下載和升級包的簡單說明。
9.千萬不要使用任何UltraDev漢化包。我在UltraDev1.0使用時曾用過漢化包，結果始終出現
不明錯誤，后來就一直不敢用了。在論壇上聽說很多網友也有類似情形，所以建議UltraDev用戶
不使用漢化包。
以上這些是我在使用Dreamweaver UltraDev半年多時間中的對于出錯原因的一些體會和解決
方法，希望對于你使用UltraDev有幫助。對于2000年6月才推出的軟件，存在些Bug也屬于正常，
關鍵是如何中使用中積累經驗去對付它。其實有很多人對于Dreamweaver UltraDev不屑一顧，認
為是個雞肋產品……不過我倒認為他是學習Asp的很好途徑，因為它可以讓你在最短的時間內做出
令自己滿意的WEB程序從而獲得學習的動力。
總結
- 上一篇： SAR图像处理 MSTAR数据库利用问题
- 下一篇： Opencv 配置VS2012