咨詢微信:a13761178227
作為網頁設計師,對待字體設計也許并沒有其他的平面設計師那般自由。例如,你沒有辦法在網頁中使用其他中文的字體,受限于技術的原因,除了幾款比較固定的中文字體(微軟雅黑、宋體、黑體等)目前中文字體的特殊設計也只能以圖片的方式展示。但是在英文的運用上,其實在網頁設計領域,已經有了非常廣大的自由度。這也是英文在傳播方面,基于其本身只是26個字母不斷的組合變化,從而大大縮短了信息處理的時間。終于我們不得不正視英文應用的問題,也許你的網站并不是雙語版本,但依然有要用到英文的時候(利用郵箱地址的展示),這時候,如果你能嘗試采用不同于普通默認的英文字體的做法,就讓你的設計會看起來與眾不同。
一、DW
弟一部分:網站制作及DW簡介:做網站需要準備哪些?什么是靜態網站和動態網站?站點的建立
第二部分:文字樣式和文字段落CSS、超鏈接:字體,字體大小,文字顏色,文字粗細,斜體,下劃線、頂劃線和刪除線,英文字母大小寫;文字段落、對齊方式、文字加超鏈接
第三部分:設置圖片效果CSS、超鏈接:圖片樣式和邊框:認識border屬性;圖片縮放;設置圖片ALT屬性;換行標簽,認識圖片標簽;圖片的對齊;圖片加超鏈接,熱點工具的使用
第四部分:表格和表單:表格:認識表格中的標記:等;設置表格的顏色、邊框:
1) 傳統表格設置邊框線、背景色;
2) 調用CSS設置邊框線、背景色;表格的合并,拆分,表格套表格;表格制作頁面,建議結構不使用拆分功能;
3) 表單:表單元素:輸入框、文本框、單選項、復選框、按鈕等
第五部分:設置網頁背景,結合表格制作頁面:設置背景顏色、圖片,認識頁面背景圖:background-image屬性+background-repeat屬性;項目列表、編號列表、定義列表;圖片切換;Spry 菜單欄
第六部分:框架、行為,制作菜單:行為,彈出信息等;框架;結合前面的知識用表格制作網頁
第七部分:html頁面布局:使用html+css的誤區注意事項;html+css對seo優化的作用;html+css定位和頁面布局技巧
第八部分:CSS網站實戰:結合所學知識點,做一個網站,要求代碼簡潔,模塊清晰
善用字體會給你的設計帶來不一樣的視覺魅力,這些字體在運用時更要同時考慮與配圖、其他中文字體的整體搭配,同時對字體的字距、粗細等也要進行考究。大家可以經過這一番學習,認識到字體并非是文字這樣簡單,尤其是在平面設計中,它是同時是平面設計元素,也是信息傳遞的載體。因此,如何將其進行調和搭配,以后我們還會和大家繼續就此展開話題。
網頁設計的“五不要”
1、不要采用抽象鋌而走險。有些設計者在極力追求創新的時候往往會忘記原則,創新的東西不是越新越好,大眾易于接受的創新才叫創新。例如:不要試圖和用戶玩躲貓貓,把網頁的主題隱藏起來讓用戶自己找,建晨網站建設相信,用戶會直接跳過轉向其他網站去找的,這就得不償失了。還有新穎的字體好少用,會影響用戶的閱讀質量。
2、不要做圖片導航。導航其實是越簡單越好,文字導航比圖片導航來得更直接,不要刻意體現個性化而增加網頁本身以及用戶的搜索負擔,好還能減少下拉菜單的設置,避免用戶在查看的時候造成混亂的影響。
3、不要使用表格布局。表格布局略顯生硬,不僅會讓搜索引擎感覺不友好,頁面樣式也沒那么自由,因此建議將表格布局改成用css來代替。
4、不要出現中轉頁面。例如:客戶在點擊下一個頁面時,不要使用類似“如需繼續瀏覽,請點擊這里”的頁面;或者遇到不同板塊的內容,為了獲取更多用戶資源時不時要注冊才能繼續,路徑越復雜,用戶會越更厭煩。
5、不要添加廣告。例如:有些網頁在用戶瀏覽的時候,時常會彈出一些會話或者廣告窗口,要求用戶點擊確認或者繼續瀏覽,才能返回到用戶原來瀏覽的網頁窗口,這對用戶來說是非常反感的,阻礙了用戶閱讀。如果確實要添加廣告內容,可考慮放在沒有視覺沖突的位置。
以上是小編對網頁設計的一些總結,在不斷挑戰和創新的同時,一些規則始終不能丟棄,才不會偏離正確的軌道。