Komplex tartalom

a szövegmezőn túl

Várady Zoltán

Farm Stúdió

@drifter

 

http://farm.co.hu

A szövegdoboz

A WYSYWYG

Strukturált tartalom

Mezőre bontás

  • Cím
  • Alcím
  • Bevezető
  • Bevezető kép
  • Szöveg
  • Szöveg fölötti kép
  • Galéria
  • Csatolt dokumentumok
  • Kapcsolódó cikkek

Heterogén tartalom

Tartalomstratégia

Dokumentumalapú

  • XML
  • DITA
  • HTML5
  • data attribútumok
  • custom elemek
  • Shadow DOM

Mező alapú

  • mezők, entitások
  • tetszőleges sorrendben

Dokumentum alapú

Kötelező cica

Drupal 8 képbeszúrás

Text

<img alt="Rózsaszín paca" 
    data-align="right" 
    data-caption="Rózsaszín paca" 
    data-editor-file-uuid="8571674d-e3a7-4345-8a41-651736a5092d" 
    src="/sites/default/files/inline-images/decay09.jpg" 
    width="200" />

Drupal 8 Media Embed

<drupal-entity 
    data-embed-button="node" 
    data-entity-embed-display="default" 
    data-entity-embed-settings="{"view_mode":"default"}" 
    data-entity-id="1" 
    data-entity-label="Content" 
    data-entity-type="node" 
    data-entity-uuid="f1477392-0ff5-471c-b335-536f46f5f846">
</drupal-entity>

XML

<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="stylesheet.xsl" view="defaultView" ?>
<recipe xml:lang="en-US">
  <preparationTime>
    <amount>2</amount>
    <unit>minutes</unit>
  </preparationTime>
  <servings>1</servings>
  <category>dinner</category>
  <title>Traditional Christmas Ham</title>
  <author>Joanna</author>
  <description> What is Christmas without a Christmas Ham? Make this year a traditional Christmas and serve the family a deliciously roasted ham with grapes on top.</description>
  <ingredients>
    <ingredient>Precooked, tenderized ham (3 kg)</ingredient>
    <ingredient>1 cup of dark brown sugar</ingredient>
    <ingredient>2 tablespoons of flour</ingredient>
    <ingredient>1/2 c. sour cream</ingredient>
    <ingredient>3 tbsp. brown mustard</ingredient>
  </ingredients>
  <preparation>
    <step>Preheat the oven to 325 degrees</step>
    <step>Place the ham with fat side up in the middle of the oven, in an open roasting pan and roast until it is brown and tender, probably about 1/2 hour longer than the package calls for. </step>
    <step>Remove the ham from the oven and increase the oven temperature to 425 degrees. Cut the skin off the ham, leaving 1/2 inch of fat.</step>
  </preparation>
  <history>The Christmas Ham is an ancient traditional ingredient in the Finnish and Swedish Christmas celebration and remains as important there as the Christmas tree.</history>
  <tips>
    <header>Wine</header>
    <paragraph>Recommended with ham are wines like a Riesling, even a Gewürztraminer. And as for red wines, a Beaujolais or a Pinot Noir.</paragraph>
  </tips>
  <nutrition>
    <energy>
      <amount>110</amount>
      <unit>kcal</unit>
    </energy>
    <protein>
      <amount>0</amount>
      <unit>pounds</unit>
    </protein>
    <fat>
      <amount>0</amount>
      <unit>g</unit>
    </fat>
    <carbohydrates>
      <amount>2</amount>
      <unit>g</unit>
    </carbohydrates>
  </nutrition>
</recipe>

DITA

 <topic id="docbook_or_dita">
  <title>DITA or DocBook?</title>

  <shortdesc>Both DITA and DocBook are both mature, feature rich, document types,
  so which one to choose?</shortdesc>

  <body>
    <p>DocBook 5 is a mature document type, well-documented (DocBook: The
    Definitive Guide, DocBook XSL: The Complete Guide), coming with decent XSL
    stylesheets allowing to convert it to a variety of formats, based on the
    best schema technologies: RELAX NG and Schematron.</p>

    <p>DITA concepts (topics, maps, specialization, etc) have an immediate
    appeal to the technical writer and indeed, makes this document type more
    attractive than DocBook. However the DocBook vocabulary is comprehensive
    and very well thought. So choose DITA if its standard vocabulary is
    sufficiently expressive for your needs or if, anyway, you intend to
    specialize DITA.</p>
  </body>

  <related-links>
    <link format="html" href="http://www.docbook.org/" scope="external">
      <linktext>DocBook 5</linktext>
    </link>

    <link format="html"
          href="http://www.oasis-open.org/committees/tc_home.php?wg_abbrev=dita"
          scope="external">
      <linktext>DITA</linktext>
    </link>
  </related-links>
</topic>

Mező alapú

Olvasnivaló és hallgatnivaló

  • Jeff Eaton: Battle for the Body Field
  • Insert Content Here podcast
  • Karen McGrane: Content Strategy for Mobile
  • és az összes többi A Book Apart könyv
  • Fejes Anikó: Shadow DOM
  • Janez Urevc: Drupal 8 Media

Komplex tartalom

By Zoltan Varady

Komplex tartalom

  • 1,187