[問題] photoshop轉css

[wtuxxj (fire)]

        大家好，

        我是ui的新手，

        美工現在都是從網路上youtube或是google search

        "photoshop tutorial web layout"學來的，

        現階段是到photoshop切片完匯出到網頁格式，

        會在html生成css語法，但問題來了，

        這個階段出來的css都是#div {}結構，

        所有的定位都是position:absolution, top = XXX, left=XXX

        是否各位有任何的能參考的網站，再繼續改寫匯出的css語法，

        本身有基礎的php觀念，上班是用c語言，

        謝謝



--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 211.23.188.78
→ Canboo:這東西動一髮牽全身...還是從基礎開始吧
→ pukia:..有語言基礎CSS沒很難吧...只是要想怎麼突破架構
推 EROS4:div結構比當年的table好多了XDD
→ hermitwhite:打算怎麼改寫呢？這東西目前看來最簡單的做法是把所有
→ hermitwhite:div包到另一個div裡，然後你調節外面那個div就好了
→ tyf99:先弄懂 HTML DOM 有哪些 style property
→ tyf99:再弄懂改某個 property 會影響到什麼
→ tyf99:絕對少用 absolute，排版避免用 left:???px, top:???px
→ tyf99:任何寫死的座標、間隔都少用，全世界不是只有一種螢幕解析度
推 Ken52039:absolute很好用 應該是說新手少碰為妙
→ kerash:用absolute排版要完整確認網站的版面，否則臨時要改就哭了
→ Ken52039:absolute 可以用來做seo 把重要的內容div往上抬
→ Ken52039:不重要的menu footer放在原始碼後段
推 kerash:其實真的重要內容往上排真的有用嗎？我想保持懷疑態度
→ kerash:補充，我指的是效果程度，不是他有沒有用
→ Ken52039:應該是說seo該注意的點非常多 從前端到後端到主機 有很多
→ Ken52039:東西可以改善 而...每一環節能影響的都很小 就再比誰細心
→ Ken52039:注意到跟改善的環節多 誰的排名就前面
→ kerash:我了解SEO很多需注意的方式，但我想確認位置的這個問題
→ kerash:GOOGLE的搜尋引擎也開始對於結構跟語意、標籤做檢查
→ kerash:假設是這種狀況，應該還是會先注重結構吧？(當然這沒答案)
推 Ken52039:你所說的都不影響位置吧 據我瞭解蜘蛛都是由上而下由左
→ Ken52039:而右搜尋的 那當然要把重要的往上啊
→ kerash:蜘蛛當然會這樣爬，就連瀏覽器都這樣爬了，因為是讀純文字
推 Ken52039:所以您質疑的點是？
→ kerash:但是他不是逐續讀，而是整頁讀完後才parse的話，內容位置
→ kerash:應該不是主要的問題。
→ Ken52039:他會逐續讀吧 就像它讀到一半如果遇到沒有nofollow的link
→ Ken52039:會先出去再回來 所以現在也流行在link上加上rel nofollow
→ kerash:如果parse後，再取得link的attri，不是更快知道有沒nf?
→ kerash:另外我不是針對這個能不能有效SEO來做辯論@@ 而是效用性
→ Ken52039:說真的也說不準google怎麼做～
→ kerash:如果只占權重的1%，那做不做因素是否有影響
→ Ken52039:這問題很簡單 每個權重都不高 但如果你跟另外一個站
→ Ken52039:做得差不多 他多你1~2% 他還是在你上面
推 kerash:不要拿我1%來當範例啦= = 1%表示的是微乎其微
→ kerash:是那種在其他地方優化就贏的那種狀況
推 Ken52039:那我只能說 市場需求吧 台灣的seo我敢肯定不一定要做到
→ Ken52039:也能擠到前幾頁 但國外的seo競爭非常激烈 那一點小影響
→ Ken52039:就有差別囉
推 EROS4:我也對此抱持懷疑 想想看nav這個新標籤跟#main role="main"
→ EROS4:到底是單純的新規格還是確實有意義的架構 標籤的意義應遠大
→ EROS4:於標籤被實際讀取到的順序 nav跟#main大都同階前後不同罷了