1. 程式人生 > >一篇文章教會你如何製做精美導航條

一篇文章教會你如何製做精美導航條

【一、專案背景】 讓更多的人去學習html,以廣東科技學院的導航欄為例, 教大家怎麼去做一個橫向的導航欄。 ![一篇文章教會你如何製做精美導航條](https://img2020.cnblogs.com/other/1380669/202007/1380669-20200712205347575-1275690865.jpg) 【二、專案準備】 準備一個程式設計的軟體Dreamweaver,開啟軟體點選檔案新建一個叫導航欄的專案,如下圖所示。 ![一篇文章教會你如何製做精美導航條](https://img2020.cnblogs.com/other/1380669/202007/1380669-20200712205347944-1567618506.jpg) 點選確定之後,會彈出下圖。 ![一篇文章教會你如何製做精美導航條](https://img2020.cnblogs.com/other/1380669/202007/1380669-20200712205348402-1207786419.jpg) 【三、專案實施】 1\. 在標籤裡面寫下一個框架: ![一篇文章教會你如何製做精美導航條](https://img2020.cnblogs.com/other/1380669/202007/1380669-20200712205348705-655608929.jpg) 注: