SlideShare a Scribd company logo
Studio 2: HTML
Prof. Alvarado
MDST 3703
5 September 2013
Business
• Blogging – after class, and before the
weekend, write a reflective post about the
week
– Does everyone know what a post is?
• Don’t let this sit . . . Do it before you begin
next week’s readings
Marshall McLuhan
McLuhan, The Medium is the Massage
McLuhan, The Medium is the Massage
McLuhan, The Medium is the Massage
Review
Plato
• Plato’s cave is an allegory of knowledge
– Describes on the role of media and imitation in the
formation of knowledge
• Plato posits a hierarchy of imitation and media
forms
– The Forms  “First order things”  Artistic
representations of things
• Plato devalues art and poetry for being at the
bottom of this hierarchy
– He values geometry and philosophy as having access
to the Forms
Plato
• As an allegory of media, the following identities
seem to hold
– Shadows = art and poetry
– Puppeteers = artists and poets
– Puppets = ? (part of the shadows’ apparatus)
• In contemporary terms, the shadows can be
identified with mass media
– TV, radio, film, social media, etc.
The allegory of the cave
lives on in Marxist critiques
of society. Reality is
production, and the
shadows are ideology and
religion.
But the philosopher Karl
Popper blames
totalitarianism on Plato’s
cave.
1967
Aristotle
• In the Poetics, Aristotle takes a less dim view
of art and poetry
– We learn through imitation; imitation is
fundamental to being human
– Different art forms convey different kinds of
meaning
• Tragedy (a form of drama) represents a
particular kind of human action
Note the preservation of the abstract over the visual
Aristotle’s reformulates Plato’s distinction
Where do digital media developers
fit into the allegory of the cave?
What kinds of imitation do we
produce?
Shadows = art and poetry = INTERFACE
Puppeteers = artists and poets = CODER
Puppets = = CODE
Studio
Break up into groups
Exercise 1: Enhance JEdit
• To get your File System Browser on the side of
your editor:
– Utilities > File System Browser > Dock at Left
• To add plugins:
– Plugins > Plugin Manager > Install
– Choose SideKick and XML
– May have to pick a different serve by clicking on
“Download Options…” at the bottom
• To turn word wrapping on or off:
– Utilities > Buffer Options > Word Wrap
Exercise 2: Create a directory for
today’s work
• You can create directories in JEdit by clicking on a
folder in the top file browser window and
selecting “New Folder” from the context menu
• In your home directory, create the following
directories under “public_html”
– MDST3703
– MDST303/09-05
• In the directory for today, create a page
– poetics.html
Exercise 3: Create an empty HTML Page
<html>
<head>
<title>The Poetics</title>
</head>
<body>
</body>
</html>
Elements
Tags
Attributes
XML
• Stands for “eXtensible Markup Language”
– The language in which XHMTL is written
• Basic rules
– Elements are signified by tags: start tags, end tags,
and singleton tags
– Tags are signified by angle brackets
– Attributes are signified by key/value pairs in the
start tag
<elementname key=“value”> …
</elementname>
Basic HTML Elements
HTML
HEAD
TITLE
BODY
H1, H2, H3 …
P
IMG
UL/OL
LI
TABLE
TR
TD
See http://www.w3schools.com/html
NOTE: By convention, I use capitals to name elements, even though
tag names are always lower case
Exercise 4: Create a chapter of the
Poetics
• Go to the resource listed on today’s blog page
• View the source of the page and cut the text
corresponding to your chapter
– Each person grab the chapter associated with your
number (which will be given to you)
• Paste the text into the file you just created
(poetics.html)
Exercise 5: Add some style
• Create a STYLE element inside the HEAD element,
after the TITLE element
• Add the attribute type=“text/css”
• Inside of the element, put the following:
p {
font-family: Serif;
font-size: 14pt;
width: 6in;
}
CSS
• Cascading Style Sheets
• Allows you to control fonts, colors, sizes,
layout, etc.
• Format:
selector {
key: value;
key: value;
}

More Related Content

Similar to Mdst3703 2013-09-05-studio2

Lesson Creation Techniques
Lesson Creation TechniquesLesson Creation Techniques
Lesson Creation Techniques
troyreynolds
 
UVA MDST 3703 HTML 2012-09-06
UVA MDST 3703 HTML 2012-09-06UVA MDST 3703 HTML 2012-09-06
UVA MDST 3703 HTML 2012-09-06
Rafael Alvarado
 
Tutorial: Building and using ontologies - E.Simperl - ESWC SS 2014
 Tutorial: Building and using ontologies -  E.Simperl - ESWC SS 2014 Tutorial: Building and using ontologies -  E.Simperl - ESWC SS 2014
Tutorial: Building and using ontologies - E.Simperl - ESWC SS 2014
eswcsummerschool
 
Building and using ontologies
Building and using ontologies Building and using ontologies
Building and using ontologies
Elena Simperl
 
Writing process
Writing processWriting process
Writing process
weigansm
 
MDST 3703 F10 Studio 5
MDST 3703 F10 Studio 5MDST 3703 F10 Studio 5
MDST 3703 F10 Studio 5
Rafael Alvarado
 
Building and using ontologies (2015)
Building and using ontologies (2015)Building and using ontologies (2015)
Building and using ontologies (2015)
Elena Simperl
 
Writing process
Writing process Writing process
Writing process
weigansm
 
Mdst3703 2013-08-29-hello-world
Mdst3703 2013-08-29-hello-worldMdst3703 2013-08-29-hello-world
Mdst3703 2013-08-29-hello-world
Rafael Alvarado
 
What is computational thinking? Who needs it? Why? How can it be learnt? ...
What is computational thinking?  Who needs it?  Why?  How can it be learnt?  ...What is computational thinking?  Who needs it?  Why?  How can it be learnt?  ...
What is computational thinking? Who needs it? Why? How can it be learnt? ...
Aaron Sloman
 
08.02.21 Analysing Performance - Interpretation
08.02.21 Analysing Performance - Interpretation08.02.21 Analysing Performance - Interpretation
08.02.21 Analysing Performance - Interpretation
Louise Douse
 
Stephen Downes en Rosario
Stephen Downes en RosarioStephen Downes en Rosario
Stephen Downes en Rosario
mariana affronti
 
IJCS_2015_0201003
IJCS_2015_0201003IJCS_2015_0201003
IJCS_2015_0201003
Indrajit Sinha
 
Understanding Learning Networks
Understanding Learning NetworksUnderstanding Learning Networks
Understanding Learning Networks
EDEN Digital Learning Europe
 
This Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docxThis Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docx
dmark846
 
This Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docxThis Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docx
juliennehar
 
Creative Writing Module 7 - Online Portfolio
Creative Writing Module 7 - Online PortfolioCreative Writing Module 7 - Online Portfolio
Creative Writing Module 7 - Online Portfolio
Kenneth Cabañas
 
Reading for Meaning Strategies with Subtext and Actively Learn
Reading for Meaning Strategies with Subtext and Actively LearnReading for Meaning Strategies with Subtext and Actively Learn
Reading for Meaning Strategies with Subtext and Actively Learn
edutechandy
 
Triggering your creativity in power point
Triggering your creativity in power pointTriggering your creativity in power point
Triggering your creativity in power point
tkh
 
Beyond Management: The Personal Learning Environment. Stephen Downes
Beyond Management: The Personal Learning Environment. Stephen DownesBeyond Management: The Personal Learning Environment. Stephen Downes
Beyond Management: The Personal Learning Environment. Stephen Downes
Departament de Justícia. Generalitat de Catalunya.
 

Similar to Mdst3703 2013-09-05-studio2 (20)

Lesson Creation Techniques
Lesson Creation TechniquesLesson Creation Techniques
Lesson Creation Techniques
 
UVA MDST 3703 HTML 2012-09-06
UVA MDST 3703 HTML 2012-09-06UVA MDST 3703 HTML 2012-09-06
UVA MDST 3703 HTML 2012-09-06
 
Tutorial: Building and using ontologies - E.Simperl - ESWC SS 2014
 Tutorial: Building and using ontologies -  E.Simperl - ESWC SS 2014 Tutorial: Building and using ontologies -  E.Simperl - ESWC SS 2014
Tutorial: Building and using ontologies - E.Simperl - ESWC SS 2014
 
Building and using ontologies
Building and using ontologies Building and using ontologies
Building and using ontologies
 
Writing process
Writing processWriting process
Writing process
 
MDST 3703 F10 Studio 5
MDST 3703 F10 Studio 5MDST 3703 F10 Studio 5
MDST 3703 F10 Studio 5
 
Building and using ontologies (2015)
Building and using ontologies (2015)Building and using ontologies (2015)
Building and using ontologies (2015)
 
Writing process
Writing process Writing process
Writing process
 
Mdst3703 2013-08-29-hello-world
Mdst3703 2013-08-29-hello-worldMdst3703 2013-08-29-hello-world
Mdst3703 2013-08-29-hello-world
 
What is computational thinking? Who needs it? Why? How can it be learnt? ...
What is computational thinking?  Who needs it?  Why?  How can it be learnt?  ...What is computational thinking?  Who needs it?  Why?  How can it be learnt?  ...
What is computational thinking? Who needs it? Why? How can it be learnt? ...
 
08.02.21 Analysing Performance - Interpretation
08.02.21 Analysing Performance - Interpretation08.02.21 Analysing Performance - Interpretation
08.02.21 Analysing Performance - Interpretation
 
Stephen Downes en Rosario
Stephen Downes en RosarioStephen Downes en Rosario
Stephen Downes en Rosario
 
IJCS_2015_0201003
IJCS_2015_0201003IJCS_2015_0201003
IJCS_2015_0201003
 
Understanding Learning Networks
Understanding Learning NetworksUnderstanding Learning Networks
Understanding Learning Networks
 
This Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docxThis Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docx
 
This Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docxThis Assignment has two parts. You will construct an argument in t.docx
This Assignment has two parts. You will construct an argument in t.docx
 
Creative Writing Module 7 - Online Portfolio
Creative Writing Module 7 - Online PortfolioCreative Writing Module 7 - Online Portfolio
Creative Writing Module 7 - Online Portfolio
 
Reading for Meaning Strategies with Subtext and Actively Learn
Reading for Meaning Strategies with Subtext and Actively LearnReading for Meaning Strategies with Subtext and Actively Learn
Reading for Meaning Strategies with Subtext and Actively Learn
 
Triggering your creativity in power point
Triggering your creativity in power pointTriggering your creativity in power point
Triggering your creativity in power point
 
Beyond Management: The Personal Learning Environment. Stephen Downes
Beyond Management: The Personal Learning Environment. Stephen DownesBeyond Management: The Personal Learning Environment. Stephen Downes
Beyond Management: The Personal Learning Environment. Stephen Downes
 

More from Rafael Alvarado

Mdst3703 2013-10-08-thematic-research-collections
Mdst3703 2013-10-08-thematic-research-collectionsMdst3703 2013-10-08-thematic-research-collections
Mdst3703 2013-10-08-thematic-research-collections
Rafael Alvarado
 
Mdst3703 2013-10-01-hypertext-and-history
Mdst3703 2013-10-01-hypertext-and-historyMdst3703 2013-10-01-hypertext-and-history
Mdst3703 2013-10-01-hypertext-and-history
Rafael Alvarado
 
Mdst3703 2013-09-24-hypertext
Mdst3703 2013-09-24-hypertextMdst3703 2013-09-24-hypertext
Mdst3703 2013-09-24-hypertext
Rafael Alvarado
 
Presentation1
Presentation1Presentation1
Presentation1
Rafael Alvarado
 
Mdst3703 2013-09-12-semantic-html
Mdst3703 2013-09-12-semantic-htmlMdst3703 2013-09-12-semantic-html
Mdst3703 2013-09-12-semantic-html
Rafael Alvarado
 
Mdst3703 2013-09-17-text-models
Mdst3703 2013-09-17-text-modelsMdst3703 2013-09-17-text-models
Mdst3703 2013-09-17-text-models
Rafael Alvarado
 
Mdst3703 2013-09-10-textual-signals
Mdst3703 2013-09-10-textual-signalsMdst3703 2013-09-10-textual-signals
Mdst3703 2013-09-10-textual-signals
Rafael Alvarado
 
Mdst3703 2013-09-03-plato2
Mdst3703 2013-09-03-plato2Mdst3703 2013-09-03-plato2
Mdst3703 2013-09-03-plato2
Rafael Alvarado
 
UVA MDST 3703 2013 08-27 Introduction
UVA MDST 3703 2013 08-27 IntroductionUVA MDST 3703 2013 08-27 Introduction
UVA MDST 3703 2013 08-27 Introduction
Rafael Alvarado
 
MDST 3705 2012-03-05 Databases to Visualization
MDST 3705 2012-03-05 Databases to VisualizationMDST 3705 2012-03-05 Databases to Visualization
MDST 3705 2012-03-05 Databases to Visualization
Rafael Alvarado
 
Mdst3705 2013-02-26-db-as-genre
Mdst3705 2013-02-26-db-as-genreMdst3705 2013-02-26-db-as-genre
Mdst3705 2013-02-26-db-as-genre
Rafael Alvarado
 
Mdst3705 2013-02-19-text-into-data
Mdst3705 2013-02-19-text-into-dataMdst3705 2013-02-19-text-into-data
Mdst3705 2013-02-19-text-into-data
Rafael Alvarado
 
Mdst3705 2013-02-12-finding-data
Mdst3705 2013-02-12-finding-dataMdst3705 2013-02-12-finding-data
Mdst3705 2013-02-12-finding-data
Rafael Alvarado
 
Mdst3705 2012-01-22-code-as-language
Mdst3705 2012-01-22-code-as-languageMdst3705 2012-01-22-code-as-language
Mdst3705 2012-01-22-code-as-language
Rafael Alvarado
 
Mdst3705 2013-01-24-php2
Mdst3705 2013-01-24-php2Mdst3705 2013-01-24-php2
Mdst3705 2013-01-24-php2
Rafael Alvarado
 
Mdst3703 graph-theory-11-20-2012
Mdst3703 graph-theory-11-20-2012Mdst3703 graph-theory-11-20-2012
Mdst3703 graph-theory-11-20-2012
Rafael Alvarado
 
Mdst3703 maps-and-timelines-2012-11-13
Mdst3703 maps-and-timelines-2012-11-13Mdst3703 maps-and-timelines-2012-11-13
Mdst3703 maps-and-timelines-2012-11-13
Rafael Alvarado
 
Mdst3703 culturomics-2012-11-01
Mdst3703 culturomics-2012-11-01Mdst3703 culturomics-2012-11-01
Mdst3703 culturomics-2012-11-01
Rafael Alvarado
 
Mdst3703 visualization-2012-10-23
Mdst3703 visualization-2012-10-23Mdst3703 visualization-2012-10-23
Mdst3703 visualization-2012-10-23
Rafael Alvarado
 
Mdst3703 shiva-2012-10-18
Mdst3703 shiva-2012-10-18Mdst3703 shiva-2012-10-18
Mdst3703 shiva-2012-10-18
Rafael Alvarado
 

More from Rafael Alvarado (20)

Mdst3703 2013-10-08-thematic-research-collections
Mdst3703 2013-10-08-thematic-research-collectionsMdst3703 2013-10-08-thematic-research-collections
Mdst3703 2013-10-08-thematic-research-collections
 
Mdst3703 2013-10-01-hypertext-and-history
Mdst3703 2013-10-01-hypertext-and-historyMdst3703 2013-10-01-hypertext-and-history
Mdst3703 2013-10-01-hypertext-and-history
 
Mdst3703 2013-09-24-hypertext
Mdst3703 2013-09-24-hypertextMdst3703 2013-09-24-hypertext
Mdst3703 2013-09-24-hypertext
 
Presentation1
Presentation1Presentation1
Presentation1
 
Mdst3703 2013-09-12-semantic-html
Mdst3703 2013-09-12-semantic-htmlMdst3703 2013-09-12-semantic-html
Mdst3703 2013-09-12-semantic-html
 
Mdst3703 2013-09-17-text-models
Mdst3703 2013-09-17-text-modelsMdst3703 2013-09-17-text-models
Mdst3703 2013-09-17-text-models
 
Mdst3703 2013-09-10-textual-signals
Mdst3703 2013-09-10-textual-signalsMdst3703 2013-09-10-textual-signals
Mdst3703 2013-09-10-textual-signals
 
Mdst3703 2013-09-03-plato2
Mdst3703 2013-09-03-plato2Mdst3703 2013-09-03-plato2
Mdst3703 2013-09-03-plato2
 
UVA MDST 3703 2013 08-27 Introduction
UVA MDST 3703 2013 08-27 IntroductionUVA MDST 3703 2013 08-27 Introduction
UVA MDST 3703 2013 08-27 Introduction
 
MDST 3705 2012-03-05 Databases to Visualization
MDST 3705 2012-03-05 Databases to VisualizationMDST 3705 2012-03-05 Databases to Visualization
MDST 3705 2012-03-05 Databases to Visualization
 
Mdst3705 2013-02-26-db-as-genre
Mdst3705 2013-02-26-db-as-genreMdst3705 2013-02-26-db-as-genre
Mdst3705 2013-02-26-db-as-genre
 
Mdst3705 2013-02-19-text-into-data
Mdst3705 2013-02-19-text-into-dataMdst3705 2013-02-19-text-into-data
Mdst3705 2013-02-19-text-into-data
 
Mdst3705 2013-02-12-finding-data
Mdst3705 2013-02-12-finding-dataMdst3705 2013-02-12-finding-data
Mdst3705 2013-02-12-finding-data
 
Mdst3705 2012-01-22-code-as-language
Mdst3705 2012-01-22-code-as-languageMdst3705 2012-01-22-code-as-language
Mdst3705 2012-01-22-code-as-language
 
Mdst3705 2013-01-24-php2
Mdst3705 2013-01-24-php2Mdst3705 2013-01-24-php2
Mdst3705 2013-01-24-php2
 
Mdst3703 graph-theory-11-20-2012
Mdst3703 graph-theory-11-20-2012Mdst3703 graph-theory-11-20-2012
Mdst3703 graph-theory-11-20-2012
 
Mdst3703 maps-and-timelines-2012-11-13
Mdst3703 maps-and-timelines-2012-11-13Mdst3703 maps-and-timelines-2012-11-13
Mdst3703 maps-and-timelines-2012-11-13
 
Mdst3703 culturomics-2012-11-01
Mdst3703 culturomics-2012-11-01Mdst3703 culturomics-2012-11-01
Mdst3703 culturomics-2012-11-01
 
Mdst3703 visualization-2012-10-23
Mdst3703 visualization-2012-10-23Mdst3703 visualization-2012-10-23
Mdst3703 visualization-2012-10-23
 
Mdst3703 shiva-2012-10-18
Mdst3703 shiva-2012-10-18Mdst3703 shiva-2012-10-18
Mdst3703 shiva-2012-10-18
 

Recently uploaded

Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Zilliz
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
SOFTTECHHUB
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
KAMESHS29
 

Recently uploaded (20)

Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
 

Mdst3703 2013-09-05-studio2

  • 1. Studio 2: HTML Prof. Alvarado MDST 3703 5 September 2013
  • 2. Business • Blogging – after class, and before the weekend, write a reflective post about the week – Does everyone know what a post is? • Don’t let this sit . . . Do it before you begin next week’s readings
  • 4.
  • 5. McLuhan, The Medium is the Massage
  • 6. McLuhan, The Medium is the Massage
  • 7. McLuhan, The Medium is the Massage
  • 9. Plato • Plato’s cave is an allegory of knowledge – Describes on the role of media and imitation in the formation of knowledge • Plato posits a hierarchy of imitation and media forms – The Forms  “First order things”  Artistic representations of things • Plato devalues art and poetry for being at the bottom of this hierarchy – He values geometry and philosophy as having access to the Forms
  • 10. Plato • As an allegory of media, the following identities seem to hold – Shadows = art and poetry – Puppeteers = artists and poets – Puppets = ? (part of the shadows’ apparatus) • In contemporary terms, the shadows can be identified with mass media – TV, radio, film, social media, etc.
  • 11. The allegory of the cave lives on in Marxist critiques of society. Reality is production, and the shadows are ideology and religion. But the philosopher Karl Popper blames totalitarianism on Plato’s cave. 1967
  • 12. Aristotle • In the Poetics, Aristotle takes a less dim view of art and poetry – We learn through imitation; imitation is fundamental to being human – Different art forms convey different kinds of meaning • Tragedy (a form of drama) represents a particular kind of human action
  • 13. Note the preservation of the abstract over the visual Aristotle’s reformulates Plato’s distinction
  • 14. Where do digital media developers fit into the allegory of the cave? What kinds of imitation do we produce?
  • 15. Shadows = art and poetry = INTERFACE Puppeteers = artists and poets = CODER Puppets = = CODE
  • 17. Exercise 1: Enhance JEdit • To get your File System Browser on the side of your editor: – Utilities > File System Browser > Dock at Left • To add plugins: – Plugins > Plugin Manager > Install – Choose SideKick and XML – May have to pick a different serve by clicking on “Download Options…” at the bottom • To turn word wrapping on or off: – Utilities > Buffer Options > Word Wrap
  • 18. Exercise 2: Create a directory for today’s work • You can create directories in JEdit by clicking on a folder in the top file browser window and selecting “New Folder” from the context menu • In your home directory, create the following directories under “public_html” – MDST3703 – MDST303/09-05 • In the directory for today, create a page – poetics.html
  • 19. Exercise 3: Create an empty HTML Page <html> <head> <title>The Poetics</title> </head> <body> </body> </html>
  • 21. XML • Stands for “eXtensible Markup Language” – The language in which XHMTL is written • Basic rules – Elements are signified by tags: start tags, end tags, and singleton tags – Tags are signified by angle brackets – Attributes are signified by key/value pairs in the start tag <elementname key=“value”> … </elementname>
  • 22. Basic HTML Elements HTML HEAD TITLE BODY H1, H2, H3 … P IMG UL/OL LI TABLE TR TD See http://www.w3schools.com/html NOTE: By convention, I use capitals to name elements, even though tag names are always lower case
  • 23. Exercise 4: Create a chapter of the Poetics • Go to the resource listed on today’s blog page • View the source of the page and cut the text corresponding to your chapter – Each person grab the chapter associated with your number (which will be given to you) • Paste the text into the file you just created (poetics.html)
  • 24. Exercise 5: Add some style • Create a STYLE element inside the HEAD element, after the TITLE element • Add the attribute type=“text/css” • Inside of the element, put the following: p { font-family: Serif; font-size: 14pt; width: 6in; }
  • 25. CSS • Cascading Style Sheets • Allows you to control fonts, colors, sizes, layout, etc. • Format: selector { key: value; key: value; }