Re: [問題] 請問剛設計好的網站 如何在奇摩自然搜的到

[gpmm (銀色)]

※ 引述《gpmm (銀色)》之銘言：
:   其實真的，sitemap、外部連結是提高索引效率與 rank 的最佳選項啊 XDD
: --
: ※ 發信站: 批踢踢實業坊(ptt.cc)
: ◆ From: 220.135.19.91
: 推 cjoe:你點出了table的問題了，但是怎麼證明改用css就可以更好呢     06/03 14:54
: → cjoe:我指您回文中使用的例子                                     06/03 14:54


    啊，講到一個 css 教義下最讓人困惑的事情了（遮臉）

    很遺憾，我們實際上並不能證明，
    使用 css 取代傳統 table 排版真的具有完整的優勢。

    關於 css，首先它本身就是一個富有矛盾性的角色，
    他是為了割離網頁骨架與設計展現所被倡導而使用的，

    但它根本就是另一種的程式碼啊…
    小弟與不少人合作至今，
    極少遇過可以將 css 運用的流暢自如的設計師，
    反而是工程師比較常在使用 css。

    對於傳統設計師使用 photoshop 排完，切片後轉成網頁的便利步驟來說，
    要他們使用 css 進行排版，無疑是一項艱辛的任務，

    因此 css 在一開始的使用族群就已經有些落差，


    此外，面對現下各家瀏覽器 css 的解析都有所不同，
    使用者經常需要各式各樣的方式去微調，做相容，

    尤其還有很多有的沒有的小問題（也就是技巧），
    像使用 float 要記得收尾，IE6 在什麼情況下 margin 會變兩倍等等等等…
    各式各樣的地雷點；這些情況無疑地都令 css 更難以完整推廣，

    所以 css 很多時候比起它本身的價值，反倒更成了一種教義，
    願意追隨的終身奉獻，無法接受的始終無法接受。


    但 css 的好處真的也是不可抹滅，
    首先是達成了骨架與展現的割離，

    換句話說我們在面對網頁的時候，我們可以看到文理脈絡就好，
    可以針對我們想表達、強調的文章陳述方式去進行排組，
    所有的設計與展現都是後設性的，是純粹面對 design 在做 design。

    css 另個好處是由於展現的分離與自身的彈性，
    使得設計師可以自由針對同一個資料體進行多種不同的風格設計，
    也可以在面對同一種文理架構時，直接輕鬆套用同一種排版樣式。
    而不是 copy 舊有的 html 檔，將 content 更換成新的。

    http://www.csszengarden.com/  這個是經典中的經典，老牌中的老牌了 XD


    回到 c 大說的使用 css 取代以下 table

  <th>種類</th> | <th>票價</th> 與
  <td>  A </td> | <td> 100</td>    <th>種類</th> | <td> A </td> | <td> B </td>
  <td>  B </td> | <td> 200</td>    <th>票價</th> | <td>100</td> | <td>200</td>

    從 css 角度來看，html 本身只需要先考慮語意和文理，
    而這本來每個人所想的便不同，此處僅提出小弟自己的方式，

    <div>
      <ul>
        <li>
          <h5>種類</h5>
          <span>A</span>
          <h5>票價</h5>
          <span>100</span>
        </li>
        <li>
          <h5>種類</h5>
          <span>B</span>
          <h5>票價</h5>
          <span>200</span>
        </li>
      </ul>
    </div>

    然後在由此去經由 css 達到您要的排版方式，
    譬如說第一組 li 設成 first-line，然後把其他 li 中的 h5 都設不顯示等等的，

    --

    其實台灣一直很匱乏一種角色，就是介面設計/工程師，
    介面設計/工程師才應該是對 css 最瞭若指掌，
    並且黏合一般設計師與工程師的人。

    介面設計/工程師參與介面和網頁設計，並從一般設計師的想法下，
    達成介面上的編排與互動製作，再與後端工程師完資料的流程處理與資料填入。

    從一般設計師、介面設計/工程師、工程師這樣的三元組合中，
    才會真正有比較完整的搭配與合作 XDD


--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 220.135.19.91
推 air13:插個花 不管公司大小 也都應該要有個網管才對啊~~ (泣~)
→ gpmm:台灣的網管也很可憐，被貶的很低 XDD
推 roga:p.s. 可以透過 css reset 來調整各瀏覽器之間的差異
→ gpmm:oh my god…小弟不知道有這種東西，受教了 orz
推 roga:http://topdn.net/c4e89 <- 不過我自己也沒再用 orz
→ air13:公司態度也很怪 平常不請網管的 網站出了問題才去找外面的人
→ air13:然後當冤大頭當的毫無知覺... Orz (抱歉離題了 XD)
→ roga:板友 tsangbor 的 blog 也有提過 (前兩天有瞄到 XD )
→ gpmm:剛剛找到這篇 http://0rz.tw/fa4ex
→ gpmm:a 大辛苦了，很多公司都是這樣啊…囧
推 roga:我記錯人了，是他 -> http://topdn.net/4dbfc   orz
→ gpmm:啊啊！我也是從這裡過去的 XDD
推 othree:reset只是解決預設值的問題～ 還有更多狀況需要處理
推 aceone:CSS在IE6下真的一堆鬼問題，現在又要開始擔心IE8了...
推 terrylchen:設計師不擅長CSS的主要原因我想還是歸因於學習過程和學
→ terrylchen:校。現在不管是學校或是外面課程標榜的都是速成，卻忽
→ terrylchen:略最基本的東西，例如網頁架構、html結構等，都是直接
推 cjoe:感謝回覆 我也在學習中 :)
→ terrylchen:photoshop切片轉存就完成一個網頁。如果連html基本邏輯
→ terrylchen:都不懂的設計師更不可能去主動學習css了，而在這行經歷
→ terrylchen:就久的設計師也不見得願意學，所以才造成設計師對CSS不
→ terrylchen:擅長。其實真要說的話，我接觸過的程式設計師擅長css的
→ terrylchen:也非常少，而且絕大部分不只不擅長，還極度抗拒，視之
→ terrylchen:洪水猛獸...
推 aceone:一方面客戶也不了解CSS跟表格排版的差異，覺得看起來都一樣
→ aceone:我跟terry版友一樣，遇過只會塞表格的程式設計 XD
推 sophieli:我是因為做過無障礙網頁設計,大大增加html跟css功力
→ sophieli:但是目前不在標案公司服務XDD 也就無用武之地了