InDesign kassar eru eins einfaldar og smelltu og dragðu. Lögin í Photoshop láta málara litastillingar hvar sem þeir vilja. En skipulag með HTML og CSS er leikur af nudging og cascading.

Það gerist á hverjum degi: Photoshop-kunnátta liststjórar mock upp hönnun, honey spacing þeirra, vandlega velja viðeigandi leturgerð og liti. Þeir leggja af störfum sínum í áhugasömum HTML forritara, sem tilkynnir að hönnunin muni líklega taka daga til að breyta HTML / CSS. Verra, þeir gera breytingar á reikningi fyrir mismunandi skjástærð. Tímasetning er ráðgáta fyrir báða aðila. Mun það taka verktaki klukkustund eða viku til að breyta PSD í vinnandi HTML / CSS?

Grundvallaratriði vefútgáfu - hugsanleg, hagnýt, möguleikarnir - auðvelt að skilja. Eins og hönnun sjálft, skilningur meginreglna mun hjálpa allir hönnuður framleiða betri hönnun og flýta því ferli að byggja upp síðuna.

Blokkir þættir stafla, fljúga inline þættir

Allt á vefsíðu, frá málsgreinum í myndir til tengla við feitletrað texta, búsettur í ósýnilega kassa. Þessir kassar koma í tveimur tegundum: blokk og inline. Munurinn á inline og blokk er í hegðun sinni.

• Blokkþættir eru rétthyrningar. Þeir elska að fylla lárétt pláss.
• Inline þættir eru rétthyrnd, nema að þeir megi hula.

Blokkþættir stafla ofan á hvor aðra. Nema annað sé sagt, hernema þeir eins mikið lárétt pláss og hægt er, ýta öllu í kringum þau upp eða niður. Fyrir hönnun eru blokkarþættir aðal skipulagningartólið.

Inline þættir eru byggðar á textaformun. Þeir brjóta ekki flæði textans og málin þeirra stækka til að passa innihald þeirra. Að túlka inline frumefni til að halda 200 punkta breidd mun ekki virka. Fylltu með textavilju.

Sjálfgefið, hvert frumefni í er annaðhvort inline eða block element. Hönnuðir geta breytt eðli sínu með litlu CSS - segðu að snúa stafli af listatöflum (innbyggðum blokkum) í röð, eða röð af láréttum tenglum (innfæddur innlínur) í lóðrétta stafla. Það þýðir að allir sýnilegir þættir geta verið notaðir til skipulags. Hvort sem þau ættu að vera veltur á viðkomandi skipulagi.

Native blokkir þættir eru:

• Deildir
• Málsgreinar

• Lists
  • Atriði í lista
  • Fyrirsagnir

    -

  • Töflur
    Block vitna

    Skipuleggjendur í HTML5

    , ,
    Líkaminn sjálft

    Inline þættir eru:

    • Akkeri (tengla)
    • Djarfur og
    • Skáletrað og
    • Myndir
    • Tilvitnanir
    • Gerðu stílhönnun
    • Formaðu merki
    • Undir þér komið

    Algengar merkingar sem eru hvorki blokk né inline:

    • Skjalið titill