如果妳會運用Dreamweaver divcss來寫前端的話,僅靠這個就足夠寫壹個漂亮的前端頁面了,可以嘗試幾點來使頁面效果更豐富:
運用好盒子的浮動,做好層級的設計,頁面會更有層次
設計壹個Logo,有圖形設計的logo不僅僅是幾個文字,可以在iconfont找壹些成熟漂亮的圖標,切記新手要學會利用素材,而不是搞全新的創作,為什麽,因為不具備創作的能力
hover 的運用,比如hover設置底部邊框線顏色改變,就會有鼠標滑過變色的效果,也同樣可以使用鼠標滑過字體顏色大小改變,背景圖的改變等,壹句代碼、事半功倍
制作壹個漂亮的導航條,無需js使用 ul li即可完成壹個帶下拉菜單欄的導航欄,壹個可下拉的導航欄會為整個頁面增加不少高級感,建議使用淺灰色不必那麽鮮艷,同時加入鼠標滑過效果體驗更佳
引入成熟的js輪播圖,首頁有壹個通屏的滾動banner效果會不錯,這裏可以直接引用成熟的輪播圖代碼事半功倍,在這裏不要覺得不會寫js下載代碼是不可取的辦法,在網頁設計上,使用成熟或開源的代碼是合理高效的方法,在寫網頁設計報告的時候也直接寫清楚是引用的,自己通過調整尺寸適配等引入到自己的網頁中即可
學生作業還是要盡可能的將所學知識點融入在網頁中,比如音頻、視頻、表單驗證等功能的運用,也是豐富頁面的壹個手段
最後可以去大設計師論壇看下我這邊做的壹些成品,旅遊、美食、明星、校園、遊戲等等主題,也都有***享源碼,可以看下我的css、導航欄是怎麽寫的,就醬~