• Like
Spbl Fö10   Format, Text Och Html
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Spbl Fö10 Format, Text Och Html

  • 225 views
Published

 

Published in Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
225
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. SP:BL fö 10 Format, text, HTML Gunnar Wettergren [email_address]
  • 2. Agenda
    • Text
      • Representation
    • Text och layout
    • HTML
    • Nätverk
  • 3. Text
    • Visuell representation av språket och en grafisk entitet i sig själv
    • Grundläggande entiteten är tecken
  • 4. Diskussion
    • Hur används text i spel, vilken roll har det?
  • 5. Vart ligger meningen?
    • I texten, eller hos tolkaren?
      • Hermeneutik
      • Gadamer
  • 6. Teckenset
    • Måste hålla isär lexikalt innehåll och utseendet
    • Men innehåll menas ord, formler, punkter etc.
    • Texts utseende
      • Visuella attribut
      • Storlek
      • Layout
  • 7. Standarder
    • Ascii (American Standard Code for Information Interchange) ISO 646
      • Dominerat sedan 1970 talet
      • 7 bitar för att lagra bokstavskoder, totalt 128 koder
      • é har kod
        • 142 Macintosh Standard Roman
        • 233 Windows character set
  • 8. Unicode & ISO 10646
    • Unicode är till för att alla former av skrivspråk skall kunna representeras och manipuleras på en dator
  • 9. Fonter
    • Visuell representation av ett tecken, kallas för ”Glyph”
    • Font – Kollektion av ”glyphs”
    • Monostyled text – one font
  • 10. Klassificering
    • Monospaced (fixed width) vs. Proportional fonts (beror på tecknet)
      • Mest använda är Courier (monospaced)
      • Times , Garamond (Proportioneliga)
    • Serif vs. Sans serif
      • Sans serif
      • Serif
  • 11. Klassificering II
    • Form
      • Stående vs. Italic
        • Stående
        • Italic
        • Bold
    • Det finns tusentals fonter
    • Digital teknik har möjliggjort skapandet av nya innovativa fonter
      • Gunnar Wettergren
  • 12. Font terminologi
    • Avstånd, storlek, längd anges i points = 1/72 tum, lite mindre än 0,3528 mm
    • Ascender
    • Descender
    • Body size
  • 13. Digital font teknik
    • Bitmap fonter
      • Lider av samma problem som bitmappade bilder
    • Outlined glyphs (vektor baserade)
      • Adobe Type 1, Truetype
      • Kan skalas nästa hur stort som helst
  • 14. Exempel
    • Bitmapped vs. Outlined (vector)
    G
  • 15. Vad har detta med spel att göra?
    • När vi använder text måste vi tänka på:
      • Hur det positioneras på skärmen
      • Hur paragraferna delas upp
      • Vilka headings, listor etc som används
      • Vilka fonter skall användas
      • … .
  • 16. Text i grafik
    • Integration av text i grafik är en naturlig del utav multimedia
    • Centralt i det vi gör
    • Reklam, grafisk formgivning etc.
    • Webb grafik
  • 17. Layout
    • Olika typer av formateringsoperationer
      • Teckenformatering
        • Storlek
        • Form
        • Font
      • Paragrafformatering
        • Vänster- högerställd
        • Centrerad
        • Justified
  • 18. Markup
    • WYSIWYG formating systems (tag based systems)
    • HTML (Tag based text formatting)
    • Visual markup
      • Tags eller kommandon specificerar texts utseende, font, storlek osv.
    • Structural markup
      • Tags identifierar logiska element i ett dokument så som listor, tabeller, överskrifter etc.
  • 19. HTML
    • Visual markup
      • <font size =&quot;2&quot;>text</font>
      • <font face =&quot;Arial&quot;>Your text here.</font>
      • <font color =&quot;#ff0000&quot;>text</font>
    • Structural markup
      • <table border=&quot;1&quot;> <tr> <td>cell 1</td><td>cell 2</td> </tr> <tr> <td>cell 3</td><td>cell 4</td> </tr> </table>
    Cell1 Cell2 Cell3 Cell4
  • 20. Hur levereras vårt alster?
    • Ofta via nätverk
      • Webb
      • Streaming media
      • Multicasting
    • Vi kommer koncentrera oss på TCP/IP
      • Andra är IPX, Token Ring, Appletalk
  • 21. Protokoll
    • Protokoll är regler för utbytandet av data över nätverk
  • 22. TCP/IP
    • Packet/Switched nätverk
      • Varje meddelande delas upp i ett antal paket som numreras
  • 23. Casting Anycast Broadcast Multicast Unicast Routing schemes
  • 24. Nätverk och transportprotokoll
    • IP – Internet protocol
      • Datagram och fungerar som en mekanism för att få paket från A till B
  • 25. HTTP
    • Hypertext transport protocol
      • Connection (DNS)
        • Namn -> IP adress
      • Port 80
      • Request/Response
      • Sessionslöst
  • 26. RTSP
    • Real time streaming protocol
    • Kallas internets fjärrkontroll