SlideShare ist ein Scribd-Unternehmen logo
1 von 18
IML 140
The Web, Digital Media, and Creative Culture
Who and what is the...



 "Creative"
Class?
Internet   origins


Cold War
 Sputnik
DARPA/IPTO
Internet   origins


Cold War
 1968
ARPANET
Internet           origins


UCLA school of engineering
 1969
SRI international
Internet                origins


NCP (network control program)
 1974
TCP/IP     (transmission control protocol)
Internet         origins


National Science Foundation
 1985
NSFNET
Internet          origins


National Science Foundation
 1994
Privatazation
             JavaScript
Internet   origins




1994
Internet      vs.

 World Wide Web
 hardware
      infrastructure
services  software
Data
(content / element)
<>Data</>
(tag / metadata)
<html>
</html>
Let's say "hi"
1. Open an formatted text doc, we
   will use "stickies" on the Mac
      2. Click "File" > "New"
<html>




</html>
<html>
          <head>


         </head>
                   <body>
                   </body>
</html>
<html>
          <head>
               <title>
               Evan's Page

              </title>
         </head>
                     <body>
                      Hello World!

                     </body>
</html>
Let's say "hi"
3. Click "File" > "Export" and save as
    "index" - make sure it goes to
                desktop
  4. Change the file type from ".txt"
              to .html
  5. Right click on "index.html" and
          open with Firefox

Weitere ähnliche Inhalte

Ähnlich wie Iml140 web week_1

CSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part ACSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part ATeresa Pelkie
 
Creative Web 01 - Introduction to the web & web development
Creative Web 01 - Introduction to the web & web developmentCreative Web 01 - Introduction to the web & web development
Creative Web 01 - Introduction to the web & web developmentLukas Oppermann
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tagsManish jariyal
 
Strategies to design FUD malware
Strategies to design FUD malwareStrategies to design FUD malware
Strategies to design FUD malwarePedro Tavares
 
Tool Development 03 - File I/O
Tool Development 03 - File I/OTool Development 03 - File I/O
Tool Development 03 - File I/ONick Pruehs
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Kosie Eloff
 
บทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศบทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศBeauso English
 
Net to web: The Links that became a Web
Net to web:  The Links that became a WebNet to web:  The Links that became a Web
Net to web: The Links that became a WebJohan Koren
 
Hello world
Hello worldHello world
Hello worldhemi46h
 
How to import text files into RefWorks 2.0 using PubMed
How to import text files into RefWorks 2.0 using PubMedHow to import text files into RefWorks 2.0 using PubMed
How to import text files into RefWorks 2.0 using PubMedUCT
 

Ähnlich wie Iml140 web week_1 (20)

CSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part ACSWB 110 Tutorial1 Part A
CSWB 110 Tutorial1 Part A
 
HTML
HTMLHTML
HTML
 
Creative Web 01 - Introduction to the web & web development
Creative Web 01 - Introduction to the web & web developmentCreative Web 01 - Introduction to the web & web development
Creative Web 01 - Introduction to the web & web development
 
Linux Basics
Linux BasicsLinux Basics
Linux Basics
 
web design
web designweb design
web design
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tags
 
Strategies to design FUD malware
Strategies to design FUD malwareStrategies to design FUD malware
Strategies to design FUD malware
 
File Handling
File HandlingFile Handling
File Handling
 
File Handling
File HandlingFile Handling
File Handling
 
Tool Development 03 - File I/O
Tool Development 03 - File I/OTool Development 03 - File I/O
Tool Development 03 - File I/O
 
Form 1 Term 3 Week 2.3
Form 1   Term 3   Week 2.3Form 1   Term 3   Week 2.3
Form 1 Term 3 Week 2.3
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]
 
Sample
SampleSample
Sample
 
บทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศบทที่7 การจัดการทรัพยากรสารสนเทศ
บทที่7 การจัดการทรัพยากรสารสนเทศ
 
Handling computer files
Handling computer filesHandling computer files
Handling computer files
 
Net to web: The Links that became a Web
Net to web:  The Links that became a WebNet to web:  The Links that became a Web
Net to web: The Links that became a Web
 
The history Internet.
The history Internet.The history Internet.
The history Internet.
 
Hello world
Hello worldHello world
Hello world
 
Markup Languages
Markup LanguagesMarkup Languages
Markup Languages
 
How to import text files into RefWorks 2.0 using PubMed
How to import text files into RefWorks 2.0 using PubMedHow to import text files into RefWorks 2.0 using PubMed
How to import text files into RefWorks 2.0 using PubMed
 

Mehr von Evan Hughes

IML 140 - The Art of the Storytelling Business
IML 140 - The Art of the Storytelling BusinessIML 140 - The Art of the Storytelling Business
IML 140 - The Art of the Storytelling BusinessEvan Hughes
 
Blog HTML example for IML 295
Blog HTML example for IML 295Blog HTML example for IML 295
Blog HTML example for IML 295Evan Hughes
 
Html intro for IML 295, week 11
Html intro for IML 295, week 11Html intro for IML 295, week 11
Html intro for IML 295, week 11Evan Hughes
 
Media for business_commercials
Media for business_commercialsMedia for business_commercials
Media for business_commercialsEvan Hughes
 
I ml 140 digital media for business - final week
I ml 140  digital media for business - final weekI ml 140  digital media for business - final week
I ml 140 digital media for business - final weekEvan Hughes
 
Design and presenting with slides
Design and presenting with slidesDesign and presenting with slides
Design and presenting with slidesEvan Hughes
 
Dreamweaver Template
Dreamweaver TemplateDreamweaver Template
Dreamweaver TemplateEvan Hughes
 
Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Evan Hughes
 
Week 4 css basics
Week 4 css basicsWeek 4 css basics
Week 4 css basicsEvan Hughes
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Evan Hughes
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2Evan Hughes
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2Evan Hughes
 
Dreamweaver template
Dreamweaver templateDreamweaver template
Dreamweaver templateEvan Hughes
 
IML 140 Design - Basics
IML 140 Design - BasicsIML 140 Design - Basics
IML 140 Design - BasicsEvan Hughes
 
Remixand culture
Remixand cultureRemixand culture
Remixand cultureEvan Hughes
 
Mobile design patterns
Mobile design patternsMobile design patterns
Mobile design patternsEvan Hughes
 
Weeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsWeeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsEvan Hughes
 
Color Theory Basics
Color Theory BasicsColor Theory Basics
Color Theory BasicsEvan Hughes
 

Mehr von Evan Hughes (20)

IML 140 - The Art of the Storytelling Business
IML 140 - The Art of the Storytelling BusinessIML 140 - The Art of the Storytelling Business
IML 140 - The Art of the Storytelling Business
 
Blog HTML example for IML 295
Blog HTML example for IML 295Blog HTML example for IML 295
Blog HTML example for IML 295
 
Html intro for IML 295, week 11
Html intro for IML 295, week 11Html intro for IML 295, week 11
Html intro for IML 295, week 11
 
Media for business_commercials
Media for business_commercialsMedia for business_commercials
Media for business_commercials
 
I ml 140 digital media for business - final week
I ml 140  digital media for business - final weekI ml 140  digital media for business - final week
I ml 140 digital media for business - final week
 
Design and presenting with slides
Design and presenting with slidesDesign and presenting with slides
Design and presenting with slides
 
Dreamweaver Template
Dreamweaver TemplateDreamweaver Template
Dreamweaver Template
 
Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Iml140 cs sbasics_week5
Iml140 cs sbasics_week5
 
Week 4 css basics
Week 4 css basicsWeek 4 css basics
Week 4 css basics
 
Word Press Site
Word Press SiteWord Press Site
Word Press Site
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
 
Dreamweaver template
Dreamweaver templateDreamweaver template
Dreamweaver template
 
IML 140 Design - Basics
IML 140 Design - BasicsIML 140 Design - Basics
IML 140 Design - Basics
 
Remixand culture
Remixand cultureRemixand culture
Remixand culture
 
Mobile design patterns
Mobile design patternsMobile design patterns
Mobile design patterns
 
Weeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsWeeks3 5 cs_sbasics
Weeks3 5 cs_sbasics
 
Color Theory Basics
Color Theory BasicsColor Theory Basics
Color Theory Basics
 
Iml 295 week
Iml 295 weekIml 295 week
Iml 295 week
 

Kürzlich hochgeladen

Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17Celine George
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfNirmal Dwivedi
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 

Kürzlich hochgeladen (20)

Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 

Iml140 web week_1