2。制作寶貝描述的步驟
1,先去各大素材網下載素材圖片,圖片的格式壹般是jpeg和ai 格式的,我建議選ai格式的,是矢量圖,放大不會失真,用photoshop或illutrate打開,fireworks是不能打開ai格式的圖片的。
2,打開圖片選擇需要的部分,
選擇這個工具,拖拉壹個框就可以選擇壹個區域了,然後復制(ctrl+c),新建壹個文件,大小壹般是(寬:600~800象素,高1000象素以上)
粘貼上剛才復制的圖片,並且按鍵盤的ctrl+t來調整大小(快捷鍵是很有用的哦),
新建立壹個圖層,點選垃圾桶左邊的圖標就可以新建立壹層
用選擇工具拉出壹個矩形在新建立的圖層裏面,然後選擇工具欄裏的油漆桶倒上想要的顏色,按住alt鍵,拖拉剛才的矩形,就變成了2個矩形,要將2個矩形分別放在圖片的2邊,形成了邊框,
然後選擇工具欄中的鋼筆工具
新建立壹層,鋼筆選取壹個封閉區間,然後點右鍵,選擇建立選取,倒上喜歡的顏色就可以了
選取 工具欄上的矩形工具
新建立壹層。在圖片的適當地方畫上圓角矩形,並用文字工具寫上文字,請下載好看的字體,增加美感,並且調整透明度80%可以了。
新建立壹層,然後在適當地方寫上文字
是不是很簡單,下面就是切片工作,是非常精細的工作哦
選擇切片工具在圖片上拖拉就可以完成切片工作,請將圖片放大200%或者300%進行切片,這樣可以更精細,13, 18 ,21 ,23切片是以後的文字編輯區所以單獨切出來,還有按鈕也要單獨切出來,可以伸長的地方要單獨切下,比如邊框,這樣在dreamweaver裏面編輯的時候不會撐破表格時候使樣子變得很難看。
切好後,點文件,儲存為web所有格式,選擇jpeg,在不失真厲害的情況下輸出大小麽盡量小。然後點save
all slices壹定要選擇的,輸出後有壹個網頁文件和壹個文件夾(裏面就是剛才切下的圖片)
其實這樣雙擊打開網頁文件就可以看到模版的效果了,首先妳會覺得怎麽整個頁面靠左,不太好看,那麽我們
現在打開dreamweaver2004來改壹下 ,dreamweaver到google baidu搜壹下就可以下載了,而且還是很大雙擊打開dreamweaver,然後文件,打開剛才的網頁文件
點擊上方的的拆分,看到代碼了吧,別慌,html的代碼簡單好學(比其他計算機語言好學多了)
查找如圖之前填加div align="center"有沒有點英語基礎呀,有的話就知道什麽意思了,然後查找