咨詢微信：a13761178227

   作為網(wǎng)頁(yè)設(shè)計(jì)師，對(duì)待字體設(shè)計(jì)也許并沒(méi)有其他的平面設(shè)計(jì)師那般自由。例如，你沒(méi)有辦法在網(wǎng)頁(yè)中使用其他中文的字體，受限于技術(shù)的原因，除了幾款比較固定的中文字體（微軟雅黑、宋體、黑體等）目前中文字體的特殊設(shè)計(jì)也只能以圖片的方式展示。但是在英文的運(yùn)用上，其實(shí)在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域，已經(jīng)有了非常廣大的自由度。這也是英文在傳播方面，基于其本身只是26個(gè)字母不斷的組合變化，從而大大縮短了信息處理的時(shí)間。終于我們不得不正視英文應(yīng)用的問(wèn)題，也許你的網(wǎng)站并不是雙語(yǔ)版本，但依然有要用到英文的時(shí)候（利用郵箱地址的展示），這時(shí)候，如果你能嘗試采用不同于普通默認(rèn)的英文字體的做法，就讓你的設(shè)計(jì)會(huì)看起來(lái)與眾不同。

一、DW
弟一部分：網(wǎng)站制作及DW簡(jiǎn)介：做網(wǎng)站需要準(zhǔn)備哪些？什么是靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站？站點(diǎn)的建立
第二部分：文字樣式和文字段落CSS、超鏈接：字體,字體大小,文字顏色,文字粗細(xì),斜體,下劃線、頂劃線和刪除線,英文字母大小寫；文字段落、對(duì)齊方式、文字加超鏈接
第三部分：設(shè)置圖片效果CSS、超鏈接：圖片樣式和邊框：認(rèn)識(shí)border屬性；圖片縮放;設(shè)置圖片ALT屬性；換行標(biāo)簽，認(rèn)識(shí)圖片標(biāo)簽；圖片的對(duì)齊；圖片加超鏈接，熱點(diǎn)工具的使用
第四部分：表格和表單：表格：認(rèn)識(shí)表格中的標(biāo)記：等;設(shè)置表格的顏色、邊框：

1) 傳統(tǒng)表格設(shè)置邊框線、背景色；
2) 調(diào)用CSS設(shè)置邊框線、背景色；表格的合并，拆分，表格套表格；表格制作頁(yè)面，建議結(jié)構(gòu)不使用拆分功能；
3) 表單：表單元素：輸入框、文本框、單選項(xiàng)、復(fù)選框、按鈕等

第五部分：設(shè)置網(wǎng)頁(yè)背景，結(jié)合表格制作頁(yè)面：設(shè)置背景顏色、圖片，認(rèn)識(shí)頁(yè)面背景圖：background-image屬性+background-repeat屬性；項(xiàng)目列表、編號(hào)列表、定義列表；圖片切換；Spry 菜單欄
第六部分：框架、行為，制作菜單：行為，彈出信息等；框架；結(jié)合前面的知識(shí)用表格制作網(wǎng)頁(yè)
第七部分：html頁(yè)面布局：使用html+css的誤區(qū)注意事項(xiàng)；html+css對(duì)seo優(yōu)化的作用；html+css定位和頁(yè)面布局技巧
第八部分：CSS網(wǎng)站實(shí)戰(zhàn)：結(jié)合所學(xué)知識(shí)點(diǎn)，做一個(gè)網(wǎng)站，要求代碼簡(jiǎn)潔，模塊清晰

善用字體會(huì)給你的設(shè)計(jì)帶來(lái)不一樣的視覺(jué)魅力，這些字體在運(yùn)用時(shí)更要同時(shí)考慮與配圖、其他中文字體的整體搭配，同時(shí)對(duì)字體的字距、粗細(xì)等也要進(jìn)行考究。大家可以經(jīng)過(guò)這一番學(xué)習(xí)，認(rèn)識(shí)到字體并非是文字這樣簡(jiǎn)單，尤其是在平面設(shè)計(jì)中，它是同時(shí)是平面設(shè)計(jì)元素，也是信息傳遞的載體。因此，如何將其進(jìn)行調(diào)和搭配，以后我們還會(huì)和大家繼續(xù)就此展開(kāi)話題。

網(wǎng)頁(yè)設(shè)計(jì)的“五不要”
1、不要采用抽象鋌而走險(xiǎn)。有些設(shè)計(jì)者在極力追求創(chuàng)新的時(shí)候往往會(huì)忘記原則，創(chuàng)新的東西不是越新越好，大眾易于接受的創(chuàng)新才叫創(chuàng)新。例如：不要試圖和用戶玩躲貓貓，把網(wǎng)頁(yè)的主題隱藏起來(lái)讓用戶自己找，建晨網(wǎng)站建設(shè)相信，用戶會(huì)直接跳過(guò)轉(zhuǎn)向其他網(wǎng)站去找的，這就得不償失了。還有新穎的字體好少用，會(huì)影響用戶的閱讀質(zhì)量。
2、不要做圖片導(dǎo)航。導(dǎo)航其實(shí)是越簡(jiǎn)單越好，文字導(dǎo)航比圖片導(dǎo)航來(lái)得更直接，不要刻意體現(xiàn)個(gè)性化而增加網(wǎng)頁(yè)本身以及用戶的搜索負(fù)擔(dān)，好還能減少下拉菜單的設(shè)置，避免用戶在查看的時(shí)候造成混亂的影響。
3、不要使用表格布局。表格布局略顯生硬，不僅會(huì)讓搜索引擎感覺(jué)不友好，頁(yè)面樣式也沒(méi)那么自由，因此建議將表格布局改成用css來(lái)代替。
4、不要出現(xiàn)中轉(zhuǎn)頁(yè)面。例如：客戶在點(diǎn)擊下一個(gè)頁(yè)面時(shí)，不要使用類似“如需繼續(xù)瀏覽，請(qǐng)點(diǎn)擊這里”的頁(yè)面；或者遇到不同板塊的內(nèi)容，為了獲取更多用戶資源時(shí)不時(shí)要注冊(cè)才能繼續(xù)，路徑越復(fù)雜，用戶會(huì)越更厭煩。
5、不要添加廣告。例如：有些網(wǎng)頁(yè)在用戶瀏覽的時(shí)候，時(shí)常會(huì)彈出一些會(huì)話或者廣告窗口，要求用戶點(diǎn)擊確認(rèn)或者繼續(xù)瀏覽，才能返回到用戶原來(lái)瀏覽的網(wǎng)頁(yè)窗口，這對(duì)用戶來(lái)說(shuō)是非常反感的，阻礙了用戶閱讀。如果確實(shí)要添加廣告內(nèi)容，可考慮放在沒(méi)有視覺(jué)沖突的位置。
以上是小編對(duì)網(wǎng)頁(yè)設(shè)計(jì)的一些總結(jié)，在不斷挑戰(zhàn)和創(chuàng)新的同時(shí)，一些規(guī)則始終不能丟棄，才不會(huì)偏離正確的軌道。