我們的作業(yè)網(wǎng)頁(yè)設(shè)計(jì)要做一個(gè)靜態(tài)網(wǎng)站，求推薦軟件？

時(shí)間：2024-02-11 01:45:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-11 01:45:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

我們的作業(yè)網(wǎng)頁(yè)設(shè)計(jì)要做一個(gè)靜態(tài)網(wǎng)站，求推薦軟件？：靜態(tài)網(wǎng)站的編寫主要是用HTML+CSS+JS來(lái)完成頁(yè)面的排版設(shè)計(jì),一般的網(wǎng)頁(yè)作業(yè)需要融入以下知識(shí)點(diǎn)：div布局、浮動(dòng)、定位、高級(jí)css、表格、表單及驗(yàn)證、js輪播圖、音頻 視頻 Flash的應(yīng)用、ul li、下拉導(dǎo)航欄、鼠標(biāo)劃過(guò)效果等知識(shí)點(diǎn)的體現(xiàn)，軟件的話使用Dreamweaver會(huì)方便快捷一些，也可以使用Editplus，制作的技巧可參考下方法：

① 運(yùn)用好盒子的浮動(dòng)，做好層級(jí)的設(shè)計(jì)，頁(yè)面會(huì)更有層次；

② 設(shè)計(jì)一個(gè)Logo，有圖形設(shè)計(jì)的logo不僅僅是幾個(gè)文字，可以在iconfont找一些成熟漂亮的圖標(biāo)，切記新手要學(xué)會(huì)利用素材，而不是搞全新的創(chuàng)作，因?yàn)橐粋€(gè)完整的LOGO設(shè)計(jì)可能花費(fèi)更多的時(shí)間，比如我的網(wǎng)站http://PsdHtml.CN的LOGO創(chuàng)作了有一周...

③ :hover 的運(yùn)用，比如hover設(shè)置底部邊框線顏色改變，就會(huì)有鼠標(biāo)滑過(guò)變色的效果，也同樣可以使用鼠標(biāo)滑過(guò)字體顏色大小改變，背景圖的改變等，一句代碼、事半功倍；

④ 制作一個(gè)漂亮的導(dǎo)航條，無(wú)需js使用 ul li即可完成一個(gè)帶下拉菜單欄的導(dǎo)航欄，一個(gè)可下拉的導(dǎo)航欄會(huì)為整個(gè)頁(yè)面增加不少高級(jí)感，建議使用淺灰色不必那么鮮艷，同時(shí)加入鼠標(biāo)滑過(guò)效果體驗(yàn)更佳；

⑤ 引入成熟的js輪播圖，首頁(yè)有一個(gè)通屏的滾動(dòng)banner效果會(huì)不錯(cuò)，這里可以直接引用成熟的輪播圖代碼事半功倍，在這里不要覺得不會(huì)寫js下載代碼是不可取的辦法，在網(wǎng)頁(yè)設(shè)計(jì)上，使用成熟或開源的代碼是合理高效的方法，在寫網(wǎng)頁(yè)設(shè)計(jì)報(bào)告的時(shí)候也直接寫清楚是引用的，自己通過(guò)調(diào)整尺寸適配等引入到自己的網(wǎng)頁(yè)中即可；

⑥ 學(xué)生作業(yè)還是要盡可能的將所學(xué)知識(shí)點(diǎn)融入在網(wǎng)頁(yè)中，比如音頻、視頻、表單驗(yàn)證等功能的運(yùn)用，也是豐富頁(yè)面的一個(gè)手段；

最后可以看下我做過(guò)的很多成品的源碼↓↓↓