看了初學書以後 , 整體出來的設計網頁步驟是否如下
網站架構規劃 - 插入表格 - 插入圖片 文字 超連結 - 使用 CSS - 使用 DIV - 網站發佈
已邀請的邦友 {{ invite_list.length }}/5
Dreamweaver是網頁編寫和發佈工具，和這部分有關的網頁流程大概是這樣:
網站視覺layout已經完成，接下來要依此layout開始製作網頁
開啟一個基本的html頁面，加上reset css，確保接下來製作過程中，在瀏覽器可以看到一致的樣式，有些css 框架可以利用，節省時間
分析頁面的元素，做出版面的架構，例如header、footer，左、右欄，這個階段免不了是要寫一些css的，例是主要是做版面架構。切記， 不要用table來做出版面。
開始做每個區塊的細部html，先放元素(文字、圖片、連結)進去，還不用做細部的css。這個階段的重點是，讓html結構即使沒有css，也能識讀。
開始做css的調整，這個階段就是透過css將網頁做到和layout一樣。
這些過程中，如果有每頁會重複出現的結構，也可以利用dreamweaver的 template機制，重複使用。
做完之後，如果有需要和後端配合的，就交給後端去套。
之後就可以發佈了。
我覺得你的觀念可能有點盲點，你一開始插入表格，如果是拿來做架構，那就是錯的步驟。
另外，我也看不懂發佈前的「使用 DIV」是什麼意義。
我插入表格是要將圖片固定在某個位置 , 一班網頁不是都上下左右都有區塊嗎 ?
那個不是插入表格做成的嗎 ? DIV 是可將圖片文字放在任何是嗎 ?
看來...不應該先學Dreamweaver...應該先弄懂HTML的tag....
用表格已經是被視為不好的實作方式，用CSS來控制版面才是正解，table的嵌套對於後端工程師而言，非常的不友善，即使對前端來說，只要不用所見即所得的編輯器來編輯，table都是很煩人的東西。
圖片要固定位置，用css就可以辦到，要把某個區塊放在哪裡，也都應該用CSS來決定。
用HTML來決定內容的結構、用CSS來處理內容的樣式，基本的分工就是如此。
所見即所得的編輯器雖然很方便，但是如果想要學好做網頁，的確像wiselou所說，從基本的HTML和CSS下點工夫，路才走得長遠。
iThome鐵人賽
看影片追技術