靜態網頁的製作步驟

2021-09-23 08:17:22 字數 766 閱讀 1037

1) 從上到下的方式:(比較適合新手)

2) 先確定結構再在結構中填充內容(比較適合老司機)

1) 去掉標籤的預設margin和padding:

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img

img

3) 去掉ul前面的小點

ul,ol

4) 去掉input標籤預設的padding-top,padding-bottom,border

input

5) 去掉a標籤的下劃線

a

6) 給body設定乙個統一的字型樣式和背景顏色

body

7) 左右浮動,清除浮動

.fl

.fr .clearfix:after .clearfix

temple.html------>temple.css

相關文件出自

靜態網頁製作

網頁製作最終目的是展示給客戶,服務的物件以客戶為主,所以網頁製作中布局結構非常重要,通常我們使用劃分網頁,使其形成基礎的上下與左右布局,瀏覽器預設情況下使用上下自動排版,所以主要設定左右布局,左右布局在設定時需要使這兩個板塊浮動,通過float這個屬性創造我們需要的樣式。youhh left you...

靜態網頁製作

剛剛做完團體專案,靜態網頁製作。有些心得與大家分享一下。練習做專案時,首先一定要先選主題。一定是感興趣或者不排斥的主題。這樣的話才會興趣而且心裡也會有一定的思路和結構圖。其次是選模板,模板非常重要。如果有了乙個漂亮而且符合主題的 那麼你這個 建設起來會很簡便而且很好看。模板的型別在於你選擇的主題,所...

網頁製作中燈籠製作步驟

製作燈籠步驟 步驟1 新建文件,設定畫布大小為300x300畫素。步驟2 選擇選單欄中的 檢視 網格 一 顯示網格 命令,在畫布中顯示網格。再選擇選單欄,編輯 一 首選引數 命令,在 輔助線和網格 類別中設定網格的寬度 高度均為20畫素。步驟3 選擇工具箱中的橢圓工具,在其屬性面板中進行屬性設定,筆...