你是不是也曾在朋友圈看到別人發(fā)的精美網(wǎng)頁，心想：“這不就是用Dreamweaver做的嗎？”其實(shí)，它真的沒你想得那么難！今天我就用最真實(shí)、最接地氣的方式，帶你一步步搞定一個(gè)簡單的網(wǎng)頁——就像給朋友寫一封電子情書那樣自然。
Q：新手第一次用Dreamweaver，該從哪里開始？
別慌！我當(dāng)初也是從“新建HTML文件”開始的。打開軟件后，點(diǎn)擊菜單欄的“文件 > 新建”，選擇“HTML”模板，保存時(shí)記得命名成 index.html（這是網(wǎng)頁默認(rèn)入口文件）。這時(shí)候你會看到一個(gè)空白文檔，別怕，這就是你的畫布。
Q：怎么讓頁面有顏色和文字？
舉個(gè)栗子??：我想做個(gè)個(gè)人簡介頁。在代碼區(qū)輸入：
<html><head><title>我的小站</title></head><body bgcolor="f0f8ff"><h1 style="color:333">你好呀，我是小夢！</h1><p>熱愛旅行、攝影和深夜碼字的95后～</p></body></html>
看！直接用標(biāo)簽就能實(shí)現(xiàn)文字加粗、背景色、字體顏色，不需要任何插件，像搭積木一樣簡單。
Q：想加張照片怎么辦？
我用過一個(gè)超實(shí)用技巧：先把照片放進(jìn)項(xiàng)目文件夾里（比如命名為 me.jpg），再插入代碼：
<img src="me.jpg" alt="我的頭像" width="200">
記?。D片路徑必須和HTML文件在同一目錄下，不然會顯示“404”。我第一次就栽在這兒，哭著改了三次才對 ??
Q：做完怎么預(yù)覽？
Dreamweaver貼心地提供“實(shí)時(shí)預(yù)覽”功能！點(diǎn)擊頂部“窗口 > 實(shí)時(shí)視圖”，或者直接按 Ctrl+Shift+Enter（Windows）/ Cmd+Shift+Enter（Mac），網(wǎng)頁瞬間出現(xiàn)在瀏覽器里——不用上傳服務(wù)器，自己就能看效果！
說實(shí)話，我做這個(gè)頁面只花了不到30分鐘。沒有復(fù)雜代碼，也沒有專業(yè)設(shè)計(jì)經(jīng)驗(yàn)，就是把生活片段變成網(wǎng)頁，分享給好友時(shí)，他們都說：“原來你這么懂技術(shù)！”
所以啊，別再說“我不懂代碼”啦～Dreamweaver就像你隨身攜帶的網(wǎng)頁工具箱，隨時(shí)能幫你記錄靈感、展示作品、甚至開個(gè)小店。現(xiàn)在就開始吧，下一個(gè)朋友圈爆款網(wǎng)頁，可能就在你指尖誕生 ???
