前端製作（美工）是怎麼把psd製作成頁面的？
美工怎麼做的我不清楚，因為我是做前端的，我就從前端這個角度說吧。
首先拿到psd，先分析哪些是要匯出為的，哪些是可以自己用**完成的。
將全部匯出，要做成雪碧圖的都做成雪碧圖
然後直接開始碼**，在谷歌瀏覽器或者火狐中測試，不要用ie做第一次測試。
1.對照設計圖，寫好框架
2.完善細節，新增js效果（可重用的元件，模組注意分離）
3.完善所有頁面，測試瀏覽器相容
ps:如果是無任何前端基礎，單純的是美工的話我就布吉島了，記得是直接用ps的切片工具加dw調整。 再說這種事情本應是前端做的呀，為毛要讓美工or設計師做，做出來的有用不。。。
編碼規範和元件模組如何分離可以參考網易的nec規範
規範 - nec : 更好的css樣式解決方案
html頁面元素命名參考
1 顏色 使用顏色的名稱或者16進製制 如 red f60 ff8600 2 字型大小,直接使用 font 字型大小 作為名稱,如 font12px font9pt 3 對齊樣式,使用對齊目標的英文名稱,如 left bottom 4 標題欄樣式,使用 類別 功能 的方式命名,如 barnews b...
html入門學習 頁面布局相關
前面已經講過註冊頁面，下面我們說說內容頁 內容頁面先會考慮總體排版，於是就有了框架，還可以用區塊標記 網頁文章 需要分段，於是就有了這我我的第乙個段落 給段落加個標題，於是有了到這類標題標記 為了讓同事更方便理解你的 就有了注釋 通過實現換行 也可以用table 實現網頁格式布局 行標記，列標記，跨...
HTML 內嵌JS指令碼 相關參考手冊
提供乙個js html參考手冊入口 j ascript 最常用於操作 表單資料處理以及內容動態更新。doctype html html head meta charset utf 8 title 菜鳥教程 runoob.com title head body h1 我的第乙個 j ascript h...