網頁設計製作教程《三》
導航
工具/原料
photoshop
dreamweaver
步驟/方法
1
編寫一個導航的div
2
編寫導航中的`欄目,這裏用列表
3
這樣,html就編寫好了...下面我們對給html設置樣式,具體編寫位置以及全局簡介看網頁設計製作教程《一,二》
4
給導航一個寬度,並且讓導航居中顯示,並且給導航一個#ccc的背景色
5
所有的列表設置一個高度
6
導航的所有列表,在一條線上排列
7
對列表中的每一個欄目進行css樣式設定:塊狀,寬度100,高度40,行高40,左浮動,文字居中顯示,文字下劃線沒有,背景#ddd,左邊距6px,字體大小14,顏色#666
8
設置鼠標經過欄目的css樣式
9
這樣,一個導航就編寫好了
注意事項
ul li{ display:inline;}必須要,要不然 ul li a 浮動過之後不會在一條線上...
-
【經典】設計作文7篇
在學習、工作乃至生活中,大家總少不了接觸作文吧,藉助作文人們可以實現文化交流的目的。還是對作文一籌莫展嗎?下面是小編收集整理的設計作文8篇,歡迎大家分享。設計作文篇1教學目標:1、採用扶放結合的方法,進一步培養學生學寫假設類想象作文的能力。2、引導學生展開...
-
實用的設計方案(優秀3篇)
爲了確保工作或事情能有條不紊地開展,常常需要提前準備一份具體、詳細、針對性強的方案,方案是有很強可操作性的書面計劃。優秀的方案都具備一些什麼特點呢?下面是小編收集整理的設計方案3篇,僅供參考,歡迎大家閱讀。設計方案篇1教學目標(一)知道函數圖象的意義;(二)能畫...
-
設計作文6篇[經典]
在學習、工作乃至生活中,大家一定都接觸過作文吧,作文可分爲國小作文、中學作文、大學作文(論文)。你知道作文怎樣寫才規範嗎?以下是小編精心整理的設計作文6篇,僅供參考,大家一起來看看吧。設計作文篇1一、談話導入,引出模式。1、小朋友們,這是什麼?(師在黑板畫一個圓)2、...
-
設計作文9篇【推薦】
在現實生活或工作學習中,大家都寫過作文,肯定對各類作文都很熟悉吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?以下是小編整理的設計作文9篇,希望對大家有所幫助。設計作文篇1昔日裏,外婆的手大而粗糙,但卻如...