[問題] photoshop轉css

看板Web_Design作者 (fire)時間13年前 (2012/09/04 09:07), 編輯推噓8(8035)
留言43則, 7人參與, 最新討論串1/1
大家好, 我是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

09/04 10:33, , 1F
這東西動一髮牽全身...還是從基礎開始吧
09/04 10:33, 1F

09/04 11:23, , 2F
..有語言基礎CSS沒很難吧...只是要想怎麼突破架構
09/04 11:23, 2F

09/04 11:40, , 3F
div結構比當年的table好多了XDD
09/04 11:40, 3F

09/04 12:03, , 4F
打算怎麼改寫呢?這東西目前看來最簡單的做法是把所有
09/04 12:03, 4F

09/04 12:04, , 5F
div包到另一個div裡,然後你調節外面那個div就好了
09/04 12:04, 5F

09/04 16:14, , 6F
先弄懂 HTML DOM 有哪些 style property
09/04 16:14, 6F

09/04 16:14, , 7F
再弄懂改某個 property 會影響到什麼
09/04 16:14, 7F

09/04 16:16, , 8F
絕對少用 absolute,排版避免用 left:???px, top:???px
09/04 16:16, 8F

09/04 16:17, , 9F
任何寫死的座標、間隔都少用,全世界不是只有一種螢幕解析度
09/04 16:17, 9F

09/04 18:17, , 10F
absolute很好用 應該是說新手少碰為妙
09/04 18:17, 10F

09/04 18:43, , 11F
用absolute排版要完整確認網站的版面,否則臨時要改就哭了
09/04 18:43, 11F

09/04 19:38, , 12F
absolute 可以用來做seo 把重要的內容div往上抬
09/04 19:38, 12F

09/04 19:39, , 13F
不重要的menu footer放在原始碼後段
09/04 19:39, 13F

09/04 19:41, , 14F
其實真的重要內容往上排真的有用嗎?我想保持懷疑態度
09/04 19:41, 14F

09/04 19:47, , 15F
補充,我指的是效果程度,不是他有沒有用
09/04 19:47, 15F

09/04 19:48, , 16F
應該是說seo該注意的點非常多 從前端到後端到主機 有很多
09/04 19:48, 16F

09/04 19:49, , 17F
東西可以改善 而...每一環節能影響的都很小 就再比誰細心
09/04 19:49, 17F

09/04 19:49, , 18F
注意到跟改善的環節多 誰的排名就前面
09/04 19:49, 18F

09/04 20:00, , 19F
我了解SEO很多需注意的方式,但我想確認位置的這個問題
09/04 20:00, 19F

09/04 20:00, , 20F
GOOGLE的搜尋引擎也開始對於結構跟語意、標籤做檢查
09/04 20:00, 20F

09/04 20:02, , 21F
假設是這種狀況,應該還是會先注重結構吧?(當然這沒答案)
09/04 20:02, 21F

09/04 20:07, , 22F
你所說的都不影響位置吧 據我瞭解蜘蛛都是由上而下由左
09/04 20:07, 22F

09/04 20:07, , 23F
而右搜尋的 那當然要把重要的往上啊
09/04 20:07, 23F

09/04 20:29, , 24F
蜘蛛當然會這樣爬,就連瀏覽器都這樣爬了,因為是讀純文字
09/04 20:29, 24F

09/04 20:30, , 25F
所以您質疑的點是?
09/04 20:30, 25F

09/04 20:30, , 26F
但是他不是逐續讀,而是整頁讀完後才parse的話,內容位置
09/04 20:30, 26F

09/04 20:30, , 27F
應該不是主要的問題。
09/04 20:30, 27F

09/04 20:31, , 28F
他會逐續讀吧 就像它讀到一半如果遇到沒有nofollow的link
09/04 20:31, 28F

09/04 20:31, , 29F
會先出去再回來 所以現在也流行在link上加上rel nofollow
09/04 20:31, 29F

09/04 20:32, , 30F
如果parse後,再取得link的attri,不是更快知道有沒nf?
09/04 20:32, 30F

09/04 20:34, , 31F
另外我不是針對這個能不能有效SEO來做辯論@@ 而是效用性
09/04 20:34, 31F

09/04 20:35, , 32F
說真的也說不準google怎麼做~
09/04 20:35, 32F

09/04 20:35, , 33F
如果只占權重的1%,那做不做因素是否有影響
09/04 20:35, 33F

09/04 20:35, , 34F
這問題很簡單 每個權重都不高 但如果你跟另外一個站
09/04 20:35, 34F

09/04 20:36, , 35F
做得差不多 他多你1~2% 他還是在你上面
09/04 20:36, 35F

09/04 20:40, , 36F
不要拿我1%來當範例啦= = 1%表示的是微乎其微
09/04 20:40, 36F

09/04 20:41, , 37F
是那種在其他地方優化就贏的那種狀況
09/04 20:41, 37F

09/04 20:42, , 38F
那我只能說 市場需求吧 台灣的seo我敢肯定不一定要做到
09/04 20:42, 38F

09/04 20:42, , 39F
也能擠到前幾頁 但國外的seo競爭非常激烈 那一點小影響
09/04 20:42, 39F

09/04 20:42, , 40F
就有差別囉
09/04 20:42, 40F

09/04 22:18, , 41F
我也對此抱持懷疑 想想看nav這個新標籤跟#main role="main"
09/04 22:18, 41F

09/04 22:19, , 42F
到底是單純的新規格還是確實有意義的架構 標籤的意義應遠大
09/04 22:19, 42F

09/04 22:20, , 43F
於標籤被實際讀取到的順序 nav跟#main大都同階前後不同罷了
09/04 22:20, 43F
文章代碼(AID): #1GHLH5aM (Web_Design)